/* Give the packaging wordmark room and make the header controls feel deliberate. */
.site-header{height:112px;gap:22px;padding-inline:clamp(20px,3.8vw,94px);background:linear-gradient(105deg,#fffdfa 0%,#fffdfa 52%,#f6eee5 100%);box-shadow:0 15px 34px #3020161c,inset 0 1px #fff}
.site-header .header-brand{display:block;flex:0 0 auto;min-width:0;width:clamp(142px,12vw,174px);margin:0;line-height:0;transition:transform .2s ease}
.site-header .header-brand:hover,.site-header .header-brand:focus-visible{transform:translateY(-2px)}
.site-header .header-brand img{display:block;width:100%;height:auto;object-fit:contain}
.site-header .primary-nav{gap:3px;padding:6px;border-color:#ddc8b6;border-radius:17px;background:linear-gradient(#fff,#f9f0e9);box-shadow:0 9px 22px #3c261519,inset 0 1px #fff}
.site-header .primary-nav a{position:relative;padding:12px clamp(8px,.85vw,14px);border-radius:11px;color:#2d2420;font:800 11px/1.1 var(--body);letter-spacing:.055em}
.site-header .primary-nav a:hover,.site-header .primary-nav a:focus-visible,.site-header .primary-nav a.active{background:#271b19;color:#fff;box-shadow:0 5px 12px #311d1b28}
.site-header .header-actions{gap:6px;padding:5px;border:1px solid #e2cdbc;border-radius:16px;background:#fff9f4;box-shadow:0 9px 22px #3c261514,inset 0 1px #fff}
.site-header .header-account{min-height:43px;padding-inline:15px;border-color:#241917;border-radius:11px;background:#241917;color:#fff;box-shadow:0 4px 12px #2419172b}
.site-header .header-account:hover,.site-header .header-account:focus-visible{border-color:#b30719;background:#b30719;color:#fff;box-shadow:0 6px 17px #b3071938}
.site-header .header-actions .icon-button{width:43px;height:43px;border-color:#e5d4c6;border-radius:11px;background:#fffdfb;box-shadow:0 3px 9px #301c1110;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.site-header .header-actions .icon-button:hover,.site-header .header-actions .icon-button:focus-visible{transform:translateY(-2px);border-color:#b30719;background:#fff5f0;box-shadow:0 6px 13px #301c111f}
/* Keep the links on the page's center line, independent of the unequal side items. */
@media(min-width:1171px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:22px;padding-inline:max(24px,calc((100vw - 1560px)/2))}.site-header .header-brand{grid-column:1;justify-self:start}.site-header .primary-nav{grid-column:2;margin:0;gap:clamp(3px,.35vw,8px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.site-header .primary-nav a{padding:13px clamp(7px,.55vw,12px);font-size:11px;letter-spacing:.045em}.site-header .header-actions{grid-column:3;justify-self:end}.site-header .menu-toggle{display:none}}
@media(max-width:1170px){.site-header .primary-nav{display:none}.site-header .menu-toggle{display:grid;order:0}.site-header .header-brand{order:1;margin:auto}.site-header .header-actions{order:2}.mobile-nav,.search-panel{top:112px}.mobile-nav{max-height:calc(100dvh - 112px)}}
@media(max-width:850px){.site-header{height:82px;gap:8px;padding-inline:4%}.site-header .header-brand{width:112px;margin:auto}.site-header .header-actions{gap:6px;padding:0;border:0;background:transparent;box-shadow:none}.site-header .header-account{min-height:39px}.site-header .header-actions .icon-button{width:39px;height:39px}.mobile-nav,.search-panel{top:82px}.mobile-nav{max-height:calc(100dvh - 82px)}}
@media(max-width:380px){.site-header{height:76px;gap:4px}.site-header .header-brand{width:94px}.site-header .header-actions{gap:4px}.site-header .header-account{min-height:35px;padding-inline:6px;font-size:9px}.site-header .header-actions .icon-button{width:35px;height:35px}.mobile-nav,.search-panel{top:76px}.mobile-nav{max-height:calc(100dvh - 76px)}}
@media(prefers-reduced-motion:reduce){.site-header .header-brand,.site-header .header-actions .icon-button{transition:none}}

/* Branded storefront masthead. The existing wordmark becomes the anchor. */
.site-header{height:104px;gap:18px;border-bottom:1px solid #d4b8a5;background:linear-gradient(105deg,#fffdfa 0%,#fffdfa 55%,#f4e8dd 100%);box-shadow:0 15px 32px #321c1320,inset 0 1px #fff}
.site-header::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:#c50b22;pointer-events:none}
.site-header::after{height:4px;background:linear-gradient(90deg,#c50b22 0 20%,#241a18 20% 71%,#c50b22 71% 100%);opacity:1}
.site-header .header-brand{position:relative;display:grid;place-items:center;width:184px;height:78px;min-width:184px;margin:0;padding:3px 8px;border:1px solid #332420;border-radius:6px;background:#211917;box-shadow:7px 7px 0 #c70b2180;transform:skew(-4deg);transition:transform .2s,box-shadow .2s}
.site-header .header-brand:hover,.site-header .header-brand:focus-visible{transform:skew(-4deg) translateY(-3px);box-shadow:8px 10px 0 #c70b21a6}
.site-header .header-brand img{max-height:100%;object-fit:contain;filter:invert(1) contrast(1.2);transform:skew(4deg)}
.site-header .header-brand img{width:88%;height:88%;max-height:none;object-fit:contain}
.site-header .primary-nav{align-self:stretch;gap:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.site-header .primary-nav a{display:grid;place-items:center;align-self:stretch;padding:12px clamp(8px,.95vw,16px);border-radius:0;color:#211917;font:900 11px/1.1 var(--body);letter-spacing:.07em;transition:color .2s,background .2s,box-shadow .2s}
.site-header .primary-nav a:hover,.site-header .primary-nav a:focus-visible,.site-header .primary-nav a.active{background:#251a18;color:#fff;box-shadow:inset 0 -4px #c90c21}
.site-header .primary-nav a[href='/bundles']{color:#b0091d}
.site-header .primary-nav a[href='/bundles']:hover,.site-header .primary-nav a[href='/bundles']:focus-visible,.site-header .primary-nav a[href='/bundles'].active{color:#fff;background:#b0091d;box-shadow:inset 0 -4px #251a18}
.site-header .header-actions{gap:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.site-header .header-account{min-height:46px;padding-inline:18px;border:1px solid #211917;border-radius:5px;background:#211917;color:#fff;box-shadow:4px 4px 0 #cdb4a5}
.site-header .header-actions .icon-button{width:46px;height:46px;border:1px solid #cdb4a5;border-radius:5px;background:#fffdfa;color:#211917;box-shadow:4px 4px 0 #e1d2c6}
.site-header .header-actions .icon-button:hover,.site-header .header-actions .icon-button:focus-visible{border-color:#b0091d;background:#fff3f1;color:#b0091d;transform:translateY(-2px);box-shadow:4px 6px 0 #d8b0a6}
.site-header .bag-button span{right:-7px;top:-7px;min-width:18px;height:18px;border:2px solid #fffdfa}
@media(min-width:1171px){.site-header{grid-template-columns:minmax(186px,1fr) auto minmax(186px,1fr);column-gap:16px;padding-inline:max(28px,calc((100vw - 1560px)/2))}.site-header .primary-nav{gap:0;padding:0}.site-header .primary-nav a{padding:12px clamp(7px,.72vw,14px);font-size:11px;letter-spacing:.07em}}
@media(max-width:1170px){.site-header .menu-toggle{width:46px;height:46px;border:1px solid #cdb4a5;border-radius:5px;background:#fffdfa;box-shadow:4px 4px 0 #e1d2c6}.site-header .header-brand{order:1;margin:auto}.mobile-nav,.search-panel{top:104px}.mobile-nav{max-height:calc(100dvh - 104px)}}
@media(max-width:850px){.site-header{height:78px;padding-inline:4%;gap:9px}.site-header .header-brand{width:137px;min-width:137px;height:58px;box-shadow:4px 4px 0 #c70b2180}.site-header .menu-toggle,.site-header .header-actions .icon-button{width:39px;height:39px}.site-header .header-account{min-height:39px;padding-inline:10px}.site-header .header-actions{gap:6px}.mobile-nav,.search-panel{top:78px}.mobile-nav{max-height:calc(100dvh - 78px)}}
@media(max-width:600px){.site-header .header-account{display:none}}
@media(max-width:380px){.site-header{height:72px;padding-inline:3%;gap:5px}.site-header .header-brand{width:111px;min-width:111px;height:51px}.site-header .menu-toggle,.site-header .header-actions .icon-button{width:35px;height:35px}.site-header .header-actions{gap:5px}.mobile-nav,.search-panel{top:72px}.mobile-nav{max-height:calc(100dvh - 72px)}}
@media(prefers-reduced-motion:reduce){.site-header .header-brand,.site-header .primary-nav a{transition:none}}