/* Dassi Kids opening refresh: preserve existing carousel and media. */
.mobile-settings{display:none}
@media(min-width:1024px){
.site-header.compact-header{grid-template-columns:124px minmax(230px,1fr) auto;grid-template-rows:28px 48px 44px;gap:8px 24px;padding-top:10px;min-height:146px;box-shadow:0 5px 24px #233e5006}
.compact-header .brand-logo{width:80px;height:80px}.desktop-options{gap:18px;font-size:11px}.compact-header #search-open{border-radius:8px;background:#f5f4ef;border-color:#e4e5df}.desktop-categories{border-color:#e7e6df}.desktop-categories>a,.desktop-categories summary{min-height:44px;padding-block:12px}.site-header:not(.compact-header){height:146px;min-height:146px}html{scroll-padding-top:156px}
}
@media(max-width:1023px){
.site-header.compact-header{grid-template-rows:40px 70px;gap:0 4px;padding-top:0;padding-bottom:0;min-height:110px;background:#fffdf9;backdrop-filter:none}
.compact-header>.header-actions,.compact-header>.brand,.compact-header>.account-tools{grid-row:2}.compact-header>.header-actions{grid-column:1}.compact-header>.brand{grid-column:2}.compact-header>.account-tools{grid-column:3}
.mobile-settings{display:flex;grid-column:1/-1;grid-row:1;align-items:center;justify-content:space-between;gap:12px;align-self:stretch;background:#f2f0e9;border-bottom:1px solid #233e500b;padding:0 12px;margin-inline:-20px}
.mobile-settings .language-switch{display:flex;gap:2px;margin:0}.mobile-settings .language-switch button{font:600 11px 'DM Sans',Arial;background:transparent;color:#263e51;border:0;border-radius:5px;min-width:34px;min-height:36px;padding:5px 6px}.mobile-settings .language-switch button[aria-pressed=true]{background:#efcd69}
.mobile-currency{display:flex;align-items:center;gap:6px}.mobile-currency>span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mobile-currency select{max-width:112px;min-height:36px;border:0;background:transparent;color:#263e51;font:600 11px 'DM Sans',Arial;padding:5px}.site-menu .drawer-settings{display:none}.site-header:not(.compact-header){height:110px;min-height:110px}html{scroll-padding-top:120px}
}
@media(max-width:760px){.mobile-settings{margin-inline:-12px}.compact-header .brand-logo{width:58px;height:58px}}
.hero.hero-slider{max-width:1240px;margin-top:18px;border-radius:20px;box-shadow:0 16px 50px #1734540c}.hero-slider .slider-viewport{border-radius:20px}
.slide-video::after{background:linear-gradient(90deg,#061420a6,transparent 75%),linear-gradient(0deg,#061420d9,transparent 65%)}
.slide-video .slide-copy{inset-inline-start:50px;bottom:92px;max-width:650px}.slide-video .slide-copy h1{font-size:clamp(46px,5.5vw,76px);font-weight:600;letter-spacing:-2.8px;line-height:1.02;margin-bottom:26px;text-shadow:0 3px 22px #0005}.slide-video .slide-copy h1 span{font-weight:400}.slide-video .slide-copy .eyebrow{font-size:10px;letter-spacing:3px;color:#f0d99b}.slide-video .slide-copy .button{border-radius:7px;padding:16px 23px;background:#efcd69;font-size:13px}
.hero-slider .slider-controls{bottom:23px;left:30px;right:30px;gap:16px}.hero-slider .slider-arrows button{width:36px;height:36px}.hero-slider .slider-pause{font-size:11px;font-weight:500;backdrop-filter:blur(8px)}.hero-slider .poster{border-radius:16px}
@media(max-width:900px){.hero.hero-slider{margin-inline:18px}.slide-video .slide-copy{inset-inline-start:32px}}
@media(max-width:600px){.hero.hero-slider{margin:12px 12px 8px;border-radius:18px}.hero-slider .slider-viewport{border-radius:18px}.home-slide.slide-video{min-height:620px}.slide-video .slide-copy{inset-inline-start:26px;inset-inline-end:22px;bottom:92px}.slide-video .slide-copy h1{font-size:clamp(38px,11vw,48px);letter-spacing:-1.8px;margin-bottom:22px}.slide-video .slide-copy .eyebrow{font-size:9px;letter-spacing:2px}.hero-slider .slider-controls{left:18px;right:18px;bottom:20px;gap:12px}.hero-slider .slider-pause{font-size:10px;padding:10px}}
@media(prefers-reduced-motion:no-preference){.slide-video:not([aria-hidden=true]) .slide-copy{animation:opening-copy-in .65s cubic-bezier(.2,.7,.2,1) both}@keyframes opening-copy-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}
@media(min-width:1024px){.site-header:not(.compact-header){height:147px;min-height:147px}}
@media(max-width:1023px){.site-header:not(.compact-header){height:111px;min-height:111px}}
@media(max-width:360px){.hero-slider .slider-controls{gap:8px;left:14px;right:14px}.hero-slider .slider-arrows{gap:5px}.hero-slider .slider-arrows button{width:30px;height:34px}.hero-slider .slider-dots{gap:6px}.hero-slider .slider-dots button{width:6px}.hero-slider .slider-dots button[aria-pressed=true]{width:20px}.hero-slider .slider-pause{font-size:9px;padding:8px;min-height:34px;white-space:nowrap}}

/* Uploaded landscape intro: edge-to-edge on computers, existing mobile media retained. */
@media(min-width:1024px){
 .hero.hero-slider{max-width:none;width:100%;margin:0 0 12px;border-radius:0;box-shadow:none}
 .hero-slider .slider-viewport{border-radius:0}
 .home-slide.slide-video{aspect-ratio:16/9;min-height:0}
 .slide-video .slide-video-media video,.slide-video .intro-motion img{object-fit:cover;object-position:center}
 .hero-slider .slide-poster .poster{max-width:1240px}
 .slide-video .slide-copy{inset-inline-start:max(40px,calc((100% - 1240px)/2));bottom:90px}
 .slide-video::after{background:linear-gradient(90deg,#06142070,transparent 65%),linear-gradient(0deg,#061420a6,transparent 40%)}
 .hero-slider .slider-controls{left:max(30px,calc((100% - 1240px)/2));right:max(30px,calc((100% - 1240px)/2))}
}