/* One invariant header geometry on home and every full-menu page. */
@media(min-width:1001px){
body #header .top{height:52px!important;margin:0 35px!important;padding-bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
body #header .brand img{width:260px!important;height:auto!important}
body #header .desktop{height:39px!important;margin:0 35px!important;gap:30px!important;font-size:12px!important}
body #header .desktop a,body #header .desktop button{padding:10px 0!important}
body #header .favorite{position:absolute!important;left:0!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
}
@media(max-width:1000px){
body #header .top{height:64px!important;margin:0 17px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;column-gap:12px!important;align-items:center!important;padding-bottom:0!important}
body #header .brand img{width:min(100%,215px)!important;height:auto!important}
body #header .favorite{position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;transform:none!important;grid-column:1;grid-row:1}
body #header #toggle{grid-column:3;grid-row:1}
body #header .desktop{display:none!important}
body.test-home:not(.menu-open) #header,body.test-home:not(.menu-open) #header:hover,body.test-home:not(.menu-open) #header:focus-within{background:transparent!important}
body.test-home.menu-open #header{background:#6a4349!important}
html:has(body:not(.menu-open)){background:var(--safari-canvas,#fff)!important}
html:has(body.menu-open){background:#6a4349!important}
}
@media(max-width:350px){body #header .top{margin:0 12px!important;grid-template-columns:38px minmax(0,1fr) 38px!important;column-gap:9px!important}}

/* Physical safe area is painted too, independently of Safari toolbar tint. */
@media(max-width:1000px){
 body::before{content:"";position:fixed;z-index:9999;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--safari-top,#fff);pointer-events:none}
 body.test-subpage #main{background:#fff}
}

/* Prevent page margins from exposing extra rose below the shared header. */
body.test-subpage #main{display:flow-root;background:#fff}
@media(max-width:1000px){
 body #header{padding:env(safe-area-inset-top,0px) 0 0!important;margin:0!important;min-height:0!important;height:calc(64px + env(safe-area-inset-top,0px))!important;z-index:1001!important}
 body.test-subpage #header{position:relative!important;background:#6a4349!important}
 body.menu-open #header{position:fixed!important}
 body #mobile-menu:not([hidden]){z-index:1000!important}
 body.menu-open #main{visibility:hidden!important}
 body.menu-open .clean-filter-bar{visibility:hidden!important;pointer-events:none!important}
}

@media(max-width:1000px){
 body.test-subpage::before{background:#6a4349!important;transform:translateZ(0);backface-visibility:hidden}
}

@media(max-width:1000px){body #mobile-menu:not([hidden]){padding-top:calc(106px + env(safe-area-inset-top,0px))!important}}

/* Header favorite is isolated from page typography and generic span/svg rules. */
body #header .favorite{display:flex!important;align-items:center!important;gap:10px!important;padding:0!important;border:0!important;background:none!important;color:#fff!important;font-family:Montserrat,Arial,sans-serif!important;font-size:16px!important;font-weight:300!important;line-height:normal!important;letter-spacing:normal!important;text-transform:none!important;text-decoration:none!important;opacity:1!important}
body #header .favorite>svg{display:block!important;flex:0 0 24px!important;width:24px!important;height:24px!important;fill:none!important;stroke:#fff!important;stroke-width:1.2!important;opacity:1!important}
body #header .favorite>svg path{fill:none!important;stroke:inherit!important;stroke-width:inherit!important}
body #header .favorite .favorite-label{display:block!important;color:#fff!important;font-family:Montserrat,Arial,sans-serif!important;font-size:11px!important;font-weight:300!important;line-height:normal!important;letter-spacing:.2px!important;opacity:.88!important;margin:0!important;padding:0!important}
body #header .favorite .favorite-count{position:absolute!important;display:grid!important;place-items:center!important;top:-7px!important;left:15px!important;right:auto!important;bottom:auto!important;min-width:16px!important;width:auto!important;height:16px!important;padding:0 3px!important;margin:0!important;border:1px solid transparent!important;border-radius:50%!important;background:#fff!important;color:#6a4349!important;font-family:Montserrat,Arial,sans-serif!important;font-size:9px!important;font-weight:500!important;line-height:1!important;letter-spacing:normal!important;text-transform:none!important;opacity:1!important;box-shadow:none!important}
body #header .favorite .favorite-count[hidden]{display:none!important}
@media(max-width:1000px){
 body #header .favorite{gap:5px!important;margin-left:3px!important}
 body #header .favorite>svg{flex-basis:21px!important;width:21px!important;height:21px!important}
 body #header .favorite .favorite-label{display:none!important}
 body #header .favorite .favorite-count{left:auto!important;right:-8px!important;min-width:15px!important;height:15px!important;font-size:8px!important}
}

/* Content and lower overscroll never inherit the navigation colour. */
body:not(.menu-open){background:#fff!important}
body #main,body .dress-main,body .dress-layout,body .dress-info{background:#fff}
@media(max-width:1000px){
 body::after{content:"";position:fixed;z-index:9998;inset:auto 0 0;height:env(safe-area-inset-bottom,0px);background:#eee7e9;pointer-events:none}
 body.menu-open::after{background:#6a4349}
}

/* First navigation paint: Safari samples body as well as the root canvas. */
body.test-subpage:not(.menu-open){background-color:#6a4349!important}
body.test-subpage #main,body.test-subpage .dress-main,body.test-subpage .dress-layout,body.test-subpage .dress-info{background-color:#fff!important}

/* Mobile only: retain the complete header on informational/collection pages. */
@media(max-width:1000px){
 body.test-subpage.mobile-sticky-header #header{position:sticky!important;top:0!important}
 body.test-subpage.mobile-sticky-header.menu-open #header{position:fixed!important}
}

/* A single fixed group keeps logo/menu and dress navigation physically attached. */
@media(max-width:1000px){
 body.dress-scroll-header .dress-header-group{position:fixed;inset:0 0 auto;z-index:1001;background:#6a4349;transform:translateY(calc(-1 * var(--dress-header-offset,0px)));transition:transform .38s cubic-bezier(.22,.61,.36,1);will-change:transform}
 body.dress-scroll-header .dress-header-group.dress-header-following{transition:none}
 body.dress-scroll-header.menu-open .dress-header-group{transform:translateY(0)}
 body.test-subpage.dress-scroll-header .dress-header-group #header{position:relative!important;top:auto!important;transform:none!important;transition:none!important;z-index:auto!important}
 body.dress-scroll-header .dress-header-group .mobile-dress-navigation{position:static!important;display:flex;max-width:none;margin:0;background:#6a4349;color:#ffffffbd;border-top:1px solid #ffffff25;padding:10px 16px 12px;font-size:10px;transition:none!important}
 body.dress-scroll-header #main{padding-top:calc(64px + env(safe-area-inset-top,0px) + var(--dress-nav-height,44px))}
}
@media(max-width:1000px) and (prefers-reduced-motion:reduce){body.dress-scroll-header .dress-header-group{transition:none!important}}

@media(max-width:1000px){body.dress-scroll-header.menu-open .dress-header-group .mobile-dress-navigation{display:none!important}}

@media(max-width:1000px){body #header .brand{width:100%;min-width:0}body #header .brand img{width:100%!important;max-width:215px!important;height:auto!important;flex:0 1 auto;object-fit:contain}}