/* Approved mobile short-card shop. Existing checkout and desktop shop remain unchanged.
   Legacy CSS adds up to 12 ID-weight guards to each selector. The 13 guards below
   keep this isolated component above those resets, even when legacy CSS loads last. */
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *,.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) * { letter-spacing:0; }
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display:none; }
.sg-desktop-store:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display:contents; }
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --mc-ink:#293f39; --mc-jade:#286554; --mc-muted:#819189; --mc-line:#dce5dc; color:var(--mc-ink); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; color-scheme:light; }
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *::before,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *::after,.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *,.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *::before,.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *::after { box-sizing:border-box; }
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [x-cloak],.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)[x-cloak],.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [x-cloak],.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [hidden],.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [hidden] { display:none!important; }
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button,.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button { font-family:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:disabled,.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:disabled { cursor:default; opacity:.5; filter:saturate(.55); }
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:focus-visible,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input:focus-visible,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [tabindex]:focus-visible,.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:focus-visible { outline:3px solid #b88d51!important; outline-offset:3px; }
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg,.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg { width:18px; height:18px; flex-shrink:0; }
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img,.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img { display:block; max-width:100%; }

/* Teleported detail sheet is intentionally not nested under the shop or mobile media query. */
.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { position:fixed; inset:0; z-index:100005; display:flex; align-items:center; justify-content:center; padding:18px; background:#21392e54; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); overscroll-behavior:contain; }
.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-detail-sheet { display:flex; flex-direction:column; width:100%; max-width:520px; max-height:87vh; max-height:87dvh; margin:0; padding:0; overflow:hidden; border:1px solid #fff; border-radius:24px; background:#fafbf4; color:var(--mc-ink); box-shadow:0 25px 85px #25472e3d; animation:mc-detail-sheet-in .3s cubic-bezier(.16,1,.3,1); }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-header { display:flex; align-items:center; justify-content:space-between; flex-shrink:0; gap:12px; padding:20px 20px 16px; margin:0; border:0; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-header>div { min-width:0; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-header h2,.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-header h3 { margin:5px 0 0; font-size:22px; line-height:1.45; font-weight:700; color:#3c6249; overflow-wrap:anywhere; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-header small,.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-header p,.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-header>div>span { display:block; margin:0; font-size:10px; line-height:1.6; color:#8b907b; letter-spacing:0; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-header>button { display:grid; place-items:center; flex-shrink:0; width:40px; height:40px; min-height:40px; margin:0; padding:9px; border:1px solid #e5ebdf; border-radius:50%; color:#6d8b78; background:#fff9; box-shadow:none; font-size:23px; line-height:1; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-body { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:0 20px 18px; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-product { position:relative; display:flex; align-items:center; gap:15px; min-height:98px; overflow:hidden; border:1px solid #fff; border-radius:16px; margin:0 0 16px; padding:12px; background:radial-gradient(ellipse at 50% 100%,#d6e4cbb0,transparent 65%),linear-gradient(120deg,#e8f0df,#f9f4e6); }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-product>img { flex-shrink:0; width:64px; height:67px; object-fit:contain; filter:drop-shadow(0 6px 5px #60774720); }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-body>p { margin:12px 0; font-size:12px; line-height:1.8; color:#87977d; overflow-wrap:anywhere; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-body>h3 { margin:16px 0 10px; font-size:13px; line-height:1.5; font-weight:700; color:#42624b; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-rewards { list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:0; margin:12px 0; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-rewards li { display:flex; align-items:center; gap:7px; min-width:0; min-height:61px; margin:0; padding:9px 8px; background:#fff; border:1px solid #ecf0e5; border-radius:10px; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-rewards li>img { width:34px; height:34px; flex-shrink:0; object-fit:contain; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-rewards li>div { flex:1; min-width:0; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-rewards strong { display:block; margin:0; font-size:11px; line-height:1.5; font-weight:650; color:#42624b; overflow-wrap:anywhere; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-rewards small { display:block; margin:2px 0 0; font-size:11px; line-height:1.5; color:#a28f65; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-footer { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:center; gap:10px; flex-shrink:0; margin:0; padding:15px 20px; border-top:1px solid #e4eadf; background:#fff; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-footer>div { min-width:0; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-footer>div>span,.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-footer small { display:block; font-size:10px; line-height:1.6; color:#8d9b83; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-footer strong,.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-footer b { font-family:Arial,sans-serif; font-size:27px; line-height:1.4; font-weight:750; color:#426e50; font-variant-numeric:tabular-nums; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-footer>p { grid-column:1/-1; margin:0; text-align:center; font-size:10px; line-height:1.6; color:#a1ab92; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-buy { display:flex; justify-content:center; align-items:center; gap:8px; min-height:46px; margin:0; padding:10px 12px; border:1px solid #3b704e; border-radius:12px; background:linear-gradient(120deg,#4c805d,#396b4d); box-shadow:0 3px 0 #2c573e; color:#fffbe9; font-size:12px; line-height:1.5; font-weight:700; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-buy:active:not(:disabled),.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-header>button:active { transform:scale(.96); }

/* The existing skin runtime keeps its data attributes and lifecycle. Limit overrides to our art. */
.mc-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-stage,.mc-sheet-product:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-stage { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; margin:0!important; overflow:hidden!important; isolation:isolate; border:0!important; background:linear-gradient(140deg,#eee9e1,#e3eadd)!important; }
.mc-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-stage>img,.mc-sheet-product:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-stage>img { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; max-width:none!important; margin:0!important; object-fit:cover!important; object-position:center var(--sg-skin-focus,50%)!important; transform-origin:center var(--sg-skin-focus,50%)!important; transform:translate(var(--sg-skin-shift-x,0%),var(--sg-skin-shift-y,0%)) scale(calc(1.04 * var(--sg-skin-zoom,1)))!important; transition:opacity .35s; }
.mc-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-stage iframe,.mc-sheet-product:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-stage iframe { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; border:0!important; opacity:0!important; transform:none!important; pointer-events:none; transition:opacity .35s; }
.mc-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-stage.is-playing iframe,.mc-sheet-product:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-stage.is-playing iframe { opacity:1!important; }
.mc-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-stage.is-playing>img,.mc-sheet-product:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-stage.is-playing>img { opacity:0!important; }
.mc-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-status,.mc-sheet-product:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-status { position:absolute!important; inset:auto 0 0!important; z-index:2!important; width:100%!important; padding:3px 5px!important; border:0!important; border-radius:0!important; background:linear-gradient(0deg,#eff4e5ce,transparent)!important; box-shadow:none!important; color:#6d8169!important; font-size:7px!important; line-height:1.5!important; text-align:right!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transform:none!important; pointer-events:none; }
.mc-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-retry,.mc-sheet-product:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-retry { position:absolute!important; inset:auto 4px 3px auto!important; z-index:3; min-height:24px!important; margin:0!important; padding:4px 5px!important; border:1px solid #fffd!important; border-radius:5px!important; background:#faffebeb!important; box-shadow:none!important; color:#597c55!important; font-size:8px!important; line-height:1.4!important; }
.mc-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-stage.is-loading::after,.mc-sheet-product:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sg-skin-stage.is-loading::after { width:15px!important; height:15px!important; right:7px!important; top:7px!important; }

@media (max-width:680px) {
  /* Mobile shop owns its header and navigation; the existing payment layer stays above it. */
  .sg-commerce:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-has-compact { gap:12px!important; }
  .sg-commerce:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-has-compact>.sg-hero,.sg-commerce:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-has-compact>.sg-commerce-wallet,.sg-commerce:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-has-compact>.sg-desktop-store { display:none!important; }
  .sg-commerce:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-has-compact>.sg-commerce-orders { margin:0!important; }
  .sg-commerce:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-has-compact>.sg-commerce-feedback { margin:0!important; padding:12px!important; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display:flex; flex-direction:column; position:fixed; inset:0 0 var(--sg-mobile-nav-height,64px); z-index:1000; width:100%; min-width:0; height:calc(100vh - var(--sg-mobile-nav-height,64px)); height:calc(100dvh - var(--sg-mobile-nav-height,64px)); min-height:0; max-height:none; margin:0; overflow:hidden; border:0; border-radius:0; background:radial-gradient(ellipse at 70% 0,#fdf8e8c9,transparent 50%),#eff4ed; box-shadow:0 8px 28px #25472e0a; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-header { position:relative; z-index:4; flex-shrink:0; margin:0; padding:max(10px,env(safe-area-inset-top)) 12px 10px; border-bottom:1px solid #d7e2d699; background:linear-gradient(140deg,#fffef4ed,#e8f1e6da); }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-brand { display:flex; align-items:center; gap:8px; min-height:35px; margin:0 0 8px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-brand>a:first-child img { width:105px; height:35px; flex-shrink:0; object-fit:contain; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-brand>span { margin:0; font-size:15px; font-weight:750; line-height:1.4; letter-spacing:0; color:#345d49; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-brand>span small { display:block; margin:1px 0 0; font-size:8px; font-weight:500; letter-spacing:0; color:#97a488; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-brand>button,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-brand>a:last-child { display:grid; place-items:center; width:34px; height:34px; min-height:34px; margin:0 0 0 auto; padding:7px; border:1px solid #fff; border-radius:50%; color:#6d8b78; background:#fff8; box-shadow:none; font-size:10px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-wallet { display:flex; align-items:center; justify-content:space-between; gap:7px; min-width:0; min-height:39px; margin:0; padding:6px 9px; border:1px solid #66866b; border-radius:11px; background:linear-gradient(105deg,#326750,#43735d); box-shadow:0 4px 10px #42725a14; color:#e1eddb; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-wallet>span { display:flex; align-items:center; gap:5px; min-width:0; font-size:10px; line-height:1.5; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-wallet b { margin-left:3px; color:#fff5d8; font-size:18px; font-weight:650; line-height:1.2; letter-spacing:0; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-wallet svg { width:15px; height:15px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-wallet>a,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-wallet>button { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; gap:3px; min-height:28px; margin:0; padding:3px 0 3px 4px; border:0; border-radius:0; background:none; box-shadow:none; color:#e6eddf; font-size:9px; line-height:1.4; text-decoration:none; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-search { display:flex; align-items:center; gap:7px; height:33px; margin:9px 0 0; padding:0 9px; border:1px solid #fff; border-radius:10px; background:#fff9; color:#9ba894; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-search svg { width:14px; height:14px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-search input { width:100%; min-width:0; height:100%; margin:0; padding:0; border:0!important; border-radius:0; outline:none; background:none!important; box-shadow:none!important; color:#526d5c; font-size:16px; line-height:1.4; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-search input::placeholder { font-size:11px; color:#97a58e; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-search>span,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-search>small { flex-shrink:0; padding-left:7px; border-left:1px solid #dce5d8; color:#a0ab90; font-size:9px; white-space:nowrap; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-browse { display:flex; flex:1; min-width:0; min-height:0; overflow:hidden; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-categories { flex:0 0 64px; min-width:0; margin:0; padding:7px 0 14px; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; border-right:1px solid #dfe8db7a; background:#eef3e9a1; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-categories::-webkit-scrollbar { display:none; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-categories button { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:100%; min-height:62px; margin:0; padding:10px 3px; border:0; border-radius:0; color:#81927f; background:transparent; box-shadow:none; font-size:10px; line-height:1.4; white-space:normal; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-categories button small,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-categories button span+span { color:#a1ae96; font-size:9px; font-weight:400; font-variant-numeric:tabular-nums; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-categories button.active,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-categories button.is-active,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-categories button[aria-pressed="true"] { color:#286554; font-weight:700; background:linear-gradient(90deg,#dcebdc,#edf4e9); }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-categories button.active::before,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-categories button.is-active::before,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-categories button[aria-pressed="true"]::before { content:""; position:absolute; left:0; top:19px; width:3px; height:25px; border-radius:0 4px 4px 0; background:#518366; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-scroll { flex:1; min-width:0; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; padding:0 8px 22px; scrollbar-width:thin; scrollbar-color:#9ab89a70 transparent; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-collection-heading { display:flex; align-items:center; justify-content:space-between; gap:5px; margin:0; padding:12px 1px 10px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-collection-heading h2,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-collection-heading h3 { margin:0; font-size:13px; line-height:1.5; font-weight:650; letter-spacing:0; color:#365741; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-collection-heading>span,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-collection-heading>small { flex-shrink:0; font-size:9px; line-height:1.5; color:#95a38b; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:9px 7px; margin:0; padding:0; }
  /* !important overrides only collision points from the late-loaded, flattened legacy stylesheet. */
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card { position:relative; display:flex; flex-direction:column; min-width:0; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; border:1px solid #fff!important; border-radius:12px!important; background:#ffffffe0!important; box-shadow:0 3px 10px #45603908!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; cursor:pointer; transform:none!important; transition:transform .22s,box-shadow .22s!important; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card:hover { box-shadow:0 6px 16px #47613913!important; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card:active { transform:scale(.985)!important; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-art { position:relative; display:grid; place-items:center; flex-shrink:0; height:88px; min-height:88px; margin:0; padding:0; overflow:hidden; isolation:isolate; background:radial-gradient(ellipse at 50% 110%,#c7dcc18c,transparent 60%),linear-gradient(135deg,#eff5e8,#e1eddd); }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-art::before { content:""; position:absolute; width:78px; height:78px; border:1px solid #fff9; border-radius:50%; box-shadow:0 0 0 13px #ffffff20,0 0 0 24px #ffffff10; transform:translateY(14px); pointer-events:none; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card:nth-child(4n+2) .mc-art { background:radial-gradient(ellipse at 50% 100%,#edce9b7a,transparent 70%),linear-gradient(130deg,#f9f3e4,#eee7d5); }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card:nth-child(4n+3) .mc-art { background:linear-gradient(130deg,#f4eeec,#e7e8ed); }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-cover { position:relative; width:84px; height:79px; max-width:90%; margin:0; object-fit:contain; filter:drop-shadow(0 6px 6px #66804b27); transform:translateY(4px); }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-art-category { position:absolute; z-index:4; left:6px; top:6px; max-width:calc(100% - 12px); padding:3px 5px; overflow:hidden; border:1px solid #fffc; border-radius:5px; background:#fffce8d9; color:#73816a; font-size:8px; line-height:1.2; white-space:nowrap; text-overflow:ellipsis; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); pointer-events:none; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card-body { display:flex; flex-direction:column; flex:1; min-width:0; margin:0; padding:8px 7px 0; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card-body h4 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:32px; min-height:32px; margin:0 0 3px; overflow:hidden; color:#365741; font-size:12px; line-height:16px; font-weight:700; letter-spacing:0; overflow-wrap:anywhere; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-limit { align-self:flex-start; max-width:100%; height:14px; min-height:14px; margin:0 0 5px; padding:0 4px; overflow:hidden; border:0; border-radius:4px; color:#a78359; background:#f8f0e2; font-size:8px; line-height:14px; white-space:nowrap; text-overflow:ellipsis; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-summary { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:30px; min-height:30px; margin:0; padding:0; overflow:hidden; color:#89977f; font-size:10px; line-height:15px; overflow-wrap:anywhere; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-detail-hint { display:flex; align-items:center; gap:1px; height:12px; min-height:12px; margin:4px 0 0; color:#a6b097; font-size:8px; line-height:12px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-detail-hint svg { width:9px; height:9px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card-footer { display:flex; align-items:center; justify-content:space-between; gap:4px; min-height:52px; margin:5px 0 0; padding:5px 6px 6px; border-top:1px solid #edf1e65e; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-price { min-width:0; margin:0; line-height:1.2; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-price b { display:block; color:#426b4d; font-family:Arial,sans-serif; font-size:18px; font-weight:700; letter-spacing:0; line-height:1.15; font-variant-numeric:tabular-nums; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-price span { display:block; margin-top:3px; color:#98a48b; font-size:8px; line-height:1.4; white-space:nowrap; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-buy { display:flex; align-items:center; justify-content:center; flex-shrink:0; gap:2px; min-width:42px; min-height:40px; margin:0; padding:5px 6px; border:1px solid #d4e2c6; border-radius:9px; color:#4a7451; background:#e8f0df; box-shadow:inset 0 1px #fff9; font-size:10px; line-height:1.4; font-weight:650; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-buy:hover:not(:disabled) { background:#d7e7cb; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-buy:active:not(:disabled) { transform:scale(.96); }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-buy svg { width:11px; height:11px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card[data-product-kind="double"] { border-color:#ead9b0!important; background:#fffdf5f2!important; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card[data-product-kind="double"] .mc-art { background:radial-gradient(ellipse at 50% 110%,#dfbf7299,transparent 65%),linear-gradient(130deg,#fff5d8,#f1e4c4)!important; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card[data-product-kind="double"] .mc-art-category { color:#956a32; border-color:#fff9dc; background:#fff1c7ee; font-weight:750; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card[data-product-kind="double"] .mc-limit { background:#fbefcf; color:#9a743c; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card[data-product-kind="double"] .mc-price b { color:#997038; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card[data-product-kind="double"] .mc-buy { border-color:#e4d09f; background:#f7ebcb; color:#8d6a34; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card[data-product-kind="double"] .mc-summary { color:#9a845c; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card[data-product-kind="double"] .mc-summary s { color:#a89c83; text-decoration-thickness:1px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-empty { margin:0; padding:50px 8px; color:#8a9d87; text-align:center; font-size:12px; line-height:1.8; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-end-note { margin:18px 0 0; color:#a1ae93; text-align:center; font-size:9px; line-height:1.7; }
  .mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items:flex-end; padding:0; }
  .mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-detail-sheet { max-width:520px; max-height:88vh; max-height:88dvh; border-radius:24px 24px 0 0; }
  .mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-footer { padding-bottom:max(16px,env(safe-area-inset-bottom)); }
}

@media (max-width:360px) {
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-header { padding-left:9px; padding-right:9px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-brand>a:first-child img { width:94px; height:33px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-brand>span { font-size:13px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-wallet { gap:4px; padding-left:7px; padding-right:7px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-wallet b { font-size:16px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-categories { flex-basis:54px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-categories button { font-size:9px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-scroll { padding-left:6px; padding-right:6px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-grid { gap:8px 5px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-art { height:80px; min-height:80px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-cover { width:75px; height:73px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card-body { padding:7px 5px 0; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card-body h4 { font-size:11px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-summary { font-size:9px; line-height:14px; height:28px; min-height:28px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-detail-hint { font-size:7px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-card-footer { gap:3px; padding:5px 4px 6px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-price b { font-size:16px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-buy { min-width:40px; padding:5px 4px; font-size:9px; }
  .mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-header,.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-body,.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-footer { padding-left:15px; padding-right:15px; }
  .mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-header h2,.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-header h3 { font-size:20px; }
  .mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-rewards { gap:6px; }
  .mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-rewards li { gap:5px; padding:8px 6px; }
  .mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-rewards li>img { width:28px; height:28px; }
}

@keyframes mc-detail-sheet-in { from { opacity:0; transform:translateY(35px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
@media (prefers-reduced-motion:reduce) {
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *::before,.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *::after,.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *,.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *::before,.mc-detail-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

/* Blade-specific sheet and navigation structure. */
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-brand>a:first-child { display:block; flex-shrink:0; margin:0; padding:0; border:0; background:none; box-shadow:none; }
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-art-star { position:absolute; right:10px; bottom:8px; color:#adbc9480; font-size:14px; line-height:1; pointer-events:none; }
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-skin-art::before { display:none; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-handle { flex-shrink:0; width:35px; height:4px; margin:11px auto 0; border-radius:6px; background:#d8e2ce; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-product>div { min-width:0; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-product strong { font-size:14px; line-height:1.5; color:#42624b; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-product p { margin:6px 0 0; color:#91a086; font-size:10px; line-height:1.7; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-section-title { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-section-title h3 { margin:0; color:#42624b; font-size:12px; line-height:1.5; font-weight:700; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-section-title>span { max-width:55%; padding:4px 7px; border-radius:6px; background:#f5ecd9; color:#aa8655; font-size:9px; line-height:1.5; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-note { color:#8d9b81; font-size:10px; line-height:1.8; }
.mc-detail-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-sheet-warning { border:1px solid #e9d7b6; border-radius:9px; padding:9px 10px; background:#fff5de; color:#a0783f; font-size:11px; line-height:1.6; }
.mc-sheet-enter:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1); }
.mc-sheet-hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity:0; transform:translateY(35px); }
.mc-sheet-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity:1; transform:translateY(0); }
@media (max-width:680px) {
  html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-compact-store,html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-compact-store body { overflow:hidden!important; }
  html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-compact-store .fi-main,html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-compact-store .sg-commerce { transform:none!important; animation:none!important; will-change:auto!important; }
  html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-compact-store .fi-topbar,html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-compact-store .fi-sidebar { display:none!important; }
  html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-compact-store .sg-commerce>.sg-hero,html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-compact-store .sg-commerce>.sg-commerce-wallet,html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-compact-store .sg-desktop-store,html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-compact-store .sg-commerce>.sg-commerce-orders,html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#).sg-compact-store .sg-commerce>.sg-commerce-feedback { display:none!important; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-feedback { flex-shrink:0; max-height:90px; overflow-y:auto; padding:8px 12px; border-bottom:1px solid #e7d6b6; background:#fff8e8; color:#9a7443; font-size:11px; line-height:1.5; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-feedback p { margin:0; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-feedback button { min-height:30px; margin:4px 4px 0 0; padding:4px 8px; border:1px solid #e6d4aa; border-radius:6px; color:#94723f; background:#fffdf4; font-size:10px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-order-link { display:block; width:max-content; max-width:100%; margin:9px auto 0; padding:9px 4px; color:#718d6a; font-size:10px; line-height:1.6; text-align:center; text-decoration:none; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-empty h3 { margin:0 0 7px; font-size:13px; line-height:1.6; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-empty p { margin:0; font-size:10px; }
  .mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-empty button { margin:12px 0 0; min-height:38px; padding:7px 14px; border:1px solid #c8dabe; border-radius:8px; background:#edf5e5; color:#557a50; font-size:11px; }
}
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-double-summary { display:block; line-height:15px; }
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-double-summary>span { display:flex; justify-content:space-between; gap:3px; font-size:9px; }
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-double-summary del { color:#a99a7f; }
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-double-summary>strong { display:block; font-size:12px; color:#946326; font-variant-numeric:tabular-nums; }
.mc-root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mc-double-summary small { font-size:8px; font-weight:500; }

/* Catalog v3: show the actual rewards inline without changing the surrounding theme. */
.mc-root .mc-inline-rewards{display:grid!important;grid-template-columns:minmax(0,1fr);gap:6px!important;list-style:none!important;padding:8px 0!important;margin:0!important}
.mc-root .mc-inline-rewards li{display:flex!important;align-items:center;gap:5px;min-width:0;color:#365741;font-size:11px;line-height:1.5}
.mc-root .mc-inline-rewards img{width:26px!important;height:26px!important;object-fit:contain;flex:none}
.mc-root .mc-inline-rewards span{min-width:0;overflow-wrap:anywhere}.mc-root .mc-inline-rewards b{display:block;color:#758c6e;font-size:10px}