/* Mobile sheet only. Offer selection and the storefront's basket remain native. */
@media (max-width:767px) {
 body.mr-quick-open { overflow:hidden; }
 .mr-quick-sheet { position:fixed; inset:auto 0 0; width:100%; max-width:100%; height:auto; max-height:min(91vh,920px); max-height:var(--mr-quick-max-height,min(91dvh,calc(100% - env(safe-area-inset-top,0px)),920px)); margin:0; padding:0; border:0; border-radius:8px 8px 0 0; box-sizing:border-box; color:var(--text_color,#29282b); background:#fff; font-family:var(--font_family,inherit); overflow:hidden; box-shadow:0 -8px 32px #0001; }
 .mr-quick-sheet:not([open]) { display:none; }
 .mr-quick-sheet[open] { display:flex; flex-direction:column; }
 .mr-quick-sheet.mr-quick-preparing { visibility:hidden; }
 .mr-quick-sheet.mr-quick-preparing::backdrop { background:transparent; }
 .mr-quick-sheet.mr-quick-updating .mr-quick-content { opacity:.6; }
 .mr-quick-sheet::backdrop { background:rgba(0,0,0,.25); }
 .mr-quick-header { position:relative; flex:none; padding:17px 54px 15px 18px; background:#fff; }
 .mr-quick-title { margin:0; font:inherit; font-size:14px; font-weight:400; line-height:1.4; text-transform:none; letter-spacing:normal; }
 .mr-quick-close { position:absolute; top:10px; right:5px; width:44px; height:44px; padding:0; border:0; background:none; color:inherit; font-family:Arial,sans-serif; font-size:25px; line-height:1; font-weight:300; cursor:pointer; }
 .mr-quick-price { display:flex; flex-wrap:wrap; gap:9px; align-items:baseline; margin-top:5px; font-size:13px; line-height:1.35; }
 .mr-quick-price:empty { display:none; }
 .mr-quick-old { color:#8d8b88; text-decoration:line-through; font-size:12px; }
 .mr-quick-content { flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:0 0 12px; }
 /* Portrait panels fill the sheet edge-to-edge; the next photograph stays in
    view. A 100%-wide contain box made the original images look like thumbnails. */
 .mr-quick-gallery { display:flex; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; width:100%; --mr-quick-gallery-height:min(100vw,480px); height:var(--mr-quick-gallery-height); margin:0; padding:0; gap:2px; background:#f3f1ee; }
 .mr-quick-gallery::-webkit-scrollbar { display:none; }
 .mr-quick-gallery img { display:block; flex:0 0 max(50%,calc(var(--mr-quick-gallery-height) * .666667)); width:max(50%,calc(var(--mr-quick-gallery-height) * .666667)); min-width:0; max-width:none; height:100%; margin:0; padding:0; object-fit:cover; object-position:50% 40%; scroll-snap-align:start; }
 .mr-quick-gallery[data-single="true"] img { flex-basis:100%; width:100%; object-fit:contain; }
 .mr-quick-gallery-count { margin:7px 18px 0; color:#8d8b88; text-align:right; font-size:10px; line-height:1.3; }
 .mr-quick-options { padding:0 18px; }
 .mr-quick-label { font-size:12px; line-height:1.4; margin:12px 0 5px; }
 .mr-quick-colors { display:flex; flex-wrap:nowrap; align-items:center; gap:5px; min-width:0; }
 .mr-quick-color { display:flex; flex:none; align-items:center; justify-content:center; width:32px; height:36px; padding:3px; background:none; border:0; border-radius:50%; cursor:pointer; }
 .mr-quick-color > span { display:block; width:23px; height:23px; box-sizing:border-box; border:1px solid #d6d3cf; border-radius:50%; }
 .mr-quick-color.is-active > span { outline:1px solid #29282b; outline-offset:2px; }
 .mr-quick-color:disabled { opacity:.6; cursor:default; }
 .mr-quick-size-group { display:flex; align-items:flex-start; gap:10px; margin-top:9px; }
 .mr-quick-size-group > .mr-quick-label { flex:none; margin:0; line-height:36px; }
 .mr-quick-sizes { display:flex; flex:1; flex-wrap:wrap; align-items:center; gap:1px; min-width:0; }
 .mr-quick-size { flex:none; min-width:31px; min-height:36px; margin:0; padding:8px 5px; border:0; border-bottom:1px solid transparent; border-radius:0; background:none; color:inherit; font:inherit; font-size:13px; line-height:1.2; cursor:pointer; }
 .mr-quick-size[aria-pressed="true"] { border-bottom-color:#29282b; font-weight:600; }
 .mr-quick-size:disabled { color:#aaa6a1; text-decoration:none; cursor:default; }
 .mr-quick-actions { flex:none; padding:8px 18px max(8px,env(safe-area-inset-bottom)); background:#fff; }
 .mr-quick-message { margin:0 0 8px; font-size:12px; line-height:1.5; }
 .mr-quick-message.is-error { padding:10px 12px; background:#f8e9e9; color:#7b3030; }
 .mr-quick-message:empty { display:none; }
 .mr-quick-add,.mr-quick-checkout,.mr-quick-retry { display:block; width:100%; min-height:44px; box-sizing:border-box; padding:12px 14px; border:1px solid #29282b; border-radius:0; background:#29282b; color:#fff; font:inherit; font-size:12px; font-weight:400; line-height:1.4; text-align:center; text-decoration:none; cursor:pointer; }
 .mr-quick-add[hidden] { display:none; }
 .mr-quick-add:disabled { cursor:default; background:#29282b; border-color:#29282b; color:#fff; opacity:.55; }
 .mr-quick-checkout { margin-top:8px; }
 .mr-quick-details { display:block; padding:12px 18px 7px; color:inherit; text-align:center; text-underline-offset:4px; text-decoration:underline; font-size:12px; line-height:1.4; }
 .mr-quick-loading { padding:25px 18px; margin:0; font-size:14px; line-height:1.6; }
 .mr-quick-retry { width:calc(100% - 36px); margin:0 18px; }
 .mr-quick-sheet button:focus-visible,.mr-quick-sheet a:focus-visible,.mr-quick-gallery:focus-visible { outline:2px solid #29282b; outline-offset:2px; }
 @media (max-height:700px) { .mr-quick-gallery { --mr-quick-gallery-height:min(100vw,44vh); --mr-quick-gallery-height:min(100vw,44dvh); } }
 @media (max-height:620px) { .mr-quick-gallery { --mr-quick-gallery-height:min(100vw,38vh); --mr-quick-gallery-height:min(100vw,38dvh); } }
 .mr-mobile-quick-add.mr-quick-pending svg { opacity:0; }
 .mr-mobile-quick-add.mr-quick-pending::after { content:''; position:absolute; width:17px; height:17px; border:1px solid #c8c6c1; border-top-color:#29282b; border-radius:50%; animation:mr-quick-spin .8s linear infinite; }
 @keyframes mr-quick-spin { to { transform:rotate(360deg); } }
 @media (prefers-reduced-motion:reduce) { .mr-quick-gallery { scroll-behavior:auto; } }
}