.flavor-nav{position:absolute;top:max(22px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));z-index:4;display:grid;grid-template-columns:repeat(2,112px);gap:6px;padding:5px;border:1px solid #ffffff55;border-radius:999px;background:#ffffff35;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.flavor-nav :is(button,.flavor-link){-webkit-appearance:none;appearance:none;border:0;background:transparent;border-radius:999px;color:#493c33;padding:9px 17px;min-height:44px;font:400 22px/1 roc-grotesk-compressed,Roc Grotesk Compressed,sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}.flavor-nav :is(button,.flavor-link)[data-flavor=watermelon]{background:#efa39b;color:#6b3037}.flavor-nav :is(button,.flavor-link)[data-flavor=citrus]{background:#dae98e;color:#43501c}.flavor-nav :is(button,.flavor-link):hover{filter:brightness(1.06)}.flavor-nav :is(button,.flavor-link)[aria-pressed=true]{box-shadow:inset 0 0 0 2px currentColor}.flavor-nav :is(button,.flavor-link):focus-visible{outline:2px solid #493c33;outline-offset:2px}@media(max-width:600px){.flavor-nav{grid-template-columns:repeat(2,100px);top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}.flavor-nav :is(button,.flavor-link){padding:8px 14px;font-size:20px}}.site-header{position:absolute;top:max(16px,env(safe-area-inset-top));left:20px;right:20px;z-index:4;display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:24px;padding:12px 18px;border:1px solid #ffffff55;border-radius:20px;background:#fffaf0c9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-link{display:flex;align-items:center;min-height:44px}.brand-link img{display:block;width:100%;height:auto}.site-nav{display:flex;align-items:center;justify-content:center;gap:22px}.site-nav a{font:400 22px/1 roc-grotesk-compressed,sans-serif;letter-spacing:.025em;text-transform:uppercase;color:#493c33;text-decoration:none;padding:12px 0;white-space:nowrap}.site-nav a:hover{opacity:.65}.site-header a:focus-visible{outline:2px solid #743440;outline-offset:4px;border-radius:3px}.site-header .flavor-nav{position:static;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border:0;padding:0}.site-header .flavor-nav :is(button,.flavor-link){font-size:20px}@media(max-width:1150px){.site-header{grid-template-columns:180px 1fr;gap:4px 20px}.site-header .flavor-nav{justify-self:end}.site-nav{grid-row:2;grid-column:1/-1;gap:28px}.site-header{padding:10px 16px}.site-nav a{padding:9px 0}}@media(max-width:600px){.site-header{left:12px;right:12px;top:max(12px,env(safe-area-inset-top));padding:8px 10px;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;border-radius:16px}.brand-link{max-width:140px}.site-header .flavor-nav{grid-template-columns:repeat(2,84px);gap:5px}.site-header .flavor-nav :is(button,.flavor-link){font-size:18px;padding:8px;min-height:38px}.site-nav{justify-content:space-between;gap:7px}.site-nav a{font-size:18px;letter-spacing:0;padding:9px 0}}.site-header{grid-template-columns:180px 1fr auto auto;gap:18px}.site-nav{gap:18px}.header-utilities{display:flex;align-items:center;gap:2px;padding-left:12px;border-left:1px solid #493c3326}.header-utilities a{position:relative;display:grid;place-items:center;width:36px;height:44px;color:#493c33;text-decoration:none;border-radius:10px}.header-utilities a:hover{background:#ffffff70}.header-utilities svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.header-cart-count{position:absolute;top:1px;right:0;min-width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#e36e64;color:#fff;font:600 10px/1 system-ui,sans-serif}.site-header[data-flavor=citrus] .header-cart-count{background:#758e35}@media(max-width:1250px){.site-header{grid-template-columns:1fr auto auto;gap:2px 16px}.brand-link{max-width:180px}.site-nav{grid-column:1/-1;grid-row:2;gap:28px}.site-header .flavor-nav{grid-column:2;grid-row:1}.header-utilities{grid-column:3;grid-row:1}}@media(max-width:600px){.site-header{grid-template-columns:1fr auto;gap:3px 8px}.site-header .brand-link{grid-column:1/-1;grid-row:1;justify-self:center;width:150px;min-height:30px}.site-header .flavor-nav{grid-column:1;grid-row:2;justify-self:start;grid-template-columns:repeat(2,84px)}.header-utilities{grid-column:2;grid-row:2;padding-left:8px;gap:0}.header-utilities a{width:34px;height:40px}.site-nav{grid-column:1/-1;grid-row:3;justify-content:space-between;gap:7px}.site-nav a{font-size:18px;padding:7px 0}}.site-header{top:max(14px,env(safe-area-inset-top));left:50%;right:auto;transform:translate(-50%);width:min(1180px,92%);min-height:64px;padding:8px 12px 8px 26px;border-radius:999px;background:#a0c8eb12;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:inset 0 1px #ffffff47,inset 0 -20px 40px -30px #9fe8dd40,0 24px 60px -30px #00000052;grid-template-columns:148px 1fr auto auto;gap:18px}.site-header .brand-link{max-width:148px}.site-nav{gap:4px}.site-nav a{padding:8px 10px;border-radius:999px;transition:background .2s,color .2s}.site-nav a:hover{opacity:1;background:#ffffff24}.header-utilities{border-left-color:#ffffff40}.header-utilities a:hover{background:#ffffff24}.site-header .flavor-nav :is(button,.flavor-link){min-height:44px}.site-header .flavor-nav :is(button,.flavor-link)[aria-pressed=true]{box-shadow:inset 0 1px #fff7,inset 0 0 0 1.5px currentColor}@media(min-width:1280px){.site-header .brand-link{grid-row:1;grid-column:1}.site-nav{grid-row:1;grid-column:2}.site-header .flavor-nav{grid-row:1;grid-column:3}.header-utilities{grid-row:1;grid-column:4}}@media(min-width:601px)and (max-width:1279px){.site-header{grid-template-columns:1fr auto auto;border-radius:32px;gap:2px 16px;padding:8px 18px}.site-header .brand-link{grid-row:1;grid-column:1}.site-header .flavor-nav{grid-row:1;grid-column:2}.header-utilities{grid-row:1;grid-column:3}.site-nav{grid-row:2;grid-column:1/-1}}@media(max-width:600px){.site-header{width:calc(100% - 24px);padding:8px 10px;border-radius:28px;grid-template-columns:1fr auto;gap:3px 8px}.site-header .brand-link{grid-row:1;grid-column:1/-1;min-height:30px}.site-header .flavor-nav{grid-row:2;grid-column:1}.site-header .flavor-nav :is(button,.flavor-link){min-height:38px}.header-utilities{grid-row:2;grid-column:2}.site-nav{grid-row:3;grid-column:1/-1;gap:3px}.site-nav a{padding:7px 2px}}.site-header .brand-link img{filter:brightness(.72) saturate(1.15)}.flavor-nav .flavor-link{display:grid;place-items:center;text-align:center;text-decoration:none}.site-nav{min-width:0}@media(max-width:380px){.site-nav{justify-content:flex-start;overflow-x:auto}.site-nav a{flex:none;padding-inline:5px}}.site-header{position:fixed;z-index:50;width:min(1280px,calc(100% - 48px));background:linear-gradient(115deg,#0b1630ed,#14233cde 22%,#182a54b3 42%,#14233c99 75%,#fd7f7138);border:1px solid #ffffff66;box-shadow:inset 0 1px #fff9,inset 0 -1px #ffffff26,0 18px 50px -32px #070f2280;backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25)}.site-header :is(.site-nav a,.header-utilities a),.sal .site-header :is(.site-nav a,.header-utilities a){color:#fff}.site-header .brand-link img{filter:none}.site-header .site-nav a:hover,.site-header .header-utilities a:hover{background:#ffffff26}.site-header .flavor-nav :is(button,.flavor-link){border:1px solid #ffffff70;box-shadow:inset 0 1px #ffffff9c}.site-header .flavor-nav :is(button,.flavor-link)[data-flavor=watermelon]{background:linear-gradient(135deg,#ffa99e,#f4626e);color:#14233c}.site-header .flavor-nav :is(button,.flavor-link)[data-flavor=citrus]{background:linear-gradient(135deg,#e0ed76,#c6dc35);color:#14233c}.site-header .flavor-nav :is(button,.flavor-link)[aria-pressed=true]{box-shadow:inset 0 1px #fff7,inset 0 0 0 1.5px #14233c}.site-header .header-utilities{border-left-color:#ffffff40}.site-header[data-flavor=citrus] .header-cart-count{background:#e36e64}.site-header :is(a,button):focus-visible{outline:2px solid #4fd6e0;outline-offset:4px}@media(max-width:600px){.site-header{width:calc(100% - 24px);background:linear-gradient(120deg,#0b1630f2,#14233ceb 70%,#fd7f7138)}}@media(max-width:380px){.site-header{gap:3px 6px}.site-header .flavor-nav{grid-template-columns:repeat(2,68px);gap:4px}.site-header .flavor-nav :is(button,.flavor-link){font-size:17px;padding-inline:5px}.site-header .header-utilities{padding-left:4px}.site-header .header-utilities a{width:28px}.site-header .site-nav{gap:2px}.site-header .site-nav a{font-size:16px;padding-inline:2px}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header{background:#14233cf2}}.site-header .site-nav a{font:500 13px/1 Inter,system-ui,sans-serif;letter-spacing:.08em}@media(max-width:600px){.site-header:not(.is-open) .site-nav{flex-wrap:wrap;justify-content:center;gap:0 10px}.site-header .site-nav a{font-size:11px;letter-spacing:.06em}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/sal-shared--header.css.map */