/* Scoped extension: sticky moves native nodes; JS refreshes native product and total fragments. */
#header__cart-preview.msc-panel{--msc-gutter:20px;--msc-card:calc(100% - 30px);height:var(--msc-visible-height,calc(100vh - 70px));overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px)}
#header__cart-preview.msc-panel .header__cart-preview__message{display:none}
.msc-shipping{margin:0 var(--msc-gutter);padding:22px 0 4px}
.msc-shipping p{font:400 14px/1.5 Questrial,sans-serif;margin:0 0 12px;color:#171717}
.msc-progress{height:2px;background:#dfdbdd;overflow:hidden}
.msc-progress>span{display:block;height:100%;background:#242222}
.msc-recommendations{padding:4px 0 14px}
.msc-section{padding:17px 0 8px}
.msc-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 var(--msc-gutter) 12px}
.msc-heading h2{font:400 13px/20px Questrial,sans-serif;letter-spacing:1.25px;text-transform:uppercase;margin:0;color:#171717}
.msc-nav{display:none;align-items:center;flex:none}
.msc-counter{font:400 11px/20px Questrial,sans-serif;color:#726c70;min-width:27px;text-align:center}
.msc-arrow{width:28px;height:30px;border:0;background:transparent;display:grid;place-items:center;padding:0;color:#171717}
.msc-arrow:after{content:"";width:7px;height:7px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}
.msc-arrow[data-direction="-1"]:after{transform:rotate(-135deg)}
.msc-arrow:disabled{opacity:.25;cursor:default}
.msc-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--msc-gutter);padding:2px var(--msc-gutter) 8px;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.msc-track::-webkit-scrollbar{display:none}
.msc-card{flex:0 0 var(--msc-card);width:var(--msc-card);min-width:0;scroll-snap-align:start;border:1px solid transparent;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:minmax(106px,auto);gap:10px;padding:12px;background:#fff;align-items:stretch}
.msc-card img{display:block;width:76px;height:100%;min-height:0;max-height:none;object-fit:cover;align-self:stretch}
.msc-info{min-width:0;display:flex;flex-direction:column;gap:8px;height:100%}
.msc-name{font:400 12px/17px Questrial,sans-serif;text-transform:uppercase;margin:0;color:#171717;overflow-wrap:break-word}
.msc-price,.msc-price .amount{font:400 14px/1.25 "Eiko Regular",Georgia,serif;color:#000}
.msc-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:auto}
.msc-size-field{position:relative;min-width:0;flex:1;width:96px;display:block}
.msc-size-field:after{content:"";display:block;width:10px;height:10px;border:1px solid #000;position:absolute;top:50%;right:15px;transform:translateY(calc(-50% - 2px)) rotate(45deg);border-top:none;border-left:none;pointer-events:none}
.msc-size{appearance:none;-webkit-appearance:none;background:#fff;background-image:none;border:1px solid #c8c2c5;border-radius:0;min-width:0;width:100%;max-width:100%;height:32px;padding:0 34px 0 8px;font:400 16px Questrial,sans-serif;color:#000;display:block}
.msc-add{border:1px solid #000;color:#000;background:transparent;min-height:32px;padding:4px 11px;text-transform:uppercase;letter-spacing:2.2px;font:400 11px/22px Questrial,sans-serif;cursor:pointer}
.msc-add:disabled{cursor:not-allowed}
.msc-add[aria-busy="true"]{opacity:.6}
.msc-card .added_to_cart{display:none}
.msc-status{font:400 12px/18px Questrial,sans-serif;color:#4c474a;margin:0 var(--msc-gutter)}
.msc-status:empty{display:none}
.msc-status:not(:empty){padding:12px 0}
.msc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.msc-panel .msc-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ccc6c8 transparent;flex:1}
#header__cart-preview.msc-panel--sticky.--active{display:flex!important;flex-direction:column;overflow:hidden;height:var(--msc-visible-height,100%)} /* Theme sets inline display:block on open. */
/* Native desktop list has a fixed width; the inner vertical scrollbar reduces its available space. */
.msc-panel .msc-scroll>.header__cart-preview__products{max-width:100%}
.msc-footer{flex:none;background:#f7f5f6;border-top:1px solid #ded9dc;box-shadow:none}
.msc-footer .header__cart-preview__total{padding-bottom:15px}
.msc-footer .header__cart-preview__buttons{margin-bottom:20px}
.msc-panel .msc-add:focus-visible,.msc-panel .msc-size:focus-visible,.msc-panel .msc-arrow:focus-visible,.msc-panel .msc-track:focus-visible{outline:2px solid #66564e;outline-offset:3px}
.msc-panel .msc-size[data-msc-pointer-focus="1"]:focus{outline:none}
.msc-section[hidden],.msc-shipping[hidden],.msc-recommendations[hidden]{display:none}
@media(min-width:576px){#header__cart-preview.msc-panel{--msc-gutter:40px}}
@media(min-width:1200px){
 #header__cart-preview.msc-panel{--msc-gutter:50px}
 .msc-nav{display:flex}.msc-card{grid-template-columns:82px minmax(0,1fr);gap:12px}.msc-card img{width:82px}
 .msc-name{font-size:13px;line-height:18px}.msc-price,.msc-price .amount{font-size:16px}
 .msc-controls{gap:8px}.msc-size{font-size:13px}.msc-add{padding-inline:13px}
}
@media(max-width:1199px){.msc-panel .msc-footer{background:#fff}}
@media(prefers-reduced-motion:reduce){.msc-track{scroll-behavior:auto}}

.msc-panel .msc-variant{font:400 13px/18px Questrial,sans-serif;color:#696467;margin:-5px 0 9px}

/* A stale summary is explicit; native cart/checkout links remain usable. */
.msc-status .msc-refresh{appearance:none;border:0;background:transparent;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
.msc-status a{font:inherit;color:inherit;text-decoration:underline}
.msc-status .msc-refresh:focus-visible,.msc-status a:focus-visible{outline:2px solid #66564e;outline-offset:3px}
.msc-benefits{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin:0 var(--msc-gutter) 16px}
.msc-benefits>span{display:inline-flex;align-items:center;gap:6px;font:400 11px/18px Questrial,sans-serif;color:#696467}
.msc-benefits svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1;flex:none}