/* PT Studio หน้าแรกโฉมใหม่ + ร้านใหม่ โคลนมา (1 พ.ย. 2569) ไฟล์เดียวโหลดสองเว็บ: ptcargoexpress.com/shop-ai.html + www.ptcargomember.com/users/shop_ai (dashboard/js/nx-shopai.js = sai-v2.js)
   .sp.sai-bg = กรอบที่มีพื้นหลังรูป (เว็บใหม่ body · เว็บเก่า .nx-wrap) · รูปจากเว็บใหม่ img/sai/v2 */
.sp.sai-bg{background:#5b3fd0 url(https://ptcargoexpress.com/img/sai/v2/body1.webp) center top/cover fixed}
.sp.sai-bg main.sp-wrap.sai{max-width:none;padding:14px max(16px,2vw) 24px}
.sp.sai-bg .sai-st{padding:10px 8px;border-radius:14px;background:var(--sp-card)}
.sp .sai-ad.is-wide .sai-ad-t img{aspect-ratio:3/1}
.sp .sai-brand{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;background:#ffffffeb;box-shadow:var(--sp-shadow)}
.sp .sai-brand img{height:56px;width:auto}
.sp .sai-brand span{color:var(--sp-ink-2);font-size:13px;line-height:1.5}
.sp .sai-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sp .sai-vs-h{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;border-radius:10px;background:#eef0f4;color:#4b5563;font-weight:800;font-size:13.5px}
.sp .sai-vs-h.is-new{background:#ff5c00;color:#fff}
.sp .sai-shp{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#f53d2d,#f63)}
.sp .sai-shp img{width:34px;height:34px;flex:none}
.sp .sai-shp span{flex:1;min-width:0;padding:7px 10px;border-radius:4px;background:#fff;color:#555;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp .sai-shp-b{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid #f1d7cf;border-top:0;border-radius:0 0 12px 12px;background:#f5f5f5}
.sp .sai-shp-g{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.sp .sai-vs .n18-gal-f{width:100%;max-width:340px;margin:0 auto}
.sp .sai-pd{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;background:#fff}
.sp .sai-pd h4{margin:0;font-size:15px;line-height:1.45;color:#222}
.sp .sai-pd .n17-p b{color:#ee4d2d}
.sp .sai-pd-d{margin:0;font-size:12.5px;line-height:1.6;color:#444;white-space:pre-line}
.sp .sai-pd-d.is-raw{color:#999}
.sp .sai-pd-o{display:flex;flex-wrap:wrap;gap:6px}
.sp .sai-pd-o span{padding:3px 10px;border:1px solid #ddd;border-radius:4px;font-size:12px;background:#fff}
.sp .sai-pd-o.is-none span{color:#aaa;border-style:dashed}
.sp .sai-gain{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0;padding:0;list-style:none}
.sp .sai-gain li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.5}
.sp .sai-gain li b{flex:none;color:#16a34a}
.sp .sai-job.has-img{grid-template-columns:56px minmax(0,1fr) auto;grid-template-rows:auto auto auto;row-gap:1px}
.sp .sai-job.has-img>img{grid-column:1;grid-row:1/4;width:56px;height:56px;border-radius:8px;object-fit:cover;background:var(--sp-bg)}
.sp .sai-job.has-img b{grid-column:2;grid-row:1}
.sp .sai-job.has-img span{grid-column:2;grid-row:2}
.sp .sai-job.has-img small{grid-column:2;grid-row:3}
.sp .sai-job.has-img em{grid-column:3;grid-row:1/4}
.sp .sai-ex{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:760px){.sp .sai-price em{flex-basis:auto}}
@media (min-width:768px){.sp .sai-ex{grid-template-columns:repeat(3,minmax(0,1fr))}.sp .sai-jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sp .sai-jobs>.sai-h{grid-column:1/-1}.sp .sai-vs{gap:16px}.sp .sai-shp-g{grid-template-columns:repeat(3,minmax(0,1fr))}.sp .sai-gain{grid-template-columns:repeat(2,minmax(0,1fr))}.sp .sai-pd h4{font-size:17px}}
@media (min-width:1200px){.sp .sai-ex{grid-template-columns:repeat(4,minmax(0,1fr))}.sp .sai-jobs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sp .sai-hero.is-one{grid-template-columns:minmax(0,1fr)}
.sp .sai-pkg{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.sp .sai-pkg-c{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-content:start;padding:16px;border:2px solid var(--sp-line);border-radius:16px;background:var(--sp-card);cursor:pointer}
.sp .sai-pkg-c>input{position:absolute;opacity:0;pointer-events:none}
.sp .sai-pkg-c:has(input:checked){border-color:var(--sp-brand);box-shadow:0 0 0 1px var(--sp-brand)}
.sp .sai-pkg-c.is-hot{background:linear-gradient(135deg,#fff3ea,#f3ecff)}
.sp .sai-pkg-tag{grid-column:1/-1;justify-self:start;padding:3px 12px;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#ff5c00);color:#fff;font-size:12px;font-weight:800}
.sp .sai-pkg-tag.is-fix{background:linear-gradient(90deg,#2563eb,#0ea5e9)}
.sp .sai-pkg-h b{display:block;font-size:16px;line-height:1.4}
.sp .sai-pkg-h small{display:block;margin-top:2px;color:var(--sp-ink-2);font-size:12.5px}
.sp .sai-pkg-p{text-align:right}
.sp .sai-pkg-p b{display:block;font-size:30px;line-height:1.1;font-weight:800;color:var(--sp-brand)}
.sp .sai-pkg-p small{display:block;font-size:12px;color:var(--sp-ink-2);white-space:nowrap}
.sp .sai-pkg-p em{display:inline-block;white-space:nowrap;margin-top:4px;padding:2px 9px;border-radius:999px;background:#ede9fe;color:#6d28d9;font-size:12px;font-weight:800;font-style:normal}
.sp .sai-pkg-c .sai-gain{grid-column:1/-1}
.sp .sai-p49{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.sp .sai-p49-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sp .sai .sai-pd .sai-p49-logo{display:block;width:auto;max-width:240px;height:auto;margin:4px 0}
.sp .sai-fd{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px dashed var(--sp-line);font-size:13px}
.sp .sai-fd>span{color:var(--sp-ink-2)}
.sp .sai-fd>span i{display:block;font-style:normal;font-size:11.5px;color:#16a34a;font-weight:700}
.sp .sai-fd>b{font-weight:600;line-height:1.5}
.sp .sai-gain.is-score li{font-size:12.5px}
.sp .sai-tbl{overflow-x:auto;border:1px solid var(--sp-line);border-radius:12px}
.sp .sai-tbl table{width:100%;min-width:640px;border-collapse:collapse;font-size:13px}
.sp .sai-tbl th,.sp .sai-tbl td{padding:8px 10px;border-bottom:1px solid var(--sp-line);text-align:right;white-space:nowrap}
.sp .sai-tbl th:nth-child(-n+2),.sp .sai-tbl td:nth-child(-n+2){text-align:left}
.sp .sai-tbl th{background:#f6f7fb;color:var(--sp-ink-2);font-weight:700}
.sp .sai-tbl td.is-ok{color:#16a34a;font-weight:800}
@media (min-width:768px){.sp .sai-pkg{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.sp .sai-p49{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}
.sp .sai-cl-sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sp .sai-cl-sum>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#f6f7fb}
.sp .sai-cl-sum b{font-size:22px;line-height:1.1;font-weight:800}
.sp .sai-cl-sum span{font-size:12.5px;color:var(--sp-ink-2)}
.sp .sai-cl-sum .is-dup{background:#fff7ed}
.sp .sai-cl-sum .is-dup b{color:#c2410c}
.sp .sai-cl-sum .is-off{background:#f1f5f9}
.sp .sai-cl-sum .is-off b{color:#64748b}
.sp .sai-cl-sum .is-on{background:#ecfdf3}
.sp .sai-cl-sum .is-on b{color:#16a34a}
.sp .sai-clp .sai-pks .sai-pk:has(input:not(:checked)){opacity:.55}
.sp .sai-pk.is-dup{opacity:1;border-style:dashed}
.sp .sai-cl-dup{border:1px dashed #fdba74;border-radius:12px;padding:10px 12px;background:#fffaf5}
.sp .sai-cl-dup summary{cursor:pointer;font-weight:700;font-size:13.5px;color:#c2410c}
.sp .sai-cl-dup[open] summary{margin-bottom:8px}
.sp .sai-cl-pay{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#fff3ea,#f3ecff);border:1.5px solid var(--sp-brand)}
.sp .sai-cl-pay>div{display:flex;flex-direction:column;gap:2px}
.sp .sai-cl-pay span{font-size:13px;color:var(--sp-ink-2)}
.sp .sai-cl-pay b{font-size:26px;line-height:1.1;font-weight:800;color:var(--sp-brand)}
.sp .sai-cl-pay small{font-size:12px;color:#6d28d9;font-weight:700}
@media (min-width:768px){.sp .sai-cl-sum{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sp .sai-pkg-tiers{display:flex;flex-wrap:wrap;gap:6px}
.sp .sai-pkg-tiers span{padding:4px 10px;border-radius:999px;background:#fff;border:1px solid #e9d5ff;font-size:12.5px;color:var(--sp-ink-2)}
.sp .sai-pkg-tiers span b{color:var(--sp-brand)}
.sp .sai-pkg-tiers span.is-best{border-color:var(--sp-brand);background:#fff3ea;font-weight:700}
.sp .sai-cl-sum b small{font-size:13px;font-weight:700;color:var(--sp-ink-2)}
@media (min-width:768px){.sp .sai-cl-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
.sp .sai-pk3{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.sp .sai-pk3-c{grid-column:span 2}
.sp .sai-pk3-c:nth-child(4):nth-last-child(2),.sp .sai-pk3-c:nth-child(5):nth-last-child(1){grid-column:span 3}
.sp .sai-pk3-c{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:14px 6px 10px;border:1.5px solid #e9d5ff;border-radius:14px;background:#fff;text-align:center}
.sp .sai-pk3-c i{font-style:normal;font-size:13px;font-weight:800;color:#6d28d9}
.sp .sai-pk3-c b{font-size:26px;line-height:1.1;font-weight:800;color:var(--sp-brand)}
.sp .sai-pk3-c small{font-size:11.5px;color:var(--sp-ink-2)}
.sp .sai-pk3-c span{margin-top:4px;font-size:12.5px;font-weight:700}
.sp .sai-pk3-c em{font-style:normal;font-size:11.5px;color:#6d28d9;font-weight:700}
.sp .sai-pk3-c u{margin-top:4px;text-decoration:none;font-size:11px;padding:1px 8px;border-radius:999px;background:#f1f5f9;color:#475569}
.sp .sai-pk3-c.is-best{border:2px solid var(--sp-brand);background:linear-gradient(180deg,#fff3ea,#fff)}
.sp .sai-pk3-c.is-best u{background:var(--sp-ok-soft);color:var(--sp-ok);font-weight:700}
.sp .sai-pk3-c s{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:1px 10px;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#ff5c00);color:#fff;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}
.sp .sai-shp-g .n17-card{height:100%}
.sp .sai-shp-g .n17-b{flex:1;justify-content:space-between;gap:6px;padding:8px 10px 10px}
.sp .sai-shp-g .n17-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;margin:0;font-size:13.5px;line-height:1.4}
.sp .sai-pkg-p em.is-cash{background:#e0f2fe;color:#0369a1}
.sp .sai-pkg-p em.is-free{background:var(--sp-ok-soft);color:var(--sp-ok)}
.sp .sai-cl-name{display:flex;flex-direction:column;gap:8px;padding:12px;border:1.5px solid #e9d5ff;border-radius:14px;background:#faf7ff}
.sp .sai-cl-name-b{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}
.sp .sai-cl-name .sai-cp{grid-template-columns:22px minmax(0,1fr)}
.sp .sai-cl-name .sai-cp-p{display:none}
.sp .sai-cl-name .sai-cp .sp-input{margin-top:6px;width:100%}
.sp .sai-cl-logo{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border-radius:12px;background:#fff;border:1px solid var(--sp-line);text-align:center}
.sp .sai-cl-logo img{width:100%;max-width:260px;height:auto}
.sp .sai-cl-logo small{font-size:12px;color:var(--sp-ink-2)}
@media (min-width:768px){.sp .sai-cl-name-b{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
.sp .sai-vs2{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.sp .sai-fd>b{overflow-wrap:anywhere}
@media (max-width:420px){.sp .sai-fd{grid-template-columns:92px minmax(0,1fr)}}
@media (min-width:768px){.sp .sai-vs2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
.sp .sai-demo{pointer-events:none;cursor:default}
.sp .sai-clp .sai-got-m[hidden]{display:none}
.sp .sai-cl-dup .sai-pk{cursor:default}
.sp .sai-cl-dup .sai-pk span{font-size:11.5px;font-weight:600;color:var(--sp-ink-2)}
.sp .sai-cl-dup .sai-pk .sp-btn{align-self:flex-start;margin:0 8px 8px}
.sp .sai-cl-name .sai-cp .sai-cl-own{display:flex;gap:6px;margin-top:6px}
.sp .sai-cl-name .sai-cp .sai-cl-own .sp-input{flex:1;min-width:0;width:auto;margin:0}
.sp .sai-cl-name .sai-cp:has(input:disabled){cursor:not-allowed}
.sp .sai-cl-logo .sai-cl-dark{display:block;width:100%;max-width:260px;padding:8px;border-radius:10px;background:#16181f}
.sp .sai-cl-logo .sai-cl-dark img{display:block;width:100%;height:auto}
.sp .sai-cl-pay .sp-btn.is-pri{color:#fff;text-decoration:none}
.sp .sai-cl-imgs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.sp .sai-cl-imgs .sai-ba-f span{left:4px;top:4px;padding:0 6px;font-size:10.5px}
.sp a.sai-cl-fav{font-size:12.5px;font-weight:700;color:var(--sp-ok,#16a34a);text-decoration:none}
.sp .sai-cl-sku{display:flex;flex-direction:column;gap:4px;max-height:220px;margin:0;padding:0;overflow:auto;list-style:none}
.sp .sai-cl-sku li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12.5px}
.sp .sai-cl-sku code{padding:1px 6px;border-radius:6px;background:#f1f5f9;color:#334155;font-size:11.5px}
.sp .sai-cl-sku span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp .sai-cl-sku b{color:var(--sp-brand)}
/* รูปที่ตัวเลือก + SKU (1 พ.ย. 2569) · กดดูรูปใหญ่ */
.sp .sai-cl-sku{max-height:320px}
.sp .sai-cl-sku.has-img li{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"i c p" "i n p";row-gap:2px}
.sp .sai-cl-sku.has-img .sai-sku-im{grid-area:i}.sp .sai-cl-sku.has-img code{grid-area:c;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis}.sp .sai-cl-sku.has-img span{grid-area:n}.sp .sai-cl-sku.has-img b{grid-area:p}
.sp .sai-sku-im{width:40px;height:40px;padding:0;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;overflow:hidden;cursor:zoom-in}
.sp .sai-sku-im img{display:block;width:100%;height:100%;object-fit:cover}
.sp .sai-spec{display:grid;grid-template-columns:minmax(96px,40%) minmax(0,1fr);gap:4px 10px;margin:0;font-size:12.5px}
.sp .sai-spec dt{color:var(--sp-muted,#64748b);font-weight:500}
.sp .sai-spec dd{margin:0;color:var(--sp-ink,#0f172a);overflow-wrap:anywhere}
.sp .sai-og b.has-img{display:inline-flex;align-items:center;gap:6px;padding-left:4px;cursor:zoom-in}
.sp .sai-og b.has-img img{width:28px;height:28px;flex:none;border-radius:6px;object-fit:cover;background:#f1f5f9}
.sp main.sp-wrap.sai:has(>.sai-clp){max-width:1100px}
.sp main.sp-wrap.sai:has(>.sai-rx){max-width:1100px}
@media (max-width:1439px){.sp .sai-rx-g{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.sp.sai-bg main.sp-wrap.sai{padding-left:0;padding-right:0}}
.sp .sai-cl-name .sai-cp .sai-cl-own .sp-btn{flex:none}
/* วิเคราะห์ต้นทุนสต๊อก (ขั้น 4 แถว 4) · ช่องจำนวนช่องเดียว + สรุป 5 ช่อง + ตารางแบบ Excel เลื่อนในกรอบ */
.sp .sai-cost{display:flex;flex-direction:column;gap:12px;min-width:0}
.sp .sai-cost-q{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sp .sai-cost-q+.sai-cost-q{margin-top:-4px}
.sp .sai-cost-in>span:first-child{min-width:132px}
.sp .sai-cost-in{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--sp-ink)}
.sp .sai-cost-in input{width:96px;height:42px;padding:0 10px;border:1.5px solid var(--sp-brand);border-radius:10px;background:var(--sp-card);color:var(--sp-ink);font:700 18px var(--sp-num);text-align:center}
.sp .sai-cost-in input:focus{outline:2px solid var(--sp-brand-soft);outline-offset:1px}
.sp .sai-cost-chips{display:flex;flex-wrap:wrap;gap:6px}
.sp .sai-cost-chip{min-width:44px;height:34px;padding:0 10px;border:1px solid var(--sp-line-2);border-radius:999px;background:var(--sp-card);color:var(--sp-ink-2);font:600 13px var(--sp-num);cursor:pointer}
.sp .sai-cost-chip:hover{border-color:var(--sp-brand);color:var(--sp-brand-ink)}
.sp .sai-cost-chip.is-on{border-color:var(--sp-brand);background:var(--sp-brand);color:#fff}
.sp .sai-cost-sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sp .sai-cost-sum>div{display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;border:1px solid var(--sp-line);border-radius:12px;background:var(--sp-bg)}
.sp .sai-cost-sum small{font-size:12px;color:var(--sp-ink-2)}
.sp .sai-cost-sum b{font:700 18px var(--sp-num);color:var(--sp-ink);overflow-wrap:anywhere}
.sp .sai-cost-sum span{font-size:11.5px;color:var(--sp-mute)}
.sp .sai-cost-sum .is-f b{color:var(--sp-bad)}
.sp .sai-cost-sum .is-p{grid-column:1/-1;border-color:var(--sp-brand);background:var(--sp-brand-soft)}
.sp .sai-cost-sum .is-p b{font-size:22px;color:var(--sp-brand-ink)}
.sp .sai-cost-sum .is-p.is-bad{border-color:var(--sp-bad);background:var(--sp-bad-soft)}
.sp .sai-cost-sum .is-p.is-bad b{color:var(--sp-bad)}
.sp .sai-cost-tw{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;border:1px solid var(--sp-line-2);border-radius:10px;background:var(--sp-card)}
.sp .sai-cost-t{width:100%;min-width:1040px;border-collapse:collapse;font-size:12.5px;color:var(--sp-ink)}
.sp .sai-cost-t th{padding:8px;border-bottom:1px solid var(--sp-line-2);background:var(--sp-bg);color:var(--sp-ink-2);font-weight:600;text-align:left;white-space:nowrap}
.sp .sai-cost-t td{padding:6px 8px;border-bottom:1px solid var(--sp-line);vertical-align:middle}
.sp .sai-cost-t tbody tr:nth-child(even) td{background:var(--sp-bg)}
.sp .sai-cost-t .is-no{width:36px;color:var(--sp-mute);font-family:var(--sp-num);text-align:right}
.sp .sai-cost-t .is-img{width:76px}
.sp .sai-cost-t .is-img img{display:block;width:64px;height:64px;border-radius:6px;border:1px solid var(--sp-line);object-fit:contain;background:#fff}
.sp .sai-cost-t .is-name{max-width:280px}
.sp .sai-cost-t .is-name b,.sp .sai-cost-t .is-name span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp .sai-cost-t .is-name b{font-weight:600}
.sp .sai-cost-t .is-name span{font-size:11.5px;color:var(--sp-ink-2)}
.sp .sai-cost-t .is-num{font-family:var(--sp-num);text-align:right;white-space:nowrap}
.sp .sai-cost-t th:nth-child(n+4){text-align:right}
.sp .sai-cost-t .is-p{font-weight:700;color:var(--sp-brand-ink)}
.sp .sai-cost-t .is-p.is-bad{color:var(--sp-bad)}
.sp .sai-cost-t tfoot td{padding:8px;border-top:1.5px solid var(--sp-line-2);background:var(--sp-card);font-weight:700}
.sp .sai-cost-t tfoot td.is-p{color:var(--sp-brand-ink)}
.sp .sai-cost .sai-note{margin:0;font-size:12px;line-height:1.55;color:var(--sp-ink-2)}
.sp .sai-cost .sai-hub-act .sp-btn:disabled{opacity:.55;cursor:not-allowed}
.sp .sai-cost-warn{margin:0;padding:10px 12px;border-radius:10px;background:#fff7e0;color:var(--sp-note-ink);font-size:12.5px;line-height:1.55}
.sp .sai-cost-warn b{font-weight:700}
.sp .sai-cost-ff{display:flex;flex-direction:column;gap:10px;padding:14px;border:1.5px dashed var(--sp-brand);border-radius:14px;background:var(--sp-card)}
.sp .sai-cost-ff-h{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center}
.sp .sai-cost-ff-h img{width:40px;height:40px}
.sp .sai-cost-ff-h b{display:block;font-size:15px;color:var(--sp-ink)}
.sp .sai-cost-ff-h small{display:block;font-size:12.5px;line-height:1.5;color:var(--sp-ink-2)}
.sp .sai-cost-ff-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sp .sai-cost-ff-g>div{display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;border-radius:12px;background:var(--sp-bg)}
.sp .sai-cost-ff-g small{font-size:12px;color:var(--sp-ink-2)}
.sp .sai-cost-ff-g b{font:700 17px var(--sp-num);color:var(--sp-ink);overflow-wrap:anywhere}
.sp .sai-cost-ff-g span{font-size:11.5px;color:var(--sp-mute)}
.sp .sai-cost-ff-g .is-n{background:var(--sp-ok-soft)}
.sp .sai-cost-ff-g .is-n b{color:var(--sp-ok)}
.sp .sai-cost-ff-g .is-n.is-bad{background:var(--sp-bad-soft)}
.sp .sai-cost-ff-g .is-n.is-bad b{color:var(--sp-bad)}
.sp .sai-cost-ff .sai-hub-act .sp-btn{text-decoration:none}
.sp .sai-cost-ff .sai-hub-act .sp-btn.is-pri{color:#fff}
@media (min-width:768px){.sp .sai-cost-ff-g{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:768px){.sp .sai-cost-sum{grid-template-columns:repeat(5,minmax(0,1fr))}.sp .sai-cost-sum .is-p{grid-column:auto}}
@media (max-width:767px){
.sp .sai-cost-tw{overflow:visible;border:0;background:none}
.sp .sai-cost-t{min-width:0;display:block}
.sp .sai-cost-t thead{display:none}
.sp .sai-cost-t tbody,.sp .sai-cost-t tfoot{display:flex;flex-direction:column;gap:8px}
.sp .sai-cost-t tfoot{margin-top:8px}
.sp .sai-cost-t tr{display:grid;grid-template-columns:72px repeat(2,minmax(0,1fr));gap:6px 8px;padding:10px;border:1px solid var(--sp-line);border-radius:12px;background:var(--sp-card)}
.sp .sai-cost-t td,.sp .sai-cost-t tbody tr:nth-child(even) td,.sp .sai-cost-t tfoot td{padding:0;border:0;background:none}
.sp .sai-cost-t .is-no,.sp .sai-cost-t .is-q{display:none}
.sp .sai-cost-t .is-img{grid-row:1/6;grid-column:1;width:auto}
.sp .sai-cost-t .is-img img{width:72px;height:72px}
.sp .sai-cost-t .is-name{grid-column:2/-1;max-width:none}
.sp .sai-cost-t .is-num{text-align:left;font-size:13px;white-space:normal;overflow-wrap:anywhere}
.sp .sai-cost-t .is-num::before{content:attr(data-l);display:block;font:400 11px var(--sp-font);color:var(--sp-mute)}
.sp .sai-cost-t tfoot tr{grid-template-columns:repeat(2,minmax(0,1fr));border-color:var(--sp-brand);background:var(--sp-brand-soft)}
.sp .sai-cost-t tfoot .is-sum{grid-column:1/-1}
}
.sp .sai-cl-trial{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:12px 14px;border:1.5px dashed var(--sp-ok);border-radius:14px;background:var(--sp-ok-soft)}
.sp .sai-cl-trial>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 220px}
.sp .sai-cl-trial b{font-size:14px;color:var(--sp-ink)}
.sp .sai-cl-trial small{font-size:12px;line-height:1.5;color:var(--sp-ink-2)}
.sp .sai-cl-trial .sp-btn{flex:none;border-color:var(--sp-ok);color:var(--sp-ok);background:var(--sp-card)}
.sp .sai-wr{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:12px;border:1px solid var(--sp-line);border-radius:12px;background:var(--sp-bg)}
.sp .sai-wr>b{font-size:14px;color:var(--sp-ink)}
.sp .sai-wr-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sp .sai-wr-f{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px;color:var(--sp-ink-2)}
.sp .sai-wr-f select{width:100%;height:40px;padding:0 10px;border:1px solid var(--sp-line-2);border-radius:10px;background:var(--sp-card);color:var(--sp-ink);font:inherit;font-size:14px}
.sp .sai-wr-m{font-size:12px;color:var(--sp-ink-2)}
/* ลงขึ้นร้าน TikTok (1 พ.ย. 2569) */
.sp .sai-tts{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--sp-line);border-radius:12px;background:var(--sp-bg)}
.sp .sai-tts-h{display:flex;align-items:center;gap:10px}
.sp .sai-tts-h>.sp-ic{width:36px;height:36px;flex:none}
.sp .sai-tts-h>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.sp .sai-tts-h b{font-size:15px;color:var(--sp-ink)}
.sp .sai-tts-h small{font-size:12px;color:var(--sp-ink-2)}
.sp .sai-tts-p{display:flex;flex-direction:column;gap:6px}
.sp .sai-tts-p progress{width:100%;height:10px;accent-color:var(--sp-brand)}
.sp .sai-tts-p b{font-size:14px;color:var(--sp-ink)}
.sp .sai-tts-p small{font-size:12px;color:var(--sp-ink-2)}
.sp .sai-tts-bad{margin:0;padding-left:18px;font-size:12px;color:var(--sp-bad);max-height:160px;overflow:auto}
.sp .sai-tts-g{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.sp .sai-tts-ck{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sp-ink);cursor:pointer}
.sp .sai-tts-ck input{width:18px;height:18px;accent-color:var(--sp-brand);flex:none}
.sp .sai-tts-m{margin:0;font-size:13px;color:var(--sp-ink-2)}
.sp .sai-tts-m:empty{display:none}
.sp .sai-tts-m.is-ok{color:var(--sp-ok);font-weight:600}
.sp .sai-tts-m.is-bad{color:var(--sp-bad);font-weight:600}
/* ตัวจับเวลา ใช้เวลากี่นาที (1 พ.ย. 2569) */
.sp .sai-clock{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:3px 10px;border-radius:999px;background:var(--sp-brand-soft);color:var(--sp-brand);font:600 12.5px var(--sp-num);white-space:nowrap}
/* โคลนร้าน: ตารางรายการสินค้าแบบ Excel (จอคอม · 1 พ.ย. 2569) รูปเล็กในช่อง · ชื่อยาวขึ้นบรรทัดใหม่ */
.sai-xl .xl-t img{display:block;width:40px;height:40px;margin:2px auto;border-radius:6px;object-fit:cover;background:var(--sp-bg)}
.sai-xl .xl-t td.is-l{white-space:normal;min-width:120px}
.sai-xl .xl-t tbody tr{cursor:pointer}
.sai-xl .xl-t td,.sai-xl .xl-t th{height:auto;padding:4px 8px}
.sai-clpk .sp-chips{flex-wrap:wrap}
/* ★ หน้างานเสร็จ PT Studio แบบแท็บ + กล่อง (mockup อนุมัติ 1 พ.ย. 2569 _delivery/mockup_shopai_job_20261101) ★ วาดโดย doneView() ใน sai-v2.js */
.sp .sjb{display:flex;flex-direction:column;gap:12px;padding-bottom:110px}
.sp .sjb-sum .sp-stm-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sp .sjb-sum .sp-stm-bal b small{font-size:15px;font-weight:600}
.sp .sjb-next{display:flex;align-items:flex-start;gap:8px;margin:10px 0 0;padding:10px 12px;border-radius:10px;background:var(--sp-bg);font-size:13px;line-height:1.5;color:var(--sp-ink-2)}
.sp .sjb-next img{width:20px;height:20px;flex:none}
.sp .sjb-tabs{margin:0 -12px}
.sp .sjb-tabs .sp-tabs{padding:0 8px}
.sp .sjb-tabs .sp-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.sp .sjb-tabs .sp-tabs a{justify-content:center;padding:12px 4px;font-size:13.5px}
.sp .sjb-tabs .sp-tabs a img{width:18px;height:18px}
.sp .sjb-tabs .sp-badge{position:static;margin-left:2px}
.sp .sjb-pane{display:flex;flex-direction:column;gap:12px}
.sp .sjb-pane[hidden]{display:none}
/* แถวสินค้า: รูปปก 64px + ชื่อ 2 บรรทัด + ราคาขวา */
.sp .sjb-cv{width:64px;height:64px;flex:none;border-radius:10px;overflow:hidden;background:var(--sp-bg)}
.sp .sjb-cv img{width:100%;height:100%;object-fit:cover;display:block}
.sp .sjb-list a{grid-template-columns:64px minmax(0,1fr) auto}
.sp .sjb-list .sp-tx-t b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.45}
.sp .sjb-tip{margin:0 4px}
.sp .sjb-ch a.is-off{opacity:.55;pointer-events:none}
.sp .sjb-ch .sp-tx-v{flex-direction:row;align-items:center;gap:6px}
/* โลโก้ */
.sp .sjb-logo{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center}
.sp .sjb-logo-cv{width:120px;height:120px;border-radius:12px;object-fit:cover}
.sp .sjb-logo>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:13px}
.sp .sjb-logo>div b{font-size:15px}
.sp .sjb-logo .sp-btn{margin-top:6px}
.sp .sjb-lg{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:10px;border:1px solid var(--sp-line);background:#fff;overflow:hidden}
.sp .sjb-lg.is-dark{background:#1f2937}
.sp .sjb-lg img{max-width:90%;max-height:90%;object-fit:contain}
/* ต้นทุนสต๊อก */
.sp .sjb-mt{margin:8px 0 0;font-size:12.5px}
.sp .sjb-links{display:flex;justify-content:flex-end;margin-top:6px}
.sp .sjb-links .sp-more{border:0;background:none;padding:4px 0;font:inherit;cursor:pointer}
/* แถบล่าง */
.sp .sjb-bar .sp-bar-sum{align-items:flex-start;line-height:1.35}
.sp .sjb-bar .sp-bar-sum span:first-child{font-weight:700;color:var(--sp-ink)}
.sp .sjb-bar .sp-bar-sum span+span{font-size:12px;color:var(--sp-ink-2)}
/* กล่องสินค้า: กว้างกว่ากล่องปกติ */
.sp .sjb-dlg{width:min(720px,calc(100% - 24px));max-height:min(92vh,860px)}
.sp .sjb-seg{position:sticky;top:0;z-index:1}
.sp .sjb-cover{position:relative;border-radius:14px;overflow:hidden;background:var(--sp-bg)}
.sp .sjb-cover img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.sp .sjb-cover .sp-pill{position:absolute;left:10px;bottom:10px}
.sp .sjb-ba{max-width:320px}
.sp .sjb-lbl{margin:4px 0 0;font-size:13.5px;font-weight:700;color:var(--sp-ink)}
.sp .sjb-lbl .sp-mute{font-weight:400;font-size:12px}
.sp .sjb-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.sp .sjb-thumbs img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;cursor:zoom-in}
.sp .sjb-blk{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--sp-line);border-radius:12px}
.sp .sjb-blk p{margin:0;font-size:13.5px;line-height:1.55}
.sp .sjb-blk-h{display:flex;align-items:center;gap:8px}
.sp .sjb-blk-h b{font-size:14px}
.sp .sjb-blk-h em{font-style:normal;font-size:12px;color:var(--sp-ok,#16a34a)}
.sp .sjb-blk-h .sjb-cp{margin-left:auto;white-space:nowrap;flex:none}
.sp .sjb-title{font-size:15px!important;font-weight:600}
.sp .sjb-old{font-size:12px!important}
.sp .sjb-desc{margin:0;white-space:pre-wrap;font:inherit;font-size:13px;line-height:1.6;max-height:300px;overflow:auto}
.sp .sjb-price{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:#fff4ee}
.sp .sjb-price>div:first-child{display:flex;align-items:baseline;justify-content:space-between}
.sp .sjb-price>div:first-child b{font-size:24px;color:var(--sp-brand)}
.sp .sjb-ship{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sp .sjb-ship div{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:10px;background:var(--sp-bg);font-size:12px;color:var(--sp-ink-2)}
.sp .sjb-ship b{font-size:14px;color:var(--sp-ink)}
.sp .sjb-pf{display:flex;gap:8px;flex-wrap:wrap}
.sp .sjb-pf .sp-btn{flex:1 1 auto}
/* ขั้นตอน Shopee */
.sp .sjb-steps{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;counter-reset:s}
.sp .sjb-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 10px;counter-increment:s;font-size:13px;color:var(--sp-ink-2)}
.sp .sjb-steps li::before{content:counter(s);grid-row:1/3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--sp-brand);color:#fff;font-weight:700}
.sp .sjb-steps b{color:var(--sp-ink);font-size:14px}
.sp .sjb-ck{display:flex;gap:8px;align-items:flex-start;font-size:13px}
.sp .sjb-unl{align-self:flex-start}
.sp .sjb-pick a.is-on{background:#fff4ee}
@media (min-width:1024px){
 .sp .sjb{max-width:1100px}
 .sp .sjb-sum .sp-stm-g{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sp .sjb-tabs{margin:0}
 .sp .sjb-dlg [data-subp="img"]:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
 .sp .sjb-dlg [data-subp="img"] .sjb-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* ของหน้าจริงที่ mockup ไม่มี: แท็บย่อย ปุ่มรูป ปุ่มดูเพิ่ม สถานะสินค้าไม่สำเร็จ */
.sp .sjb-sub{display:flex;flex-direction:column;gap:10px}
.sp .sjb-sub[hidden]{display:none}
.sp .sjb-side{display:flex;flex-direction:column;gap:10px;min-width:0}
.sp .sjb-cover{display:block;width:100%;padding:0;border:0;cursor:zoom-in}
.sp .sjb-thumbs button{display:block;padding:0;border:0;background:none;border-radius:8px;cursor:zoom-in}
.sp .sjb-blk-h em.is-bad{color:var(--sp-bad)}
.sp .sjb-blk-h b .sp-mute{font-weight:400;font-size:12.5px}
.sp .sjb-cp.is-ok{color:var(--sp-ok);border-color:var(--sp-ok)}
.sp .sjb-more{align-self:center}
.sp .sjb-more[hidden]{display:none}
.sp .sjb-st{display:flex;align-items:center;gap:8px;font-size:13.5px}
.sp .sjb-csum .sp-row.is-bad>b,.sp .sjb-ctbl b.is-bad,.sp .sjb .sp-row.is-bad>b{color:var(--sp-bad)}
.sp .sjb-ch a,.sp .sjb-pick a,.sp .sjb-list a,.sp .sjb-ctbl a{color:inherit;text-decoration:none}
.sp .sjb-ctbl a{grid-template-columns:44px minmax(0,1fr) auto}
.sp .sjb-pf .sai-rd{flex:1 1 auto}
.sp .sjb-pf .sp-btn.sai-rd,.sp .sjb-pf .sp-btn.sai-rd:hover{background:var(--sp-card);box-shadow:none;border-color:var(--sp-line);color:var(--sp-brand-ink);font-weight:600}
.sp .sjb-pf .sp-btn.sai-rd.is-cr,.sp .sjb-pf .sp-btn.sai-rd.is-cr:hover{color:var(--sai-cr)}
.sp .sjb-desc{padding:0;border:0;border-radius:0;background:none;color:inherit;word-break:normal;overflow-wrap:anywhere}
.sp .sjb-seg a:focus:not(:focus-visible),.sp .sjb-tabs a:focus:not(:focus-visible),.sp .sjb .sp-seg a:focus:not(:focus-visible){outline:0}
.nx-body .sp .sjb-tabs.is-stick{top:0}
@media (min-width:769px){.nx-body .sp .sjb{padding-bottom:16px}.nx-body .sp .sjb-bar{position:sticky;left:auto;right:auto;bottom:0;border:1px solid var(--sp-line);border-radius:12px;box-shadow:0 -6px 18px #0000000f}}
.sp .sjb-kv .sp-row>span{flex:none;white-space:nowrap}
.sp .sjb-kv .sp-row>b{min-width:0;overflow-wrap:anywhere}
.sp .sjb-tabs .sp-tabs a{text-decoration:none}
/* ★ หน้าเริ่มงาน PT Studio แบบแท็บ (mockup 1 พ.ย. 2569) ★ ย้ายมาจาก _delivery/mockup_shopai_start_20261101/sst.css · ไม่มีพื้นหลังสี */
.sp .sst{display:flex;flex-direction:column;gap:12px;padding-bottom:110px}
.sp .sst-tabs{margin:0 -12px}
.sp .sst-tabs .sp-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 6px}
.sp .sst-tabs .sp-tabs a{justify-content:center;padding:12px 4px;font-size:13.5px}
.sp .sst-tabs .sp-badge{position:static;margin-left:2px}
.sp .sst-pane{display:flex;flex-direction:column;gap:12px}
.sp .sst-pane[hidden]{display:none}
.sp .sst .sp-stm-bal b small{font-size:14px;font-weight:600}
.sp .sst .sp-stm-bal span{overflow-wrap:anywhere}
.sp .sst-lbl{margin:14px 0 6px;font-size:13.5px;font-weight:700;color:var(--sp-ink)}
.sp .sst-n a{font-size:13px;padding:0 2px}
.sp .sst .sp-stm .sp-rows{margin-top:10px}
.sp .sst-th{width:48px;height:48px;flex:none;border-radius:10px;overflow:hidden;background:var(--sp-bg)}
.sp .sst-th img{width:100%;height:100%;object-fit:cover;display:block}
.sp .sst-jobs a,.sp .sst-pane[data-pane="demo"] .sp-tx a{grid-template-columns:48px minmax(0,1fr) auto}
.sp .sst-tier .sp-row b small{font-size:12px;font-weight:500;color:var(--sp-ink-2)}
.sp .sst-lk{margin-top:8px;border:0;background:none;padding:0;font:inherit;cursor:pointer}
.sp .sst-ok{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;padding:0;list-style:none;font-size:13px;color:var(--sp-ink-2)}
.sp .sst-ok li::before{content:"✓ ";color:var(--sp-ok,#16a34a);font-weight:700}
.sp .sst-ok.is-col{flex-direction:column}
.sp .sst-ba{display:flex;flex-direction:column;gap:8px}
.sp .sst-ba figure{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}
.sp .sst-ba img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:var(--sp-bg)}
.sp .sst-cap{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0 0;font-size:12px;color:var(--sp-ink-2);text-align:center}
.sp .sst-pick{display:flex;flex-direction:column}
.sp .sst-pick label{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--sp-line);cursor:pointer}
.sp .sst-pick label:first-child{border-top:0}
.sp .sst-pick input{width:20px;height:20px;accent-color:var(--sp-brand);flex:none}
.sp .sst-pick span{display:flex;flex-direction:column;gap:2px}
.sp .sst-pick small{font-size:12px;color:var(--sp-ink-2)}
.sp .sst-six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sp .sst-six img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}
.sp .sst-dlg{width:min(560px,calc(100% - 24px))}
.sp .sst-bar .sp-bar-sum{align-items:flex-start;line-height:1.35}
.sp .sst-bar .sp-bar-sum span:first-child{font-weight:700;color:var(--sp-ink)}
.sp .sst-bar .sp-bar-sum span+span{font-size:12px;color:var(--sp-ink-2)}
@media (min-width:1024px){
 .sp .sst{max-width:900px}
 .sp .sst-tabs{margin:0}
 .sp .sst-ba{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
}
.sp .sst .sp-row b{white-space:nowrap}
.sp .sst-ways .sp-tx-v b{white-space:nowrap}
.sp .sst-tier .sp-row b small{display:inline;margin-left:2px}
/* ตารางเทียบแพ็กเกจแบบ Excel (เจ้าของสั่ง 1 พ.ย. 2569) */
.sp .sst-cmp td:first-child{white-space:normal;line-height:1.35;padding-top:6px;padding-bottom:6px;min-width:150px}
.sp .sst-cmp th.is-c,.sp .sst-cmp td.is-c{width:96px;text-align:center}
.sp .sst-cmp th.is-hot{color:var(--sp-brand)}
.sp .sst-cmp td.is-hot{background:#fff8f4}
.sp .sst-cmp .sst-y{color:var(--sp-ok,#16a34a);font-weight:800;font-size:16px}
.sp .sst-cmp .sst-n0{color:var(--sp-ink-3,#cbd5e1)}
.sp .sst-cmp .sst-pr b{display:block;font-size:15px;color:var(--sp-ink)}
.sp .sst-cmp .sst-pr td.is-hot b{color:var(--sp-brand)}
.sp .sst-cmp .sst-pr small,.sp .sst-cmp .sst-sm{font-size:11.5px;color:var(--sp-ink-2);white-space:normal;line-height:1.3}
.sp .sst-tierx .is-r{text-align:right}
.sp .sst-tierx tr.is-best td{background:#fff8f4;font-weight:700;color:var(--sp-brand)}
/* แก้ตามเจ้าของวง (1 พ.ย. 2569): ช่องราคาโคลนล้น · จอคอมคอลัมน์แพ็กเกจแคบชิดขวา */
.sp .sst-cmp{table-layout:fixed}
.sp .sst-cmp th:first-child,.sp .sst-cmp td:first-child{width:auto}
.sp .sst-cmp th.is-c,.sp .sst-cmp td.is-c{width:31%;padding:6px 4px}
.sp .sst-cmp .sst-pr b{font-size:14px;white-space:nowrap}
.sp .sst-tierx{table-layout:fixed}
.sp .sst-tierx th:first-child,.sp .sst-tierx td:first-child{width:34%}
@media (min-width:1024px){
 .sp .sst-cmp th.is-c,.sp .sst-cmp td.is-c{width:24%}
 .sp .sst-cmp .sst-pr b{font-size:16px}
}
.sp .sst-tierx{table-layout:auto}
.sp .sst-tierx th:first-child,.sp .sst-tierx td:first-child{width:auto}
.sp .sst-tierx td:last-child{white-space:normal;line-height:1.3}
/* ตาราง 3 แพ็กเกจ (ศัลยกรรม · ยกเครื่องใหม่ · Sync ร้านใหม่) */
.sp .sst-cmp.is-3 th.is-c,.sp .sst-cmp.is-3 td.is-c{width:22%;padding:6px 2px}
.sp .sst-cmp.is-3 .sst-pr b{font-size:12.5px}
.sp .sst-cmp.is-3 thead th.is-c{font-size:11.5px;line-height:1.25}
@media (min-width:1024px){.sp .sst-cmp.is-3 th.is-c,.sp .sst-cmp.is-3 td.is-c{width:18%}.sp .sst-cmp.is-3 .sst-pr b{font-size:15px}.sp .sst-cmp.is-3 thead th.is-c{font-size:12.5px}}
/* ตาราง 4 แพ็กเกจ (ฟรี · Starter · SME · Business) */
.sp .sst-cmp.is-4 th.is-c,.sp .sst-cmp.is-4 td.is-c{width:17%;padding:6px 2px}
.sp .sst-cmp.is-4 thead th.is-c{font-size:11.5px;line-height:1.3}
.sp .sst-cmp.is-4 .sst-pr b{display:block;font-size:12px;white-space:nowrap}
.sp .sst-cmp.is-4 .sst-pr s{display:block;font-size:10.5px;color:var(--sp-ink-3,#94a3b8)}
.sp .sst-cmp .sst-save td{font-size:11.5px;font-weight:700;color:var(--sp-ok,#16a34a)}
.sp .sst-cmp .sst-g td{background:var(--sp-bg);font-weight:700;font-size:12.5px;color:var(--sp-ink);height:32px}
.sp .sst-tag{display:inline-block;margin-top:2px;padding:0 6px;border-radius:999px;background:var(--sp-brand);color:#fff;font-style:normal;font-size:10px;line-height:16px}
.sp .sst-tag.is-best{background:#7c3aed}
@media (min-width:1024px){.sp .sst-cmp.is-4 th.is-c,.sp .sst-cmp.is-4 td.is-c{width:14%}.sp .sst-cmp.is-4 .sst-pr b{font-size:15px}.sp .sst-cmp.is-4 thead th.is-c{font-size:13px}}
@media (max-width:600px){.sp .sst-cmp.is-4 th.is-c,.sp .sst-cmp.is-4 td.is-c{width:15%}.sp .sst-cmp.is-4 td:first-child{font-size:12px;padding-left:6px;padding-right:4px}}
/* ★ ทำจริง 1688 Shop Sync (1 พ.ย. 2569): ตาราง 5 แพ็ก · ป้ายเร็ว ๆ นี้ · แถวงาน+ปุ่มลบ · กล่องซื้อแพ็ก ★ */
.sp .sst-soon{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;background:var(--sp-info-soft,#eef4ff);color:var(--sp-info,#2563eb);font-style:normal;font-size:10.5px;line-height:17px;font-weight:600;white-space:nowrap;vertical-align:1px}
.sp .sst-soonw{white-space:normal}
.sp .sst-cmp td .sst-soon{margin-left:4px}
.sp .sst-cmp td.is-c .sst-soon{margin:0}
.sp .sst-cmp.is-5{table-layout:auto;min-width:660px}
.sp .sst-cmp.is-5 th.is-c,.sp .sst-cmp.is-5 td.is-c{width:13%;min-width:86px;padding:6px 4px}
.sp .sst-cmp.is-5 thead th.is-c{font-size:12px;line-height:1.3}
.sp .sst-cmp.is-5 .sst-pr b{display:block;font-size:13px;white-space:nowrap}
.sp .sst-cmp.is-5 .sst-pr s{display:block;font-size:10.5px;color:var(--sp-ink-3,#94a3b8)}
.sp .sst-cmp.is-5 tr>:first-child{position:sticky;left:0;z-index:1;background:var(--sp-card);min-width:150px;max-width:190px;box-shadow:1px 0 0 var(--sp-line)}
.sp .sst-cmp.is-5 thead th:first-child{background:var(--sp-bg);z-index:2}
.sp .sst-cmp.is-5 tbody tr:nth-child(2n)>td:first-child{background:color-mix(in srgb,var(--sp-bg) 45%,var(--sp-card))}
.sp .sst-cmp.is-5 tbody tr.sst-g>td:first-child{background:var(--sp-bg);position:static}
.sp .sst-cmp.is-5 tbody tr.sst-g>td>span{position:sticky;left:8px}
.sp .sst-cmp .sst-buy td{height:46px}
.sp .sst-cmp .sst-buy .sp-btn{min-width:64px}
@media (min-width:1024px){
 .sp .sst-cmp.is-5{min-width:0}
 .sp .sst-cmp.is-5 th.is-c,.sp .sst-cmp.is-5 td.is-c{width:12.5%}
 .sp .sst-cmp.is-5 .sst-pr b{font-size:15px}
 .sp .sst-cmp.is-5 thead th.is-c{font-size:13px}
}
.sp .sst-lk{display:inline-flex;align-self:flex-start;color:var(--sp-brand-ink,var(--sp-brand));font-weight:600;font-size:13.5px;text-align:left}
.sp .sst-shop .sp-field{display:flex;flex-direction:column;gap:6px;margin:0}
.sp .sst-shop .sp-input{width:100%}
.sp .sst-shop .sp-note,.sp .sst-quota .sp-note,.sp .sst-cr .sp-note{margin:0}
.sp .sst-jobs .sst-jrow{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:8px;align-items:center;border-top:1px solid var(--sp-line)}
.sp .sst-jobs .sst-jrow:first-child{border-top:0}
.sp .sst-jobs .sst-jrow>a{border-top:0}
.sp .sst-jobs .sai-jdel{width:36px;height:36px}
.sp .sst-have a,.sp .sst-ways a{cursor:pointer}
.sp .sst-have .sp-tx-t span,.sp .sst-ways .sp-tx-t span{white-space:normal;line-height:1.35}
.sp .sst-have .sp-tx-v b{white-space:nowrap}
.sp .sst-full{text-decoration:line-through;color:var(--sp-mute);font-weight:500}
.sp .sst-pkrows{margin-top:10px}
.nx-body .sp .sst-tabs.is-stick{top:0}
@media (max-width:767px){.sp .sst-cmp.is-5{min-width:520px}.sp .sst-cmp.is-5 tr>:first-child{width:118px;min-width:118px;max-width:118px;font-size:12px;padding-left:6px;padding-right:4px}.sp .sst-cmp.is-5 th.is-c,.sp .sst-cmp.is-5 td.is-c{min-width:78px}}
@media (min-width:769px){.nx-body .sp .sst-bar{position:sticky;left:auto;right:auto;bottom:0;border:1px solid var(--sp-line);border-radius:12px;box-shadow:0 -6px 18px #0000000f}}

/* หน้างานเสร็จ: ทางเข้า "ดูหน้าร้านจำลอง" ในการ์ดสรุป (1 พ.ย. 2569) */
.sp .sjb-sim{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid var(--sp-line);border-radius:12px;background:var(--sp-card);color:var(--sp-ink);text-decoration:none}
.sp .sjb-sim:hover{border-color:#ee4d2d}
.sjb-sim-ic{display:flex;flex:none;padding-left:6px}
.sjb-sim-ic img{width:26px;height:26px;margin-left:-6px;border-radius:7px;background:var(--sp-card);box-shadow:0 0 0 2px var(--sp-card)}
.sjb-sim-t{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.sjb-sim-t b{font-size:14.5px}
.sjb-sim-t small{color:var(--sp-ink-2);font-size:12.5px}
.sjb-sim .sp-ic{flex:none;color:var(--sp-ink-2)}

/* ===== PT Studio · จำลองหน้าร้าน Shopee / Lazada / TikTok Shop (1 พ.ย. 2569 · mockup _delivery/mockup_shopsim_20261101 "ผ่าน") =====
   หน้า shop-sim.html (เว็บใหม่) + /users/shop_sim (เว็บเก่า) · วาดโดย shop-sim.js = dashboard/js/nx-shopsim.js · คลาส .ssm-*
   สีแต่ละแพลตฟอร์มเป็นตัวแปรใต้ .ssm.is-shopee / .is-lazada / .is-tiktok · ปุ่มพื้นส้ม/แดง/ฟ้า ตัวหนังสือขาวเสมอ
   รูปพื้นหัวร้าน Shopee = <img class="ssm-hd-bg/ssm-shop-bg"> จากรูปสินค้าในงาน (ไม่ใช้ style ในหน้า) */
.ssm{--ssm-a:#f53d2d;--ssm-b:#ff6633;--ssm-acc:#ee4d2d;--ssm-tab:#ee4d2d;--ssm-price:#ee4d2d;--ssm-soft:#fff1ec;--ssm-buy:#ee4d2d;--ssm-cart:#26aa99;--ssm-cart-ink:#fff;--ssm-fol:transparent;--ssm-fol-line:#ffffffcc;--ssm-r:2px;--ssm-gap:6px}
.ssm.is-lazada{--ssm-a:#0f146d;--ssm-b:#2a2fb3;--ssm-acc:#f6146e;--ssm-tab:#f57224;--ssm-price:#f57224;--ssm-soft:#fff4ec;--ssm-buy:#f57224;--ssm-cart:#2abbe8;--ssm-cart-ink:#fff;--ssm-fol:#f6146e;--ssm-fol-line:#f6146e;--ssm-r:6px;--ssm-gap:8px}
.ssm.is-tiktok{--ssm-a:#fff;--ssm-b:#fff;--ssm-acc:#fe2c55;--ssm-tab:#161823;--ssm-price:#fe2c55;--ssm-soft:#fff0f3;--ssm-buy:#fe2c55;--ssm-cart:#ffe8ed;--ssm-cart-ink:#fe2c55;--ssm-fol:#fe2c55;--ssm-fol-line:#fe2c55;--ssm-r:8px;--ssm-gap:8px}

.sp .ssm{display:flex;flex-direction:column;gap:10px;padding-top:12px;padding-bottom:28px}
.ssm .sp-ic{width:18px;height:18px;color:currentColor}

/* แถบบน: กลับไปหน้างาน + สลับแพลตฟอร์ม */
.ssm-top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"b s" "p p";align-items:center;gap:8px}
.ssm-top .ssm-sim{grid-area:s}
.ssm-back{grid-area:b;display:inline-flex;align-items:center;gap:4px;justify-self:start;padding:6px 2px;color:var(--sp-ink-2);font-weight:600;text-decoration:none}
.ssm-pf{grid-area:p;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ssm-pf button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:6px 4px;border:1.5px solid var(--sp-line-2);border-radius:12px;background:var(--sp-card);color:var(--sp-ink-2);font:600 14px/1.2 var(--sp-font);cursor:pointer}
.ssm-pf button img{width:24px;height:24px;flex:none}
.ssm-pf button.is-on{border-color:var(--ssm-acc);color:var(--sp-ink);box-shadow:0 0 0 1px var(--ssm-acc)}
.ssm-lead{margin:0;color:var(--sp-ink-2);font-size:13.5px}

/* กรอบหน้าร้าน */
.ssm-app{overflow:clip;border:1px solid var(--sp-line);border-radius:14px;background:#f5f5f5;box-shadow:var(--sp-shadow);color:#222}
.ssm-sim{display:inline-flex;align-items:center;flex:none;padding:3px 9px;border:1px solid #f0d9a6;border-radius:99px;background:#fff5e0;color:#7a5308;font-size:11.5px;font-weight:600;white-space:nowrap}

/* หัวร้าน (ค่าเริ่ม = Lazada: น้ำเงินไล่สี) */
.ssm-hd{display:flex;flex-direction:column;gap:12px;padding:12px 14px 14px;background:linear-gradient(135deg,var(--ssm-a),var(--ssm-b));color:#fff}
.ssm-hd-bar{display:flex;align-items:center;gap:8px}
.ssm-search{display:flex;align-items:center;gap:6px;flex:1;min-width:0;padding:7px 10px;border-radius:var(--ssm-r);background:#ffffffe6;color:#888;font-size:13px;white-space:nowrap;overflow:hidden}
.ssm-hd-main{display:flex;flex-direction:column;gap:12px}
.ssm-shop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"l t f" "l t c";column-gap:12px;row-gap:6px;align-items:center}
.ssm-logo{grid-area:l;display:grid;place-items:center;width:60px;height:60px;border:2px solid #fff;border-radius:50%;background:#fff;color:#1d1f24;font:700 17px/1 var(--sp-num);letter-spacing:.5px}
.ssm-shop-t{grid-area:t;display:flex;flex-direction:column;gap:2px;min-width:0}
.ssm-shop-t b{font-size:17px;line-height:1.3;overflow-wrap:anywhere}
.ssm-shop-t span{font-size:12.5px;opacity:.85}
.ssm-follow,.ssm-chat{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:4px 10px;border:1px solid var(--ssm-fol-line);border-radius:var(--ssm-r);color:#fff;font-size:13px;font-weight:600;cursor:pointer}
.ssm-follow{grid-area:f;background:var(--ssm-fol)}
.ssm-chat{grid-area:c;border-color:#ffffffcc}
.ssm-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}
.ssm-stats li{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:12px}
.ssm-stats li+li{border-left:1px solid #ffffff40}
.ssm-stats b{font:600 16px/1.2 var(--sp-num)}
.ssm-stats span{opacity:.85}

/* Shopee: หัวร้านพื้นเข้มมีรูปพื้นหลัง */
.sp .ssm-hd-bg,.sp .ssm-shop-bg{display:none}   /* .sp img{display:block} ใน pt-shop.css ทับ จึงขึ้นต้น .sp */
.is-shopee .ssm-hd{position:relative;isolation:isolate;background:#1d1f24}
.is-shopee .ssm-hd-bg{display:block;position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;filter:brightness(.32)}
.is-shopee .ssm-search{background:#ffffff26;color:#ffffffd9}
.is-shopee .ssm-logo{color:#ee4d2d}

/* TikTok: หัวร้านขาว โลโก้กลาง ปุ่มติดตามแดง */
.ssm-hd-c{align-items:center;gap:8px;padding-bottom:16px;color:#161823;text-align:center;border-bottom:1px solid #eee}
.ssm-hd-c .ssm-hd-bar{align-self:stretch;margin-bottom:6px}
.ssm-hd-c .ssm-search{border-radius:4px;background:#f1f1f2}
.ssm-hd-c .ssm-logo{width:84px;height:84px;border:1px solid #e3e3e4;background:#161823;color:#fff;font-size:22px}
.ssm-hd-n{font-size:18px;line-height:1.3}
.ssm-hd-s{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:0;color:#6b6c72;font-size:13px}
.ssm-hd-s b{color:#161823;font:700 15px/1.2 var(--sp-num)}
.ssm-hd-acts{display:flex;gap:8px;margin-top:6px}
.ssm-hd-acts .ssm-follow,.ssm-hd-acts .ssm-chat{min-width:120px;min-height:38px;border-radius:4px}
.ssm-hd-acts .ssm-chat{border-color:#f1f1f2;background:#f1f1f2;color:#161823}

/* แท็บ + เรียง */
.ssm-tabs,.ssm-sort{display:flex;background:#fff}
.ssm-tabs span{flex:1;padding:11px 4px;border-bottom:2px solid transparent;color:#555;text-align:center;font-weight:600}
.ssm-tabs span.is-on{border-color:var(--ssm-tab);color:var(--ssm-tab)}
.ssm-sort{border-top:1px solid #eee;border-bottom:1px solid #eee}
.ssm-sort span{flex:1;padding:9px 4px;color:#666;text-align:center;font-size:13px}
.ssm-sort span.is-on{color:var(--ssm-tab);font-weight:600}

/* Lazada: แถบคูปองร้าน */
.ssm-cpn{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;overflow:hidden}
.ssm-cpn-l{flex:none;color:#0f146d;font-weight:700;font-size:13px}
.ssm-cpn-l small{display:block;color:#888;font-weight:400;font-size:11px}
.ssm-cpn-c{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;min-width:0;padding:5px 8px 5px 10px;border:1px dashed #f57224;border-radius:6px;background:#fff4ec;color:#f57224;cursor:pointer}
.ssm-cpn-c b{font-size:13px;white-space:nowrap}
.ssm-cpn-c small{grid-row:2;color:#a55a26;font-size:11px;white-space:nowrap}
.ssm-cpn-c i{grid-row:1 / span 2;padding:3px 8px;border-radius:4px;background:#f57224;color:#fff;font-style:normal;font-size:12px;font-weight:600}
.ssm-info .ssm-cpn{padding:0}

/* TikTok: แถบส่งฟรี */
.ssm-free{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;background:#e6f7f5;color:#00857c;font-size:13px}
.ssm-free b{flex:none;padding:1px 6px;border-radius:3px;background:#00a59a;color:#fff;font-size:12px}
.ssm-free span{min-width:0}

/* ตารางสินค้า */
.ssm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ssm-gap);padding:var(--ssm-gap)}
.ssm-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--ssm-r);background:#fff;color:inherit;text-decoration:none;box-shadow:0 1px 2px #0000000f}
.ssm-card:hover{box-shadow:0 0 0 1px var(--ssm-acc)}
.ssm-card-pic img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.ssm-card-b{display:flex;flex-direction:column;gap:6px;padding:8px}
.ssm-card-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;font-size:13px;line-height:1.4}
.ssm-card-f{display:flex;align-items:baseline;justify-content:space-between;gap:6px}
.ssm-card-f small,.ssm-card-w{color:#888;font-size:11.5px;white-space:nowrap}
.ssm-price{color:var(--ssm-price);font:600 16px/1.2 var(--sp-num)}
.is-tiktok .ssm-card{box-shadow:none;border:1px solid #efeff0}
.is-tiktok .ssm-price{font-weight:700}

/* หน้าสินค้า */
.ssm-ibar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#fff;border-bottom:1px solid #eee}
.ssm-ib-back{display:inline-flex;align-items:center;gap:4px;min-width:0;color:#333;font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssm-pd{display:flex;flex-direction:column;gap:8px}
.ssm-gal{background:#fff}
.ssm-gal-m{position:relative}
.ssm-gal-s{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.ssm-gal-s::-webkit-scrollbar{display:none}
.ssm-gal-s img{flex:0 0 100%;width:100%;aspect-ratio:1/1;object-fit:cover;scroll-snap-align:start}
.ssm-gal-n{position:absolute;bottom:12px;right:12px;padding:2px 10px;border-radius:99px;background:#00000080;color:#fff;font:600 12px/1.6 var(--sp-num)}
.ssm-gal-th{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px}
.ssm-gal-th button{width:52px;height:52px;padding:0;border:2px solid transparent;border-radius:6px;background:none;cursor:pointer;overflow:hidden}
.ssm-gal-th button.is-on{border-color:var(--ssm-acc)}
.ssm-gal-th img{display:block;width:100%;height:100%;object-fit:cover}
.ssm-info{display:flex;flex-direction:column;gap:12px;padding:14px;background:#fff}
.ssm-pricebox{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ssm-pricebox .ssm-price{font-size:24px}
.ssm-pricebox small{color:#888;font-size:13px}
.ssm-name{margin:0;font-size:17px;font-weight:600;line-height:1.45}
.ssm-blk h3{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;font-size:14px}
.ssm-blk h3 small{color:#888;font-weight:400;font-size:12.5px}
.ssm-opts{display:flex;flex-wrap:wrap;gap:8px}
.ssm-opt{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid #ddd;border-radius:var(--ssm-r);background:#fff;font-size:13px}
.ssm-opt img{width:36px;height:36px;border-radius:2px;object-fit:cover}
.ssm-opt.is-on{border-color:var(--ssm-acc);background:var(--ssm-soft);color:var(--ssm-acc)}
.ssm-ship,.ssm-at{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;margin:0;font-size:13.5px}
.ssm-ship{padding-top:12px;border-top:1px solid #f0f0f0}
.ssm-ship dt,.ssm-at dt{display:flex;align-items:center;gap:6px;color:#777}
.ssm-ship dd,.ssm-at dd{margin:0}
.ssm-qty{display:none;align-items:center;gap:0;font-size:13.5px}
.ssm-qty span{min-width:88px;color:#777}
.ssm-qty i,.ssm-qty b{display:grid;place-items:center;width:34px;height:32px;border:1px solid #ddd;font-style:normal}
.ssm-qty b{width:50px;border-left:0;border-right:0;font:500 15px/1 var(--sp-num)}
.ssm-qty .sp-ic{width:14px;height:14px;color:#555}
.ssm-sec{padding:14px;background:#fff}
.ssm-sec h2,.ssm-mrv>h2{margin:0 0 10px;padding:8px 10px;border-radius:4px;background:#f6f6f6;font-size:15px}
.ssm-at{grid-template-columns:minmax(0,130px) minmax(0,1fr)}
.ssm-desc{margin:0;white-space:pre-line;font-size:14px;line-height:1.7}

/* TikTok มือถือ: ราคาแดงตัวใหญ่ รูปเต็มกว้าง ไม่มีรูปย่อ */
.is-tiktok .ssm-pricebox .ssm-price{font-size:26px;font-weight:700}
.is-tiktok .ssm-name{font-size:16px;font-weight:500}

/* ปุ่มซื้อ (ภาพจำลอง กดไม่ได้) · มือถือเกาะล่างจอ · ปุ่มพื้นสีตัวหนังสือขาว */
.ssm-buy{order:9;position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:52px 52px minmax(0,1fr) minmax(0,1fr);align-items:stretch;background:#fff;border-top:1px solid #eee;box-shadow:0 -4px 12px #0000000d}
/* .sp button{color:inherit;font:inherit} ใน pt-shop.css ทับปุ่มได้ จึงขึ้นต้น .sp ทุกกฎสีปุ่ม */
.sp .ssm-bb{display:flex;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:6px;border:0;background:none;color:#fff;font:700 15px/1.25 var(--sp-font);text-decoration:none;cursor:not-allowed}
.sp .ssm-bb small{font-size:11.5px;font-weight:500;line-height:1.2}
.ssm-bb.is-ic,.ssm-bb.is-plain{flex-direction:column}
.sp .ssm-bb.is-plain{color:#555}
.ssm-bb.is-plain+.ssm-bb.is-plain{border-left:1px solid #eee}
.sp .ssm-bb.is-cart{background:var(--ssm-cart);color:var(--ssm-cart-ink)}
.sp .ssm-bb.is-buy{background:var(--ssm-buy);color:#fff}
.ssm-buy-n{grid-column:1/-1;margin:0;padding:5px 8px;background:#fff5e0;color:#7a5308;font-size:12px;text-align:center}
.is-shopee .ssm-buy{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr)}
.sp .is-shopee .ssm-bb.is-chat{background:#26aa99;color:#fff}
.is-shopee .ssm-bb.is-cart{border-left:1px solid #ffffff59}
.is-tiktok .ssm-buy{column-gap:8px;padding:8px 10px 0}
.is-tiktok .ssm-bb.is-cart,.is-tiktok .ssm-bb.is-buy{min-height:44px;margin-bottom:8px;border-radius:6px}
.is-tiktok .ssm-bb.is-plain{min-height:44px}
.is-tiktok .ssm-bb.is-plain+.ssm-bb.is-plain{border-left:0}
.is-tiktok .ssm-buy-n{margin:0 -10px}

.ssm-toast{position:fixed;left:50%;bottom:110px;z-index:20;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:12px 16px;border-radius:12px;background:var(--sp-code);color:#fff;font-size:13.5px;box-shadow:0 10px 26px #00000040}
.ssm-toast[hidden]{display:none}

@media (max-width:899px){
 .is-tiktok .ssm-gal-th{display:none}
 .is-tiktok .ssm-info{gap:10px}
}
@media (min-width:640px){
 .ssm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:900px){
 .ssm-top{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"b p s";gap:16px;width:100%;max-width:1100px;margin:0 auto}
 .ssm-pf{justify-self:end}
 .ssm-pf{width:min(560px,100%)}
 .ssm-pf button{flex-direction:row;gap:8px;min-height:48px;padding:6px 8px}
 .ssm-app{width:100%;max-width:1100px;margin:0 auto}
 .ssm-lead{width:100%;max-width:1100px;margin:0 auto}
 .ssm-hd{padding:16px 24px 18px}
 .ssm-hd-bar{justify-content:space-between}
 .ssm-search{flex:0 1 360px}
 .ssm-shop{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"l t f c"}
 .ssm-logo{width:72px;height:72px;font-size:20px}
 .ssm-shop-t b{font-size:20px}
 .ssm-stats{max-width:520px}
 .ssm-tabs{padding:0 16px}
 .ssm-tabs span,.ssm-sort span{flex:0 0 auto;padding-left:22px;padding-right:22px}
 .ssm-sort{padding:0 16px}
 .ssm-cpn{padding:12px 24px}
 .ssm-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--ssm-gap) + 4px);padding:16px}

 /* Shopee จอคอม: การ์ดร้านพื้นเข้มด้านซ้าย ตัวเลขร้านด้านขวาบนพื้นขาว */
 .is-shopee .ssm-hd{background:#fff;color:#222;border-bottom:1px solid #eee}
 .is-shopee .ssm-search{border:1px solid #ddd;background:#fff;color:#888}
 .is-shopee .ssm-hd-main{display:grid;grid-template-columns:400px minmax(0,1fr);align-items:center;gap:32px}
 .is-shopee .ssm-hd-bg{display:none}
 .is-shopee .ssm-shop{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px;border-radius:4px;background:#1d1f24;color:#fff}
 .is-shopee .ssm-shop-bg{display:block;position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;filter:brightness(.32)}
 .is-shopee .ssm-shop-t{flex:1 1 200px}
 .is-shopee .ssm-shop .ssm-follow,.is-shopee .ssm-shop .ssm-chat{flex:1 1 0}
 .is-shopee .ssm-stats{grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 40px;max-width:none}
 .is-shopee .ssm-stats li{flex-direction:row;gap:6px;font-size:14px}
 .is-shopee .ssm-stats li+li{border-left:0}
 .is-shopee .ssm-stats span{order:-1;opacity:1;color:#555}
 .is-shopee .ssm-stats b{color:#ee4d2d;font-size:15px}

 .ssm-pd{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:0 28px;padding:20px;background:#fff}
 .ssm-gal{grid-row:1 / span 2}
 .ssm-gal-s img{border-radius:4px}
 .ssm-gal-th{padding:10px 0}
 .ssm-info{padding:0}
 .ssm-name{order:-1;font-size:20px}
 .ssm-pricebox{padding:12px 16px;border-radius:4px;background:#fafafa}
 .ssm-pricebox .ssm-price{font-size:28px}
 .ssm-qty{display:flex}
 .ssm-buy{order:0;position:static;grid-template-columns:repeat(2,minmax(0,200px));align-self:start;gap:12px;margin-top:18px;padding:0;border:0;box-shadow:none}
 .is-shopee .ssm-buy,.is-tiktok .ssm-buy{grid-template-columns:repeat(2,minmax(0,200px));padding:0}
 .ssm-bb.is-plain,.ssm-bb.is-chat{display:none}
 .ssm-bb.is-cart,.ssm-bb.is-buy,.is-tiktok .ssm-bb.is-cart,.is-tiktok .ssm-bb.is-buy{min-height:48px;margin:0;border-radius:var(--ssm-r)}
 .sp .is-shopee .ssm-bb.is-cart{flex-direction:row;gap:8px;border:1px solid #ee4d2d;background:#ffeee8;color:#ee4d2d}
 .sp .is-shopee .ssm-bb.is-cart small{font-size:15px;font-weight:700}
 .ssm-buy-n,.is-tiktok .ssm-buy-n{grid-column:1/-1;justify-self:start;margin:0;border-radius:6px}
 .is-tiktok .ssm-pricebox{background:#fff5f7}
 .ssm-sec,.ssm-pd .ssm-mrv{grid-column:1/-1;margin-top:20px;padding:0}
}

/* ===== ดาว / คะแนน / รีวิว (ใช้ทั้งมือถือและจอคอม) ===== */
.ssm-sts{display:inline-flex;gap:2px;vertical-align:middle}
.ssm-st{display:inline-block;width:14px;height:14px;background:#dcdcdc;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);vertical-align:-1px}
.ssm-st.is-on{background:#ffbf00}
.ssm-rate{display:flex;align-items:center;gap:6px;margin:0;color:#555;font-size:13.5px}
.ssm-rate b{color:#222}
.ssm-rate em,.ssm-tt-r em,.ssm-lz-r em{width:1px;height:12px;background:#ddd}
.ssm-rv-sum{display:flex;align-items:center;gap:6px;margin:8px 0 2px}
.ssm-rv-sum b{font:600 22px/1 var(--sp-num)}
.ssm-rv-sum small{color:#888;font-size:14px}
.ssm-rv-sum .ssm-st{width:18px;height:18px}
.ssm-rv{padding:12px 0;border-top:1px solid #f0f0f0}
.ssm-rv-h{display:flex;align-items:center;gap:8px}
.ssm-rv-h b{font-size:14.5px;font-weight:500}
.ssm-rv-h small{display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:#777;font-size:13px}
.ssm-rv-h small .ssm-i{width:16px;height:16px}
.ssm-rv-av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e8e9ec;color:#777;font:600 13px/1 var(--sp-num)}
.ssm-rv .ssm-sts{margin-top:6px}
.ssm-rv-o{margin:6px 0 0;color:#888;font-size:13px}
.ssm-rv-t{margin:4px 0 0;font-size:13.5px;line-height:1.55}
.ssm-rv-p{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;max-width:420px}
.ssm-rv-p img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px}

/* ===== หน้าสินค้ามือถือแบบแอปจริง (เฉพาะจอเล็กกว่า 900px) ===== */
.ssm.is-mitem .ssm-lead{display:none}
.ssm.is-mitem .ssm-pf button{flex-direction:row;gap:6px;min-height:40px;font-size:13px}
.ssm.is-mitem .ssm-pf button img{width:20px;height:20px}
.sp .ssm.is-mitem{padding-bottom:0}
.ssm.is-mitem .ssm-app{margin:0 -12px;border:0;border-radius:0;box-shadow:none;background:#fff}
.ssm-mob{background:#f4f4f5;color:#161823;font-size:14px}
.ssm-mob [data-at],.ssm-mob [data-sec]{scroll-margin-top:90px}
.ssm-i{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:where(.ssm-mob) p{margin:0}

/* แถบบนแอป */
.ssm-mh{position:sticky;top:0;z-index:5;background:#fff}
.ssm-mh-bar{display:flex;align-items:center;gap:4px;height:50px;padding:0 6px}
.ssm-mh-ic{position:relative;display:grid;place-items:center;flex:none;width:36px;height:36px;color:#161823}
.ssm-mh-ic.is-cart i{position:absolute;top:-1px;right:-3px;min-width:18px;height:18px;padding:0 4px;border:1.5px solid #fff;border-radius:9px;background:#fe2c55;color:#fff;font:600 10.5px/15px var(--sp-num);font-style:normal;text-align:center}
.ssm-mh-q{display:flex;align-items:center;gap:6px;flex:1;min-width:0;height:34px;margin:0 4px;padding:0 10px;border-radius:8px;background:#f1f1f2;color:#8a8b91;font-size:15px;white-space:nowrap;overflow:hidden}
.ssm-mh-q span{overflow:hidden;text-overflow:ellipsis}
.ssm-mh-q .ssm-i{width:21px;height:21px;color:#161823}
.ssm-mh-tabs{position:absolute;top:100%;left:0;right:0;display:none;background:#fff;border-bottom:1px solid #e6e6e8}
.ssm-mob.is-sc .ssm-mh-tabs{display:flex}
.ssm-mh-tabs a{flex:1 1 auto;padding:9px 2px 8px;border-bottom:2.5px solid transparent;color:#8a8b91;font-size:14.5px;font-weight:600;text-align:center;text-decoration:none;white-space:nowrap}
.ssm-mh-tabs a.is-on{border-color:#161823;color:#161823}

/* รูปสินค้า */
.ssm-mg{position:relative;background:#fff}
.ssm-mg .ssm-gal-s img{border-radius:0}
.ssm-mg-n{position:absolute;right:12px;bottom:10px;padding:1px 10px;border-radius:99px;background:#00000066;color:#fff;font:500 13px/1.7 var(--sp-num)}

/* ส่วน / แถว */
.ssm-ms{margin-top:8px;padding:14px;background:#fff}
.ssm-ms-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ssm-ms-h h3{display:flex;align-items:center;gap:6px;margin:0;font-size:16px;font-weight:700}
.ssm-ms-h>span,.ssm-ms-h>.ssm-i{display:inline-flex;align-items:center;color:#8a8b91;font-size:14px}
.ssm-ms-h .ssm-i{width:16px;height:16px}
.ssm-mr{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #efeff0}
.ssm-mr-b{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:13.5px;line-height:1.45}
.ssm-mr .is-mute{color:#8a8b91;font-size:12.5px}
.ssm-i.is-row{width:22px;height:22px}
.ssm-i.is-go{width:16px;height:16px;color:#a1a2a7}
.ssm-mr.is-opts .ssm-mr-b{flex-direction:row;align-items:center;gap:10px}
.ssm-mo{display:flex;gap:4px;flex:0 1 auto;min-width:0;overflow:hidden}
.ssm-mo img{flex:none;width:32px;height:32px;border-radius:4px;object-fit:cover;background:#f4f4f5}
.ssm-mo-t{flex:none;color:#8a8b91;font-size:13.5px}

/* ร้าน */
.ssm-msh{display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"l t g" "k k k";align-items:center;gap:10px 12px}
.ssm-msh-l{grid-area:l;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#161823;color:#fff;font:700 14px/1 var(--sp-num)}
.ssm-msh-t{grid-area:t;display:flex;flex-direction:column;gap:2px;min-width:0}
.ssm-msh-t b{font-size:15.5px}
.ssm-msh-t span{color:#8a8b91;font-size:12.5px}
.ssm-msh-go{grid-area:g;padding:6px 14px;border-radius:4px;background:#f1f1f2;font-size:14px;font-weight:600;white-space:nowrap}
.ssm-msh-k{grid-area:k;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:10px 0 0;border-top:1px solid #efeff0;list-style:none}
.ssm-msh-k li{display:flex;flex-direction:column;align-items:center;color:#8a8b91;font-size:12px}
.ssm-msh-k b{color:#161823;font:600 15px/1.3 var(--sp-num)}

/* สินค้าจากร้านเดียวกัน */
.ssm-msm-s{display:flex;gap:8px;margin:10px -14px 0;padding:0 14px;overflow-x:auto;scrollbar-width:none}
.ssm-msm-s::-webkit-scrollbar{display:none}
.ssm-msm-c{display:flex;flex-direction:column;gap:4px;flex:0 0 132px;color:inherit;text-decoration:none}
.ssm-msm-c img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px}
.ssm-msm-c span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.4}
.ssm-msm-c b{display:flex;align-items:center;justify-content:space-between;color:var(--ssm-price);font:700 15px/1.3 var(--sp-num)}
.ssm-msm-c b i{display:grid;place-items:center;width:22px;height:22px;background:#f5155c;color:#fff;font-style:normal;font-size:18px}
.ssm-mds .ssm-at{margin-top:10px}
.ssm-mds .ssm-desc{margin-top:12px}

/* แถบล่างจอ (ปุ่มพื้นสี ตัวหนังสือขาว) · .sp button ใน pt-shop.css ทับสี จึงขึ้นต้น .sp */
.ssm-mb{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;background:#fff;border-top:1px solid #ececee}
.sp .ssm-mb button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;border:0;background:none;font-family:var(--sp-font);cursor:not-allowed}
.sp .ssm-mb small{font-size:11.5px;font-weight:400;line-height:1.3}
.sp .ssm-mb-ic{flex:none;width:52px;gap:2px;color:#161823}
.sp .ssm-mb-ic .ssm-i{width:26px;height:26px}

/* TikTok */
.sp .is-tiktok .ssm-mb{gap:8px;padding:8px 12px 18px 4px}
.sp .is-tiktok .ssm-mb-cart{flex:none;width:66px;height:46px;border-radius:23px;background:#fff0f3;color:#fe2c55}
.sp .is-tiktok .ssm-mb-cart .ssm-i{width:28px;height:28px;stroke-width:1.9}
.sp .is-tiktok .ssm-mb-buy{flex:1;min-width:0;height:46px;border-radius:23px;background:#fe2c55;color:#fff}
.sp .is-tiktok .ssm-mb-buy b{font-size:16.5px;font-weight:700;line-height:1.2}
.sp .is-tiktok .ssm-mb-buy small{display:flex;align-items:center;gap:5px;color:#ffd3dc;font-size:12px;font-weight:600}
.sp .is-tiktok .ssm-mb-buy small i{width:1px;height:10px;background:#ffd3dc}
.ssm-tt-pb{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 14px 8px;background:linear-gradient(90deg,#f0254f,#e0124a);color:#fff}
.ssm-tt-pb div{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
.ssm-tt-off{align-self:center;padding:0 6px;border-radius:5px;background:#fff;color:#fe2c55;font:700 16px/1.45 var(--sp-num)}
.ssm-tt-fr{font-size:14px}
.ssm-tt-pb b{font:700 26px/1.1 var(--sp-num)}
.ssm-tt-pb s{flex-basis:100%;color:#ffffffb3;font:500 13.5px/1.2 var(--sp-num)}
.ssm-tt-pb em{flex:none;font-style:normal;font-size:14.5px;font-weight:600}
.ssm-tt-top{margin-top:0;padding-top:10px;padding-bottom:4px}
.ssm-tt-cp{display:flex;align-items:center;gap:6px;padding-bottom:10px}
.ssm-tt-cp span{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border:1px solid #ffc6d2;border-radius:4px;color:#fe2c55;font-size:13.5px;white-space:nowrap}
.ssm-tt-cp span .ssm-i{width:17px;height:17px}
.ssm-tt-cp .is-go{margin-left:auto}
.ssm-tt-t{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:10px;margin:0;font-size:15px;font-weight:500;line-height:1.4}
.ssm-tt-r{display:flex;align-items:center;gap:5px;padding:6px 0 12px;color:#57585e;font-size:13px}
.ssm-tt-r b{color:#161823}
.ssm-tt-r span{color:#2b6fd6}
.ssm-chip-g{padding:1px 5px;border-radius:3px;background:#e3f6f3;color:#13a39a;font-size:13.5px}
.ssm-tt-cps{display:flex;gap:8px;margin:12px -14px 0;padding:0 14px;overflow-x:auto;scrollbar-width:none}
.ssm-tt-cc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;flex:0 0 80%;padding:10px 12px;border:1px solid #c4ebe6;border-radius:8px;background:#f0fbf9}
.ssm-tt-cc>span{display:flex;flex-direction:column;align-items:center;gap:2px;padding-right:12px;border-right:1px dashed #b6e3dd;color:#119c93;font-size:12px}
.ssm-tt-cc>span .ssm-i{width:28px;height:28px}
.ssm-tt-cc b{display:block;color:#0f938a;font:700 19px/1.2 var(--sp-num)}
.ssm-tt-cc small{color:#555;font-size:12.5px}
.ssm-tt-cc i{padding:5px 18px;border-radius:99px;background:#17b3a7;color:#fff;font-style:normal;font-size:14px;font-weight:600}

/* Lazada */
.is-lazada .ssm-mh-q{border:1.5px solid #e3262f;border-radius:0;background:#fff;color:#161823;font-weight:600}
.is-lazada .ssm-mh-q .ssm-i{color:#8a8b91}
.is-lazada .ssm-mh-ic.is-cart i{background:#f5155c}
.is-lazada .ssm-mh-tabs a{color:#5b5c62;font-weight:500}
.is-lazada .ssm-mh-tabs a.is-on{border-color:transparent;background:linear-gradient(#e3262f,#e3262f) center bottom/30px 3px no-repeat;color:#e3262f;font-weight:700}
.is-lazada .ssm-mg-n{border-radius:2px;background:#0000004d}
.ssm-lz-fl{display:flex;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(100deg,#f72e57 0,#f72e57 45%,#f04167 100%);color:#fff}
.ssm-lz-fl b{display:block;font:800 23px/1.05 var(--sp-num);font-style:italic;letter-spacing:.3px}
.ssm-lz-fl b i{color:#ffd23f}
.ssm-lz-fl small{font-size:12.5px}
.ssm-lz-cd{display:flex;flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto;font-size:12.5px;text-align:right}
.ssm-lz-cd i{display:inline-block;width:56px;height:8px;margin-right:6px;background:linear-gradient(90deg,#ffb400 18%,#ffe3ea 18%)}
.ssm-lz-fl .is-go{color:#fff}
.ssm-lz-top{margin-top:0;padding-top:10px}
.ssm-lz-p{display:flex;align-items:baseline;gap:6px;color:#f5155c}
.ssm-lz-p small{font:700 16px/1 var(--sp-num)}
.ssm-lz-p b{font:700 28px/1.1 var(--sp-num)}
.ssm-lz-p s{color:#9a9ba0;font:500 15px/1 var(--sp-num)}
.ssm-mob .ssm-lz-sv{margin-top:4px;color:#f5155c;font-size:15px;font-weight:600}
.ssm-mob .ssm-lz-coin{display:inline-block;margin-top:6px;padding:1px 6px;background:#fff3e5;color:#e9781b;font-size:13.5px}
.ssm-lz-cp{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;margin-top:12px;border:1px solid #f6c3d3;border-radius:4px}
.ssm-lz-cp-l{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-right:1px dashed #f6c3d3;font-size:12.5px}
.ssm-lz-cp-l .ssm-i{width:20px;height:20px;color:#f5155c}
.ssm-lz-cp div{padding:8px 10px}
.ssm-lz-cp b{display:block;color:#f5155c;font:700 19px/1.2 var(--sp-num)}
.ssm-lz-cp small{color:#444;font-size:12.5px}
.ssm-lz-cp-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:6px 10px}
.ssm-lz-cp-r small{color:#8a8b91;font-size:12px}
.ssm-lz-cp-r i{padding:3px 10px;background:#f5155c;color:#fff;font-style:normal;font-size:14px;font-weight:700;white-space:nowrap}
.ssm-mob .ssm-lz-t{margin:14px 0 0;font-size:15px;font-weight:500;line-height:1.45}
.ssm-mob .ssm-lz-hl{display:flex;gap:10px;margin-top:8px;color:#c45a10;font-size:13.5px;white-space:nowrap;overflow:hidden}
.ssm-lz-hl span+span{padding-left:10px;border-left:1px solid #e5d3c6}
.ssm-lz-r{display:flex;align-items:center;gap:6px;padding:10px 0 12px;color:#555;font-size:13.5px}
.ssm-lz-r .ssm-i{width:24px;height:24px;color:#333}
.ssm-lz-r .ssm-i:first-of-type{margin-left:auto;margin-right:8px}
.ssm-lz-mid{padding-top:2px;padding-bottom:4px}
.ssm-lz-mid .ssm-mr:first-child{border-top:0}
.ssm-lz-dl{display:flex;justify-content:space-between;gap:8px;font-size:14px}
.ssm-lz-dl em{color:#11a693;font-style:normal;font-weight:600;white-space:nowrap}
.is-lazada .ssm-msh{border-top:3px solid #e3262f;background:linear-gradient(180deg,#fff4f4,#fff 70%)}
.is-lazada .ssm-msh-l{border:1px solid #ddd;border-radius:2px;background:#fff;color:#161823}
.is-lazada .ssm-msh-go{padding:8px 14px;border-radius:2px;background:#d0091b;color:#fff;font-size:15px}
.is-lazada .ssm-msm-c b{color:#f5155c}
.ssm-lz-cps{display:flex;gap:8px;margin:12px -14px 0;padding:0 14px;overflow-x:auto;scrollbar-width:none}
.ssm-lz-cc{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 48%;padding:0 8px 12px;border:1.5px solid #f8c3d4;border-radius:3px}
.ssm-lz-cc small{padding:2px 10px;background:#fff0f4;color:#f5155c;font-size:13px;font-weight:700}
.ssm-lz-cc b{color:#f5155c;font:700 22px/1.2 var(--sp-num)}
.ssm-lz-cc span{color:#444;font-size:12.5px}
.ssm-lz-cc i{padding:3px 18px;background:#f5155c;color:#fff;font-style:normal;font-size:15px;font-weight:700}
.sp .is-lazada .ssm-mb{gap:0;padding:6px 8px 18px 0}
.sp .is-lazada .ssm-mb-ic{width:60px;color:#555}
.ssm-mb-logo{display:grid;place-items:center;height:26px;color:#161823;font:700 10px/1 var(--sp-num);letter-spacing:.3px}
.sp .is-lazada .ssm-mb-cart{flex:none;width:58px;height:48px;margin-right:7px;background:#f8a100;color:#fff}
.sp .is-lazada .ssm-mb-cart .ssm-i{width:30px;height:30px;stroke-width:1.9}
.sp .is-lazada .ssm-mb-buy{flex:1;min-width:0;height:48px;background:#c80d14;color:#fff}
.sp .is-lazada .ssm-mb-buy b{font-size:17px;font-weight:700;line-height:1.2}
.sp .is-lazada .ssm-mb-buy small{font-size:15px;font-weight:700;line-height:1.25}

/* Shopee: แถบบนลอยโปร่งบนรูป เลื่อนแล้วพื้นขาว ไอคอนส้ม */
.is-shopee .ssm-mh{margin-bottom:-50px;background:transparent}
.is-shopee .ssm-mh-q{visibility:hidden;border-radius:2px}
.is-shopee .ssm-mh-ic{border-radius:50%;background:#0000005c;color:#fff}
.is-shopee .ssm-mh-ic.is-cart i{background:#ee4d2d}
.is-shopee .ssm-mob.is-sc .ssm-mh{background:#fff;box-shadow:0 1px 0 #0000000f}
.is-shopee .ssm-mob.is-sc .ssm-mh-q{visibility:visible;background:#efefef}
.is-shopee .ssm-mob.is-sc .ssm-mh-ic{background:#ffffff99;color:#ee4d2d}
.is-shopee .ssm-mg-n{border:1px solid #e3e3e3;background:#ffffffd9;color:#555}
.is-shopee .ssm-mob [data-at],.is-shopee .ssm-mob [data-sec]{scroll-margin-top:50px}
.is-shopee .ssm-mob .ssm-sp-op[data-at]{scroll-margin-top:120px}
.ssm-sp-op{padding:8px 12px 10px;background:#fff}
.ssm-mob .ssm-sp-op p{color:#666;font-size:13px}
.ssm-sp-op span{display:flex;gap:7px;margin-top:6px}
.ssm-sp-op img{width:50px;height:50px;border:1px solid #e5e5e5;object-fit:cover}
.ssm-sp-band{display:flex;align-items:center;gap:8px;padding:6px 10px;background:linear-gradient(90deg,#f44a2c,#fc6b3f);color:#fff}
.ssm-sp-band .ssm-i{width:22px;height:22px}
.ssm-sp-band b{flex:1;min-width:0;font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssm-sp-band span{display:flex;align-items:center;gap:2px;font-size:13.5px;white-space:nowrap}
.ssm-sp-band i{margin-left:2px;padding:0 3px;border-radius:2px;background:#161823;color:#fff;font:700 13.5px/1.45 var(--sp-num);font-style:normal}
.ssm-sp-pr{padding:10px 12px 12px;background:linear-gradient(180deg,#fff0e9 0,#fff 100%)}
.ssm-sp-p{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.ssm-sp-p b{color:#ee4d2d;font:500 25px/1.1 var(--sp-num)}
.ssm-sp-p small{color:#ee4d2d;font-size:13.5px}
.ssm-sp-p span{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:14px;font-weight:500}
.ssm-sp-p .ssm-i{width:22px;height:22px;color:#555}
.ssm-mob .ssm-sp-ch{display:flex;align-items:center;gap:6px;margin:10px 0}
.ssm-sp-ch span{padding:0 5px;border:1px solid #ee4d2d;color:#ee4d2d;font-size:12.5px;white-space:nowrap}
.ssm-sp-ch em{padding:0 6px;border-radius:2px;background:#ee4d2d;color:#fff;font-style:normal;font-size:12.5px;font-weight:600;white-space:nowrap}
.ssm-sp-ch .is-go{margin-left:auto}
.ssm-sp-cp{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:stretch;border:1px solid #f3dcd4;background:#fff}
.ssm-sp-cp>span{display:grid;place-items:center;background:#ee4d2d;color:#fff}
.ssm-sp-cp>span .ssm-i{width:28px;height:28px}
.ssm-sp-cp div{padding:8px 12px}
.ssm-sp-cp b{display:block;font-size:15px;font-weight:500}
.ssm-sp-cp small{color:#777;font-size:12.5px}
.ssm-sp-cp u{color:#2673dd;text-decoration:none}
.ssm-sp-cp em{display:grid;place-items:center;padding:0 16px;color:#ee4d2d;font-style:normal;font-size:15px}
.ssm-sp-mid{margin-top:0;padding-top:12px}
.ssm-sp-t{margin:0;font-size:15px;font-weight:400;line-height:1.45}
.ssm-sp-rows{margin-top:1px;padding-top:0;padding-bottom:0}
.ssm-sp-rows .ssm-mr:first-child{border-top:0}
.ssm-mr.is-teal .is-row{color:#26aa99}
.ssm-mr.is-org .is-row{color:#ee4d2d}
.ssm-mob .ssm-sp-dt{color:#26aa99;font-size:17px;font-weight:500}
.ssm-sp-rn{font:500 24px/1 var(--sp-num)}
.is-shopee .ssm-mrv .ssm-ms-h h3 small{color:#555;font-weight:400;font-size:16px}
.ssm-mob .ssm-sp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ssm-sp-tags span{padding:3px 10px;border:1px solid #ddd;border-radius:99px;font-size:13.5px}
.ssm-sp-tags small{color:#999}
.ssm-mob .ssm-sp-rq{display:flex;align-items:center;gap:8px;margin:10px 0 4px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;color:#aaa;font-size:15px}
.ssm-sp-rq .ssm-i{width:20px;height:20px;color:#333}
.is-shopee .ssm-msh-go{border:1px solid #ee4d2d;border-radius:2px;background:#fff;color:#ee4d2d}
.is-shopee .ssm-msh-l{background:#ee4d2d}
.sp .is-shopee .ssm-mb{align-items:stretch;padding-bottom:18px;border-top:0}
.sp .is-shopee .ssm-mb-tl{position:relative;flex:1 1 25%;min-width:0;height:50px;gap:2px;background:#26aa99;color:#fff}
.sp .is-shopee .ssm-mb-tl .ssm-i{width:25px;height:25px}
.sp .is-shopee .ssm-mb-tl+.ssm-mb-tl::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:#ffffff73}
.sp .is-shopee .ssm-mb-buy{flex:0 0 50%;height:50px;background:#ee4d2d;color:#fff}
.sp .is-shopee .ssm-mb-buy b{font-size:15.5px;font-weight:600;line-height:1.3}
.sp .is-shopee .ssm-mb-buy small{font:500 17px/1.25 var(--sp-num)}
/* โลโก้ร้านจริง (รูปแทนตัวอักษร) */
.ssm-logo,.ssm-msh-l,.ssm-mb-logo{overflow:hidden;padding:0}
.ssm-logo img,.ssm-msh-l img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.ssm-mb-logo{width:26px;border-radius:50%}
.ssm-mb-logo img{display:block;width:100%;height:100%;object-fit:cover}
/* เว็บใหม่: แถบบนของเว็บ (.sp-top สูง 56) เกาะบนจออยู่แล้ว แถบบนแอปจำลองจึงเกาะต่อใต้แถบนั้น */
.sp-app .ssm-mh{top:calc(56px + env(safe-area-inset-top,0px))}
.sp-app .ssm-mob [data-sec]{scroll-margin-top:146px}
.sp-app .is-shopee .ssm-mob [data-sec]{scroll-margin-top:106px}
.ssm-back b{font-weight:inherit;white-space:nowrap}
@media (max-width:899px){
 .ssm-follow,.ssm-chat{min-width:78px}
}
/* เว็บเก่า (/users/shop_sim): #wrapper overflow-x:hidden ทำให้แถบเกาะบน/ล่างไม่เกาะ → clip แทน (เฉพาะหน้านี้) · หน้าสินค้ามือถือซ่อนแถบล่างของเว็บ (pt-dock) ให้แถบซื้ออยู่ล่างสุดแบบแอปจริง */
#wrapper:has(.ssm){overflow-x:clip;overflow-y:visible}
body:has(.ssm.is-mitem) .pt-dock{display:none}
.nx-wrap .ssm.is-mitem .ssm-app{margin:0 -16px}
/* ★ PT Studio - Upgrade Shop (ทำจริง 1 พ.ย. 2569 จาก mockup _delivery/mockup_upgrade_shop_20261101/upg.css) ★ */
.sp .upg-seg{flex:none}
.sp .upg-seg a{flex-direction:column;gap:0;min-height:52px;padding:4px 6px;line-height:1.25}
.sp .upg-seg a small{font-size:11px;font-weight:500;color:var(--sp-ink-2)}
.sp .upg-pick label{gap:10px}
.sp .upg-pf{width:28px;height:28px;flex:none}
.sp .upg-pick label span{flex:1;min-width:0}
/* รูปก่อน → หลัง Upgrade Shop (เจ้าของสั่ง 1 พ.ย. 2569) */
.sp .upg-cmp{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.sp .upg-cmp-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;margin:0;font-size:14px}
.sp .upg-cmp-h .sp-mute{font-size:12px}
.sp .upg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sp .upg-grid.is-2{margin-bottom:6px}
.sp .upg-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;margin:0}
.sp .upg-pi{position:relative;display:block}
.sp .upg-pi img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;background:var(--sp-bg)}
.sp .upg-pi.is-new img{box-shadow:0 0 0 2px var(--sp-brand)}
.sp .upg-pi em{position:absolute;left:4px;bottom:4px;padding:0 6px;border-radius:999px;background:rgba(17,24,39,.72);color:#fff;font-style:normal;font-size:10.5px;font-weight:600;line-height:17px}
.sp .upg-pi.is-new em{background:var(--sp-brand)}
.sp .upg-pair figcaption{grid-column:1/-1;font-size:12px;color:var(--sp-ink-2);text-align:center}
@media (min-width:1024px){.sp .upg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sp .upg-grid.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* กล่องเลือกร้าน: แถวที่ไม่ใช่ตัวติ๊ก (TikTok ยังไม่เชื่อม · Lazada เร็ว ๆ นี้) หน้าตาเดียวกับแถวติ๊ก · ช่องพิมพ์ร้าน Shopee อื่น */
.sp .upg-pick .upg-row{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--sp-line)}
.sp .upg-pick .upg-row:first-child{border-top:0}
.sp .upg-pick .upg-row>span{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.sp .upg-pick .upg-row small{font-size:12px;color:var(--sp-ink-2)}
.sp .upg-pick .upg-row.is-off>span b{color:var(--sp-ink-2)}
.sp .upg-pick .upg-row .sp-btn{flex:none}
.sp .upg-pick .sp-note{margin:8px 0}
.sp .upg-in{margin:10px 0 4px}
.sp .upg-seg{margin:0 0 12px}
.sp .upg-seg a{text-align:center}
.sp [data-pane="price"]>.sp-sec[hidden]{display:none}
.sp .upg-pick b{overflow-wrap:anywhere}
/* ตารางของซ้ำ (จอคอม) รูปถูกบีบเหลือ 14px เพราะ max-width:100% ในช่องแคบ · 2 พ.ย. 2569 */
.sai-xl .xl-t img{max-width:none;min-width:40px}
/* Upgrade Shop กำลังดึง: ชิปร้าน (2 พ.ย. 2569) */
.sp .upg-fsrc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.sp .upg-fchip{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;padding:6px 14px 6px 6px;border:1px solid var(--sp-line);border-radius:999px;background:var(--sp-card)}
.sp .upg-fchip .upg-pf{width:30px;height:30px;border-radius:50%}
.sp .upg-fchip>span{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.sp .upg-fchip small{font-size:11px;color:var(--sp-ink-2)}
.sp .upg-fchip b{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:var(--sp-ink)}
/* กล่องจ่ายหน้าเลือกสินค้า แบบ statement (2 พ.ย. 2569) · พื้นขาว ไม่มีพื้นสี */
.sp .sai-cl-pay2{display:flex;flex-direction:column;gap:10px;margin:14px 0 8px;padding:16px;border:1px solid var(--sp-line);border-radius:14px;background:var(--sp-card)}
.sp .sai-cl-pay2-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.sp .sai-cl-pay2-h span{font-size:14px;font-weight:600;color:var(--sp-ink-2)}
.sp .sai-cl-pay2-h b{font-family:var(--sp-num);font-size:26px;line-height:1.1;color:var(--sp-price);white-space:nowrap}
.sp .sai-cl-pay2 .sp-rows{margin:0;padding-top:8px;border-top:1px dashed var(--sp-line)}
.sp .sai-cl-pay2 .sp-row b{white-space:nowrap}
.sp .sai-cl-pay2 .sp-row.is-short b{color:var(--sp-price)}
.sp .sai-cl-pay2-m{text-align:center;font-size:12px;color:var(--sp-ink-2)}
.sp .sai-pk-best{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:0 0 10px;padding:12px 14px;border:1px solid var(--sp-line);border-radius:14px;background:var(--sp-card);font:inherit;text-align:left;cursor:pointer}
.sp .sai-pk-best-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.sp .sai-pk-best-t small{font-size:11.5px;color:var(--sp-ink-2)}
.sp .sai-pk-best-t b{font-size:14px;color:var(--sp-ink)}
.sp .sai-pk-best-t em{font-style:normal;font-size:12px;font-weight:700;color:var(--sp-ok,#16a34a)}
.sp .sai-pk-best-go{flex:none;padding:8px 14px;border-radius:10px;background:var(--sp-brand);color:#fff;font-size:13px;font-weight:700}
/* ชิปร้านเต็มความกว้าง (เจ้าของสั่ง 2 พ.ย. 2569) */
.sp .upg-fsrc{flex-direction:column;flex-wrap:nowrap}
.sp .upg-fchip{width:100%;border-radius:12px;padding:8px 12px 8px 8px}
.sp .upg-fchip>span{flex:1}
.sp .upg-fchip b{max-width:none}

/* แท็บราคา: แพ็กเกจยังไม่เปิดให้ซื้อ = ปุ่ม Coming Soon ใต้แพ็ก (เจ้าของสั่ง 2 พ.ย. 2569) · กดแล้วบอกเหตุผล ไม่ตัดเงิน */
.sp .sst-cs{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:32px;padding:3px 6px;border:1px dashed var(--sp-line);border-radius:8px;background:var(--sp-bg);color:var(--sp-ink-2);font:inherit;font-size:10.5px;font-weight:700;line-height:1.2;white-space:normal;cursor:help}
.sp .sst-cmp td.is-hot .sst-cs{border-color:var(--sp-brand);color:var(--sp-brand)}
@media (min-width:1024px){.sp .sst-cs{font-size:12px;padding:4px 10px}}
/* มือถือ: ตาราง 4 แพ็กชิดขอบการ์ด ตัวเลขราคาไม่ชนกัน (375px) */
@media (max-width:600px){.sp .sst-cmpw:has(>.sst-cmp.is-4){margin-left:-14px;margin-right:-14px;border-radius:0;border-left:0;border-right:0}.sp .sst-cmp.is-4 th.is-c,.sp .sst-cmp.is-4 td.is-c{width:16.5%}.sp .sst-cmp.is-4 .sst-pr b{font-size:11.5px}.sp .sst-cmp.is-4 .sst-save td{font-size:11px}}