/* 27.17 targeted interaction layer. The approved 27.15 design system is retained. */
html[data-yivo-interactions="27.17"]{scroll-behavior:auto}
.ym-enabled [data-ym-step]{opacity:0;translate:0 45px;scale:.97;filter:blur(5px);transition:opacity .42s var(--yivo-ease),translate .6s var(--yivo-ease),scale .6s var(--yivo-ease),filter .5s var(--yivo-ease);transition-delay:var(--ym-step-delay,0ms)}
.ym-enabled [data-ym-step].ym-step-visible,.ym-enabled .yh-market .shop-preview a.ym-step-visible{opacity:1;translate:0 0;scale:1;filter:blur(0)}
.ym-enabled [data-ym-section]:focus-within [data-ym-step]{filter:none!important}
.ym-enabled .yh-market .shop-preview a[data-ym-step]{translate:0 45px;scale:.9}
.ym-enabled .yh-market .shop-preview a.ym-step-visible{translate:0 0;scale:1}
.yh-why .yh-pillar.ym-step-visible>.yb-icon{animation:y16-icon .5s var(--yivo-ease) both;animation-delay:.12s}
@keyframes y16-icon{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
/* Every object has its own compositing and transform context; no whole-device logos. */
.yh .ys-home.ym-campaign.y16-layered{aspect-ratio:1.08;height:auto;isolation:isolate;overflow:visible}
.y16-layered .hero-layer{display:block;position:absolute;margin:0;padding:0;border:0;line-height:0;pointer-events:none}
.y16-layered .hero-layer picture,.y16-layered .hero-layer img{display:block;width:100%;height:100%;object-fit:contain}
.y16-layered [data-hero-layer="studio"]{inset:0;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.y16-layered [data-hero-layer="robot"]{left:10%;top:42%;width:55%;height:35%;z-index:4}
.y16-layered [data-hero-layer="shaver"]{left:36%;top:0%;width:22%;height:45%;z-index:2}
.y16-layered [data-hero-layer="headphones"]{left:58%;top:18%;width:35%;height:44%;z-index:3}
.y16-layered [data-hero-layer="watch"]{left:77%;top:53%;width:22%;height:28%;z-index:5}
.y16-layered [data-hero-layer="filter"]{left:6%;top:74%;width:18%;height:20%;z-index:6}
.y16-layered [data-hero-layer="brush"]{left:29%;top:79%;width:34%;height:16%;z-index:7;rotate:-8deg}
.y16-layered [data-hero-layer="mops"]{left:57%;top:79%;width:20%;height:16%;z-index:6}
.yh .y16-layered .ym-campaign-slogan{top:9%;left:4%;width:28%;max-width:28%;font-size:clamp(20px,2.1vw,29px);z-index:8}
.ym-load .hero-layer>picture{animation:y16-product-in .72s var(--yivo-ease) both;animation-delay:var(--ym-entrance-delay,380ms)}
@keyframes y16-product-in{from{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:none}}
/* The photo remains circular; text has its own central safe area and contrast haze. */
.yb-mission-circle{width:min(100%,360px);max-width:360px;aspect-ratio:1 / 1;min-height:0;isolation:isolate}
.yb-mission-circle:after{content:"";position:absolute;inset:45% 0 0;z-index:1;background:linear-gradient(transparent,#f1f7eae8 65%,#f1f7eaf5);pointer-events:none}
html[data-yivo-interactions="27.17"] .yb-mission-circle>p{box-sizing:border-box;position:absolute;z-index:2;left:50%;right:auto;bottom:16%;transform:translateX(-50%);inline-size:70%;max-inline-size:70%;padding:4px;margin:0;background:none;font-size:clamp(18px,5vw,26px);line-height:1.1;text-align:center;text-wrap:balance;overflow-wrap:anywhere;color:#183e2a}
.yb-mission-circle>p .yb-icon{width:1em;height:1em;margin:0 auto .15em}
.ya-panel{display:flow-root;box-sizing:border-box;min-height:0}
[data-yivo-accordion]>summary{cursor:pointer}
[data-yivo-accordion]>summary .details-plus,[data-yivo-accordion]>summary .yb-icon{transition:transform .3s var(--yivo-ease)}
[data-yivo-accordion][data-expanded="true"]>summary .details-plus{transform:rotate(45deg)}
[data-yivo-accordion][data-expanded="true"]>summary .yb-icon{transform:rotate(90deg)}
.yh-category-track{cursor:grab;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:auto}
.yh-category-track.is-dragging,.yh-category-track.is-dragging *{cursor:grabbing!important;user-select:none!important}
.yh-category-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto}
.yh-category-track a{cursor:pointer}
@media(max-width:767px){
 .yh .ys-home.ym-campaign.y16-layered{aspect-ratio:1.08;max-width:500px}
 .yh .y16-layered .ym-campaign-slogan{font-size:clamp(18px,4.5vw,24px)}
 .yb-mission-circle{width:min(88vw,360px,100%);max-width:360px}
 .ym-enabled [data-ym-section]:not(.ym-section-ready) [data-ym-step]{translate:0 35px;scale:.98}
 .ym-enabled [data-ym-section]:not(.ym-section-ready) [data-ym-step].ym-step-visible{translate:0 0;scale:1}
 .ym-enabled .yh-market .shop-preview a[data-ym-step]{scale:.9}
 .ym-enabled .yh-market .shop-preview a.ym-step-visible{scale:1}
}
@media(prefers-reduced-motion:reduce){
 .ym-load .hero-layer>picture,.yh-why .yh-pillar.ym-step-visible>.yb-icon{animation:none!important}
 [data-yivo-accordion]>summary .details-plus,[data-yivo-accordion]>summary .yb-icon{transition:none}
 .ym-enabled [data-ym-step]{opacity:1!important;translate:none!important;scale:1!important;filter:none!important;transition:none!important}
}
@media print{.hero-layer{display:none!important}.ym-enabled [data-ym-step]{opacity:1!important;filter:none!important;translate:none!important;scale:1!important}}
.y16-help-intro{margin:-4px 0 24px;max-width:720px;color:#566355;font-size:15px;line-height:1.6}
.y16-help-editorial,.y16-market-editorial{margin:0 0 14px;color:#45634c}
.y16-layered [data-hero-layer="robot"]{top:35%}
.y16-layered [data-hero-layer="shaver"]{height:36%}

/* Progressive enhancement must never leave focused controls concealed. */
.ym-enabled [data-ym-section]:focus-within [data-ym-step]{opacity:1!important;translate:none!important;scale:1!important;filter:none!important;transition-delay:0ms!important}
/* Central inscribed square: all four corners remain inside the circular mask. */
html[data-yivo-interactions="27.17"] .yb-mission-circle>p{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);inline-size:68%;max-inline-size:68%;max-block-size:none;font-size:clamp(1.125rem,3.5vw,1.625rem);line-height:1.12}
.yb-mission-circle{min-width:0}
.y17-support-faq{max-width:1100px;margin:2.5rem auto;padding:0 1.25rem}
.y17-support-faq details{border-bottom:1px solid #d8e1d3;padding:1rem 0}
.y17-support-faq summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;font-weight:600}
.y17-support-faq .faq-answer{padding-block:.75rem;max-width:75ch}
@media(prefers-reduced-motion:reduce){.ym-enabled [data-ym-step]{opacity:1!important;translate:none!important;scale:1!important;filter:none!important}}