/* YingPage — สไตล์ของหน้า Landing Page ที่ผู้ใช้สร้าง (ธีมมาจากตัวแปร CSS ใน <style id="lp-theme">) */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.lp{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.lp img,.lp iframe{max-width:100%}
.lp img{height:auto;display:block}
.lp a{color:var(--primary)}
.lp h1,.lp h2,.lp h3,.lp h4{margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* โครงบล็อก */
.lp-b{padding-top:var(--pt,48px);padding-bottom:var(--pb,48px);color:var(--fg);position:relative}
.lp-b.has-bg{background:var(--bg)}
.lp-in{width:100%;max-width:var(--w,920px);margin:0 auto;padding:0 20px}
.lp-narrow{max-width:min(var(--w,920px),720px)}
.al-center{text-align:center}.al-right{text-align:right}.al-left{text-align:left}
.al-center .lp-fig,.al-center .lp-vid{margin-left:auto;margin-right:auto}
.al-right .lp-fig{margin-left:auto;margin-right:0}.al-left .lp-fig{margin-left:0;margin-right:auto}
@media(max-width:720px){.hide-m{display:none!important}}
@media(min-width:721px){.hide-d{display:none!important}}

/* หัวข้อ */
.lp-h{font-family:var(--hfont);font-weight:700;line-height:1.35;margin:0 0 .35em!important;letter-spacing:-.005em;text-wrap:balance}
.lp-h-xl{font-size:clamp(2rem,1.3rem + 3.4vw,3.4rem);line-height:1.22}
.lp-h-l{font-size:clamp(1.8rem,1.2rem + 2.4vw,2.6rem)}
.lp-h-m{font-size:clamp(1.5rem,1.1rem + 1.7vw,2.1rem)}
.lp-h-s{font-size:1.25rem}
.lp-sub{margin:0 0 1.2em;color:var(--muted);font-size:1.08rem;text-wrap:pretty}
.lp-sh{margin-bottom:28px}
.al-center .lp-sh .lp-sub{margin-left:auto;margin-right:auto;max-width:60ch}

/* ปุ่ม */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:inherit;font-weight:var(--btn-fw,600);font-size:var(--btn-fs,inherit);line-height:1.3;text-decoration:none;text-align:center;border-radius:var(--btn-radius,var(--radius));padding:.7em 1.4em;border:var(--btn-border-w,2px) solid var(--btn-border-color,var(--primary));background:var(--primary);color:var(--primary-ink)!important;cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s}
.lp-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.14);background:var(--btn-hover-bg,color-mix(in srgb,var(--primary) 85%,#000));color:var(--btn-hover-ink,var(--primary-ink))!important;border-color:var(--btn-hover-bg,color-mix(in srgb,var(--primary) 85%,#000))}
.lp-btn:active{transform:none;box-shadow:none}
.lp-btn-outline{background:transparent;border-color:var(--btn-border-color,var(--primary));color:var(--btn-ink,var(--primary))!important}
.lp-btn-outline:hover{background:var(--btn-hover-bg,var(--primary));border-color:var(--btn-hover-bg,var(--primary));color:var(--btn-hover-ink,var(--primary-ink))!important}
.lp-btn-soft{background:var(--soft);border-color:transparent;color:var(--btn-ink,var(--primary))!important}
.lp-btn-soft:hover{background:var(--btn-hover-bg,color-mix(in srgb,var(--soft) 80%,var(--primary)));border-color:transparent;color:var(--btn-hover-ink,var(--btn-ink,var(--primary)))!important}
.lp-btn-s{font-size:var(--btn-fs,.88rem);padding:.5em 1.1em}
.lp-btn-l{font-size:var(--btn-fs,1.1rem);padding:.85em 1.9em}
.lp-btn-full{display:flex;width:100%}
.lp-btn.lp-btn-pill{border-radius:999px}.lp-btn.lp-btn-square{border-radius:2px}
/* shadow classes */
.lp-btn.lp-btn-sh-sm{box-shadow:0 2px 6px rgba(0,0,0,.18)}
.lp-btn.lp-btn-sh-md{box-shadow:0 4px 14px rgba(0,0,0,.22)}
.lp-btn.lp-btn-sh-lg{box-shadow:0 8px 24px rgba(0,0,0,.28)}
.lp-btn.lp-btn-sh-color{box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 55%,transparent)}
/* เอฟเฟกต์ปุ่ม: ขยับเฉพาะ transform/opacity บนชั้นแยก (GPU) — ไม่ต้องวาดปุ่มใหม่ทุกเฟรม เบาเครื่องมือถือและกินแบตน้อยกว่าการขยับ box-shadow/left */
.lp-btn.fx-pulse,.lp-btn.fx-glow{position:relative}
.lp-btn.fx-pulse::before,.lp-btn.fx-glow::before{content:"";position:absolute;pointer-events:none;border-radius:inherit;will-change:transform,opacity}
.lp-btn.fx-pulse::before{inset:-5px;border:5px solid color-mix(in srgb,var(--primary) 60%,transparent);animation:lp-pulse 1.9s ease-out infinite}
@keyframes lp-pulse{0%{transform:scale(1);opacity:0}8%{opacity:.85}70%,100%{transform:scale(1.07,1.28);opacity:0}}
.lp-btn.fx-glow::before{inset:0;box-shadow:0 0 26px 4px color-mix(in srgb,var(--primary) 75%,transparent);animation:lp-glow 2.4s ease-in-out infinite}
@keyframes lp-glow{0%,100%{opacity:.25}50%{opacity:1}}
.lp-btn.fx-shine{position:relative;overflow:hidden;isolation:isolate}
.lp-btn.fx-shine::after{content:"";position:absolute;top:0;bottom:0;left:0;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-158%) skewX(-20deg);animation:lp-shine 3s ease-in-out infinite;pointer-events:none;will-change:transform}
@keyframes lp-shine{0%,55%{transform:translateX(-158%) skewX(-20deg)}100%{transform:translateX(355%) skewX(-20deg)}}
.lp a:focus-visible,.lp button:focus-visible,.lp input:focus-visible,.lp select:focus-visible,.lp textarea:focus-visible,.lp summary:focus-visible{outline:3px solid var(--primary);outline-offset:2px}

/* ตกแต่งบล็อก: พื้นหลังไล่เฉด/รูป, กรอบ, เอฟเฟกต์ตอนเลื่อนมาถึง */
.lp-b.has-grad{background:var(--bgimg)}
.lp-b.has-bgi{isolation:isolate;overflow:hidden}
.b-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.b-bg img{width:100%;height:100%;object-fit:cover}
.b-ov{position:absolute;inset:0;background:#000}
.lp-b[class*=bx-]>.lp-in{width:calc(100% - 32px);max-width:calc(var(--w,920px) - 24px);padding:30px 24px;border-radius:calc(var(--radius,12px) + 8px)}
.lp-b[class*=bx-]>.lp-in.hero-in{padding:36px 28px}
.bx-card>.lp-in{background:var(--soft,#f5f6f8);background:color-mix(in srgb,var(--fg) 6%,var(--bg));box-shadow:0 12px 34px rgba(0,0,0,.14)}
.bx-line>.lp-in{border:2px solid var(--primary)}
.bx-glass>.lp-in{background:color-mix(in srgb,var(--bg) 52%,transparent);border:1px solid color-mix(in srgb,var(--fg) 22%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.has-bgi.bx-card>.lp-in{background:rgba(0,0,0,.5);box-shadow:none}
.has-bgi.bx-glass>.lp-in{background:rgba(255,255,255,.12)}
.js-rv .rv{opacity:0;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.js-rv .rv-up{transform:translateY(28px)}.js-rv .rv-zoom{transform:scale(.94)}
.js-rv .rv.rv-in{opacity:1;transform:none}
@media print{.js-rv .rv{opacity:1!important;transform:none!important}}

/* ปุ่มหลายปุ่ม */
.lp-bgrp{display:flex;gap:12px;flex-wrap:wrap}
.bg-row>.lp-btn{flex:1 1 200px}
.bg-stack{flex-direction:column}.bg-stack>.lp-btn{width:100%}

/* รูป + ข้อความ */
.mt-in{display:grid;gap:26px;align-items:center}
.mt-media img{width:100%;height:auto}
.mt-p{margin:0 0 1.1em;color:var(--muted);font-size:1.05rem;text-wrap:pretty}
.mt-btns{display:flex;flex-wrap:wrap;gap:10px}
@media(min-width:840px){.mt-in:not(.mt-solo){grid-template-columns:1fr 1fr;gap:44px}.mt-right .mt-media{order:2}}
.mt-solo{max-width:min(var(--w,920px),720px)}

/* ตัวเลขเด่น */
.lp-stats{display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}
@media(min-width:720px){.lp-stats.c3{grid-template-columns:repeat(3,1fr)}.lp-stats.c4{grid-template-columns:repeat(4,1fr)}}
.sx:last-child:nth-child(odd){grid-column:1/-1}
@media(min-width:720px){.lp-stats.c3>.sx:last-child:nth-child(odd),.lp-stats.c4>.sx:last-child:nth-child(odd){grid-column:auto}.lp-stats.c2>.sx:last-child:nth-child(odd){grid-column:1/-1}}
.sx{display:flex;flex-direction:column;gap:2px;padding:6px 4px}
.sx-v{font-family:var(--hfont);font-size:clamp(1.9rem,1.2rem + 2.8vw,3rem);line-height:1.15;font-weight:700;color:var(--primary);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.sx-l{color:var(--muted);font-size:.98rem}
.sx-card .sx{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:18px 14px}
.al-center .sx{align-items:center;text-align:center}.al-right .sx{align-items:flex-end}

/* แถบประกาศวิ่ง */
.lp-mq{overflow:hidden;white-space:nowrap;font-weight:600;padding:.7rem 0;background:var(--primary);color:var(--primary-ink)}
.mq-dark{background:#101828;color:#fff}.mq-soft{background:var(--soft);color:var(--fg)}
.mq-track{display:flex;width:max-content;animation:lp-mq var(--mqd,30s) linear infinite}
.lp-mq:hover .mq-track{animation-play-state:paused}
.mq-set{display:flex;flex:none}
.mq-i{padding:0 1.6rem;position:relative}
.mq-i::after{content:"";position:absolute;right:-.2rem;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:currentColor;opacity:.55}
@keyframes lp-mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.lp-mq{white-space:normal}.mq-track{width:auto;flex-wrap:wrap;justify-content:center}.mq-set[aria-hidden]{display:none}}

/* ปุ่มสไตล์หรู + ไอคอนรูป + ขอบเรืองแสงของรูป */
.lp-btn-luxe{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 72%,#fff) 0,var(--primary) 52%,color-mix(in srgb,var(--primary) 72%,#000) 100%);border:2px solid var(--edge,#f5c451);box-shadow:0 0 0 2px color-mix(in srgb,var(--edge,#f5c451) 28%,transparent),0 0 22px color-mix(in srgb,var(--edge,#f5c451) 42%,transparent),inset 0 1px 0 rgba(255,255,255,.38);text-shadow:0 1px 2px rgba(0,0,0,.45);letter-spacing:.01em}
.lp-btn-luxe:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--edge,#f5c451) 45%,transparent),0 0 30px color-mix(in srgb,var(--edge,#f5c451) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.38)}
.lp-btn .btn-ic{width:1.9em;height:1.9em;object-fit:contain;flex:none;display:block}
.lp-fig.has-glow img,.lp-gal.has-glow .gal-i img{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--glow) 72%,transparent),0 0 26px color-mix(in srgb,var(--glow) 52%,transparent)}

/* BONUS TIME */
.lp-bonus{--ac:var(--primary)}
.bn-head{display:block;max-width:430px;margin:0 auto 18px;text-align:center;padding:12px 20px 11px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 22%,var(--bg)),color-mix(in srgb,var(--ac) 6%,var(--bg)));border:1.5px solid color-mix(in srgb,var(--ac) 70%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--ac) 38%,transparent)}
.bn-title{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--hfont);font-weight:800;font-size:1.35rem;letter-spacing:.08em;line-height:1.2}
.bn-dot{width:9px;height:9px;border-radius:50%;background:var(--ac);box-shadow:0 0 8px var(--ac);animation:lp-blink 1.4s ease-in-out infinite}
.bn-title .bn-dot:last-child{animation-delay:.7s}
.bn-sub{margin-top:3px;font-size:.84rem;color:var(--muted)}
.bn-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}
.bn-grid.c2{grid-template-columns:repeat(2,1fr)}
.bn-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:8px 8px 10px;border-radius:14px;text-decoration:none;color:var(--fg)!important;background:color-mix(in srgb,var(--fg) 6%,var(--bg));border:1px solid var(--line);overflow:hidden;transition:transform .12s,border-color .12s}
a.bn-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ac) 80%,transparent)}
.bn-img img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}
.bn-name{font-size:.86rem;line-height:1.3;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-bar{display:block;height:7px;border-radius:99px;background:color-mix(in srgb,var(--fg) 14%,transparent);overflow:hidden}
.bn-bar i{display:block;height:100%;border-radius:99px;background:#9ca3af}
.bn-card.hi .bn-bar i{background:linear-gradient(90deg,#16a34a,#4ade80)}.bn-card.mid .bn-bar i{background:linear-gradient(90deg,#d97706,#fbbf24)}.bn-card.lo .bn-bar i{background:linear-gradient(90deg,#dc2626,#f87171)}
.bn-val{font-size:.8rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.bn-card.hi .bn-val{color:#4ade80}.bn-card.mid .bn-val{color:#fbbf24}.bn-card.lo .bn-val{color:#f87171}
.bn-tag{position:absolute;z-index:1;top:8px;left:8px;padding:1px 8px;border-radius:99px;font-size:.68rem;font-weight:800;letter-spacing:.04em;color:#fff;background:var(--ac);box-shadow:0 2px 8px rgba(0,0,0,.35)}
@media(max-width:420px){.bn-grid.c3{gap:7px}.bn-name{font-size:.76rem}.bn-card{padding:6px 6px 8px}}
@keyframes lp-blink{0%,100%{opacity:1}50%{opacity:.25}}

/* ฟีดรายการล่าสุด */
.lp-feed{--ac:var(--primary);border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--fg) 5%,var(--bg));overflow:hidden}
.fd-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.fd-l{display:flex;align-items:center;gap:8px;color:var(--ac)}
.fd-ic{width:22px;height:22px;flex:none}
.fd-t{font-family:var(--hfont);font-weight:700;font-size:1.02rem;color:var(--fg)}
.fd-live{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;letter-spacing:.03em;padding:3px 10px;border-radius:99px;color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,transparent);border:1px solid color-mix(in srgb,var(--ac) 45%,transparent)}
.fd-dot{width:7px;height:7px;border-radius:50%;background:var(--ac);animation:lp-blink 1.2s ease-in-out infinite}
.fd-list{height:calc(var(--fr,5) * var(--rh,58px));overflow:hidden;position:relative}
.fd-track{will-change:transform}
.fd-list.run .fd-track{animation:lp-feed var(--fdd,30s) linear infinite}
.fd-list.run:hover .fd-track{animation-play-state:paused}
.fd-row{height:var(--rh,58px);display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line)}
.fd-av{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.9rem;color:var(--ac);background:color-mix(in srgb,var(--ac) 16%,transparent);border:1px solid color-mix(in srgb,var(--ac) 40%,transparent)}
.fd-who{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}
.fd-who b{font-size:.92rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-who small,.fd-amt small{font-size:.74rem;color:var(--muted)}
.fd-amt{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3;flex:none}
.fd-amt b{font-size:.98rem;font-weight:700;color:#4ade80;font-variant-numeric:tabular-nums}
@keyframes lp-feed{to{transform:translateY(-50%)}}
@media(prefers-reduced-motion:reduce){.fd-list{height:auto;max-height:calc(var(--fr,5) * var(--rh,58px));overflow:auto}.fd-list.run .fd-track{animation:none}.fd-set[aria-hidden]{display:none}}

/* Hero */
.lp-b-hero{overflow:hidden}
.hero-in{display:grid;gap:36px;align-items:center}
.hero-center .hero-txt{max-width:760px;margin:0 auto}
.hero-center .hero-sub{max-width:60ch;margin-left:auto;margin-right:auto}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.al-center .hero-btns{justify-content:center}.al-right .hero-btns{justify-content:flex-end}
.hero-media img{width:100%;border-radius:var(--radius)}
@media(min-width:840px){.hero-split .hero-in,.hero-split-r .hero-in{grid-template-columns:1.05fr .95fr}.hero-split-r .hero-in{grid-template-columns:.95fr 1.05fr}}
.hero-has-bg{color:#fff;--fg:#fff;--muted:#e8ecf6;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-ov{position:absolute;inset:0;background:#000}
.hero-tall{min-height:min(88vh,780px);display:flex;align-items:center}
.hero-tall .hero-in{width:100%}

/* ข้อความ / รูป */
.lp-rich{overflow-wrap:anywhere}
.lp-rich p{margin:0 0 1em}
.lp-rich ul,.lp-rich ol{padding-left:1.4em;margin:0 0 1em}
.lp-rich h3,.lp-rich h4{font-family:var(--hfont);margin:1.2em 0 .4em}
.lp-rich blockquote{margin:1em 0;padding:.2em 1em;border-left:4px solid var(--primary);color:var(--muted)}
.lp-t-s{font-size:.95rem}.lp-t-l{font-size:1.2rem}
.lp-fig{margin:0}
.lp-fig img{width:100%}
.lp-fig figcaption{margin-top:8px;font-size:.9rem;color:var(--muted);text-align:center}
.lp-w-full{max-width:100%}.lp-w-wide{max-width:900px}.lp-w-medium{max-width:620px}.lp-w-small{max-width:300px}
.lp-w-wide,.lp-w-medium,.lp-w-small{margin-left:auto;margin-right:auto}
.lp-imglink{display:block}
.lp-empty{border:2px dashed var(--line);border-radius:var(--radius);padding:36px 16px;text-align:center;color:var(--muted)}

/* สไลด์โชว์ (scroll-snap ใช้งานได้แม้ไม่มี JS) */
.lp-ss{position:relative}
.ss-track{display:flex;gap:var(--sg,0);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--sr,12px);aspect-ratio:var(--ratio,16/9);-webkit-overflow-scrolling:touch;background:var(--soft)}
.ss-track::-webkit-scrollbar{display:none}
.ss-slide{flex:0 0 calc((100% - (var(--per,1) - 1) * var(--sg,0px)) / var(--per,1));scroll-snap-align:start;position:relative;margin:0;height:100%}
.ss-slide img{width:100%;height:100%;object-fit:cover}
.ss-slide img.contain{object-fit:contain}
.ss-link{display:block;height:100%}
.ss-slide figcaption{position:absolute;left:0;right:0;bottom:0;padding:32px 18px 14px;color:#fff;font-weight:500;background:linear-gradient(transparent,rgba(0,0,0,.62))}
.ss-nav{position:absolute;top:calc(50% - 20px);width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:#101828;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.22)}
.ss-prev{left:10px}.ss-next{right:10px}
.ss-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}
.ss-dots button{width:9px;height:9px;border-radius:99px;border:0;background:var(--line);padding:0;cursor:pointer;transition:width .2s,background .2s}
.ss-dots button[aria-current=true]{background:var(--primary);width:26px}

/* แกลเลอรี */
.lp-gal{display:grid;gap:var(--gg,12px);grid-template-columns:repeat(2,1fr)}
.lp-gal.c1{grid-template-columns:1fr}
.lp-gal.c3{grid-template-columns:repeat(3,1fr)}.lp-gal.c4{grid-template-columns:repeat(4,1fr)}
.gal-i img{width:100%;border-radius:var(--gr,10px)}
.gal-link{display:block;border-radius:var(--gr,10px)}
.lp-gal.sq .gal-i img{aspect-ratio:1/1;object-fit:cover}
@media(max-width:640px){.lp-gal.c3,.lp-gal.c4{grid-template-columns:repeat(2,1fr)}}

/* วิดีโอ */
.lp-vid{position:relative;border-radius:var(--radius);overflow:hidden;background:#0b1020;width:100%}
.lp-vid iframe,.lp-vid .vid-play{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid-play{background:none;border:0;padding:0;cursor:pointer;display:block}
.vid-play img{width:100%;height:100%;object-fit:cover}
.vid-btn{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 4px 18px rgba(0,0,0,.35)}
.vid-btn::after{content:"";position:absolute;left:29px;top:21px;border-left:22px solid #101828;border-top:15px solid transparent;border-bottom:15px solid transparent}

/* กริดเนื้อหา */
.lp-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}
.lp-grid.c3{grid-template-columns:repeat(3,1fr)}.lp-grid.c4{grid-template-columns:repeat(4,1fr)}.lp-grid.c1{grid-template-columns:1fr}
@media(max-width:820px){.lp-grid.c3,.lp-grid.c4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.lp-grid,.lp-grid.c3,.lp-grid.c4{grid-template-columns:1fr}}
.ft-ic{display:block;font-size:2rem;line-height:1;margin-bottom:12px}
.ft-img{width:56px;height:56px;object-fit:cover;border-radius:12px}
.ft-t{font-family:var(--hfont);font-size:1.15rem;margin:0 0 .3em}
.ft-d{margin:0;color:var(--muted)}
.look-card .ft{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.look-rule .ft{border-top:2px solid var(--primary);padding-top:16px}
.al-center .look-plain .ft{text-align:center}

/* ขั้นตอน */
.lp-steps{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.lp-steps li{display:flex;gap:16px;align-items:flex-start}
.st-n{flex:none;width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--primary-ink);display:grid;place-items:center;font-weight:700;font-family:var(--hfont)}
.st-t{font-family:var(--hfont);font-size:1.1rem;margin:0 0 .15em}
.st-d{margin:0;color:var(--muted)}

/* รีวิว */
.tm{margin:0;background:var(--soft);padding:22px;border-radius:var(--radius);border:1px solid var(--line)}
.tm-s{color:#f5a623;letter-spacing:2px}
.tm-q{margin:8px 0 16px;font-size:1.02rem}
.tm-by{display:flex;align-items:center;gap:12px}
.tm-av{width:44px;height:44px;border-radius:50%;object-fit:cover}
.tm-by small{display:block;color:var(--muted)}

/* ราคา */
.look-price{align-items:stretch}
.pr{display:flex;flex-direction:column;gap:14px;border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:var(--bg)}
.pr.hot{border:2px solid var(--primary);box-shadow:0 0 0 5px var(--soft)}
.pr-n{font-family:var(--hfont);font-size:1.15rem}
.pr-p b{font-family:var(--hfont);font-size:2.1rem;line-height:1.1}
.pr-p s{color:var(--muted);margin-right:.5em}
.pr-p small{color:var(--muted);margin-left:.3em}
.pr-f{list-style:none;margin:0;padding:0;display:grid;gap:8px;flex:1}
.pr-f li{padding-left:1.6em;position:relative}
.pr-f li::before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}

/* FAQ */
.lp-faq details{border-bottom:1px solid var(--line)}
.lp-faq summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;font-weight:600;position:relative}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--primary);font-weight:400;transition:transform .2s}
.lp-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.fq-a{padding:0 0 18px;color:var(--muted)}

/* นับถอยหลัง */
.cd-t{margin:0 0 12px;font-weight:600}
.lp-cd{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.al-left .lp-cd{justify-content:flex-start}
.cd-u{min-width:76px;padding:12px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);text-align:center}
.cd-u b{display:block;font-family:var(--hfont);font-size:2rem;line-height:1.2;font-variant-numeric:tabular-nums}
.cd-u span{font-size:.8rem;color:var(--muted)}
.cd-done{font-weight:700;font-size:1.2rem;padding:12px}

/* ฟอร์ม */
.lp-card-form{background:transparent}
.lp-form{display:grid;gap:14px;text-align:left}
.fld{display:grid;gap:6px}
.fl{font-weight:600;font-size:.95rem}
.fl i{color:#d92d20;font-style:normal}
.lp-form input[type=text],.lp-form input[type=tel],.lp-form input[type=email],.lp-form textarea,.lp-form select{font:inherit;color:inherit;background:var(--bg);border:1.5px solid var(--line);border-radius:calc(var(--radius) * .7);padding:.72em .9em;width:100%;appearance:none}
.lp-form select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-right:2.2em}
.lp-form input:focus,.lp-form textarea:focus,.lp-form select:focus{border-color:var(--primary);outline:3px solid var(--soft)}
.fld.bad input,.fld.bad select,.fld.bad textarea{border-color:#d92d20}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--muted)}
.chk input{margin-top:.35em;accent-color:var(--primary)}
.msg{margin:0;min-height:1.4em;font-weight:600}
.msg.err{color:#d92d20}.msg.ok{color:#067647}
.lp-form button[disabled]{opacity:.65;cursor:progress}

/* ช่องทางติดต่อ */
.lp-soc{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.al-left .lp-soc{justify-content:flex-start}.al-right .lp-soc{justify-content:flex-end}
.soc{display:inline-flex;align-items:center;gap:8px;padding:.6em 1.2em;border-radius:999px;color:#fff!important;text-decoration:none;font-weight:600;background:#475467;transition:transform .12s}
.soc:hover{transform:translateY(-1px)}
.soc-line{background:#06c755}.soc-facebook{background:#1877f2}.soc-instagram{background:#d62976}.soc-tiktok{background:#111}.soc-youtube{background:#e11d1d}.soc-phone{background:var(--primary);color:var(--primary-ink)!important}.soc-email,.soc-website{background:#475467}
.lp-soc.icons .soc{width:48px;height:48px;padding:0;justify-content:center}

/* แผนที่ / เส้นคั่น / ท้ายหน้า */
.lp-map{width:100%;border:0;border-radius:var(--radius);display:block}
.map-addr{margin:12px 0}
.lp-hr.line{border-top:1px solid var(--line)}
.lp-hr.dots{text-align:center;color:var(--muted)}.lp-hr.dots::before{content:"• • •";letter-spacing:.6em}
.lp-b-footer{border-top:1px solid var(--line)}
.ft-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-bottom:12px}
.ft-l{color:inherit!important}
.ft-txt{margin:0;color:var(--muted);font-size:.9rem}

/* ปุ่มลอย */
.lp-fl{position:fixed;z-index:50;bottom:20px;display:inline-flex;align-items:center;gap:8px;padding:.8em 1.25em;border-radius:999px;color:#fff!important;font-weight:700;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.28);background:var(--primary)}
.fl-right{right:16px}.fl-left{left:16px}
.fl-bar{left:0;right:0;bottom:0;border-radius:0;justify-content:center;padding:1em;box-shadow:0 -4px 18px rgba(0,0,0,.18)}
.fl-line{background:#06c755}.fl-messenger{background:#0a7cff}.fl-phone,.fl-cta{background:var(--primary);color:var(--primary-ink)!important}
body.has-bar{padding-bottom:62px}

/* ป้ายแบรนด์ / consent / debug */
.lp-brandbar{padding:14px 20px;text-align:center;font-size:.82rem;background:var(--soft);color:var(--muted)}
.lp-brandbar a{color:inherit}
.lp-consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:9000;max-width:560px;margin:0 auto;background:#0e1a3b;color:#fff;border-radius:12px;padding:14px 16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;box-shadow:0 10px 30px rgba(0,0,0,.35);font-size:.9rem}
.lp-consent[hidden]{display:none}
.lp-consent p{margin:0;flex:1 1 220px}.lp-consent a{color:#ffc93c}
.lp-consent button{font:inherit;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;border-radius:8px;padding:.45em 1em;cursor:pointer}
.lp-consent button.y{background:#ffc93c;color:#0e1a3b;border-color:#ffc93c;font-weight:700}
.lp-dbg{position:fixed;right:12px;bottom:12px;width:min(380px,94vw);max-height:56vh;overflow:auto;background:#0e1a3b;color:#e6ebf7;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;border-radius:10px;padding:10px 12px;z-index:99999;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.lp-dbg b{color:#ffc93c}.lp-dbg .ok{color:#6ee7a0}.lp-dbg .no{color:#ff8a8a}.lp-dbg hr{border:0;border-top:1px solid rgba(255,255,255,.15);margin:6px 0}
.lp-dbg button{float:right;background:none;border:0;color:#fff;cursor:pointer;font-size:14px}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* ───────── v1.3.5 : บล็อกและรูปแบบใหม่ (โครงเหมือนหน้าแผงมือถือ 600px) ───────── */

/* ปุ่มที่ไอคอนชิดซ้าย */
.lp-btn-edge{position:relative;padding-left:3.4em;padding-right:3.4em}
.lp-btn-edge .btn-ic{position:absolute;left:.75em;top:50%;transform:translateY(-50%)}

/* สไลด์หลายรูปต่อหน้า / สูงตามรูป */
.ss-auto .ss-track{aspect-ratio:auto;background:transparent;align-items:flex-start}
.ss-auto .ss-slide{height:auto}
.ss-auto .ss-slide img{height:auto;object-fit:initial;border-radius:var(--sr,12px)}
.ss-per .ss-nav{width:32px;height:32px;top:calc(50% - 16px)}
.ss-per .ss-prev{left:4px}.ss-per .ss-next{right:4px}

/* ตัวเลขเด่น — กล่องเรืองแสง */
.lp-stats.sx-box{display:flex;gap:10px}
.sx-box .sx{flex:1;min-width:0;align-items:center;text-align:center;gap:2px;padding:12px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid color-mix(in srgb,var(--primary) 40%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--primary) 50%,transparent);transition:transform .2s}
.sx-box .sx:hover{transform:translateY(-2px)}
.sx-box .sx-ic{font-size:1.2rem;line-height:1.4;color:var(--primary);margin-bottom:3px}
.sx-box .sx-v{font-family:inherit;font-size:1.1rem;font-weight:600;color:#fff;letter-spacing:0;line-height:1.5;overflow-wrap:anywhere}
.sx-box .sx-l{font-size:.8rem;color:#e0e0e0;line-height:1.4}
@media(max-width:480px){.lp-stats.sx-box{gap:5px}.sx-box .sx{padding:8px 4px}.sx-box .sx-ic{font-size:1rem}.sx-box .sx-v{font-size:.9rem}.sx-box .sx-l{font-size:.7rem}}

/* แถบสถานะ (ออนไลน์ N คน) */
.lp-stw{display:flex;justify-content:center}
.lp-st{--sa:#28d67c;--sb:var(--sa);--sbw:1px;display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%;padding:10px 20px;border-radius:10px;background:linear-gradient(90deg,#1a1a1a,#1c1c1c);border:var(--sbw) solid var(--sb);box-shadow:0 0 15px color-mix(in srgb,var(--sa) 25%,transparent);font-size:14px;font-weight:500;line-height:1.5;color:#ccc}
.lp-st.fx{width:260px}
.st-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--sa);animation:lp-spulse 1.6s infinite ease-in-out}
.st-tx strong{color:var(--sa);font-size:16px;font-weight:700;margin:0 4px}
@keyframes lp-spulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.4}}

/* โปรไฟล์เพจ (ปก + โลโก้ + ชื่อ) */
.lp-prof{--ls:100px;position:relative}
.pf-cover{position:relative;overflow:hidden;border-radius:var(--radius,12px);background:var(--soft)}
.pf-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pf-cover.curve{border-radius:0 0 50% 50%/0 0 26% 26%}
.pf-row{position:relative;display:flex;gap:14px;padding:0 14px}
.pf-logo{flex:none;position:relative;width:var(--ls);height:var(--ls);border-radius:50%;overflow:hidden;background:#fff;border:4px solid var(--ring,#fff);box-shadow:0 4px 14px rgba(0,0,0,.35)}
.pf-logo img{width:100%;height:100%;object-fit:cover}
.pf-tx{min-width:0}
.lp-prof .pf-t{margin:0!important;font-size:clamp(1.25rem,1.05rem + 1vw,1.7rem);line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.45)}
.pf-s{margin:2px 0 0;color:var(--muted);font-size:.95rem;line-height:1.5}
.pf-left .pf-row{align-items:flex-start;margin-top:-20px}
.pf-left .pf-tx{flex:1;padding-top:26px}
.pf-center .pf-row{flex-direction:column;align-items:center;text-align:center;gap:8px;margin-top:calc(var(--ls) / -2)}
.lp-prof.pf-nc .pf-row{margin-top:0}
.lp-prof.pf-nc.pf-left .pf-tx{padding-top:0;align-self:center}

/* แจ็คพอต */
.lp-jp{--ja:#ff66cc;text-align:center}
.jp-t{font-weight:600;line-height:1.4}
.jp-amt{font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
/* นีออน */
.jp-neon{background:rgba(0,0,0,.5);border:2px solid color-mix(in srgb,var(--ja) 55%,transparent);border-radius:16px;padding:20px;box-shadow:0 0 10px color-mix(in srgb,var(--ja) 60%,#c0f);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.jp-neon .jp-t{font-size:20px;font-weight:400;color:var(--ja);margin-bottom:12px;text-shadow:0 0 5px color-mix(in srgb,var(--ja) 55%,#c3f)}
.jp-neon .jp-amt{font-size:36px;color:var(--ja);text-shadow:0 0 2px #fff;min-height:50px}
.jp-neon .jp-note{font-size:12px;color:#bbb;margin-top:6px}
@media(max-width:600px){.jp-neon{padding:16px;border-radius:12px}.jp-neon .jp-t{font-size:18px}.jp-neon .jp-amt{font-size:28px}.jp-neon .jp-note{font-size:11px}}
/* ทอง */
.jp-gold{--ja:#ff8c00;background:rgba(0,0,0,.85);border-radius:20px;padding:20px;box-shadow:0 10px 30px color-mix(in srgb,var(--ja) 30%,transparent)}
.jp-gold .jp-t{font-size:1.6rem;color:color-mix(in srgb,var(--ja) 78%,#fff);margin-bottom:15px}
.jp-gold .jp-box{position:relative;overflow:hidden;border-radius:15px;padding:20px;margin-bottom:15px;background:linear-gradient(45deg,color-mix(in srgb,var(--ja) 12%,#000),var(--ja))}
.jp-gold .jp-box::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:lp-jshine 2s infinite;pointer-events:none;will-change:transform}
.jp-gold .jp-lb{color:#e0e0e0;font-size:1rem;margin-bottom:5px;position:relative}
.jp-gold .jp-amt{color:#fff;font-size:2.2rem;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative}
.jp-info{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.jp-ii{background:#f5f5f5;border-radius:12px;padding:15px;text-align:center;min-width:0}
.jp-il{color:var(--ja);font-size:.9rem;margin-bottom:5px}
.jp-iv{color:color-mix(in srgb,var(--ja) 14%,#000);font-size:1.2rem;font-weight:600;overflow-wrap:anywhere}
@keyframes lp-jshine{to{transform:translateX(200%)}}
@media(max-width:480px){.jp-gold{padding:15px}.jp-gold .jp-t{font-size:1.4rem}.jp-gold .jp-box{padding:15px;margin-bottom:12px}.jp-gold .jp-amt{font-size:1.8rem}.jp-ii{padding:12px}.jp-il{font-size:.8rem}.jp-iv{font-size:1rem}}
/* น้ำเงิน */
.jp-blue{--ja:#0099ff;overflow:hidden;border-radius:12px;background:#0a0a0a;color:#fff;border:1px solid color-mix(in srgb,var(--ja) 20%,transparent);box-shadow:0 0 25px color-mix(in srgb,var(--ja) 25%,transparent)}
.jp-h{display:flex;align-items:center;gap:8px;padding:10px 15px;font-weight:700;text-align:left;background:linear-gradient(90deg,color-mix(in srgb,var(--ja) 55%,#0036ff) 0,var(--ja) 100%);text-shadow:0 0 5px color-mix(in srgb,var(--ja) 70%,#fff)}
.jp-blue .jp-t{font-size:18px;font-weight:700}
.jp-ico{font-size:20px;line-height:1}
.jp-blue .jp-box{padding:20px 10px;background:linear-gradient(180deg,#000,#0d0d0d);border-top:1px solid color-mix(in srgb,var(--ja) 30%,#000);border-bottom:2px solid color-mix(in srgb,var(--ja) 80%,#000)}
.jp-bar{display:inline-block;max-width:100%;padding:6px 20px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(180deg,color-mix(in srgb,var(--ja) 25%,#000),color-mix(in srgb,var(--ja) 45%,#000));border:1px solid color-mix(in srgb,var(--ja) 80%,#000);box-shadow:inset 0 0 12px color-mix(in srgb,var(--ja) 50%,transparent)}
.jp-blue .jp-amt{margin:15px 0 5px;padding:6px 4px;font-size:38px;font-weight:800;color:#fff;border:2px solid color-mix(in srgb,var(--ja) 80%,#000);border-radius:6px;background:rgba(0,0,30,.6);text-shadow:0 0 15px var(--ja),0 0 8px #fc0}
.jp-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}
.jp-dots span{width:8px;height:8px;border-radius:50%;background:var(--ja);opacity:.4;animation:lp-jdot 1.4s infinite ease-in-out}
.jp-dots span:nth-child(2n){animation-delay:.2s}.jp-dots span:nth-child(3n){animation-delay:.4s}
@keyframes lp-jdot{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}
@media(max-width:480px){.jp-blue .jp-amt{font-size:30px}}

/* แถบโลโก้ค่ายวิ่ง */
.lp-logos{--ac:#ff4500;position:relative;overflow:hidden;padding:20px 10px;border:2px solid color-mix(in srgb,var(--ac) 20%,transparent);border-radius:15px;background:radial-gradient(circle at center,color-mix(in srgb,var(--ac) 5%,transparent),transparent)}
.lg-track{display:flex;width:max-content;animation:lp-lg var(--lgd,30s) linear infinite}
.lp-logos:hover .lg-track{animation-play-state:paused}
.lg-set{display:flex;flex:none;gap:12px;padding-right:12px}
.lg-i{position:relative;display:block;flex:none;padding:5px;border-radius:10px;background:linear-gradient(145deg,#1e0f00e6,#0a0500e6);box-shadow:0 4px 15px rgba(0,0,0,.7),inset 0 0 10px color-mix(in srgb,var(--ac) 20%,transparent);transition:transform .3s,box-shadow .3s}
a.lg-i:hover,.lg-i:hover{transform:scale(1.05);box-shadow:0 6px 25px color-mix(in srgb,var(--ac) 60%,transparent),inset 0 0 15px color-mix(in srgb,var(--ac) 40%,transparent);z-index:2}
.lg-img{display:block;width:150px;height:60px;object-fit:cover;border-radius:8px}
.lg-hot{position:absolute;top:-10px;right:-10px;width:30px;height:30px;display:grid;place-items:center;font-size:15px;line-height:1;border-radius:50%;background:color-mix(in srgb,var(--ac) 20%,#1a0a00);border:2px solid color-mix(in srgb,var(--ac) 50%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--ac) 80%,transparent)}
@keyframes lp-lg{to{transform:translateX(-50%)}}
@media(max-width:768px){.lg-img{width:120px;height:50px}.lg-hot{width:25px;height:25px;top:-8px;right:-8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.lg-track{animation:none;width:auto;flex-wrap:wrap}.lg-set[aria-hidden]{display:none}.lp-logos{overflow-x:auto}}

/* BONUS รูปแบบจัดอันดับ (กริดเปอร์เซ็นต์เกม) */
.bn-grid.c4{grid-template-columns:repeat(4,1fr)}
.lp-bonus.rk{--ac:#ffd700;padding:20px;border-radius:12px;background:rgba(0,0,0,.8)}
.rk .bn-head{max-width:none;margin:0 0 20px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.rk .bn-title{display:block;font-size:22px;font-weight:700;letter-spacing:0;color:var(--ac);text-shadow:0 0 10px color-mix(in srgb,#ffa500 50%,transparent)}
.rk .bn-sub{color:#e0e0e0}
.rk .bn-grid{gap:16px}
.rk .bn-card{gap:0;padding:10px;border-radius:10px;text-align:center;background:rgba(20,20,20,.8);border:1px solid rgba(255,165,0,.4);box-shadow:0 0 12px rgba(255,140,0,.2);transition:transform .3s,box-shadow .3s}
.rk a.bn-card:hover,.rk .bn-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(255,140,0,.4)}
.rk .bn-img{display:block;margin-bottom:10px}
.rk .bn-img img{width:100%;height:100px;aspect-ratio:auto;object-fit:cover;border-radius:8px}
.rk .bn-name{font-size:14px;font-weight:700;color:#fff;margin-bottom:6px}
.rk .bn-card .bn-val{font-size:18px;font-weight:700;color:var(--ac);text-shadow:0 0 8px rgba(255,165,0,.5)}
.rk .bn-card.hot .bn-val{color:#ff4500;animation:lp-hotflash 1s infinite}
@keyframes lp-hotflash{0%,100%{opacity:1;text-shadow:0 0 10px #ff4500}50%{opacity:.5;text-shadow:none}}
@media(max-width:768px){.rk .bn-grid.c3,.rk .bn-grid.c4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.rk .bn-grid,.rk .bn-grid.c2,.rk .bn-grid.c3,.rk .bn-grid.c4{grid-template-columns:1fr}.rk .bn-name{font-size:14px}.rk .bn-card{padding:10px}}
@media(prefers-reduced-motion:reduce){.rk .bn-card.hot .bn-val{animation:none}}

/* ฟีดแบบการ์ด (ชมพู — แจ้งถอนเงิน) */
.lp-feed.fd-card{--ac:#e63946;--rh:112px;padding:12px;border:0;border-radius:12px;background:#ffe0e6;box-shadow:0 4px 15px rgba(0,0,0,.1);color:#333}
.fd-card .fd-head{padding:0 0 12px;border:0}
.fd-card .fd-t{font-size:16px;font-weight:700;color:var(--ac)}
.fd-card .fd-live{color:#28a745;background:none;border:0;padding:0}
.fd-card .fd-dot{background:#28a745}
.fd-card .fd-list{border-radius:8px}
.fd-card .fd-row{display:block;height:var(--rh);padding:0 0 8px;border:0}
.fc-in{height:100%;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 12px;border-left:4px solid var(--ac);border-radius:8px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.05);font-size:14px;line-height:1.45;color:#333;overflow:hidden}
.fc-top{display:flex;align-items:center;gap:8px;min-width:0}
.fc-top strong{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fc-img{width:20px;height:20px;border-radius:4px;object-fit:contain;flex:none}
.fc-amt{color:var(--ac);font-weight:700}
.fc-ok{color:#28a745;font-weight:500}
.fc-ref{font-size:12px;color:#777}
.fd-cta{display:block;margin-top:12px;padding:10px 18px;border-radius:30px;background:#e63946;color:#fff!important;font-weight:700;text-align:center;text-decoration:none;transition:transform .2s}
.fd-cta:hover{transform:scale(1.05)}

/* ฟีดแบบทอง (รายงานผลอันดับการถอนเงิน) */
.lp-feed.fd-gold{--ac:#ffd700;--rh:80px;border:0;border-radius:0;background:none;overflow:visible}
.fg-head{text-align:center;padding:15px;margin-bottom:15px;border-radius:12px;background:rgba(20,10,0,.8);border:1px solid rgba(255,215,0,.2);box-shadow:0 4px 15px rgba(255,165,0,.4)}
.fg-head .fd-t{display:block;font-size:1.5rem;font-weight:700;color:var(--ac);text-shadow:0 2px 4px rgba(255,140,0,.5);line-height:1.4}
.fg-box{padding:15px;border-radius:20px;background:linear-gradient(145deg,rgba(60,40,10,.95),rgba(20,10,5,.95));box-shadow:0 10px 30px rgba(255,140,0,.2),inset 0 0 8px rgba(255,215,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.fd-gold .fd-list{height:calc(var(--fr,5) * var(--rh))}
.fd-gold .fd-row{display:block;height:var(--rh);padding:0 0 10px;border:0}
.fg-in{position:relative;height:100%;display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--ac);border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#332200,#1a0d00);box-shadow:0 4px 10px rgba(0,0,0,.3)}
.fg-in::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:lp-jshine 2s infinite;pointer-events:none;will-change:transform}
.fg-img,.fg-ph{flex:none;width:45px;height:45px;border-radius:10px;border:2px solid var(--ac);padding:4px;background:rgba(255,215,0,.1);object-fit:contain}
.fg-ph{display:grid;place-items:center;color:var(--ac);font-weight:700;font-size:1.2rem}
.fg-d{flex:1;min-width:0;line-height:1.4}
.fg-d p{margin:0;font-size:.9rem;color:#ffebcd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fg-h{color:#ffa500;font-weight:600}
.fg-st{flex:none;display:flex;align-items:center;gap:5px;font-size:.85rem;white-space:nowrap;color:#ffebcd}
.fg-st i{width:.9em;height:.9em;border-radius:50%;background:var(--ac);box-shadow:0 0 6px var(--ac)}
.fg-foot{text-align:center;margin-top:15px;color:#bbb;font-size:.8rem}
@media(max-width:480px){.fg-d p{font-size:.82rem}.fg-st{font-size:.76rem}.fg-img,.fg-ph{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.fg-in::before,.jp-gold .jp-box::before{animation:none}.jp-dots span,.st-dot{animation:none}}

/* ───────── 1.5.0 บล็อกชุดหน้าแรกเว็บบริการ: หัวแถบ • ปุ่มหมวด • ช่องภาพ • ตารางแข่ง • ผลหวย • เมนูล่าง ───────── */
.hero-kick{margin:0 0 .7em;font-size:.95rem;font-weight:700;letter-spacing:.03em;color:var(--primary)}

/* หัวแผง (ใช้ร่วมกัน) */
.lp-ph{--ac:var(--primary);display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 14px}
.ph-l{min-width:0}
.ph-k{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;line-height:1.4;color:var(--ac,var(--primary))}
.ph-t{font-size:clamp(1.15rem,1rem + .9vw,1.45rem);margin:0!important;line-height:1.3}
.ph-b{flex:none;font-size:.75rem;font-weight:700;padding:.28em .85em;border-radius:99px;white-space:nowrap;color:var(--ac,var(--primary));background:color-mix(in srgb,var(--ac,var(--primary)) 16%,transparent);border:1px solid color-mix(in srgb,var(--ac,var(--primary)) 45%,transparent)}

/* หัวแถบแบรนด์ */
.lp-b-topbar{z-index:30}
.tb-in{display:flex;align-items:center;gap:12px}
.tb-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}
.tb-logo{flex:none;display:block;width:var(--lz,40px)}
.tb-logo img{width:100%;height:auto;object-fit:contain}
.tb-tx{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.tb-name{display:block;font-family:var(--hfont);font-weight:800;font-size:1.02rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-tag{display:block;color:var(--muted);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-btn{flex:none;white-space:nowrap}
.tb-badge{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;letter-spacing:.08em;padding:.28em .75em;border-radius:99px;color:#fff;background:#e5232f}
.tb-badge i{width:7px;height:7px;border-radius:50%;background:#fff;animation:lp-blink 1.4s ease-in-out infinite}
.lp-b-topbar.tb-glass{background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.lp-b-topbar.tb-sticky{position:sticky;top:0;z-index:60}
.lp-b-topbar.tb-sticky:not(.tb-glass){background:var(--bg)}
.lp-b-topbar.tb-sticky.tb-glass{border-bottom:1px solid var(--line)}
.tb-stack .tb-in{flex-direction:column;text-align:center;gap:10px}
.tb-stack .tb-brand{flex-direction:column;gap:8px;flex:none}
.tb-stack .tb-tx{align-items:center}
.tb-stack .tb-name{font-size:clamp(1.5rem,1.1rem + 1.8vw,2.1rem);white-space:normal;line-height:1.25}
.tb-stack .tb-tag{font-size:.95rem;white-space:normal}

/* ปุ่มหมวดหมู่ */
.lp-chips{--ac:var(--primary);display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.lp-chips::-webkit-scrollbar{display:none}
.ch-i{display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--fg)!important;font-weight:600;line-height:1.2;border:1px solid var(--line);background:color-mix(in srgb,var(--fg) 7%,var(--bg));transition:border-color .15s,background-color .15s}
a.ch-i:hover{border-color:var(--ac)}
.ch-tabs .ch-i{flex:1 0 76px;flex-direction:column;gap:6px;padding:10px 4px 9px;border-radius:var(--radius);font-size:.82rem;text-align:center}
.ch-img{width:34px;height:34px;object-fit:contain}
.ch-em{display:block;font-size:26px;line-height:34px;height:34px}
.ch-l{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-i.on{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 20%,var(--bg));box-shadow:0 0 0 1px var(--ac),0 6px 18px color-mix(in srgb,var(--ac) 30%,transparent)}
.ch-pills{flex-wrap:wrap;justify-content:center;overflow:visible}
.ch-pills .ch-i{gap:8px;padding:8px 16px;border-radius:99px;font-size:.9rem}
.ch-pills .ch-img{width:22px;height:22px}.ch-pills .ch-em{font-size:18px;line-height:22px;height:22px}

/* ช่องภาพ / การ์ดเกม */
.lp-tiles{--ac:var(--primary);display:grid;gap:var(--tg,10px);grid-template-columns:repeat(var(--tc,2),minmax(0,1fr))}
.tl-feature>.tl-i:first-child{grid-column:1/-1}
.tl-row{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - (var(--tc,3) - 1) * var(--tg,10px)) / var(--tc,3));overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.tl-row>.tl-i{scroll-snap-align:start}
.tl-i{display:flex;flex-direction:column;gap:6px;min-width:0;text-decoration:none;color:var(--fg)!important}
.tl-img{position:relative;display:block;overflow:hidden;border-radius:var(--tr,14px);background:color-mix(in srgb,var(--fg) 8%,var(--bg));aspect-ratio:var(--tar,4/3)}
.tl-img img{width:100%;height:100%;object-fit:cover}
.tl-auto .tl-img{aspect-ratio:auto}.tl-auto .tl-img img{height:auto}
a.tl-i .tl-img{transition:transform .15s,box-shadow .15s}
a.tl-i:hover .tl-img{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.28)}
.tl-cap{font-size:.84rem;font-weight:600;line-height:1.3;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl-over{position:absolute;left:0;right:0;bottom:0;padding:24px 10px 8px;color:#fff;text-align:left;font-size:.9rem;font-weight:700;background:linear-gradient(transparent,rgba(0,0,0,.74))}
.tl-tag{position:absolute;z-index:1;top:8px;left:8px;padding:1px 8px;border-radius:99px;font-size:.68rem;font-weight:800;letter-spacing:.04em;color:var(--ak,var(--primary-ink));background:var(--ac);box-shadow:0 2px 8px rgba(0,0,0,.35)}

/* ตารางแข่ง */
.lp-fx{--ac:var(--primary);display:grid;gap:10px}
.fx-i{display:grid;gap:10px;padding:12px;border-radius:var(--radius);background:color-mix(in srgb,var(--fg) 6%,var(--bg));border:1px solid var(--line)}
.fx-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.78rem;color:var(--muted)}
.fx-lgn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-time{flex:none;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-variant-numeric:tabular-nums;padding:.1em .75em;border-radius:99px;color:var(--ac);background:color-mix(in srgb,var(--ac) 18%,transparent)}
.fx-time.st-live{background:#e5232f;color:#fff}
.fx-time.st-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:lp-blink 1.2s ease-in-out infinite}
.fx-time.st-done{background:color-mix(in srgb,var(--fg) 12%,transparent);color:var(--muted)}
.fx-m{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}
.fx-t{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;text-align:center}
.fx-lg{width:40px;height:40px;object-fit:contain;border-radius:50%;flex:none}
.fx-ph{display:grid;place-items:center;font-weight:800;color:var(--ac);background:color-mix(in srgb,var(--ac) 16%,var(--bg));border:1px solid color-mix(in srgb,var(--ac) 40%,transparent)}
.fx-tn{font-size:.88rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.fx-sc{font-family:var(--hfont);font-weight:800;font-size:1.3rem;min-width:3.2ch;text-align:center;font-variant-numeric:tabular-nums}
.fx-go{justify-self:center;padding:.38em 1.5em;border-radius:99px;font-size:.85rem;font-weight:700;text-decoration:none;color:var(--ak,var(--primary-ink))!important;background:var(--ac);transition:transform .15s,box-shadow .15s}
.fx-go:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.28)}
.fx-list .fx-i{padding:10px 12px;gap:6px}
.fx-list .fx-t{flex-direction:row;gap:8px;text-align:left}
.fx-list .fx-m>.fx-t:first-child{flex-direction:row-reverse;text-align:right}
.fx-list .fx-lg{width:28px;height:28px}
.fx-list .fx-sc{font-size:1.05rem}
.fx-list .fx-go{padding:.28em 1.1em;font-size:.78rem}

/* ผลหวย / ผลรางวัล */
.lp-lotto{--ac:var(--primary);--ak:var(--primary-ink);display:grid;gap:14px}
.lt-card{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.lt-mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lt-c{--lc:var(--ac);--lk:var(--ak);overflow:hidden;border-radius:calc(var(--radius) + 2px);background:color-mix(in srgb,var(--fg) 7%,var(--bg));border:1px solid color-mix(in srgb,var(--lc) 45%,var(--line));box-shadow:0 8px 24px rgba(0,0,0,.16)}
.lt-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;color:var(--lk,#fff);background:linear-gradient(135deg,var(--lc),color-mix(in srgb,var(--lc) 62%,#000))}
.lt-n{margin:0;font-size:1.02rem;font-weight:800;line-height:1.3}
.lt-d{flex:none;font-size:.74rem;font-weight:700;padding:.15em .75em;border-radius:99px;white-space:nowrap;color:#fff;background:rgba(0,0,0,.28)}
.lt-hd.lt-center{flex-direction:column;justify-content:center;text-align:center;gap:4px;padding:16px 14px 0;color:var(--fg);background:none}
.lt-center .lt-d{color:var(--muted);background:color-mix(in srgb,var(--lc) 16%,transparent)}
.lt-body{display:grid;gap:14px;padding:14px;text-align:center}
.lt-main{display:grid;gap:6px;justify-items:center}
.lt-ml,.lt-sl{font-size:.84rem;font-weight:600;color:var(--muted)}
.lt-sn{font-size:.78rem;color:var(--muted)}
.lt-num{display:inline-flex;flex-wrap:wrap;justify-content:center;font-family:var(--hfont);font-weight:800;font-size:clamp(1.9rem,1.4rem + 2.6vw,2.8rem);line-height:1.1;letter-spacing:.08em;color:var(--lc);font-variant-numeric:tabular-nums}
.lt-subs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lt-sub{display:grid;gap:3px;justify-items:center;padding:10px 6px;border-radius:calc(var(--radius) - 2px);background:color-mix(in srgb,var(--fg) 6%,var(--bg));border:1px solid var(--line)}
.lt-sub .lt-num{font-size:clamp(1.4rem,1.2rem + 1.2vw,1.8rem)}
.lt-bx .lt-num{gap:5px;letter-spacing:0}
.lt-bx .lt-num .d{display:inline-grid;place-items:center;min-width:1.05em;padding:.1em .04em;border-radius:.22em;background:color-mix(in srgb,var(--lc) 16%,var(--bg));border:1px solid color-mix(in srgb,var(--lc) 50%,transparent)}
.lt-num .dg{width:.35em}.lt-num .ds{align-self:flex-end;font-weight:700;color:var(--muted)}
.dw{display:inline-flex;gap:inherit}.lt-huge .dw{display:contents}
.lt-mini .lt-hd{padding:8px 10px}.lt-mini .lt-n{font-size:.9rem}.lt-mini .lt-d{display:none}
.lt-mini .lt-body{padding:10px 8px;gap:8px}
.lt-mini .lt-num{font-size:clamp(1.15rem,.55rem + 3.6vw,1.6rem)}
.lt-mini .lt-subs{gap:6px}.lt-mini .lt-sub{padding:6px 2px}.lt-mini .lt-sub .lt-num{font-size:clamp(1rem,.5rem + 3vw,1.3rem)}

/* ตู้สล็อต */
.lt-slot{display:block;padding:6px;border-radius:24px;background:linear-gradient(145deg,#f1d27a,#8a5a00 52%,#f6dc8a);box-shadow:0 12px 34px rgba(0,0,0,.4)}
.ls-top{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 10px;border-radius:18px 18px 0 0;background:linear-gradient(180deg,#2a0f4d,#1a0a33)}
.ls-title{margin:0;font-size:clamp(1.05rem,.9rem + .8vw,1.3rem);font-weight:800;letter-spacing:.04em;color:#ffe08a;text-shadow:0 0 12px rgba(255,200,60,.55)}
.ls-gem{flex:none;width:14px;height:14px;transform:rotate(45deg);border-radius:3px;background:linear-gradient(135deg,#9fe9ff,#2f7bff 55%,#c8f3ff);box-shadow:0 0 10px rgba(80,170,255,.8)}
.ls-body{display:grid;gap:0;border-radius:0 0 18px 18px;overflow:hidden;background:linear-gradient(180deg,#140a2e,#23103f);color:#fff}
.ls-g{--lc:var(--ac);padding:14px 14px 16px;display:grid;gap:12px}
.ls-g+.ls-g{border-top:1px dashed rgba(255,224,138,.35)}
.ls-gh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ls-n{margin:0;font-size:1.02rem;font-weight:800;color:#fff}
.ls-d{font-size:.74rem;font-weight:700;padding:.15em .8em;border-radius:99px;color:#ffe08a;background:rgba(255,224,138,.12);border:1px solid rgba(255,224,138,.35)}
.ls-main{display:grid;gap:6px;justify-items:center}
.ls-g .lt-ml,.ls-g .lt-sl,.ls-g .lt-sn{color:#cdbfe8}
.ls-subs{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.ls-sub{display:grid;gap:5px;justify-items:center}
.ls-reel{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px}
.ls-reel .d{display:grid;place-items:center;width:1.2em;height:1.55em;font-family:var(--hfont);font-weight:800;font-size:clamp(1.6rem,8.2vw,2.1rem);line-height:1;color:var(--lc);border-radius:.18em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#000 0,#1b1233 20%,#2e1d54 50%,#1b1233 80%,#000 100%);border:1px solid color-mix(in srgb,var(--lc) 55%,#000);box-shadow:inset 0 0 12px rgba(0,0,0,.9),0 0 10px color-mix(in srgb,var(--lc) 32%,transparent);text-shadow:0 0 10px var(--lc)}
.ls-reel.sm .d{font-size:clamp(1.15rem,5.6vw,1.5rem)}
.ls-reel .dg{width:.45em}.ls-reel .ds{align-self:center;font-weight:800;color:#cdbfe8}

/* ตั๋วกระจก */
.lt-ticket{display:grid;gap:16px;container-type:inline-size}
.lt-tk{--lc:var(--ac);display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25)}
.lt-tm{display:grid;gap:12px;align-content:start;padding:18px 18px 16px}
.lt-live{justify-self:end;display:inline-flex;align-items:center;gap:7px;font-size:.74rem;font-weight:700;padding:.25em .8em;border-radius:99px;color:#fff;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.2)}
.lt-live i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;animation:lp-blink 1.6s ease-in-out infinite}
.lt-brand{display:flex;align-items:center;gap:10px;min-width:0}
.lt-logo{flex:none;width:44px;height:44px;border-radius:12px;object-fit:contain}
.lt-bn{margin:0;font-size:1.05rem;font-weight:800;line-height:1.3}
.lt-lr{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lt-lr .lt-ml{color:var(--fg);font-size:.95rem;font-weight:700}
.lt-lr .lt-d{background:rgba(0,0,0,.3)}
.lt-huge{display:flex;justify-content:center;gap:6px}
.lt-huge .d{display:grid;place-items:center;flex:1 1 0;min-width:0;max-width:1.2em;aspect-ratio:.78/1;font-family:var(--hfont);font-weight:800;font-size:clamp(2rem,10.5vw,3.4rem);line-height:1;color:var(--lc);border-radius:.2em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.26);text-shadow:0 0 18px var(--lc)}
.lt-huge .dg{flex:0 0 .4em}.lt-huge .ds{align-self:center;color:var(--muted);font-weight:800}
.lt-val{text-align:center;font-weight:700;color:var(--lc)}
.lt-sd{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center;padding:16px 18px;border-top:2px dashed rgba(255,255,255,.28);background:rgba(0,0,0,.14)}
.lt-side{display:grid;gap:5px;justify-items:center;text-align:center}
.lt-snum{display:inline-flex;gap:4px}
.lt-snum .d{display:grid;place-items:center;width:1.1em;height:1.45em;font-family:var(--hfont);font-weight:800;font-size:clamp(1.3rem,6vw,1.7rem);line-height:1;color:var(--lc);border-radius:.2em;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22)}
.lt-snum .dg{width:.4em}
@container (min-width:620px){
  .lt-tk{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
  .lt-sd{grid-template-columns:1fr;border-top:0;border-left:2px dashed rgba(255,255,255,.28);padding:20px}
}

/* เมนูล่างติดจอ */
.lp-b-bottomnav{position:fixed;z-index:55;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,var(--w,920px));display:flex;padding:0 0 env(safe-area-inset-bottom);background:color-mix(in srgb,var(--bg) 90%,#000);border-top:1px solid var(--line);box-shadow:0 -6px 22px rgba(0,0,0,.28)}
.bv-i{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;text-decoration:none;font-weight:700;font-size:.92rem;line-height:1.2;color:var(--fg)!important}
.bv-icons .bv-i{flex-direction:column;gap:1px;padding:7px 4px;font-size:.72rem;font-weight:600;color:var(--muted)!important}
.bv-icons .bv-i.k-primary{color:var(--ac,var(--primary))!important}
.bv-icons .bv-i.k-line{color:#06c755!important}
.bv-ic{display:block;font-size:20px;line-height:26px;height:26px}
.bv-img{width:24px;height:24px;object-fit:contain}
.bv-em{font-size:1.1em}
.bv-l{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bv-buttons{gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
.bv-buttons .bv-i{padding:12px 8px;border-radius:calc(var(--radius) + 2px);border:1px solid var(--line);background:color-mix(in srgb,var(--fg) 9%,var(--bg))}
.bv-buttons .bv-i.k-primary{border-color:var(--ac,var(--primary));background:var(--ac,var(--primary));color:var(--ak,var(--primary-ink))!important}
.bv-buttons .bv-i.k-line{border-color:#06c755;background:#06c755;color:#fff!important}
.bv-buttons .bv-img{width:1.4em;height:1.4em}
body.has-bar{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
.fd-tt{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.fd-sub{display:block;font-size:.76rem;font-weight:400;color:var(--muted)}
.fd-gold .fd-sub{color:#e8d3a4;margin-top:2px}
/* 1.5.0: ช่องตัวเลขในการ์ดหวยแบบเล็ก — ไม่ตัดบรรทัดกลางเลข และไม่ยืดสูงตามคอลัมน์ข้างเคียง */
.lt-sub{align-content:start}
.lt-bx .lt-num{align-items:center;align-content:flex-start}
.lt-mini .lt-sub .lt-num{gap:3px;flex-wrap:nowrap}
.lt-mini .lt-sub .lt-num .d{min-width:.9em}
.lt-mini .lt-sub .lt-num:has(.dw){flex-wrap:wrap}
@media (max-width:430px){.lt-mini .lt-sub .lt-num{font-size:clamp(.85rem,.2rem + 3.4vw,1.15rem)}}
.tb-logo-h1{margin:0;display:flex;font-size:inherit;line-height:1}

/* ───────── ชุดตกแต่ง 1.5.1: เอฟเฟกต์หัวข้อ / เส้นขอบ / เงา / พื้นหลังวิดีโอ / รูปเคลื่อนไหว ───────── */
.lp picture{display:contents}
.hx-grad .lp-h,.hx-gold .lp-h{-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;-webkit-text-stroke:0;padding-bottom:.08em}
.hx-grad .lp-h{background-image:linear-gradient(95deg,var(--hc1,var(--primary)),var(--hc2,#ffc93c))}
.hx-gold .lp-h{background-image:linear-gradient(180deg,#fff4b0 0%,#f7c948 34%,#b5830a 52%,#ffe27a 72%,#fff3b8 100%)}
.hx-glow .lp-h{background:none;color:var(--hc2,#fff);-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;text-shadow:0 0 .1em var(--hc1,var(--primary)),0 0 .38em var(--hc1,var(--primary)),0 0 .85em var(--hc1,var(--primary))}
.hx-stroke .lp-h{background:none;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:.03em var(--hc1,var(--primary));text-shadow:none}
.lp-b.hx-grad .lp-h,.lp-b.hx-gold .lp-h,.lp-b.hx-glow .lp-h,.lp-b.hx-stroke .lp-h{text-wrap:balance}
.lp-b[class*=bx-]>.lp-in{border-radius:var(--bdr,calc(var(--radius,12px) + 8px))}
.bd-solid>.lp-in{border:2px solid var(--bdc,var(--primary))}
.bd-thick>.lp-in{border:5px solid var(--bdc,var(--primary))}
.bd-dashed>.lp-in{border:3px dashed var(--bdc,var(--primary))}
.bd-double>.lp-in{border:6px double var(--bdc,var(--primary))}
.bd-neon>.lp-in{border:2px solid var(--bdc,var(--primary));box-shadow:0 0 8px var(--bdc,var(--primary)),0 0 24px color-mix(in srgb,var(--bdc,var(--primary)) 65%,transparent),inset 0 0 16px color-mix(in srgb,var(--bdc,var(--primary)) 30%,transparent)}
.sh-soft>.lp-in{box-shadow:0 10px 30px rgba(0,0,0,.14)}
.sh-deep>.lp-in{box-shadow:0 24px 64px rgba(0,0,0,.4)}
.sh-lift>.lp-in{box-shadow:7px 7px 0 var(--shc,var(--primary))}
.sh-glow>.lp-in{box-shadow:0 0 30px 3px color-mix(in srgb,var(--shc,var(--primary)) 78%,transparent)}
.b-bg video{width:100%;height:100%;object-fit:cover;display:block}

/* ───────── Link in Bio block ───────── */
.lb-wrap{display:grid;gap:16px;text-align:center}
.lb-av{margin:0 auto}
.lb-av img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--line)}
.lb-name{font-size:1.2rem;font-weight:700;margin:0}
.lb-bio{color:var(--muted);font-size:.95rem;margin:0}
.lb-links{display:grid;gap:10px}
.lb-lnk{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;text-align:center}
.lb-lnk svg{flex-shrink:0}

/* ───────── Form radio button ───────── */
.fld-radio{display:grid;gap:8px}
.fld-radio-opt{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.97rem;padding:8px 12px;border:1.5px solid var(--line);border-radius:calc(var(--radius)*.7);transition:border-color .15s}
.fld-radio-opt:has(input:checked){border-color:var(--primary);background:var(--soft)}
.fld-radio-opt input{accent-color:var(--primary);width:16px;height:16px;flex-shrink:0}

/* ───────── Link in Bio v2 ───────── */
.lb-sec{margin:10px 0 -2px;font-size:.8rem;font-weight:700;letter-spacing:.06em;color:var(--muted);text-align:left}
.lb-lnk{position:relative}
.lb-ic{display:inline-flex}
.lb-th{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0}
.lb-tx{display:flex;flex-direction:column;align-items:center;min-width:0;line-height:1.25}
.lb-t{font-weight:700}
.lb-d{font-size:.82rem;opacity:.78;font-weight:400}
.lb-badge{position:absolute;top:-7px;right:12px;background:var(--primary);color:var(--primary-ink,#fff);font-size:.68rem;font-weight:800;padding:2px 8px;border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.lb-card{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:var(--soft);border:1.5px solid var(--line);border-radius:var(--radius);color:inherit;text-decoration:none;text-align:left;transition:transform .15s,border-color .15s}
.lb-card:hover{transform:translateY(-1px);border-color:var(--primary)}
.lb-card .lb-tx{align-items:flex-start;flex:1}
.lb-card.lb-feat{border-color:var(--primary);box-shadow:0 0 0 3px var(--soft),0 6px 18px rgba(0,0,0,.12)}
.lb-card.lb-feat .lb-t{font-size:1.05rem}
.lb-lnk.lb-feat{padding-block:18px}
.lb-soc{justify-content:center;margin-top:6px}

/* ═════════ 1.6 — บล็อกขั้นสูง + บล็อกเนื้อหาที่ยังไม่มีสไตล์ ═════════ */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lp-form input[type=number]{font:inherit;color:inherit;background:var(--bg);border:1.5px solid var(--line);border-radius:calc(var(--radius) * .7);padding:.72em .9em;width:100%;-moz-appearance:textfield;appearance:textfield}
.lp-form input[type=number]::-webkit-inner-spin-button,.lp-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.lp-form input[type=number]:focus{border-color:var(--primary);outline:3px solid var(--soft)}
.lp-gone{opacity:0;transition:opacity .2s}

/* ฟอร์มหลายขั้นตอน */
.lp-msf-step{border:0;margin:0;padding:0;min-width:0;display:grid;gap:14px}
.lp-msf-step[hidden]{display:none}
.lp-msf-legend{font-weight:700;font-size:1.05rem;padding:0;margin-bottom:4px}
.lp-msf-prog{position:relative;height:8px;margin:26px 0 4px;border-radius:999px;background:color-mix(in srgb,var(--fg) 12%,transparent)}
.lp-msf-prog-bar{position:absolute;left:0;top:0;bottom:0;background:var(--primary);border-radius:999px;transition:width .35s ease}
.lp-msf-prog-txt{position:absolute;right:0;bottom:14px;font-size:.85rem;font-weight:600;color:var(--muted);line-height:1}
.lp-msf-prog-txt b{color:var(--fg)}
.lp-msf-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px}
.lp-msf-nav .lp-btn-full{flex:1 1 100%}
.lp-msf-nav .msf-pdpa{flex:1 1 100%}
.lp-msf-next{margin-left:auto}

/* ฟอร์มสั่งซื้อ */
.lp-of-products{border:0;margin:0;padding:0;display:grid;gap:10px;min-width:0}
.lp-of-products legend{margin-bottom:8px}
.lp-of-product{display:block;cursor:pointer}
.lp-of-product input{position:absolute;opacity:0;pointer-events:none}
.lp-of-prod-inner{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--line);border-radius:calc(var(--radius) * .8);background:var(--bg);transition:border-color .15s,box-shadow .15s}
.lp-of-product input:checked+.lp-of-prod-inner{border-color:var(--primary);box-shadow:0 0 0 3px var(--soft)}
.lp-of-product input:focus-visible+.lp-of-prod-inner{outline:3px solid var(--primary);outline-offset:2px}
.lp-of-prod-inner::before{content:"";flex:0 0 18px;height:18px;border-radius:50%;border:2px solid var(--line);box-sizing:border-box}
.lp-of-product input:checked+.lp-of-prod-inner::before{border:6px solid var(--primary)}
.lp-of-prod-img{flex:0 0 56px;height:56px;border-radius:10px;overflow:hidden;background:var(--soft)}
.lp-of-prod-img img{width:100%;height:100%;object-fit:cover}
.lp-of-prod-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.lp-of-prod-name{font-weight:700}
.lp-of-prod-sku{font-size:.8rem;color:var(--muted)}
.lp-of-prod-price{font-weight:800;color:var(--primary);white-space:nowrap}
.of-qty{display:flex;align-items:stretch;max-width:180px}
.of-qty input[type=number]{text-align:center;border-radius:0;border-left:0;border-right:0}
.of-q{flex:0 0 46px;font:inherit;font-size:1.25rem;font-weight:700;cursor:pointer;background:var(--soft);color:var(--fg);border:1.5px solid var(--line)}
.of-q:first-child{border-radius:calc(var(--radius) * .7) 0 0 calc(var(--radius) * .7)}
.of-q:last-child{border-radius:0 calc(var(--radius) * .7) calc(var(--radius) * .7) 0}
.of-q:hover{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}
.lp-of-total{margin:4px 0 0;display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:calc(var(--radius) * .7);background:var(--soft);font-weight:600}
.lp-of-total b{font-size:1.4rem;color:var(--primary);margin-left:auto}
.lp-of-pmnote{margin:0;font-size:.9rem;color:var(--muted)}
.lp-of-pp{text-align:center;padding:18px;border:2px dashed var(--primary);border-radius:var(--radius);display:grid;gap:6px;justify-items:center}
.lp-of-pp[hidden]{display:none}
.lp-of-pp-t{margin:0;font-weight:800;font-size:1.1rem}
.lp-of-qr{background:#fff;padding:10px;border-radius:12px;line-height:0}
.lp-of-qr svg{width:220px;height:220px;max-width:70vw}
.lp-of-pp-a{margin:0;font-weight:800;font-size:1.2rem;color:var(--primary)}
.lp-of-pp-n{margin:0;color:var(--muted);font-size:.9rem}

/* Popup / Sticky Bar */
.lp-pop{position:fixed;z-index:9990;display:flex;justify-content:center;pointer-events:none;padding:0}
.lp-pop[hidden]{display:none}
.lp-pop.lp-pop-popup{inset:0;align-items:center;padding:16px;background:rgba(5,8,20,0);transition:background .2s;pointer-events:auto}
.lp-pop.lp-pop-popup.on{background:rgba(5,8,20,.62)}
.lp-pop.lp-pop-bottom{left:0;right:0;bottom:0}
.lp-pop.lp-pop-top{left:0;right:0;top:0}
.lp-pop-box{position:relative;pointer-events:auto;background:var(--bg);color:var(--fg);box-shadow:0 20px 60px rgba(0,0,0,.35);transition:transform .22s ease,opacity .22s ease;opacity:0}
.lp-pop.on .lp-pop-box{opacity:1;transform:none}
.lp-pop-popup .lp-pop-box{width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:calc(var(--radius) + 6px);padding:28px 22px 22px;text-align:center;transform:scale(.94)}
.lp-pop-bottom .lp-pop-box,.lp-pop-top .lp-pop-box{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;padding:12px 48px 12px 16px;text-align:left;background:var(--primary);color:var(--primary-ink)}
.lp-pop-bottom .lp-pop-box{transform:translateY(100%);padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.lp-pop-top .lp-pop-box{transform:translateY(-100%)}
.lp-pop-close{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(127,127,127,.18);color:inherit;font-size:1rem;cursor:pointer;display:grid;place-items:center}
.lp-pop-close:hover{background:rgba(127,127,127,.32)}
.lp-pop-bottom .lp-pop-close,.lp-pop-top .lp-pop-close{top:50%;transform:translateY(-50%)}
.lp-pop-img{margin:-28px -22px 16px;border-radius:calc(var(--radius) + 6px) calc(var(--radius) + 6px) 0 0;overflow:hidden}
.lp-pop-img img{width:100%;height:auto;display:block}
.lp-pop-bottom .lp-pop-img,.lp-pop-top .lp-pop-img{margin:0;width:44px;height:44px;border-radius:8px;flex:0 0 44px}
.lp-pop-bottom .lp-pop-img img,.lp-pop-top .lp-pop-img img{height:100%;object-fit:cover}
.lp-pop-title{margin:0 0 6px;font-size:1.35rem;font-weight:800;font-family:var(--hfont);line-height:1.3}
.lp-pop-body{margin:0 0 16px;color:var(--muted)}
.lp-pop-bottom .lp-pop-title,.lp-pop-top .lp-pop-title{font-size:1rem;margin:0}
.lp-pop-bottom .lp-pop-body,.lp-pop-top .lp-pop-body{margin:0;color:inherit;opacity:.88;font-size:.92rem}
.lp-pop-popup .lp-pop-cta{width:100%}
.lp-pop-bottom .lp-pop-cta,.lp-pop-top .lp-pop-cta{--primary:var(--bg);--primary-ink:var(--fg);padding:.5em 1.1em}
.lp-pop-skip{display:block;margin:10px auto 0;background:none;border:0;color:var(--muted);font:inherit;font-size:.9rem;text-decoration:underline;cursor:pointer}
.lp-pop-bottom .lp-pop-skip,.lp-pop-top .lp-pop-skip{margin:0;color:inherit;opacity:.8}
html.lp-pop-open{overflow:hidden}
.lp-pop-preview .lp-pop-box{opacity:1;transform:none;margin:0 auto;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.lp-pop-preview.lp-pop-popup .lp-pop-box{width:min(440px,100%)}
.lp-pop-note{margin:0 auto 10px;max-width:440px;text-align:center;font:600 12px/1.5 system-ui,sans-serif;color:#4a63d8;background:#eef2ff;border:1px dashed #9db0ff;border-radius:8px;padding:6px 10px}
@media(prefers-reduced-motion:reduce){.lp-pop-box,.lp-pop.lp-pop-popup{transition:none}}

/* Accordion */
.lp-acc{display:grid;gap:10px}
.lp-acc summary{cursor:pointer;list-style:none;padding:15px 44px 15px 16px;font-weight:700;position:relative}
.lp-acc summary::-webkit-details-marker{display:none}
.lp-acc summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.lp-acc details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.ac-b{padding:0 16px 16px;color:var(--muted)}
.ac-bordered .ac-i{border:1.5px solid var(--line);border-radius:var(--radius)}
.ac-bordered .ac-i[open]{border-color:var(--primary)}
.ac-flush{gap:0}.ac-flush .ac-i{border-bottom:1px solid var(--line)}.ac-flush summary{padding-left:0}.ac-flush .ac-b{padding-left:0}
.ac-card .ac-i{background:var(--soft);border-radius:var(--radius);box-shadow:0 4px 14px rgba(0,0,0,.06)}

/* ตารางเปรียบเทียบ */
.lp-cmp{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line)}
.lp-cmp table{width:100%;border-collapse:collapse;min-width:420px}
.lp-cmp th,.lp-cmp td{padding:13px 14px;text-align:center;border-bottom:1px solid var(--line)}
.lp-cmp tbody tr:last-child>*{border-bottom:0}
.lp-cmp tbody th{text-align:left;font-weight:600}
.lp-cmp thead th{font-weight:800;background:var(--soft)}
.lp-cmp .hl{background:color-mix(in srgb,var(--primary) 12%,var(--bg))}
.lp-cmp thead .hl{background:var(--primary);color:var(--primary-ink)}
.cm-y{color:#12a150;font-weight:900}.cm-n{color:#d92d20;font-weight:900}.cm-na{color:var(--muted)}

/* เส้นเวลา */
.lp-tl{list-style:none;margin:0;padding:0;position:relative}
.tln-vertical{display:grid;gap:22px}
.tln-vertical::before{content:"";position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--line)}
.tln-i{position:relative;display:flex;gap:16px;align-items:flex-start}
.tln-dot{position:relative;z-index:1;flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--bg);border:2px solid var(--primary);color:var(--primary);font-size:1.05rem}
.tln-i.done .tln-dot{background:var(--primary);color:var(--primary-ink)}
.tln-c{min-width:0;padding-top:2px}
.tln-l{display:inline-block;font-size:.78rem;font-weight:700;color:var(--primary);background:var(--soft);padding:2px 10px;border-radius:999px;margin-bottom:4px}
.tln-t{margin:0;font-size:1.05rem}
.tln-d{margin:4px 0 0;color:var(--muted)}
.tln-horizontal{display:grid;grid-template-columns:repeat(var(--tl-n,4),minmax(0,1fr));gap:14px}
.tln-horizontal::before{content:"";position:absolute;left:0;right:0;top:21px;height:2px;background:var(--line)}
.tln-horizontal .tln-i{flex-direction:column;align-items:center;text-align:center}
@media(max-width:700px){.tln-horizontal{grid-template-columns:1fr;gap:22px}.tln-horizontal::before{left:21px;right:auto;top:8px;bottom:8px;width:2px;height:auto}.tln-horizontal .tln-i{flex-direction:row;align-items:flex-start;text-align:left}}

/* การ์ดสินค้า */
.lp-pc .pc{display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;background:var(--bg)}
.pc-card .pc{box-shadow:0 8px 26px rgba(0,0,0,.12)}
.pc-bordered .pc{border:1.5px solid var(--line)}
.pc-img{position:relative;background:var(--soft);overflow:hidden}
.pc-img img{width:100%;height:100%;object-fit:cover;display:block}
.pc-ph{position:absolute;inset:0;display:grid;place-items:center;font-size:2.4rem;opacity:.5}
.pc-badge{position:absolute;top:10px;left:10px;background:var(--ac,var(--primary));color:var(--ak,var(--primary-ink));font-size:.75rem;font-weight:800;padding:3px 10px;border-radius:999px}
.pc-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.pc-minimal .pc-body{padding:12px 2px 0}
.pc-n{margin:0;font-size:1.05rem}
.pc-d{margin:0;color:var(--muted);font-size:.92rem}
.pc-p{display:flex;align-items:baseline;gap:8px;margin-top:auto}
.pc-p b{font-size:1.25rem;color:var(--ac,var(--primary))}
.pc-p s{color:var(--muted);font-size:.9rem}
.pc-btn{margin-top:6px}
.lp-pc[style] .pc-btn{background:var(--ac);border-color:var(--ac);color:var(--ak)!important}

/* แถบป้ายความน่าเชื่อถือ */
.lp-bb{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:center}
.al-left .lp-bb{justify-content:flex-start}.al-right .lp-bb{justify-content:flex-end}
.bb-i{display:flex;align-items:center;gap:10px;text-align:left}
.bb-ic{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;font-size:1.5rem;border-radius:50%;background:color-mix(in srgb,var(--ac,var(--primary)) 14%,var(--bg))}
.bb-ic img{width:28px;height:28px;object-fit:contain}
.bb-tx{display:flex;flex-direction:column;line-height:1.3}
.bb-tx small{color:var(--muted);font-size:.8rem}
.bb-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.bb-card .bb-i{flex-direction:column;text-align:center;padding:16px 10px;border-radius:var(--radius);background:var(--soft);border:1px solid var(--line)}
.bb-card .bb-tx{align-items:center}
.bb-pill .bb-i{padding:6px 14px 6px 6px;border-radius:999px;background:var(--soft);border:1px solid var(--line)}
.bb-pill .bb-ic{width:32px;height:32px;font-size:1.1rem}

/* สรุปคะแนนรีวิว */
.lp-rate{display:grid;gap:20px;align-items:center;justify-items:center}
.lp-rate.has-bars{grid-template-columns:minmax(0,220px) minmax(0,1fr);justify-items:stretch}
@media(max-width:560px){.lp-rate.has-bars{grid-template-columns:1fr}}
.rt-sum{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.rt-score{font-size:3.2rem;line-height:1;font-weight:800}
.rt-max{color:var(--muted);font-weight:600}
.rt-stars{position:relative;display:inline-block;font-size:1.5rem;line-height:1;letter-spacing:3px;color:var(--line)}
.rt-stars::before{content:"★★★★★"}
.rt-stars::after{content:"★★★★★";position:absolute;inset:0;width:var(--pct,100%);overflow:hidden;white-space:nowrap;color:var(--star,#f5a524)}
.rt-total{color:var(--muted)}
.rt-bars{display:grid;gap:8px}
.rt-row{display:grid;grid-template-columns:56px 1fr 44px;gap:10px;align-items:center;font-size:.9rem}
.rt-track{height:10px;border-radius:999px;background:var(--soft);overflow:hidden}
.rt-track i{display:block;height:100%;background:var(--star,#f5a524);border-radius:inherit}
.rt-pct{text-align:right;color:var(--muted)}

/* ก่อน-หลัง */
.lp-ba{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--soft);user-select:none;-webkit-user-select:none;touch-action:pan-y}
.ba-after,.ba-before{position:absolute;inset:0}
.ba-after img,.ba-before img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.ba-before{clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0)}
.ba-lb{position:absolute;top:12px;z-index:2;font-size:.8rem;font-weight:800;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;pointer-events:none}
.ba-lb-b{left:12px}.ba-lb-a{right:12px}
.ba-line{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.35);z-index:2;pointer-events:none}
.ba-knob{position:absolute;top:50%;left:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-weight:900;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.ba-range{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.ba-range::-webkit-slider-thumb{-webkit-appearance:none;width:48px;height:100vh}
.ba-range::-moz-range-thumb{width:48px;height:100vh;border:0}
.ba-range:focus-visible+*,.lp-ba:focus-within .ba-knob{outline:3px solid var(--primary)}

/* โค้ดส่วนลด */
.lp-cp{text-align:center;display:grid;gap:8px;justify-items:center}
.al-left .lp-cp{justify-items:start;text-align:left}.al-right .lp-cp{justify-items:end;text-align:right}
.cp-t{margin:0;font-weight:800;font-size:1.15rem}
.cp-box{display:flex;align-items:stretch;max-width:100%;border-radius:calc(var(--radius) * .8);overflow:hidden}
.cp-code{display:flex;align-items:center;padding:12px 20px;font:800 1.35rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;word-break:break-all}
.cp-copy{border:0;font:inherit;font-weight:700;padding:0 18px;cursor:pointer;background:var(--ac,var(--primary));color:var(--ak,var(--primary-ink));white-space:nowrap}
.cp-copy.ok{background:#12a150;color:#fff}
.cp-dashed .cp-box{border:2px dashed var(--ac,var(--primary))}
.cp-dashed .cp-code{background:color-mix(in srgb,var(--ac,var(--primary)) 8%,var(--bg))}
.cp-ticket .cp-box{position:relative;background:color-mix(in srgb,var(--ac,var(--primary)) 12%,var(--bg));border:2px solid var(--ac,var(--primary));-webkit-mask:radial-gradient(circle 9px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 9px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
.cp-ticket .cp-code{padding-left:24px;border-right:2px dashed var(--ac,var(--primary))}
.cp-ticket .cp-copy{padding-right:24px}
.cp-solid .cp-box{background:var(--ac,var(--primary));color:var(--ak,var(--primary-ink))}
.cp-solid .cp-copy{background:rgba(0,0,0,.22);color:inherit}
.cp-d{margin:0;color:var(--muted)}
.cp-x{margin:0;font-size:.85rem;color:var(--muted)}

/* ช่องทางชำระเงิน */
.lp-pay{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.al-left .lp-pay{justify-content:flex-start}.al-right .lp-pay{justify-content:flex-end}
.pay-i{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.92rem}
.pay-ic{display:grid;place-items:center;font-size:1.5rem;min-width:32px}
.pay-ic img{height:32px;width:auto;max-width:80px;object-fit:contain}
.pay-card .pay-i{flex-direction:column;justify-content:center;min-width:120px;padding:14px 12px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--bg);text-align:center}
.pay-row .pay-i{padding:8px 14px;border-radius:999px;background:var(--soft)}

/* ตารางไอคอน */
.lp-ig{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-ig.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-ig.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.lp-ig.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:560px){.lp-ig.c4,.lp-ig.c5{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ig-i{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:inherit;text-decoration:none;padding:14px 8px;border-radius:var(--radius);transition:transform .15s}
a.ig-i:hover{transform:translateY(-2px)}
.ig-ic{display:grid;place-items:center;width:56px;height:56px;font-size:1.7rem;line-height:1}
.ig-ic img{width:70%;height:70%;object-fit:contain}
.ig-s .ig-ic{width:42px;height:42px;font-size:1.25rem}.ig-l .ig-ic{width:76px;height:76px;font-size:2.3rem}
.ig-l{font-weight:600;font-size:.92rem}
.ig-card .ig-i{background:var(--soft);border:1px solid var(--line)}
.ig-circle .ig-ic{border-radius:50%;background:var(--ac,var(--primary));color:var(--ak,var(--primary-ink))}
.ig-card .ig-ic{border-radius:calc(var(--radius) * .8);background:color-mix(in srgb,var(--ac,var(--primary)) 14%,var(--bg))}

/* การ์ดตัวเลขใหญ่ */
.lp-nc .nc{text-align:center;padding:22px 14px;border-radius:var(--radius)}
.nc-card .nc{background:var(--soft);border:1px solid var(--line)}
.nc-glow .nc{border:1.5px solid var(--nc,var(--primary));box-shadow:0 0 22px color-mix(in srgb,var(--nc,var(--primary)) 45%,transparent),inset 0 0 18px color-mix(in srgb,var(--nc,var(--primary)) 18%,transparent)}
.nc-ic{display:block;font-size:1.8rem;margin-bottom:6px}
.nc-n{display:flex;justify-content:center;align-items:baseline;gap:2px;color:var(--nc,var(--primary));font-family:var(--hfont)}
.nc-v{font-size:clamp(2rem,6vw,2.8rem);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.nc-s{font-size:1.5rem;font-weight:800}
.nc-l{margin:6px 0 0;color:var(--muted)}
@media(max-width:560px){.lp-nc.lp-grid.c3,.lp-nc.lp-grid.c4{grid-template-columns:repeat(2,1fr)}}

/* รายการวิดีโอ */
.lp-vl{display:grid;gap:18px}
.vl-i{display:grid;gap:8px;align-content:start;min-width:0}
.vl-cap{display:grid;gap:2px}
.vl-t{margin:0;font-weight:700;line-height:1.35}
.vl-d{margin:0;color:var(--muted);font-size:.9rem}
.vl-empty{display:grid;place-items:center;color:#c9d2ea;font-size:.9rem;border:2px dashed rgba(255,255,255,.25)}
.vl-featured{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}
.vl-side{display:grid;gap:14px}
.vl-side .vl-t{font-size:.92rem}
@media(max-width:760px){.vl-featured{grid-template-columns:1fr}}
.vl-list{max-width:720px;margin:0 auto}
.vl-tall .lp-vid{max-height:80vh}
.lp-vl .vid-play img{width:100%;height:100%;object-fit:cover}

/* แถบประกาศสำคัญ */
.lp-nb{padding-top:var(--pt,0);padding-bottom:var(--pb,0)}
.nb-in{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:10px 44px 10px 16px;position:relative;font-weight:600;font-size:.95rem;text-align:center}
.nb-primary .nb-in{background:var(--primary);color:var(--primary-ink)}
.nb-dark .nb-in{background:#0b1020;color:#fff}
.nb-warning .nb-in{background:#ffd23f;color:#1d1a05}
.nb-success .nb-in{background:#12a150;color:#fff}
.nb-ic{font-size:1.1rem}
.nb-btn{display:inline-flex;align-items:center;padding:.3em .95em;border-radius:999px;background:rgba(255,255,255,.95);color:#111!important;text-decoration:none;font-weight:700;font-size:.88rem}
.nb-dark .nb-btn{background:var(--primary);color:var(--primary-ink)!important}
.nb-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:rgba(0,0,0,.15);color:inherit;cursor:pointer;font-size:.85rem}
.nb-sticky{position:sticky;top:0;z-index:60}

/* แถบความคืบหน้า */
.lp-pg{display:grid;gap:16px}
.pg-h{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-weight:600}
.pg-h b{color:var(--ac,var(--primary))}
.pg-track{height:14px;border-radius:999px;background:var(--soft);border:1px solid var(--line);overflow:hidden}
.pg-track i{display:block;height:100%;border-radius:inherit;background:var(--ac,var(--primary));animation:lp-pg 1.3s cubic-bezier(.2,.8,.2,1)}
@keyframes lp-pg{from{width:0}}
.pg-striped .pg-track i{background-image:linear-gradient(45deg,rgba(255,255,255,.28) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.28) 75%,transparent 75%);background-size:18px 18px;animation:lp-pg 1.3s cubic-bezier(.2,.8,.2,1),lp-stripe 1s linear infinite}
@keyframes lp-stripe{to{background-position:18px 0}}
.pg-glow .pg-track i{box-shadow:0 0 12px var(--ac,var(--primary)),0 0 24px color-mix(in srgb,var(--ac,var(--primary)) 50%,transparent)}
@media(prefers-reduced-motion:reduce){.pg-track i{animation:none!important}}

/* ทีมงาน */
.lp-team .tmm{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.tm-card .tmm{padding:20px 16px;border-radius:var(--radius);background:var(--soft);border:1px solid var(--line)}
.tmm-ph{width:112px;height:112px;border-radius:50%;object-fit:cover;background:var(--soft)}
.tm-card .tmm-ph{width:100%;height:auto;aspect-ratio:1/1;border-radius:calc(var(--radius) * .8)}
.tmm-ini{display:grid;place-items:center;font-size:2.2rem;font-weight:800;color:var(--primary-ink);background:var(--primary)}
.tm-card .tmm-ini{width:112px;height:112px;border-radius:50%;aspect-ratio:auto}
.tmm-b{display:grid;gap:2px}
.tmm-n{margin:0;font-size:1.05rem}
.tmm-r{margin:0;color:var(--primary);font-weight:600;font-size:.9rem}
.tmm-d{margin:4px 0 0;color:var(--muted);font-size:.9rem}
.tmm-l{margin-top:6px;font-weight:700;color:var(--primary);text-decoration:none}

/* บทความ */
.lp-blog .bp{display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;background:var(--bg);border:1px solid var(--line)}
.bp-img{aspect-ratio:16/10;overflow:hidden;background:var(--soft)}
.bp-img img{width:100%;height:100%;object-fit:cover;display:block}
.bp-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.bp-dt{margin:0;font-size:.8rem;color:var(--muted)}
.bp-t{margin:0;font-size:1.05rem;line-height:1.4}
.bp-a{color:inherit;text-decoration:none}.bp-a:hover{color:var(--primary)}
.bp-x{margin:0;color:var(--muted);font-size:.92rem}
.bp-more{margin-top:auto;font-weight:700;color:var(--primary);text-decoration:none}
.bp-list{display:grid;gap:14px}
.bp-list .bp{flex-direction:row}
.bp-list .bp-img{flex:0 0 34%;aspect-ratio:4/3}
@media(max-width:560px){.bp-list .bp{flex-direction:column}.bp-list .bp-img{flex:none}}

/* สมัครรับข่าวสาร */
.lp-nl{gap:10px}
.nl-row{display:flex;gap:8px;flex-wrap:wrap}
.nl-row .fld{flex:1 1 220px}
.nl-row .lp-btn{flex:0 0 auto}
.al-center .lp-nl .msg{text-align:center}
.nl-card{padding:26px 22px;border-radius:calc(var(--radius) + 6px);background:var(--soft);border:1px solid var(--line)}

/* QR Code */
.lp-qr{display:flex;flex-direction:column;align-items:center;gap:10px}
.al-left .lp-qr{align-items:flex-start}.al-right .lp-qr{align-items:flex-end}
.qr-img{background:#fff;padding:10px;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.qr-c{margin:0;color:var(--muted);font-size:.92rem}

/* ดาวน์โหลดแอป */
.lp-ad{display:grid;gap:26px;align-items:center}
.lp-ad.has-shot{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
@media(max-width:760px){.lp-ad.has-shot{grid-template-columns:1fr}}
.ad-btns{display:flex;flex-wrap:wrap;gap:10px}
.al-center .ad-btns{justify-content:center}
.ad-store{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:12px;background:#000;color:#fff!important;text-decoration:none;font-weight:700;line-height:1.15;min-width:160px}
.ad-store small{display:block;font-size:.66rem;font-weight:500;opacity:.85}
.ad-ic{font-size:1.5rem}
.ad-qr{display:inline-flex;flex-direction:column;align-items:center;gap:4px;margin-top:16px}
.ad-qr img{width:120px;height:120px;background:#fff;padding:6px;border-radius:10px}
.ad-qr small{color:var(--muted)}
.ad-shot img{width:100%;max-width:340px;height:auto;margin:0 auto;display:block;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.ad-hint{display:block;padding:14px}

/* แบนเนอร์ CTA */
.lp-cta{position:relative;overflow:hidden;border-radius:calc(var(--radius) + 6px);padding:clamp(28px,6vw,56px) clamp(18px,5vw,48px);text-align:center;isolation:isolate}
.al-left .lp-cta{text-align:left}.al-right .lp-cta{text-align:right}
.cta-primary{background:var(--primary);color:var(--primary-ink)}
.cta-dark{background:#0b1020;color:#fff}
.cta-gradient{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 45%,#ff4d8d));color:#fff}
.cta-image{background:#0b1020;color:#fff}
.cta-bg{position:absolute;inset:0;z-index:-1}
.cta-bg img{width:100%;height:100%;object-fit:cover}
.cta-ov{position:absolute;inset:0;background:#000}
.cta-c{position:relative;display:grid;gap:12px}
.lp-cta .lp-h{color:inherit;margin:0}
.cta-s{margin:0;opacity:.9;font-size:1.05rem}
.cta-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}
.al-left .cta-btns{justify-content:flex-start}.al-right .cta-btns{justify-content:flex-end}
.cta-b1{background:#fff;border-color:#fff;color:#111!important}
.cta-dark .cta-b1,.cta-image .cta-b1{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)!important}
.cta-b2{background:transparent;border-color:currentColor;color:inherit!important}
.lp-cta .lp-btn:hover{filter:brightness(1.06)}

/* แถบแจ้งเตือน */
.lp-alert{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:14px 46px 14px 16px;border-radius:var(--radius);border:1.5px solid;font-weight:500}
.at-ic{font-size:1.2rem}
.at-t{margin:0;flex:1 1 220px}
.at-btn{font-weight:700;text-decoration:none;padding:.35em .95em;border-radius:999px;background:currentColor}
.at-btn span{color:#fff}
.at-x{position:absolute;right:10px;top:12px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(0,0,0,.08);color:inherit;cursor:pointer}
.at-info{background:#eff6ff;border-color:#93c5fd;color:#1e3a8a}
.at-success{background:#ecfdf3;border-color:#86efac;color:#14532d}
.at-warning{background:#fffbeb;border-color:#fcd34d;color:#78350f}
.at-error{background:#fef2f2;border-color:#fca5a5;color:#7f1d1d}
.at-promo{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 16%,#fff),#fff7ed);border-color:var(--primary);color:#1f2937}
.at-promo .at-btn{background:var(--primary)}.at-promo .at-btn span{color:var(--primary-ink)}

/* แท็บเนื้อหา */
.tbx-list{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-bottom:16px}
.tbx-list::-webkit-scrollbar{display:none}
.tbx-tab{flex:0 0 auto;font:inherit;font-weight:600;cursor:pointer;background:none;border:0;color:var(--muted);padding:10px 16px;white-space:nowrap}
.tbx-tab[aria-selected=true]{color:var(--fg)}
.tbx-underline .tbx-list{border-bottom:2px solid var(--line)}
.tbx-underline .tbx-tab{margin-bottom:-2px;border-bottom:3px solid transparent}
.tbx-underline .tbx-tab[aria-selected=true]{border-bottom-color:var(--primary);color:var(--primary)}
.tbx-pill .tbx-tab{border-radius:999px;background:var(--soft)}
.tbx-pill .tbx-tab[aria-selected=true]{background:var(--primary);color:var(--primary-ink)}
.tbx-card .tbx-list{gap:0;margin-bottom:0}
.tbx-card .tbx-tab{border:1.5px solid var(--line);border-bottom:0;border-radius:calc(var(--radius) * .7) calc(var(--radius) * .7) 0 0;margin-right:-1.5px}
.tbx-card .tbx-tab[aria-selected=true]{background:var(--soft);color:var(--fg)}
.tbx-card .tbx-panel{border:1.5px solid var(--line);border-radius:0 var(--radius) var(--radius);padding:18px;background:var(--soft)}
.tbx-img{margin-bottom:12px;border-radius:var(--radius);overflow:hidden}
.tbx-img img{width:100%;height:auto;display:block}
.tbx-body{white-space:normal}

/* Rich text + ฝัง iframe */
.lp-rich>:first-child{margin-top:0}.lp-rich>:last-child{margin-bottom:0}
.lp-rich a{color:var(--primary)}
.lp-rich blockquote{margin:1em 0;padding:.4em 1em;border-left:4px solid var(--primary);color:var(--muted)}
.lp-embed{border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid var(--line)}
.lp-embed iframe{display:block;width:100%;border:0}
body.lp-edit .lp-embed iframe{pointer-events:none}
.emb-note{margin:8px 0 0;font:12px/1.5 system-ui,sans-serif;color:var(--muted)}