.hidden{display:none!important}
.x-hint{font-weight:400;color:var(--muted);font-size:.8rem}
.sp-head h1{line-height:1.15}.sp-h-sub{display:block;font-size:.95rem;font-weight:600;color:var(--muted);margin-top:4px}
.sp-card{margin-bottom:var(--s3)}
.sp-demo{background:#fff4e0;border:1px solid #f3d48a;color:#5b4100;border-radius:12px;padding:10px 12px;font-size:.88rem;margin:0 0 12px}
.sp-demo b{background:#f2b632;color:#3d2b00;border-radius:6px;padding:1px 6px;margin-right:4px}
.sp-quota{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;margin:0 0 12px;display:grid;gap:6px}
.sp-q-row{display:flex;gap:8px;align-items:center;font-size:.92rem;color:var(--navy);font-weight:600}.sp-q-row b{font-size:1.05rem}
.sp-q-row .sp-xtra{background:#e8f6ee;color:#0f6b3a;border-radius:999px;padding:1px 8px;font-size:.8rem;font-weight:700;margin-left:2px}
.sp-q-bar{height:6px;border-radius:3px;background:var(--accent-soft);overflow:hidden}.sp-q-bar i{display:block;height:100%;background:var(--accent);transition:width .3s}
.sp-link{justify-self:start;border:0;background:none;padding:2px 0;font:inherit;font-size:.85rem;font-weight:650;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sp-pick-empty{border:2px dashed var(--line-2);border-radius:14px;padding:18px 14px;text-align:center;background:var(--bg)}
.sp-pick-ic{font-size:34px;line-height:1;margin-bottom:6px}.sp-pick-empty p{margin:0 0 12px;font-size:.92rem;color:var(--ink-2)}
.sp-pick-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.sp-pick-btns .t-btn{flex:1 1 140px;cursor:pointer}
.sp-crop-vp{position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:14px;background:repeating-conic-gradient(#eef1f6 0 25%,#fff 0 50%) 0 0/18px 18px;touch-action:none;cursor:grab}
.sp-crop-vp canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.sp-crop-frame{position:absolute;inset:0;border:3px solid #fff;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(19,32,63,.25);pointer-events:none}
.sp-crop-ctl{display:flex;align-items:center;gap:8px;max-width:340px;margin:10px auto 0}.sp-crop-ctl input[type=range]{flex:1;min-width:0}
.sp-crop-tip{text-align:center;margin:6px 0 0}
.sp-opt{margin:14px 0 4px;border-top:1px solid var(--line);padding-top:10px}.sp-opt summary{cursor:pointer;font-weight:700;color:var(--navy);padding:4px 0 8px}
.sp-row3{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.sp-row3 .t-field{min-width:0}
.sp-go{margin-top:10px;min-height:52px;font-size:1.05rem}.sp-go-note{text-align:center;margin:6px 0 0}
.sp-over{background:#fff8e8;border:1px solid #f3d48a;border-radius:14px;padding:14px;margin-top:10px}.sp-over h3{margin:0 0 6px;color:#3d2b00;font-size:1.05rem}.sp-over p{margin:0 0 10px;font-size:.9rem;color:#5b4100}
.sp-loading{display:flex;gap:10px;align-items:center;justify-content:center;padding:18px;color:var(--navy);font-weight:600}.sp-loading small{display:block;color:var(--muted);font-weight:500}
.sp-spin{width:26px;height:26px;border-radius:50%;border:3px solid #d3dbe8;border-top-color:var(--accent);animation:spspin .8s linear infinite;flex:none}@keyframes spspin{to{transform:rotate(360deg)}}
.sp-sum{background:var(--navy);color:#fff;border-radius:var(--r);padding:14px;margin:0 0 12px}
.sp-sum h2{margin:0 0 10px;font-size:1rem;color:#fff}.sp-sum-g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sp-sum-g div{background:rgba(255,255,255,.08);border-radius:10px;padding:8px}.sp-sum-g span{display:block;font-size:.72rem;opacity:.8}.sp-sum-g b{font-size:1.15rem}
.sp-sum-best{margin-top:10px;font-size:.84rem;line-height:1.4;background:rgba(255,255,255,.08);border-radius:10px;padding:8px}.sp-sum-best b{color:#ffd56b}
.sp-sum-pf{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sp-sum-pf span{font-size:.72rem;background:rgba(255,255,255,.14);border-radius:999px;padding:2px 8px}
.sp-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#e9eef6;border-radius:12px;padding:4px;margin:0 0 12px;position:sticky;top:60px;z-index:5}
.sp-tabs button{border:0;background:none;border-radius:9px;min-height:42px;font:inherit;font-size:.82rem;font-weight:700;color:var(--ink-2);cursor:pointer;padding:4px}
.sp-tabs button[aria-selected=true]{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(19,32,63,.15)}
.sp-l{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px;margin-bottom:10px}
.sp-l-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.sp-pf{flex:none;display:inline-flex;align-items:center;font-size:.72rem;font-weight:800;border-radius:6px;padding:2px 8px;color:#fff;background:#5b6b86;letter-spacing:.02em}
.sp-pf.meesho{background:#9f2089}.sp-pf.flipkart{background:#2874f0}.sp-pf.amazon{background:#232f3e;box-shadow:inset 0 -2px 0 #ff9900}.sp-pf.myntra{background:#ff3f6c}.sp-pf.ajio{background:#2c4152}.sp-pf.snapdeal{background:#e40046}.sp-pf.jiomart{background:#0078ad}.sp-pf.nykaa{background:#fc2779}
.sp-best{font-size:.7rem;font-weight:800;color:#7a4a00;background:#ffe8b0;border-radius:6px;padding:2px 7px}
.sp-seller{font-size:.8rem;color:var(--muted)}.sp-seller b{color:var(--ink-2)}
.sp-l h3{margin:0 0 8px;font-size:.92rem;line-height:1.35;color:var(--ink);font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sp-l-mid{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;flex-wrap:wrap}
.sp-price b{font-size:1.3rem;color:var(--navy)}.sp-price s{color:var(--muted);font-size:.85rem;margin-left:6px}.sp-price em{font-style:normal;color:var(--ok);font-weight:700;font-size:.8rem;margin-left:6px}
.sp-rate{font-size:.82rem;font-weight:700;background:#e8f6ee;color:#0f6b3a;border-radius:6px;padding:2px 7px}.sp-rate.low{background:#fdecea;color:#b42318}
.sp-ord{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.84rem;color:var(--ink-2);background:var(--bg);border-radius:8px;padding:6px 8px}
.sp-ord b{color:var(--navy)}.sp-tag{font-size:.68rem;font-weight:800;color:#6b5210;background:#fff4d6;border-radius:999px;padding:1px 7px}
.sp-i{border:1px solid var(--line-2);background:#fff;border-radius:50%;width:24px;height:24px;font:inherit;font-size:.75rem;font-weight:800;color:var(--accent);cursor:pointer;flex:none;padding:0;margin-left:auto}
.sp-tip-pop{font-size:.78rem;color:var(--ink-2);background:#f3f6fb;border-radius:8px;padding:8px;margin-top:6px;line-height:1.4}
.sp-l details{margin-top:8px}.sp-l summary{cursor:pointer;font-size:.84rem;font-weight:700;color:#b42318}
.sp-l ul,.sp-tl ul{margin:6px 0 0;padding-left:18px;font-size:.84rem;line-height:1.45}
.sp-open{display:inline-block;margin-top:8px;font-size:.84rem;font-weight:700;color:var(--accent)}
.sp-p{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px;margin-bottom:10px}
.sp-p-h{display:flex;gap:8px;align-items:center;margin-bottom:6px}.sp-p-h span:not(.sp-pf){font-size:.84rem;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sp-p-row{display:flex;justify-content:space-between;font-size:.84rem;padding:3px 0;color:var(--ink-2)}.sp-p-row b{font-weight:600}.sp-p-row.m b{color:var(--err)}
.sp-p-tot{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--navy);margin-top:6px;padding-top:8px}
.sp-p-tot span{font-weight:700;color:var(--navy);font-size:.9rem}.sp-p-tot b{font-size:1.3rem;color:var(--ok)}.sp-p-tot b.neg{color:var(--err)}
.sp-p-pct{font-size:.75rem;color:var(--muted);text-align:right}
.sp-p-need{font-size:.85rem;color:#5b4100;background:#fff8e8;border-radius:8px;padding:8px}
.sp-fees summary{cursor:pointer;font-weight:650;color:var(--navy);font-size:.88rem;margin-top:6px}
.sp-fee{display:grid;grid-template-columns:76px repeat(4,1fr);gap:4px;align-items:center;font-size:.72rem;margin:6px 0}.sp-fee b{font-size:.78rem}
.sp-fee input{width:100%;min-width:0;font:inherit;font-size:.82rem;padding:5px 4px;border:1px solid var(--line-2);border-radius:6px;text-align:right}
.sp-fee-h{color:var(--muted);font-weight:650}
.sp-tl{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px;margin-bottom:10px}
.sp-tl h3{margin:0 0 6px;font-size:.98rem;color:var(--navy)}.sp-tl.good{border-color:#b9e2c8;background:#f4fbf6}.sp-tl.good h3{color:#0f6b3a}
.sp-tl.good ul{list-style:none;padding:0}.sp-tl.good li{padding:6px 0 6px 26px;position:relative;border-bottom:1px dashed #cfe9d8}.sp-tl.good li:last-child{border-bottom:0}.sp-tl.good li::before{content:"✓";position:absolute;left:4px;top:5px;color:#0f6b3a;font-weight:800}
.sp-src{font-size:.7rem;color:var(--muted);margin-left:4px;font-weight:600}
.sp-foot{margin:4px 0 16px}
.sp-steps{margin:0 0 8px;padding-left:20px;font-size:.9rem}.sp-steps li{margin:0 0 6px}
.sp-more{margin:0 0 var(--s4)}
.x-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--navy);color:#fff;padding:10px 16px;border-radius:999px;font-size:.88rem;z-index:80;opacity:0;transition:opacity .2s;pointer-events:none;max-width:90vw;text-align:center}.x-toast.show{opacity:1}
.sp-back{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:2147483000;display:flex;align-items:flex-end;justify-content:center}
@media(min-width:600px){.sp-back{align-items:center;padding:18px}}
.sp-sheet{background:#fff;width:100%;max-width:420px;border-radius:18px 18px 0 0;padding:18px 16px 20px;position:relative;max-height:92vh;overflow:auto}
@media(min-width:600px){.sp-sheet{border-radius:16px}}
.sp-sheet h3{margin:0 0 4px;color:var(--navy);font-size:1.15rem}.sp-sheet p{margin:0 0 12px;font-size:.88rem;color:var(--ink-2)}
.sp-x{position:absolute;top:8px;right:8px;width:38px;height:38px;border:0;background:none;font-size:26px;color:#667089;cursor:pointer;border-radius:50%}
.sp-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 10px}
.sp-chips button{min-height:46px;border:1.5px solid var(--line-2);background:#fff;border-radius:12px;font:inherit;font-weight:800;color:var(--navy);cursor:pointer;font-size:1rem}
.sp-chips button small{display:block;font-size:.66rem;font-weight:600;color:var(--muted)}
.sp-chips button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.sp-qty{display:flex;align-items:center;gap:8px;margin:0 0 12px}.sp-qty label{font-size:.85rem;font-weight:650;color:var(--ink-2)}
.sp-qty .sp-st{display:flex;align-items:center;border:1.5px solid var(--line-2);border-radius:12px;overflow:hidden;margin-left:auto}
.sp-qty .sp-st button{width:44px;height:44px;border:0;background:var(--bg);font-size:1.3rem;font-weight:700;color:var(--navy);cursor:pointer}
.sp-qty .sp-st input{width:72px;height:44px;border:0;text-align:center;font:inherit;font-size:1.1rem;font-weight:800;color:var(--navy)}
.sp-total{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;border-radius:12px;padding:12px 14px;margin:0 0 12px}
.sp-total span{font-size:.85rem;opacity:.85}.sp-total b{font-size:1.5rem}
.sp-paym{display:grid;gap:8px;margin:0 0 10px}.sp-paym label{display:flex;gap:10px;align-items:center;border:1.5px solid var(--line-2);border-radius:12px;padding:10px 12px;font-size:.9rem;cursor:pointer}
.sp-paym label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.sp-paym small{display:block;color:var(--muted);font-size:.75rem}
.sp-fine{font-size:.75rem!important;color:var(--muted)!important;margin:8px 0 0!important;text-align:center}