/* Header-specific final layer: the four approved header mockups are the source of truth.
   Intentionally scoped: no product, footer, checkout or article layout changes. */
.site-header{--header-teal:#173f49;--header-pink:#ff6b7a;--header-white:#fff;--header-line:rgba(255,255,255,.92);--header-max:900px;isolation:isolate}
body.logged-in .site-header{--header-max:1040px}
.site-header .desktop-nav{flex-wrap:nowrap}
.site-header .desktop-nav .st-primary-menu{flex:0 0 auto;gap:25px}
.site-header .desktop-nav .st-primary-menu a{font-size:15px}
.site-header .desktop-nav .st-primary-menu>li{margin:0;padding:0}
.site-header .desktop-nav .st-primary-menu>li>a{white-space:nowrap}
.site-header .icon-link,.site-header .cart-trigger,.site-header .mobile-icon-button{touch-action:manipulation}
.site-header :is(a,button,input,summary):focus-visible{outline:2px solid #ffccd1;outline-offset:3px}
.site-header .st-header-search{margin:0 0 0 0;flex:0 0 230px;box-sizing:border-box;min-width:0}
.site-header .st-header-search input{font:inherit;font-size:12px;font-weight:700;line-height:1.4;direction:rtl;color:#fff;min-width:0;width:100%;height:100%;padding:0;flex:1;background:transparent;border:0;border-radius:0;outline:none;box-shadow:none;text-align:right;appearance:none}
.site-header .st-header-search input::placeholder{opacity:1;color:#fff}
.site-header .st-header-search input::-webkit-search-cancel-button{filter:grayscale(1) invert(1)}
.site-header .st-header-search button{flex:0 0 27px;display:grid;place-items:center;width:27px;height:38px;padding:0;margin:0;background:transparent;border:0;color:#fff;cursor:pointer}
.site-header .st-header-search button svg{display:block;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.site-header .st-header-search:focus-within{outline:2px solid #fff;outline-offset:2px}
.site-header .st-header-search input:focus-visible,.site-header .st-header-search button:focus-visible{outline:none}
.site-header .mobile-menu[hidden],.site-header .mobile-account-popover[hidden]{display:none!important}
.site-header .mobile-menu-inner .st-primary-menu{display:contents}
.site-header .mobile-menu-inner .st-primary-menu>li{min-width:0}
.site-header .mobile-menu-inner .st-primary-menu a{display:block;line-height:1.6}
.site-header .account-dropdown-links a[aria-current="page"],.site-header .mobile-account-dropdown a[aria-current="page"]{background:#f5f3ee}
.site-header .account-menu>summary:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* At 768px both member and guest menus must fit without changing the design's 760px breakpoint. */
@media (min-width:761px) and (max-width:1080px){
  .site-header .header-inner{width:calc(100% - 24px);gap:10px}
  .site-header .desktop-nav{gap:clamp(8px,1.25vw,14px)}
  .site-header .desktop-nav .st-primary-menu{gap:clamp(7px,1.15vw,12px)}
  .site-header .desktop-nav .st-primary-menu a{font-size:clamp(10px,1.13vw,13px)}
  .site-header .st-header-search{flex-basis:clamp(120px,18vw,198px);width:clamp(120px,18vw,198px);height:42px;margin-right:0}
  .site-header .account-menu>summary{padding:4px;gap:4px}
  .site-header .account-greeting{max-width:78px}
}
@media (min-width:761px) and (max-width:835px){
  .site-header .account-copy{display:none}
  .site-header .desktop-nav .st-primary-menu a{font-size:11px}
  .site-header .st-header-search{flex-basis:134px;width:134px}
}
@media(max-width:760px){
  .site-header .main-header,.site-header .header-inner{display:none!important}
  .site-header .mobile-header{display:block}
  .site-header .st-mobile-guest-account{display:inline-flex;align-items:center;justify-content:center;color:#fff}
  .site-header .st-mobile-guest-account svg{width:25px;height:25px}
  .site-header .mobile-account-popover{z-index:1100}
  .site-header .mobile-menu .st-primary-menu a:focus-visible,.site-header .mobile-account-dropdown a:focus-visible{outline-color:#fff}
}
/* Drawer is the single site-wide cart UI; its contents are live WooCommerce data. */
#st-cart-backdrop.st-backdrop{position:fixed;inset:0;z-index:1998;background:rgba(8,26,31,.48);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
#st-cart-backdrop[hidden]{display:none!important}
body.st-drawer-open{overflow:hidden}
#st-cart-drawer.st-cart-drawer{--drawer-teal:#173f49;--drawer-muted:rgba(23,63,73,.66);--drawer-pink:#ff6b7a;--drawer-line:rgba(23,63,73,.10);position:fixed;z-index:1999;top:0;bottom:auto;left:0;right:auto;transform:translateX(-103%);width:min(430px,calc(100vw - 14px));max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;min-height:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);overflow:hidden;display:flex;flex-direction:column;background:#fff;border-radius:0 20px 20px 0;box-shadow:18px 0 48px rgba(12,34,40,.18);direction:rtl;text-align:right;color:var(--drawer-teal);line-height:1.7;visibility:hidden;transition:transform .23s ease,visibility .23s}
#st-cart-drawer.st-cart-drawer.is-open{visibility:visible;transform:translateX(0)}
#st-cart-drawer .cart-header{flex:0 0 auto;min-height:72px;padding:15px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--drawer-line);background:#fff}
#st-cart-drawer .cart-heading{min-width:0;flex:1}
#st-cart-drawer .cart-heading h2{margin:0;font-size:1.05rem;font-weight:900;line-height:1.5}
#st-cart-drawer .cart-heading p{margin:3px 0 0;font-size:.74rem;line-height:1.5;color:var(--drawer-muted)}
#st-cart-drawer .close-button{flex:0 0 40px;width:40px;height:40px;border:0;border-radius:12px;background:#f5f3ee;color:var(--drawer-teal);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
#st-cart-drawer .close-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
#st-cart-drawer .account-prompt{flex:0 0 auto;margin:0;border:0;border-bottom:1px solid rgba(255,107,122,.13);border-radius:0;padding:13px 18px 14px;background:#fff3f5;font-size:.73rem;line-height:1.8}
#st-cart-drawer .account-prompt strong{display:block;margin-bottom:4px;font-weight:800}
#st-cart-drawer .account-prompt a{color:var(--drawer-pink);font-weight:800;text-decoration:none}
#st-cart-drawer .cart-scroll{flex:1 1 auto;width:100%;min-height:0;padding:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#st-cart-drawer .cart-list{list-style:none;margin:0;padding:0 18px;min-width:0}
#st-cart-drawer .cart-item{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);gap:13px;padding:18px 0;border-bottom:1px solid var(--drawer-line);font-size:inherit;min-height:0;overflow:visible}
#st-cart-drawer .cart-item .thumb{width:78px;height:78px;display:grid;place-items:center;overflow:hidden;border-radius:15px;background:#f5f3ee;text-decoration:none}
#st-cart-drawer .cart-item .thumb img{display:block;float:none;width:100%;height:100%;margin:0;object-fit:cover;border-radius:0}
#st-cart-drawer .item-info{min-width:0;padding-left:30px;overflow:hidden}
#st-cart-drawer .item-name{margin:0 0 5px;line-height:1.75;font-size:.86rem;font-weight:800;overflow-wrap:anywhere}
#st-cart-drawer .item-name a{color:var(--drawer-teal);font-weight:800;text-decoration:none}
#st-cart-drawer .item-meta{margin:0 0 8px;color:var(--drawer-muted);font-size:.7rem;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#st-cart-drawer .item-price{font-size:.77rem;font-weight:800;line-height:1.6;white-space:nowrap}
#st-cart-drawer .item-price .amount{color:inherit}
#st-cart-drawer .cart-item .remove{position:absolute;top:14px;left:0;width:28px;height:28px;min-height:0;display:grid;place-items:center;padding:0;border:0;border-radius:8px;color:rgba(23,63,73,.45)!important;background:transparent;font-family:inherit;font-size:20px;line-height:1;cursor:pointer;text-decoration:none}
#st-cart-drawer .cart-item .remove:hover{background:#fff3f5;color:#d94f60!important}
#st-cart-drawer .st-mini-qty{width:fit-content;margin-top:10px;display:inline-flex;align-items:center;gap:0;overflow:hidden;border:1px solid var(--drawer-line);border-radius:10px;direction:ltr;clear:none}
#st-cart-drawer .st-mini-qty button{display:grid;place-items:center;width:31px;min-width:31px;height:29px;padding:0;border:0;border-radius:0;background:#fff;color:var(--drawer-teal);font:inherit;font-size:16px;cursor:pointer}
#st-cart-drawer .st-mini-qty button:disabled{opacity:.4;cursor:progress}
#st-cart-drawer .st-mini-qty span{min-width:34px;text-align:center;font-size:.74rem;font-weight:800;line-height:1.6}
#st-cart-drawer .st-mini-qty-error{margin:6px 0;color:#b02e41;font-size:.72rem}
#st-cart-drawer .st-cart-footer:empty,#st-cart-drawer .st-cart-summary:empty,#st-cart-drawer .st-cart-fallback[hidden]{display:none!important}
#st-cart-drawer .st-cart-footer{flex:0 0 auto;background:#fff;max-height:50dvh;overflow-y:auto}
#st-cart-drawer .st-cart-summary{padding:0;margin:0;border:0;background:#fff}
#st-cart-drawer .st-mini-summary{padding:14px 18px 18px;border-top:1px solid var(--drawer-line);box-shadow:none;position:static;background:#fff}
#st-cart-drawer .summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 13px;font-size:.84rem}
#st-cart-drawer .summary-row strong{font-size:1rem;font-weight:900;margin-inline-start:auto}
#st-cart-drawer .st-mini-summary .buttons{display:grid;grid-template-columns:1fr;gap:9px;margin:0}
#st-cart-drawer .st-mini-summary .button,#st-cart-drawer .empty-state .button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:9px 12px;border:1px solid var(--drawer-teal);border-radius:12px;background:#fff;color:var(--drawer-teal);text-decoration:none;font-size:.84rem;font-weight:800;line-height:1.5;text-align:center;box-shadow:none}
#st-cart-drawer .st-mini-summary .button.primary,#st-cart-drawer .empty-state .button.primary{background:var(--drawer-pink);border-color:var(--drawer-pink);color:#fff}
#st-cart-drawer .footer-note{margin:11px 0 0;font-size:.66rem;line-height:1.6;text-align:center;color:var(--drawer-muted)}
#st-cart-drawer .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:45px 26px 32px;text-align:center;gap:0}
#st-cart-drawer .empty-icon{width:92px;height:92px;display:grid;place-items:center;margin-bottom:18px;border-radius:50%;background:#f5f3ee;color:var(--drawer-teal);font-size:inherit}
#st-cart-drawer .empty-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#st-cart-drawer .empty-state h3{font-size:1rem;font-weight:900;margin:0 0 8px}
#st-cart-drawer .empty-state>p{max-width:300px;margin:0 0 20px;color:var(--drawer-muted);font-size:.8rem;line-height:1.9}
#st-cart-drawer .empty-state .button{max-width:270px}
#st-cart-drawer .empty-help{width:100%;max-width:310px;margin-top:24px;padding:14px 15px;display:flex;align-items:flex-start;gap:10px;border-radius:14px;background:#f8f7f3;text-align:right}
#st-cart-drawer .empty-help svg{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:var(--drawer-teal);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#st-cart-drawer .empty-help p{margin:0;color:var(--drawer-muted);font-size:.7rem;line-height:1.8}
#st-cart-drawer :is(button,a):focus-visible{outline:2px solid var(--drawer-pink);outline-offset:3px}
#st-cart-drawer .cart-heading :is(h2,p),#st-cart-drawer .account-prompt,#st-cart-drawer .footer-note{overflow-wrap:anywhere}
@media(max-width:520px){
 #st-cart-drawer.st-cart-drawer{width:calc(100vw - 10px);border-radius:0 16px 16px 0}
 #st-cart-drawer .cart-header{min-height:66px;padding:12px 14px}
 #st-cart-drawer .account-prompt,#st-cart-drawer .cart-list,#st-cart-drawer .st-mini-summary{padding-left:14px;padding-right:14px}
 #st-cart-drawer .cart-item{grid-template-columns:72px minmax(0,1fr);gap:11px}
 #st-cart-drawer .cart-item .thumb{width:72px;height:72px}
 #st-cart-drawer .empty-state{padding:34px 18px 26px}
 #st-cart-drawer .empty-icon{width:82px;height:82px;margin-bottom:16px}
 #st-cart-drawer .empty-icon svg{width:38px;height:38px}
 #st-cart-drawer .empty-help{margin-top:20px}
}
@media(max-width:360px){
 #st-cart-drawer.st-cart-drawer{width:100vw;border-radius:0}
 #st-cart-drawer .cart-header,#st-cart-drawer .account-prompt,#st-cart-drawer .cart-list,#st-cart-drawer .st-mini-summary{padding-left:12px;padding-right:12px}
 #st-cart-drawer .cart-item{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:15px 0}
 #st-cart-drawer .cart-item .thumb{width:64px;height:64px;border-radius:12px}
 #st-cart-drawer .item-info{padding-left:27px}
 #st-cart-drawer .item-name{font-size:.82rem;line-height:1.65}
 #st-cart-drawer .empty-state{padding:28px 14px 22px}
}
@media(max-height:620px){
 #st-cart-drawer .cart-header{min-height:60px;padding-top:9px;padding-bottom:9px}
 #st-cart-drawer .account-prompt{padding-top:8px;padding-bottom:9px;line-height:1.55}
 #st-cart-drawer .cart-item{padding-top:14px;padding-bottom:14px}
 #st-cart-drawer .st-mini-summary{padding-top:10px;padding-bottom:10px}
 #st-cart-drawer .empty-state{min-height:0;justify-content:flex-start;padding-top:24px}
}
@media(pointer:coarse){#st-cart-drawer .close-button{min-width:44px;min-height:44px}#st-cart-drawer .st-mini-qty button{min-width:36px;min-height:34px}}
@media(prefers-reduced-motion:reduce){#st-cart-drawer.st-cart-drawer{transition:none}}
