/* Zara Home-inspired full-screen opening for the homepage. */
.shop-page .top{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(170px,245px) minmax(0,1fr)!important;align-items:center!important;gap:24px!important;width:100%!important;margin:0!important;padding:22px clamp(18px,3.2vw,54px)!important;box-sizing:border-box}
.shop-brand-group{display:flex;align-items:center;justify-self:start;gap:18px;min-width:0}
.shop-menu-toggle{display:grid;place-items:center;flex:none;width:28px;height:32px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.shop-menu-toggle svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round}
.shop-page .top .brand{display:flex;align-items:center;min-width:0;text-decoration:none;color:inherit}
.shop-page .top .brand img{display:block;width:auto;max-width:min(220px,22vw);max-height:50px;object-fit:contain;background:transparent}
.shop-search{display:flex;align-items:center;justify-self:center;width:min(100%,245px);border-bottom:1px solid currentColor;color:#292824}
.shop-search input{display:block;flex:1;min-width:0;height:32px;padding:0 4px;border:0!important;outline:0;background:transparent!important;color:inherit;font:400 .78rem/1.2 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;box-shadow:none!important}
.shop-search input::placeholder{color:currentColor;opacity:.9}
.shop-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.shop-search button{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:4px;border:0;background:transparent;color:inherit;cursor:pointer}
.shop-search button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.shop-page .top .header-utility{justify-self:end;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:16px!important;min-width:0}
.shop-page .top .header-utility>a[href*="p=cart"] .header-cart-icon{width:27px!important;height:27px!important}
.shop-page .top .header-utility .header-user-icon{width:26px!important;height:26px!important}
.shop-page .top .header-categories{display:none!important}
.shop-page>header{position:relative;z-index:40;background:#fff}
.shop-home-page{background:#fff}
.shop-home-page>header{position:absolute;inset:0 0 auto;background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,0));color:#fff;border:0;box-shadow:none}
.shop-home-page .top{grid-template-columns:minmax(0,1fr) minmax(170px,245px) minmax(0,1fr)!important}
.shop-home-page .top .brand{color:#fff}
.shop-home-page .top .brand img{filter:brightness(0) invert(1)}
.shop-home-page .shop-search{color:#fff}
.shop-home-page .top .header-utility>a,.shop-home-page .top .header-utility .header-cart-icon,.shop-home-page .top .header-utility .header-user-icon{color:#fff!important;stroke:#fff!important}
.shop-home-page .top .header-utility>a[href*="p=cart"] .count{background:rgba(255,255,255,.94)!important;color:#222!important}
.shop-home-page main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box}
.shop-home-page main>h1{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.shop-home-page .featured-area{display:block;position:relative;width:100%;height:100vh;height:100svh;min-height:560px;margin:0;overflow:hidden;background:#38342f;color:#fff;text-decoration:none}
.shop-home-page .featured-area:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 30%,transparent 53%,rgba(0,0,0,.34) 100%)}
.shop-home-page .featured-area>img{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;background:#38342f;transition:transform 1s ease}
.shop-home-page .featured-area:hover>img{transform:scale(1.015)}
.shop-home-page .featured-area-copy{position:absolute;z-index:2;left:clamp(24px,7vw,112px);bottom:clamp(64px,11vh,120px);display:flex;flex-direction:column;align-items:flex-start;max-width:min(760px,78vw);padding:0;background:transparent;color:#fff;pointer-events:none}
.shop-home-page .featured-area-label{margin:0 0 17px;color:#fff;font-size:.72rem;font-weight:500;letter-spacing:.19em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.38)}
.shop-home-page .featured-area-copy h2{max-width:14ch;margin:0;color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:clamp(2.6rem,6vw,6.4rem);font-weight:500;line-height:.98;letter-spacing:-.045em;text-shadow:0 2px 22px rgba(0,0,0,.3)}
.shop-home-page .featured-area-cta{gap:20px;margin-top:26px;padding-bottom:7px;border-color:rgba(255,255,255,.9);color:#fff;font-size:.76rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.shop-home-page .featured-area-cta span{color:#fff}
.shop-home-page .featured-area:focus-visible{outline:2px solid #fff;outline-offset:-6px}
.search-results-label{margin:20px 0 12px;font-size:.9rem;color:#777}
.shop-menu-backdrop{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}
.shop-menu-panel{position:fixed;inset:0 auto 0 0;z-index:71;width:min(390px,88vw);overflow-y:auto;padding:24px 30px 42px;box-sizing:border-box;background:#fff;color:#272622;transform:translateX(-101%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.7,.2,1),visibility .32s ease}
.shop-menu-heading{display:flex;align-items:center;justify-content:space-between;min-height:40px;margin-bottom:42px;padding-bottom:14px;border-bottom:1px solid #e8e5e0;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.shop-menu-heading button{width:38px;height:38px;border:0;background:transparent;color:inherit;font:300 2rem/1 Arial,sans-serif;cursor:pointer}
.shop-menu-panel nav{display:flex;flex-direction:column;align-items:stretch;gap:0}
.shop-menu-panel nav a{display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid #f0eeea;color:#292824;font-size:.93rem;text-decoration:none}
.shop-menu-panel nav a:hover,.shop-menu-panel nav a[aria-current="page"]{color:#a86e00}
.shop-menu-panel nav .shop-menu-all{margin-bottom:13px;font-weight:600}
body.shop-menu-open{overflow:hidden}
body.shop-menu-open .shop-menu-backdrop{opacity:1;visibility:visible}
body.shop-menu-open .shop-menu-panel{transform:translateX(0);visibility:visible}
@media(max-width:680px){
 .shop-page .top,.shop-home-page .top{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand utility" "search search";gap:12px 10px!important;padding:15px 18px!important}
 .shop-brand-group{grid-area:brand;gap:10px}
 .shop-menu-toggle{width:25px;height:30px}
 .shop-menu-toggle svg{width:22px;height:22px}
 .shop-page .top .brand img{max-width:145px;max-height:40px}
 .shop-search{grid-area:search;width:min(72vw,275px);height:30px}
 .shop-page .top .header-utility{grid-area:utility;gap:10px!important}
 .shop-page .top .header-utility>a[href*="p=cart"] .header-cart-icon,.shop-page .top .header-utility .header-user-icon{width:24px!important;height:24px!important}
 .shop-home-page>header{background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,0))}
 .shop-home-page .featured-area{min-height:520px}
 .shop-home-page .featured-area-copy{left:22px;bottom:58px;max-width:calc(100% - 44px)}
 .shop-home-page .featured-area-copy h2{font-size:clamp(2.5rem,11vw,4rem)}
 .shop-home-page .featured-area-label{margin-bottom:12px}
 .shop-home-page .featured-area-cta{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.shop-home-page .featured-area>img,.shop-menu-backdrop,.shop-menu-panel{transition:none}}
.shop-home-page main>.category-intro,.shop-home-page main>.products,.shop-home-page main>p:not(.visually-hidden){width:min(calc(100% - 48px),1168px);margin-right:auto;margin-left:auto}
.shop-home-page main>.products{margin-top:clamp(38px,7vw,82px);margin-bottom:68px}
@media(max-width:600px){.shop-home-page main>.category-intro,.shop-home-page main>.products,.shop-home-page main>p:not(.visually-hidden){width:calc(100% - 32px)}}
