/* Mykket header only. No selectors that restyle another shop's commerce UI. */
#header:has(>#sg-shop-header){background:transparent;box-shadow:none;padding:0}
#sg-shop-header,#sg-cart-dialog{font-family:inherit;color:var(--text-color,#18201c);box-sizing:border-box}
#sg-shop-header *,#sg-cart-dialog *{box-sizing:border-box}
/* Legacy Designer rules can contain !important. Limit their reset to these two components. */
#sg-shop-header,#sg-cart-dialog{color:var(--text-color,#18201c)!important}
#sg-shop-header :is(a,span,div),#sg-cart-dialog :is(a,p,span,div,h2,h3,button){color:inherit!important}
#sg-shop-header .sg-header-cart__count{color:var(--button-text,#fff)!important}
#sg-cart-dialog .sg-cart-quantity button,#sg-cart-dialog .sg-cart-close,#sg-cart-dialog .sg-cart-continue{background:transparent!important;border-color:transparent!important;border-radius:0!important}
#sg-cart-dialog .sg-cart-close{border-radius:50%!important}
#sg-cart-dialog .sg-cart-button--primary{color:var(--button-text,#fff)!important;background:var(--button-background,#19221c)!important}
#sg-cart-dialog .sg-cart-dialog__eyebrow{color:var(--accent-color,#476846)!important}
#sg-shop-header{background:var(--header-background,#fffef5);border-bottom:1px solid rgba(24,32,28,.08)}
#sg-shop-header .sg-shop-header__inner{max-width:var(--content-width,1200px);margin:auto;min-height:96px;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
#sg-shop-header .sg-shop-header__brand{display:flex;align-items:center;max-width:65%;color:inherit;text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-.035em;line-height:1.15;overflow-wrap:anywhere}
#sg-shop-header .sg-shop-header__brand img{width:auto;height:auto;max-width:240px;max-height:66px;object-fit:contain}
#sg-shop-header .sg-shop-header__actions{display:flex;align-items:center;gap:12px}
#sg-shop-header .sg-header-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:inherit;text-decoration:none;position:relative;transition:background .15s,transform .15s}
#sg-shop-header .sg-header-icon:hover{background:rgba(24,32,28,.06);transform:translateY(-1px)}
#sg-shop-header .sg-header-cart__count{position:absolute;right:-1px;top:-1px;background:var(--button-background,#19221c);color:var(--button-text,#fff);border-radius:20px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;font-size:10px;font-weight:700;line-height:1}
#sg-native-cart-widget[hidden],#sg-cart-dialog [hidden]{display:none!important}
#sg-cart-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(100%,480px);max-width:100vw;height:100%;height:100dvh;max-height:100dvh;border:0;padding:0;background:var(--page-background,#fffef5);box-shadow:-12px 0 80px #0002;overflow:hidden;border-radius:22px 0 0 22px}
#sg-cart-dialog[open]{display:flex;flex-direction:column}
#sg-cart-dialog::backdrop{background:rgba(20,24,21,.34);backdrop-filter:blur(2px)}
#sg-cart-dialog.sg-cart-dialog--added{inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:min(760px,calc(100% - 48px));height:auto;max-height:calc(100dvh - 32px);border-radius:22px;box-shadow:0 24px 100px #0003}
#sg-cart-dialog .sg-cart-dialog__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 28px 18px;border-bottom:1px solid #18201c16;flex-shrink:0}
#sg-cart-dialog h2{font-size:25px;letter-spacing:-.035em;font-weight:700;line-height:1.2;margin:0;color:inherit;text-transform:none}
#sg-cart-dialog .sg-cart-dialog__eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-color,#476846);margin:0 0 8px}
#sg-cart-dialog .sg-cart-dialog__intro{font-size:13px;line-height:1.5;color:inherit;opacity:.72;max-width:510px;margin:10px 0 0}
#sg-cart-dialog .sg-cart-close{border:0;background:transparent;color:inherit;border-radius:50%;font-size:30px;line-height:1;width:40px;height:40px;min-width:40px;margin:-7px -8px 0 0;padding:0;cursor:pointer}
#sg-cart-dialog .sg-cart-close:hover{background:#18201c0c}
#sg-cart-dialog .sg-cart-dialog__body{display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0;padding:0 28px 16px}
#sg-cart-dialog .sg-cart-lines{list-style:none;padding:0;margin:0;overflow:auto;overscroll-behavior:contain;min-height:0;flex:1}
#sg-cart-dialog .sg-cart-summary{flex-shrink:0}
#sg-cart-dialog .sg-cart-line{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #18201c16}
#sg-cart-dialog .sg-cart-line__image{width:68px;flex-shrink:0;align-self:flex-start;border-radius:10px;overflow:hidden;background:#18201c07}
#sg-cart-dialog .sg-cart-line__image img{display:block;width:100%;height:86px;object-fit:contain}
#sg-cart-dialog .sg-cart-line__content{flex:1;min-width:0}
#sg-cart-dialog .sg-cart-line__name{font-size:16px;font-weight:650;letter-spacing:-.01em;line-height:1.35;color:inherit;text-decoration:none;display:block;overflow-wrap:anywhere}
#sg-cart-dialog .sg-cart-line__name:hover{color:inherit;text-decoration:underline;text-underline-offset:3px}
#sg-cart-dialog .sg-cart-line__attribute{font-size:12px;line-height:1.5;opacity:.72;margin:5px 0 0;overflow-wrap:anywhere}
#sg-cart-dialog .sg-cart-line__unit{font-size:12px;line-height:1.4;opacity:.7;margin:6px 0 0}
#sg-cart-dialog .sg-cart-line__bottom{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px}
#sg-cart-dialog .sg-cart-quantity{display:flex;align-items:center;overflow:hidden;border:1px solid #18201c29;border-radius:10px;background:#fff8}
#sg-cart-dialog .sg-cart-quantity button{display:grid;place-items:center;border:0;color:inherit;background:transparent;width:34px;height:34px;padding:0;font-size:19px;cursor:pointer}
#sg-cart-dialog .sg-cart-quantity button:hover{background:#18201c0c}
#sg-cart-dialog .sg-cart-quantity output{display:block;font-size:13px;font-weight:600;text-align:center;min-width:30px;margin:0;padding:0;line-height:34px}
#sg-cart-dialog .sg-cart-remove{font-size:11px;color:inherit;opacity:.65;text-decoration:underline;text-underline-offset:3px}
#sg-cart-dialog .sg-cart-line__total{font-size:14px;font-weight:650;margin-left:auto;white-space:nowrap}
#sg-cart-dialog .sg-cart-totals{margin:18px 0 0;font-size:13px}
#sg-cart-dialog .sg-cart-totals>div{display:flex;justify-content:space-between;gap:16px;margin:10px 0}
#sg-cart-dialog .sg-cart-totals dt{font-weight:400;margin:0}
#sg-cart-dialog .sg-cart-totals dd{margin:0;white-space:nowrap}
#sg-cart-dialog .sg-cart-totals .sg-cart-totals__sum{margin-top:18px;padding-top:16px;border-top:1px solid #18201c16;font-size:19px;font-weight:700}
#sg-cart-dialog .sg-cart-totals__sum dt{font-weight:700}
#sg-cart-dialog .sg-cart-tax-note{font-size:10px;opacity:.65;text-align:right;margin:4px 0 0}
#sg-cart-dialog .sg-cart-dialog__footer{padding:18px 28px 22px;display:grid;grid-template-columns:1fr;gap:10px;border-top:1px solid #18201c16;flex-shrink:0;background:inherit}
#sg-cart-dialog.sg-cart-dialog--added .sg-cart-dialog__footer{grid-template-columns:1fr 1fr}
#sg-cart-dialog .sg-cart-button{display:block;text-align:center;border-radius:11px;padding:14px 18px;font-size:14px;line-height:1.4;font-weight:600;text-decoration:none;transition:transform .15s,filter .15s;border:1px solid transparent}
#sg-cart-dialog .sg-cart-button--primary{background:var(--button-background,#19221c);color:var(--button-text,#fff)}
#sg-cart-dialog .sg-cart-button--secondary{background:transparent;border-color:#18201c35;color:inherit}
#sg-cart-dialog .sg-cart-button:hover{transform:translateY(-1px);filter:brightness(.97)}
#sg-cart-dialog .sg-cart-continue{grid-column:1/-1;justify-self:center;background:transparent;border:0;color:inherit;padding:6px 12px;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
#sg-cart-dialog .sg-cart-empty{text-align:center;padding:58px 12px 64px;opacity:.8}
#sg-cart-dialog .sg-cart-empty svg{margin-bottom:20px}
#sg-cart-dialog .sg-cart-empty h3{font-size:22px;color:inherit;letter-spacing:-.03em;margin:0 0 10px;text-transform:none}
#sg-cart-dialog .sg-cart-empty p{font-size:14px;margin:0}
#sg-cart-dialog .sg-cart-message:empty{display:none}
#sg-cart-dialog .sg-cart-message,#sg-cart-dialog .sg-cart-minimum{font-size:13px;line-height:1.5;background:#f4e7ca;color:#4b3e23;border-radius:9px;margin:12px 28px;padding:12px 14px;flex-shrink:0}
#sg-cart-dialog .sg-cart-minimum{margin:16px 0 0}
#sg-cart-dialog[aria-busy="true"] [data-sg-cart-action]{opacity:.4;pointer-events:none}
#sg-cart-dialog[aria-busy="true"] [data-sg-cart-checkout],#sg-cart-dialog[aria-busy="true"] [data-sg-cart-summary]{opacity:.45;pointer-events:none}
.sg-header-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#sg-shop-header a:focus-visible,#sg-cart-dialog a:focus-visible,#sg-cart-dialog button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:600px){#sg-shop-header .sg-shop-header__inner{min-height:78px;padding:12px 18px;gap:12px}#sg-shop-header .sg-shop-header__brand{font-size:20px}#sg-shop-header .sg-shop-header__brand img{max-width:170px;max-height:48px}#sg-shop-header .sg-shop-header__actions{gap:5px}#sg-shop-header .sg-header-icon{width:40px;height:40px}#sg-cart-dialog,#sg-cart-dialog.sg-cart-dialog--added{width:100%;max-width:100%;height:100%;height:100dvh;max-height:100dvh;inset:0;transform:none;margin:0;border-radius:0}#sg-cart-dialog .sg-cart-dialog__heading{padding:24px 20px 18px}#sg-cart-dialog h2{font-size:23px}#sg-cart-dialog .sg-cart-dialog__body{padding:0 20px 20px}#sg-cart-dialog .sg-cart-dialog__footer{padding:16px 20px 20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}#sg-cart-dialog.sg-cart-dialog--added .sg-cart-dialog__footer{grid-template-columns:1fr}#sg-cart-dialog .sg-cart-line{gap:12px}#sg-cart-dialog .sg-cart-line__image{width:54px}#sg-cart-dialog .sg-cart-line__image img{height:72px}#sg-cart-dialog .sg-cart-line__bottom{gap:10px}#sg-cart-dialog .sg-cart-message{margin:12px 20px}}
@media(prefers-reduced-motion:reduce){#sg-shop-header *,#sg-cart-dialog *{transition:none!important}}

/* Stick the outer native wrapper; sticking only its child would end at the header's bottom. */
html body #header:has(>#sg-shop-header){position:sticky!important;top:0;z-index:1000;background:transparent!important;align-self:stretch}
html:has(#header>#sg-shop-header){scroll-padding-top:calc(var(--sg-sticky-header-height,100px) + 12px)}
#header>#sg-shop-header{padding-top:env(safe-area-inset-top,0px);transition:background-color .18s ease,box-shadow .18s ease}
#header.sg-header--scrolled>#sg-shop-header{background:var(--header-scroll-background,var(--header-background,#fffef5));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 18px #00000014}
body:has(#header>#sg-shop-header) .sg-product .sg-product__purchase{top:var(--sg-header-purchase-top,var(--sg-sticky-top,28px))}
@media(prefers-reduced-motion:reduce){#header>#sg-shop-header{transition:none}}
