/* Isolated mobile sheet; existing desktop/product/cart styling is untouched. */
@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:min(92vh,980px); height:min(92dvh,980px); max-height:100%; margin:0; padding:0; border:0; border-radius:0; box-sizing:border-box; color:var(--text_color,#29282b); background:#fff; font-family:var(--font_family,inherit); overflow:hidden; box-shadow:0 -10px 40px #0001; }
 .mr-quick-sheet:not([open]) { display:none; }
 .mr-quick-sheet[open] { display:flex; flex-direction:column; }
 .mr-quick-sheet::backdrop { background:rgba(0,0,0,.3); }
 .mr-quick-header { position:relative; flex:none; padding:26px 56px 12px 20px; }
 .mr-quick-title { margin:0; font:inherit; font-size:17px; font-weight:400; line-height:1.4; }
 .mr-quick-close { position:absolute; top:12px; right:8px; width:44px; height:44px; padding:0; border:0; background:none; color:inherit; font-family:Arial,sans-serif; font-size:32px; line-height:1; font-weight:300; cursor:pointer; }
 .mr-quick-content { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding-bottom:12px; }
 .mr-quick-price { display:flex; gap:10px; align-items:baseline; padding:0 20px 16px; font-size:15px; line-height:1.4; }
 .mr-quick-old { color:#8d8b88; text-decoration:line-through; font-size:13px; }
 .mr-quick-gallery { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; width:100%; padding:0; gap:0; background:#f3f1ee; }
 .mr-quick-gallery::-webkit-scrollbar { display:none; }
 .mr-quick-gallery img { display:block; flex:0 0 100%; width:100%; min-width:100%; height:32vh; height:32dvh; min-height:200px; max-height:360px; object-fit:contain; object-position:center; scroll-snap-align:start; }
 .mr-quick-gallery-count { margin:10px 0 0; color:#8d8b88; text-align:center; font-size:11px; line-height:1.4; }
 .mr-quick-options { padding:0 20px; }
 .mr-quick-label { font-size:13px; line-height:1.4; margin:20px 0 10px; }
 .mr-quick-colors { display:flex; flex-wrap:wrap; gap:8px; }
 .mr-quick-color { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:8px; background:none; border:1px solid transparent; border-radius:50%; cursor:pointer; }
 .mr-quick-color > span { display:block; width:26px; height:26px; border:1px solid #ddd; border-radius:50%; }
 .mr-quick-color.is-active { border-color:#29282b; }
 .mr-quick-color:disabled { opacity:.6; cursor:default; }
 .mr-quick-sizes { display:flex; flex-wrap:wrap; gap:8px; }
 .mr-quick-size { min-width:44px; min-height:44px; padding:10px 12px; border:1px solid #ddd; background:none; color:inherit; font:inherit; font-size:13px; line-height:1.2; cursor:pointer; }
 .mr-quick-size[aria-pressed="true"] { border-color:#29282b; background:#29282b; color:#fff; }
 .mr-quick-size:disabled { color:#a6a3a0; border-color:#e9e7e4; text-decoration:line-through; cursor:default; }
 .mr-quick-actions { flex:none; padding:0 20px max(8px,env(safe-area-inset-bottom)); border-top:1px solid #eee; background:#fff; }
 .mr-quick-message { margin:6px 0; min-height:18px; font-size:12px; line-height:1.5; }
 .mr-quick-add,.mr-quick-checkout,.mr-quick-retry { display:block; width:100%; min-height:48px; box-sizing:border-box; padding:14px 16px; border:1px solid #29282b; background:#29282b; color:#fff; font:inherit; font-size:13px; 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:#edeae6; border-color:#edeae6; color:#77736d; }
 .mr-quick-checkout { margin-top:8px; }
 .mr-quick-details { display:block; padding:13px 20px; color:inherit; text-align:center; text-underline-offset:4px; text-decoration:underline; font-size:12px; line-height:1.4; }
 .mr-quick-loading { padding:25px 20px; margin:0; font-size:14px; line-height:1.6; }
 .mr-quick-retry { width:calc(100% - 40px); margin:0 20px; }
 .mr-quick-sheet button:focus-visible,.mr-quick-sheet a:focus-visible { outline:2px solid #29282b; outline-offset:3px; }
 @media (prefers-reduced-motion:reduce) { .mr-quick-gallery { scroll-behavior:auto; } }
}
