/* nbcurtains v18 — mobile header, hero contrast and motion polish */
:root{--nb18-gold:#c89520;--nb18-gold-2:#e3b94f;--nb18-ink:#302515;--nb18-cream:#fffaf0}

/* Hero copy must stay readable over any video. */
html body:not(.admin-body) .nb-video-hero .nb-video-hero-content,
html body:not(.admin-body) .nb-video-hero .nb-video-hero-content h1,
html body:not(.admin-body) .nb-video-hero .nb-video-hero-content p,
html body:not(.admin-body) .nb-video-hero .nb-video-hero-content>span{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.42)!important}
html body:not(.admin-body) .nb-video-hero .nb-video-hero-content>span{border-color:rgba(255,255,255,.38)!important;background:rgba(24,17,7,.28)!important;backdrop-filter:blur(8px)}
html body:not(.admin-body) .nb-video-hero-shade{background:linear-gradient(90deg,rgba(18,12,4,.68) 0%,rgba(18,12,4,.42) 44%,rgba(18,12,4,.08) 78%,rgba(18,12,4,.18) 100%)!important}

/* Drawer language selector: reserved for mobile sidebar. */
.nb-drawer-language-section{display:none}
.nb-drawer-language{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.nb-drawer-language a{min-height:48px;padding:8px 10px;border:1px solid #e5d2a2;border-radius:13px;background:#fffaf0;color:#58431d;text-decoration:none;display:flex;align-items:center;gap:8px;transition:.2s ease}
.nb-drawer-language a span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#f7e8bd;color:#7d570c;font-size:10px;font-weight:900}
.nb-drawer-language a strong{font-size:12px;font-weight:700}
.nb-drawer-language a.active{border-color:#c89520;background:#fff0bf;box-shadow:0 7px 18px rgba(135,91,8,.10)}
.nb-drawer-language a.active span{background:linear-gradient(135deg,#e7bd54,#bc8616);color:#fff}

/* Scroll-reveal system: several entrance styles, no layout shift. */
html.nb-motion-ready body:not(.admin-body) .nb-reveal{opacity:0;will-change:transform,opacity;transition-property:transform,opacity,filter;transition-duration:.72s;transition-timing-function:cubic-bezier(.2,.75,.2,1);transition-delay:var(--nb-delay,0ms)}
html.nb-motion-ready body:not(.admin-body) .nb-reveal[data-reveal="up"]{transform:translate3d(0,34px,0)}
html.nb-motion-ready body:not(.admin-body) .nb-reveal[data-reveal="left"]{transform:translate3d(-38px,12px,0)}
html.nb-motion-ready body:not(.admin-body) .nb-reveal[data-reveal="right"]{transform:translate3d(38px,12px,0)}
html.nb-motion-ready body:not(.admin-body) .nb-reveal[data-reveal="scale"]{transform:scale(.94);filter:blur(3px)}
html.nb-motion-ready body:not(.admin-body) .nb-reveal.nb-inview{opacity:1;transform:none;filter:none}

/* Premium but restrained card interaction. */
body:not(.admin-body) .home-collection-card,
body:not(.admin-body) .product-home-card,
body:not(.admin-body) .nb-home-blog-card,
body:not(.admin-body) .premium-trust-card,
body:not(.admin-body) .match-day-steps>div,
body:not(.admin-body) .delivery-district-list>li{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease!important;transform-origin:center}
@media (hover:hover) and (pointer:fine){
 body:not(.admin-body) .home-collection-card:hover,
 body:not(.admin-body) .product-home-card:hover,
 body:not(.admin-body) .nb-home-blog-card:hover{transform:translateY(-7px)!important;box-shadow:0 20px 42px rgba(95,65,11,.13)!important;border-color:#d9b65e!important}
 body:not(.admin-body) .premium-trust-card:hover,
 body:not(.admin-body) .match-day-steps>div:hover,
 body:not(.admin-body) .delivery-district-list>li:hover{transform:translateY(-4px)!important;box-shadow:0 14px 28px rgba(95,65,11,.10)!important}
 body:not(.admin-body) .home-collection-card:hover .home-collection-icon{transform:rotate(-4deg) scale(1.06)}
 body:not(.admin-body) .product-home-card:hover .card-img,
 body:not(.admin-body) .nb-home-blog-card:hover img{transform:scale(1.045)!important}
}
body:not(.admin-body) .home-collection-icon,
body:not(.admin-body) .product-home-card .card-img,
body:not(.admin-body) .nb-home-blog-card img{transition:transform .45s cubic-bezier(.2,.8,.2,1)!important}

/* Hero has subtle cinematic entrance. */
@keyframes nbHeroCopyIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes nbHeroMediaBreath{0%,100%{transform:scale(1.005)}50%{transform:scale(1.025)}}
body:not(.admin-body) .nb-video-hero-content>*{animation:nbHeroCopyIn .75s both cubic-bezier(.2,.8,.2,1)}
body:not(.admin-body) .nb-video-hero-content>*:nth-child(2){animation-delay:.08s}body:not(.admin-body) .nb-video-hero-content>*:nth-child(3){animation-delay:.16s}body:not(.admin-body) .nb-video-hero-content>*:nth-child(4){animation-delay:.24s}
body:not(.admin-body) .nb-video-hero-media>img{animation:nbHeroMediaBreath 12s ease-in-out infinite}

/* Buttons get a soft gold sweep instead of aggressive motion. */
body:not(.admin-body) .btn{position:relative;overflow:hidden;isolation:isolate}
body:not(.admin-body) .btn:after{content:"";position:absolute;z-index:-1;inset:-60% auto -60% -45%;width:34%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transition:left .48s ease}
@media (hover:hover){body:not(.admin-body) .btn:hover:after{left:115%}}

@media(max-width:760px){
  /* The language switch no longer consumes scarce mobile-header width. */
  html body:not(.admin-body) .nb-main-language{display:none!important}
  html body:not(.admin-body) .nb-drawer-language-section{display:block!important}

  /* Deterministic 3-point alignment: menu | centered logo | account. */
  html body:not(.admin-body) .nb-topbar{position:relative!important}
  html body:not(.admin-body) .nb-nav-shell{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:64px!important;padding:8px 54px!important}
  html body:not(.admin-body) .header-menu-btn{position:absolute!important;left:8px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;width:42px!important;height:42px!important;z-index:5!important}
  html[dir="rtl"] body:not(.admin-body) .header-menu-btn{left:auto!important;right:8px!important}
  html body:not(.admin-body) .header-brand.nb-brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(198px,54vw)!important;max-width:min(198px,54vw)!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:3!important}
  html body:not(.admin-body) .header-brand.nb-brand .nb-logo{display:block!important;max-width:100%!important;width:auto!important;height:auto!important;max-height:44px!important;object-fit:contain!important;margin:0 auto!important}
  html body:not(.admin-body) .nb-header-actions{position:absolute!important;right:8px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;margin:0!important;z-index:5!important}
  html[dir="rtl"] body:not(.admin-body) .nb-header-actions{right:auto!important;left:8px!important}
  html body:not(.admin-body) .nb-account-chip{position:static!important;transform:none!important;margin:0!important;width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;padding:0!important;display:grid!important;place-items:center!important}
  html body:not(.admin-body) .nb-account-chip .account-chip-copy{display:none!important}
  html body:not(.admin-body) .nb-header-cart,html body:not(.admin-body) .header-search-button{display:none!important}
  html body:not(.admin-body) .nb-video-hero .nb-video-hero-content h1{font-size:clamp(29px,8.2vw,42px)!important;line-height:1.08!important}
  html body:not(.admin-body) .nb-video-hero .nb-video-hero-content p{font-size:13px!important;line-height:1.65!important;color:#fff!important}
}

@media(max-width:390px){
 html body:not(.admin-body) .nb-nav-shell{padding-left:50px!important;padding-right:50px!important}
 html body:not(.admin-body) .header-brand.nb-brand{width:min(172px,50vw)!important;max-width:min(172px,50vw)!important}
 html body:not(.admin-body) .header-menu-btn,html body:not(.admin-body) .nb-account-chip{width:39px!important;height:39px!important;min-width:39px!important}
}

@media(prefers-reduced-motion:reduce){
 html.nb-motion-ready body:not(.admin-body) .nb-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
 body:not(.admin-body) .nb-video-hero-content>*,body:not(.admin-body) .nb-video-hero-media>img{animation:none!important}
 body:not(.admin-body) .home-collection-card,body:not(.admin-body) .product-home-card,body:not(.admin-body) .nb-home-blog-card{transition:none!important}
}