/* 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:600;line-height:1.3;text-decoration:none;text-align:center;border-radius:var(--radius);padding:.7em 1.4em;border:2px solid var(--primary);background:var(--primary);color:var(--primary-ink)!important;cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}
.lp-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.14)}
.lp-btn:active{transform:none;box-shadow:none}
.lp-btn-outline{background:transparent;color:var(--btn-ink,var(--primary))!important}
.lp-btn-soft{background:var(--soft);border-color:transparent;color:var(--btn-ink,var(--primary))!important}
.lp-btn-s{font-size:.88rem;padding:.5em 1.1em}
.lp-btn-l{font-size: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}
/* เอฟเฟกต์ปุ่ม: ขยับเฉพาะ 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}