/* ===== Red Store theme ===== */
:root{--bl:color-mix(in srgb,var(--b) 10%,#fff);--r:16px}
body{background:#f5f5f7}
#app{background:#f5f5f7}
.rs-hdr{border-radius:0 0 26px 26px;padding:12px 16px 16px;background:var(--b);background-image:radial-gradient(circle at 90% -20%,rgba(255,255,255,.22) 0,transparent 45%)}
.rs-hdr .hname small{display:flex;align-items:center;gap:3px;opacity:.9;font-size:11.5px}
.rs-hdr .hname b{font-size:16px}
.rs-srow{display:flex;gap:10px;margin-top:12px}
.rs-srow .search{margin-top:0;flex:1;border-radius:14px}
.rs-filter{width:44px;height:44px;border-radius:14px;background:#fff;color:var(--b);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sech h3{font-size:17px}
.sech a{font-weight:600}
.rs-offers{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -14px;padding:2px 14px 6px;scrollbar-width:none}
.rs-offers::-webkit-scrollbar{display:none}
.rs-offer{flex:0 0 86%;max-width:420px;height:160px;border-radius:20px;overflow:hidden;position:relative;scroll-snap-align:start;background:#222}
.rs-offer img{width:100%;height:100%;object-fit:cover}
.rs-ov{position:absolute;inset:0;padding:14px 16px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.15) 70%)}
.rs-pill{background:rgba(255,255,255,.95);color:#111;font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:12px;margin-bottom:8px}
.rs-ov b{font-size:19px;line-height:1.2;max-width:70%}
.rs-ov small{font-size:12px;opacity:.9;margin-top:3px;max-width:70%}
.rs-claim{position:absolute;right:14px;bottom:14px;background:var(--b);color:#fff;font-size:12px;font-weight:700;padding:6px 16px;border-radius:16px}
.rs-cats .cat .ci{border-radius:50%;width:58px;height:58px;background:var(--bl);box-shadow:none}
.rs-cats .cat{flex-basis:70px}
.rs-timer{font-size:12px;color:var(--m);display:flex;align-items:center;gap:6px}
.rs-timer i{font-style:normal;background:var(--bl);color:var(--b);font-weight:700;border-radius:6px;padding:1px 5px;margin:0 1px}
.rs-chips .chip{border-radius:20px;padding:6px 16px}
.rs-pc{border-radius:18px;box-shadow:none;background:#fff}
.rs-pc .pim{margin:8px 8px 0;border-radius:14px;background:#f1f1f3}
.rs-pc .fav{top:14px;right:14px}
.rs-pc .fav.on{color:var(--b)}
.rs-pc .off{background:var(--b);top:14px;left:14px}
.rs-pr{display:flex;align-items:flex-end;justify-content:space-between;gap:6px}
.rs-pr .price{margin-top:4px}
.rs-add{width:34px;height:34px;border-radius:50%;background:var(--b);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px color-mix(in srgb,var(--b) 35%,transparent)}
.rs-add[disabled]{opacity:.4}
.rs-sold{font-size:11px;color:var(--m);margin-top:2px}
.bnav{border-top:0;box-shadow:0 -4px 20px rgba(0,0,0,.06);border-radius:20px 20px 0 0}
.bnav a.on{color:var(--b)}
.bnav a.on svg{stroke-width:2.4}
.cartbar{border-radius:18px}
/* product sheet */
.rs-sheet{background:#fff}
.rs-shtop{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #f1f1f1}
.rs-shtop b{font-size:16px}
.rs-shtop .x{box-shadow:none;background:#f4f4f5}
.rs-shtop .x.rs-on{color:var(--b)}
.rs-sheet .gal{background:#f4f4f5;max-height:44vh}
.rs-sheet .gal img{background:#f4f4f5}
.rs-thumbs{display:flex;gap:8px;padding:10px 14px 0;overflow-x:auto}
.rs-thumbs button{width:56px;height:56px;border-radius:12px;overflow:hidden;background:#f4f4f5;flex-shrink:0;position:relative;border:1.5px solid #eee}
.rs-thumbs img{width:100%;height:100%;object-fit:cover}
.rs-thumbs .more span{position:absolute;inset:0;background:var(--b);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
.rs-cat{font-size:12px;color:var(--m)}
.rs-seller{display:flex;align-items:center;gap:10px}
.rs-slogo{width:42px;height:42px;border-radius:50%;background:var(--bl);color:var(--b);font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.rs-slogo img{width:100%;height:100%;object-fit:cover}
.rs-seller b{display:block;font-size:14px}
.rs-seller small{display:block;font-size:12px;color:var(--m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-cbtn{width:38px;height:38px;border-radius:50%;background:var(--bl);color:var(--b);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rs-sheet .var{border-radius:20px}
.rs-total{display:flex;flex-direction:column;min-width:0}
.rs-total small{font-size:11px;color:var(--m)}
.rs-total b{font-size:18px}
.rs-sheet .sf .btn{flex:1;border-radius:24px}