/* Only the Kinder feature and its dimensions guide. Other storefront sections keep their existing appearance. */
.hero.kinder-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.2fr);gap:0;align-items:center;min-height:0;margin-block:24px 22px;padding:28px 30px 16px;border:1px solid #e8cfe3;border-radius:27px;background:linear-gradient(112deg,#fff5fc,#fcecf8 41%,#edf8ff 78%,#e7f5ff);box-shadow:0 4px 0 #e5dcec70,0 12px 36px #c9b2d01a;overflow:hidden}
.kinder-hero::before{content:"";position:absolute;inset:0;z-index:0;background:url('/assets/brand/vaudivo-storybook-dreams-20261027.svg') center/430px 220px repeat;opacity:.27;pointer-events:none}
.kinder-hero>*{position:relative;z-index:1;min-width:0}
.kinder-hero .hero-copy{padding:0 20px 0 2px;min-width:0}
.hero.kinder-hero #hero-title{display:grid;gap:5px;margin:0 0 16px;font:500 clamp(27px,3.25vw,46px)/1.18 VaudivoNunito,Onest,sans-serif;letter-spacing:-.015em;font-synthesis:none}
.kinder-hero #hero-title>span,.kinder-hero #hero-title>em{-webkit-mask:url('/assets/brand/vaudivo-chalk-grain-20261027.svg') repeat 0 0/180px 120px;mask:url('/assets/brand/vaudivo-chalk-grain-20261027.svg') repeat 0 0/180px 120px;text-shadow:.2px .2px 0 currentColor;white-space:nowrap}
.hero.kinder-hero #hero-title>span{color:#b86498}
.hero.kinder-hero #hero-title>em{margin:0;color:#4b91b8;font:inherit}
.hero.kinder-hero .hero-product-description{display:block;margin:0;max-width:43ch;color:#59647a;font:400 16px/1.65 VaudivoNunito,Onest,sans-serif;text-wrap:pretty}
.hero-product-description>span{display:block;margin-top:10px}
.hero-product-description b{font-weight:650;color:#8e6084}
.kinder-buy-row{display:flex;align-items:center;gap:10px;margin-top:16px}
.kinder-illustrated-cta{position:relative;flex:1 1 280px;min-width:220px;max-width:330px;aspect-ratio:2.98;min-height:84px;padding:0;border:0;background:url('/assets/kinder-emotion-20261027/choose-kinder-cloud.webp') center/100% 100% no-repeat;border-radius:24px;color:#875573;font-family:VaudivoNunito,Onest,sans-serif;cursor:pointer;text-align:center;filter:drop-shadow(0 4px 5px #bfa9ca24)}
.kinder-illustrated-cta>span{display:flex;flex-direction:column;justify-content:center;gap:1px;padding:2px 16% 2px 25%;font-size:14px;line-height:1.3;font-weight:600}
.kinder-illustrated-cta strong{font-size:20px;font-weight:700;white-space:nowrap;color:#835174}
.kinder-illustrated-cta:hover{filter:drop-shadow(0 4px 6px #bfa9ca42) brightness(1.02)}
.kinder-illustrated-cta:focus-visible{outline:2px solid #6e9cbd;outline-offset:4px}
.kinder-price-tag{position:relative;isolation:isolate;flex:0 0 119px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:82px;padding:10px 6px;border:1px solid #e5bfd8;border-radius:23px;background:linear-gradient(140deg,#fff8fc,#fce6f4 47%,#e8f7ff);box-shadow:0 3px 0 #ead8e877;overflow:hidden}
.kinder-price-tag::before{content:"";position:absolute;inset:0;z-index:-1;background:url('/assets/brand/vaudivo-storybook-dreams-20261027.svg') center/170px 110px;opacity:.5;pointer-events:none}
.kinder-price-tag small{font:500 10px/1.3 VaudivoNunito,Onest,sans-serif;color:#946a8a;white-space:nowrap}
.kinder-price-tag>span{font:500 12px/1.2 VaudivoNunito,Onest,sans-serif;color:#946a8a;white-space:nowrap}
.kinder-price-tag strong{font:700 25px/1.1 VaudivoNunito,Onest,sans-serif;color:#a25482;letter-spacing:-.035em}
.kinder-dimensions-link{display:flex;align-items:center;justify-content:center;gap:11px;width:max-content;max-width:100%;min-height:51px;margin-top:13px;padding:9px 17px;border:1px solid #cbdce9;border-radius:18px;background:linear-gradient(115deg,#fff5fc,#eaf6ff);box-shadow:0 2px 0 #e5d9e780;color:#6c6e8a;font:500 13px/1.35 VaudivoNunito,Onest,sans-serif;text-align:left}
.kinder-link-star{font-size:27px;color:#be89ad;line-height:1}
.kinder-dimensions-link svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.kinder-dimensions-link:hover{background:linear-gradient(115deg,#fcecf7,#dff2ff);border-color:#b4cde0}
.hero.kinder-hero .hero-scene{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 134px;grid-template-rows:auto auto;align-items:center;gap:0 10px;align-self:center;padding:0;background:radial-gradient(ellipse at 45% 60%,#d0e9f850,transparent 65%);min-width:0}
.kinder-hero .hero-scene::after{display:none}
.kinder-carousel-stage{position:relative;grid-column:1;grid-row:1;height:430px;min-width:0;overflow:visible;touch-action:pan-y pinch-zoom;user-select:none;cursor:grab}
.kinder-carousel-slide{--offset:0px;--scale:.65;--angle:0deg;position:absolute;left:50%;top:7px;display:block;width:min(80%,330px);padding:5px;border:1px solid #e0c5dc;border-radius:24px;background:#fffafd;box-shadow:0 13px 30px #9281ab22;opacity:0;filter:blur(4px);transform:translate3d(calc(-50% + var(--offset) + var(--swipe-x,0px)),18px,0) scale(var(--scale)) rotate(var(--angle));transform-origin:50% 55%;pointer-events:none;transition:transform 520ms cubic-bezier(.22,.7,.25,1),opacity 380ms ease,filter 520ms ease;will-change:transform,opacity,filter}
.kinder-carousel-slide img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:4/5;object-fit:contain;border-radius:18px;pointer-events:none}
.kinder-carousel-slide[data-position=center]{--scale:1;z-index:3;opacity:1;filter:blur(0);transform:translate3d(calc(-50% + var(--swipe-x,0px)),0,0) scale(1);border-color:#d6b6d0;pointer-events:auto;box-shadow:0 16px 30px #8c739d2b}
.kinder-carousel-slide[data-position=previous]{--offset:-94px;--scale:.78;--angle:-6deg;z-index:1;opacity:.37;filter:blur(2.5px);pointer-events:auto}
.kinder-carousel-slide[data-position=next]{--offset:94px;--scale:.78;--angle:6deg;z-index:1;opacity:.37;filter:blur(2.5px);pointer-events:auto}
.kinder-carousel[data-motion=manual] .kinder-carousel-slide{transition-duration:360ms,300ms,360ms}
.kinder-carousel[data-dragging=true] .kinder-carousel-slide{transition:none}
.kinder-carousel[data-dragging=true] .kinder-carousel-stage{cursor:grabbing}
.kinder-mood{position:relative;z-index:4;grid-column:2;grid-row:1;align-self:center;min-width:0;padding:12px 0 16px;background:linear-gradient(90deg,#f0f7ff00,#edf7ffb0 15%)}
.hero.kinder-hero .kinder-mood-title{display:grid;gap:5px;margin:0;color:#b36898;font:500 20px/1.3 VaudivoNunito,Onest,sans-serif;-webkit-mask:url('/assets/brand/vaudivo-chalk-grain-20261027.svg') repeat 0 0/180px 120px;mask:url('/assets/brand/vaudivo-chalk-grain-20261027.svg') repeat 0 0/180px 120px}
.kinder-mood-title em{color:#5c99ba;font:inherit}
.hero.kinder-hero .kinder-mood-copy{display:block;margin:15px 0;color:#768096;font:400 13px/1.6 VaudivoNunito,Onest,sans-serif}
.kinder-current-color{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:15px;font:500 12px/1.5 VaudivoNunito,Onest,sans-serif;color:#9b7694}
.kinder-color-new{display:inline-flex;padding:2px 7px;border:1px solid #e7cadd;border-radius:8px;background:#fff4fc;font-size:10px;color:#b477a0}
.kinder-color-new[hidden]{display:none}
.kinder-carousel-controls{display:flex;align-items:center;justify-content:center;gap:5px;grid-column:1;grid-row:2;margin:0;min-height:32px;position:relative;z-index:5}
.kinder-carousel-controls .container-carousel-arrow{display:grid;place-items:center;flex:none;width:32px;height:30px;min-height:30px;padding:7px;border:0;border-radius:10px;background:transparent;color:#b48aac;box-shadow:none;opacity:.5}
.kinder-carousel-controls .container-carousel-arrow:hover{background:transparent;opacity:.9}
.kinder-carousel-dots{display:flex;align-items:center;justify-content:center;gap:1px}
.kinder-carousel-dots [data-swatch="Белый с красным"]{--swatch:#df4d46}
.kinder-carousel-dots [data-swatch="Белый с розовым"]{--swatch:#ef82b0}
.kinder-carousel-dots [data-swatch="Белый с жёлтым"]{--swatch:#f0cb34}
.kinder-carousel-dots [data-swatch="Белый с голубым"]{--swatch:#189ed1}
.kinder-carousel-dots [data-swatch="Белый с чёрным"]{--swatch:#343b38}
.kinder-carousel-dots [data-swatch="Белый с фиолетовым"]{--swatch:#9257b9}
.kinder-carousel-dots button{display:grid;place-items:center;width:25px;height:30px;min-height:30px;padding:0;border:0;border-radius:10px;background:transparent}
.kinder-carousel-dots span{display:block;width:7px;height:7px;border-radius:50%;background:var(--swatch);opacity:.67;box-shadow:0 0 0 1px #bc9bb122}
.kinder-carousel-dots [aria-current=true] span{width:9px;height:9px;opacity:1;outline:1px solid #ae88a2;outline-offset:3px;box-shadow:0 0 0 2px #fff8fc}
.hero.kinder-hero .kinder-empty-note{display:block;grid-column:1/-1;margin:15px 0 0;text-align:center;font:400 12px/1.5 VaudivoNunito,Onest,sans-serif;color:#8d8396}
.kinder-size-guide{position:relative;isolation:isolate;color:#5d667b}
.kinder-guide-kicker{display:block;font:500 11px/1.5 VaudivoNunito,Onest,sans-serif;letter-spacing:.1em;color:#a57796}
.info-body .kinder-size-guide h3{margin:9px 0 12px;font:500 36px/1.2 VaudivoNunito,Onest,sans-serif;color:#9f638d;-webkit-mask:url('/assets/brand/vaudivo-chalk-grain-20261027.svg') repeat 0 0/180px 120px;mask:url('/assets/brand/vaudivo-chalk-grain-20261027.svg') repeat 0 0/180px 120px}
.info-body .kinder-guide-intro{max-width:63ch;margin:0 0 23px;font:400 15px/1.6 VaudivoNunito,Onest,sans-serif;color:#737b8f}
.kinder-size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.kinder-size-card{position:relative;min-width:0;padding:22px 18px 17px;border:1px solid #e4c9df;border-radius:23px;background:linear-gradient(150deg,#fff5fc,#f6f7ff 50%,#eaf7ff);box-shadow:0 3px 0 #e4dcea55;overflow:hidden}
.kinder-size-card::before{content:"♡  ✧";position:absolute;top:15px;right:14px;font-size:19px;color:#d3b4cc;opacity:.4;pointer-events:none}
.kinder-size-mood{display:block;max-width:80%;font:500 11px/1.4 VaudivoNunito,Onest,sans-serif;color:#a27999}
.kinder-size-card h4{margin:9px 0 17px;font:600 40px/1.1 VaudivoNunito,Onest,sans-serif;color:#659bb8;letter-spacing:-.02em}
.kinder-size-card:nth-child(2) h4{color:#b872a1}
.kinder-size-card dl{display:grid;gap:9px;margin:0;font:400 12px/1.45 VaudivoNunito,Onest,sans-serif}
.kinder-size-card dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:9px;min-width:0}
.kinder-size-card dt{min-width:0;color:#7a8194}
.kinder-size-card dd{margin:0;white-space:nowrap;font-weight:650;color:#626c84}
.kinder-inner-size{margin-top:16px;padding-top:14px;border-top:1px solid #ddd8e8}
.kinder-inner-size>span{display:block;margin-bottom:10px;font:500 11px/1.4 VaudivoNunito,Onest,sans-serif;color:#a681a0}
.kinder-size-price{display:block;margin:18px 0 12px;font:650 23px/1.2 VaudivoNunito,Onest,sans-serif;color:#9b668c}
.kinder-size-card .button{width:100%;min-height:44px;padding:9px 10px;border-radius:14px;font-size:12px}
.info-body .kinder-size-note{margin:20px 0 0;font:400 12px/1.65 VaudivoNunito,Onest,sans-serif;color:#8b879b}
@media(min-width:651px) and (max-width:1100px){
 .hero.kinder-hero{padding:24px 22px 16px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
 .hero.kinder-hero #hero-title{font-size:clamp(25px,3.2vw,36px)}
 .hero.kinder-hero .hero-copy{padding-right:12px}
 .hero.kinder-hero .hero-product-description{font-size:15px}
 .hero.kinder-hero .hero-scene{grid-template-columns:minmax(0,1fr)}
 .kinder-carousel-stage{height:auto;aspect-ratio:1/1.11;max-height:400px}
 .kinder-carousel-slide{width:min(85%,300px)}
 .kinder-mood{grid-column:1;grid-row:3;padding:8px 0 0;background:none;text-align:center}
 .hero.kinder-hero .kinder-mood-title{display:flex;justify-content:center;gap:7px;font-size:17px}
 .hero.kinder-hero .kinder-mood-copy{display:none}
 .kinder-current-color{justify-content:center;margin-top:6px}
 .kinder-buy-row{flex-wrap:wrap;justify-content:flex-start;gap:7px}
 .kinder-illustrated-cta{flex-basis:100%;max-width:300px;min-width:0}
 .kinder-price-tag{flex-basis:auto;min-height:48px;flex-direction:row;gap:8px;padding:9px 13px;border-radius:16px}
 .kinder-price-tag strong{font-size:23px}
}
@media(min-width:651px) and (max-width:850px){.kinder-carousel-stage{height:auto}.kinder-carousel-slide{width:85%}.kinder-carousel-slide[data-position=previous]{--offset:-60px}.kinder-carousel-slide[data-position=next]{--offset:60px}.kinder-size-grid{gap:10px}.kinder-size-card{padding-inline:13px}}
@media(max-width:650px){
 .hero.kinder-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:22px 16px 14px;margin-block:20px;border-radius:25px}
 .kinder-hero::before{background-size:330px 210px;opacity:.25}
 .hero.kinder-hero .hero-copy{display:contents}
 .hero.kinder-hero #hero-title{order:1;gap:4px;margin:0 0 13px;text-align:center;font-size:clamp(23px,6.3vw,38px);line-height:1.2}
 .hero.kinder-hero .hero-product-description{position:relative;z-index:1;order:2;margin:0 auto;font-size:15px;line-height:1.6;text-align:center;max-width:39ch}
 .hero-product-description>span{margin-top:9px}
 .hero.kinder-hero .hero-scene{order:3;display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-self:stretch;margin:12px 0 5px}
 .kinder-carousel-stage{height:auto;aspect-ratio:1/1.055;max-height:403px;min-width:0;grid-column:1;grid-row:1}
 .kinder-carousel-slide{top:5px;width:80%;max-width:310px;padding:4px;border-radius:21px}
 .kinder-carousel-slide img{border-radius:15px}
 .kinder-carousel-slide[data-position=previous]{--offset:-27vw;--angle:-6deg}
 .kinder-carousel-slide[data-position=next]{--offset:27vw;--angle:6deg}
 .kinder-carousel-controls{grid-column:1;grid-row:2;margin:0;min-height:30px;gap:3px}
 .kinder-carousel-dots button{width:24px}
 .kinder-mood{grid-column:1;grid-row:3;padding:4px 0 1px;background:none;text-align:center}
 .hero.kinder-hero .kinder-mood-title{display:flex;justify-content:center;flex-wrap:wrap;gap:3px 7px;font-size:16px;line-height:1.35}
 .hero.kinder-hero .kinder-mood-copy{display:none}
 .kinder-current-color{justify-content:center;min-height:22px;margin-top:5px;font-size:11px;gap:6px}
 .kinder-buy-row{position:relative;z-index:1;order:4;display:flex;flex-direction:column;align-items:center;gap:10px;margin:3px 0 0}
 .kinder-illustrated-cta{flex:none;width:100%;max-width:330px;min-width:0;min-height:0;aspect-ratio:2.98}
 .kinder-illustrated-cta>span{font-size:14px}
 .kinder-illustrated-cta strong{font-size:20px}
 .kinder-price-tag{flex:none;flex-direction:row;gap:9px;width:max-content;min-height:50px;padding:9px 15px;border-radius:18px}
 .kinder-price-tag strong{font-size:25px}
 .kinder-dimensions-link{position:relative;z-index:1;order:5;align-self:center;width:100%;max-width:320px;justify-content:space-between;margin-top:13px;min-height:52px;padding:9px 13px;font-size:13px}
 .hero.kinder-hero .kinder-empty-note{order:6;margin-top:13px;font-size:11px;line-height:1.5}
 .kinder-size-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .info-body .kinder-size-guide h3{font-size:29px;line-height:1.25}
 .info-body .kinder-guide-intro{font-size:14px}
 .kinder-size-card{padding:20px 20px 17px}
 .kinder-size-card dl{font-size:13px}
 .kinder-size-card h4{font-size:39px}
}
@media(prefers-reduced-motion:reduce){.kinder-carousel .kinder-carousel-slide{transition:none !important}}
