:root{--radius:12px;--maxw:1120px}
*{box-sizing:border-box}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.7;font-size:17px}
img{max-width:100%;display:block}
h1,h2,h3,h4,h5,h6{font-family:var(--font-head);color:var(--brand);line-height:1.25;margin:0}
h1{font-size:clamp(2.1rem,5.5vw,3.6rem)}h2{font-size:clamp(1.6rem,3.6vw,2.4rem)}h3{font-size:1.2rem}h4{font-size:1.05rem}h5,h6{font-size:1rem}
p{margin:0 0 1em}a{color:var(--brand-2)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* ---- โครงสร้าง Section / Column ---- */
.s{padding-top:72px;padding-bottom:72px;position:relative}
.sw-narrow>.wrap{max-width:820px}.sw-wide>.wrap{max-width:1360px}.sw-full>.wrap{max-width:none}
.sw-full .w-map{margin:0 -24px}.sw-full .w-map iframe{border-radius:0}
.s.mh-sm{min-height:320px;display:flex;align-items:center}.s.mh-sm>.wrap{width:100%}.s.mh-md{min-height:480px;display:flex;align-items:center}.s.mh-md>.wrap{width:100%}.s.mh-lg{min-height:640px;display:flex;align-items:center}.s.mh-lg>.wrap{width:100%}.s.mh-screen{min-height:100vh;display:flex;align-items:center}.s.mh-screen>.wrap{width:100%}
.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}
.g-none{gap:0px}.cg-none{gap:0px}.g-sm{gap:14px}.cg-sm{gap:14px}.g-md{gap:24px}.cg-md{gap:24px}.g-lg{gap:40px}.cg-lg{gap:40px}
@media(max-width:640px){.row[class*="g-"]{column-gap:12px}}
.va-center{align-items:center}.va-end{align-items:end}
.col{display:flex;flex-direction:column;min-width:0;align-content:flex-start}
.vs-center{align-self:center}.vs-end{align-self:end}
.col>:is(.w-card,.w-pricing,.w-testi,.w-stat){flex:1}
.cr .row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.cr .col{flex:0 0 min(340px,86%);scroll-snap-align:start}

/* ---- หัวข้อ ข้อความ ปุ่ม ---- */
.w-text p:last-child{margin-bottom:0}.w-text.lead{font-size:1.15rem;max-width:36em}.w-text.small{font-size:.9rem}
.w-text.tc-2{columns:2 280px;column-gap:40px}.w-text.tc-3{columns:3 240px;column-gap:32px}
.al-center .lead,.lead.al-center{margin-left:auto;margin-right:auto}.al-right .lead,.lead.al-right{margin-left:auto}
.btn{display:inline-block;background:var(--accent);color:var(--ink);padding:12px 26px;border-radius:999px;font:600 1rem var(--font-body);text-decoration:none;border:2px solid var(--accent);cursor:pointer;line-height:1.5}
.btn-ghost{background:transparent;color:inherit;border-color:currentColor}
.btn-dark{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-line{background:#06c755;border-color:#06c755;color:#fff}
.btn-lg{padding:16px 34px;font-size:1.1rem}.sw-full .w-slider{margin:0 -24px;border-radius:0}.btn-sm{padding:7px 18px;font-size:.9rem}.btn-full{display:block;text-align:center}
.w-buttons{margin:0 -6px}.w-buttons .btn{margin:0 6px 12px}
.w-button{line-height:1}
.badge{display:inline-block;background:var(--soft);color:var(--brand);padding:4px 14px;border-radius:999px;font-size:.9rem}
.ico{font-size:2rem;line-height:1.2;display:block;color:var(--brand-2)}.isvg{display:block;width:1em;height:1em}.cd-overlay .ico,.look-dark .ico,.look-gradient .ico{color:#fff}
.is-md .ico{font-size:1.5rem}.is-lg .ico{font-size:2.2rem}.is-xl .ico{font-size:3.4rem}
.ish-circle .ico,.ish-square .ico{display:inline-grid;place-items:center;width:1.9em;height:1.9em;background:var(--soft)}.ish-circle .ico{border-radius:50%}.ish-square .ico{border-radius:var(--radius)}
.w-list{list-style:none;padding:0;margin:0}.w-list li{padding:3px 0 3px 26px;position:relative}
.mk-check li:before{content:"✓";position:absolute;left:0;color:var(--brand-2);font-weight:700}.mk-dot li:before{content:"•";position:absolute;left:6px;color:var(--brand-2);font-weight:700}.mk-none li{padding-left:0}
.w-divider{border:0;margin:0}.dv-line{border-top:1px solid var(--soft)}.dv-brand{width:64px;height:4px;background:var(--accent);border-radius:4px}
.dv-dots{text-align:center;height:auto;line-height:1}.dv-dots:before{content:"• • •";color:var(--brand-2);letter-spacing:.4em}
.al-center.dv-brand{margin-left:auto;margin-right:auto}.al-right.dv-brand{margin-left:auto}
.ph{background:linear-gradient(135deg,var(--brand-2),var(--accent));opacity:.5;border-radius:var(--radius);min-height:140px}

/* ---- รูป ---- */
.w-image{margin:0;border-radius:var(--radius);overflow:hidden}.w-image img,.w-image .ph{width:100%;border-radius:inherit;object-fit:cover}.w-image figcaption{font-size:.9rem;opacity:.75;padding-top:6px}
.w-member{text-align:center}.w-member img,.w-member .ph{width:140px;height:140px;border-radius:50%;object-fit:cover;margin:0 auto 14px;min-height:0}.w-member span{color:var(--brand-2);font-weight:500;display:block;margin-bottom:8px}

/* ---- การ์ด ---- */
.w-card{background:#fff;border:1px solid var(--soft);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.card-img img,.card-img .ph{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:0}.card-body{padding:22px}.card-body p:last-child{margin-bottom:0}.card-body .ico{margin-bottom:8px}
.card-body h3{margin-bottom:.4em}.price{color:var(--brand);font-family:var(--font-head);font-size:1.1rem}
.cd-left{flex-direction:row}.cd-left .card-img{width:34%;flex:none}.cd-left .card-img img,.cd-left .card-img .ph{height:100%;aspect-ratio:auto}
@media(max-width:640px){.cd-left{flex-direction:column}.cd-left .card-img{width:100%}}
.cd-compact .card-body{padding:16px 18px}.cd-compact h3{font-size:1.05rem}.cd-compact .ico{font-size:1.5rem}
.w-iconbox .ico{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius);background:var(--soft);font-size:1.6rem;margin-bottom:12px}
.w-iconbox h3{margin-bottom:.4em}.w-iconbox p:last-child{margin-bottom:0}
.ib-left{display:grid;grid-template-columns:56px 1fr;gap:0 16px}.ib-left .ico{margin-bottom:0}
.w-pricing{background:#fff;border:1px solid var(--soft);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column}.w-pricing.hl{border:2px solid var(--brand-2);box-shadow:0 12px 32px rgba(0,0,0,.08)}
.amt{font:700 2rem var(--font-head);color:var(--brand)}.amt small{font:400 .9rem var(--font-body);color:inherit;opacity:.7;margin-left:6px}
.w-pricing ul{list-style:none;padding:0;margin:12px 0 20px;flex:1}.w-pricing li{padding:5px 0 5px 26px;position:relative}.w-pricing li:before{content:"✓";position:absolute;left:0;color:var(--brand-2);font-weight:700}
.w-testi{margin:0;background:#fff;border-radius:var(--radius);padding:26px;border:1px solid var(--soft)}.w-testi footer span{opacity:.7;margin-left:8px;font-size:.9rem}
.w-stat b{display:block;font:700 2.4rem var(--font-head);color:var(--brand);line-height:1.2}
.w-step .num{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;font:700 1.1rem var(--font-head)}
.sp-top{display:flex;flex-direction:column;gap:12px}.sp-left{display:flex;gap:16px;align-items:flex-start}.w-step h3{margin-bottom:.3em}.w-step p:last-child{margin-bottom:0}
.w-faq .qa{background:#fff;border:1px solid var(--soft);border-radius:var(--radius);padding:4px 20px;margin-bottom:12px;break-inside:avoid}.qa summary{cursor:pointer;font-weight:600;padding:14px 0}
.w-faq.fq-2{columns:2 360px;column-gap:24px}
.w-hours{margin:0;padding:4px 24px}.hv-card{background:#fff;border:1px solid var(--soft);border-radius:var(--radius)}
.w-hours div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--soft)}.w-hours div:last-child{border:0}.w-hours dt{font-weight:500}.w-hours dd{margin:0}

/* ---- แกลเลอรี วิดีโอ แผนที่ ---- */
.w-gallery{display:grid;gap:12px}.gc-2{grid-template-columns:repeat(2,1fr)}.gc-3{grid-template-columns:repeat(3,1fr)}.gc-4{grid-template-columns:repeat(4,1fr)}
.w-gallery figure{margin:0;position:relative;overflow:hidden;border-radius:var(--radius)}.w-gallery img,.w-gallery .ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:0}
.w-gallery figure:nth-child(3n+2) .ph{filter:hue-rotate(25deg)}.w-gallery figure:nth-child(3n) .ph{filter:hue-rotate(-25deg)}
.w-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 10px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.6));font-size:.95rem}
.gv-masonry{display:block;columns:3 240px;column-gap:12px}.gv-masonry figure{break-inside:avoid;margin-bottom:12px}.gv-masonry figure:nth-child(3n+1) :is(img,.ph){aspect-ratio:3/4}
.gv-carousel{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(340px,86%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.gv-carousel figure{scroll-snap-align:start}
@media(max-width:700px){.gc-3:not(.gv-carousel):not(.gv-masonry),.gc-4:not(.gv-carousel):not(.gv-masonry){grid-template-columns:repeat(2,1fr)}}
.w-video{aspect-ratio:16/9}.w-video iframe{width:100%;height:100%;border:0;border-radius:var(--radius)}.w-video .ph{height:100%}
.w-map iframe{width:100%;height:380px;border:0;border-radius:var(--radius)}.mp-sm iframe{height:260px}.mp-lg iframe{height:520px}

/* ---- ฟอร์ม ---- */
.w-info p{margin:.4em 0;display:flex;align-items:center;gap:10px}.w-info .isvg{width:1.2em;height:1.2em;flex:none;color:var(--brand-2)}
.form{display:grid;gap:14px;background:#fff;border:1px solid var(--soft);padding:24px;border-radius:var(--radius)}.form label{font-weight:500;font-size:.95rem;display:grid;gap:4px}
.form input,.form select,.form textarea{padding:12px 14px;border:1px solid #c9d2cf;border-radius:calc(var(--radius)*.6);font:inherit;background:#fff;color:var(--ink);width:100%}.form textarea{min-height:110px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hp{position:absolute;left:-9999px}.ok{background:var(--soft);padding:12px 16px;border-radius:12px;margin:0 0 16px;color:var(--ink)}
@media(max-width:640px){.row2{grid-template-columns:1fr}}

/* ---- ส่วนหัว/ท้ายเว็บ ---- */
.site-head{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--soft)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:16px}
.brand-img{display:block;height:var(--logo-h,44px);width:auto;max-width:min(60vw,360px);object-fit:contain;flex:none}
.brand:has(.brand-img){line-height:0;display:inline-flex;align-items:center;flex:0 0 auto;min-width:0}
@media(max-width:760px){.brand-img{height:calc(var(--logo-h,44px)*.8)}}
.brand{font:700 1.25rem var(--font-head);color:var(--brand);text-decoration:none}
.site-nav a{margin-left:22px;text-decoration:none;color:var(--ink);font-weight:500;padding:6px 0}
.site-nav a[aria-current=page]{color:var(--brand-2);border-bottom:2px solid var(--accent)}
.topbar{background:var(--brand);color:#fff;font-size:.85rem}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;height:36px;white-space:nowrap;overflow:hidden}.topbar a{color:#fff;text-decoration:none}
.btn-sm{padding:8px 20px;font-size:.9rem}
.hd-center .wrap{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"l b r" "n n n";align-items:center;min-height:0;padding-top:14px;gap:0 16px}
.hd-center .hd-l{grid-area:l;font-size:.92rem}.hd-center .hd-l a{color:inherit;text-decoration:none}.hd-center .brand{grid-area:b;font-size:1.7rem;text-align:center;letter-spacing:.02em}.hd-center .hd-r{grid-area:r;justify-self:end}
.hd-center .site-nav{grid-area:n;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 30px;border-top:1px solid var(--soft);margin-top:12px}
.hd-center .site-nav a{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.86rem;padding:13px 0}
.topbar+.hd-over{top:36px}
.hd-over{position:absolute;left:0;right:0;background:transparent;border-bottom:0;color:#fff;transition:background .25s,color .25s}.hd-over .brand,.hd-over .site-nav a{color:#fff}.hd-over .site-nav{border-top-color:rgba(255,255,255,.35)}.hd-over .site-nav a[aria-current=page]{color:#fff;border-bottom-color:var(--accent)}
.hd-over.hd-solid{position:fixed;top:0;background:var(--bg);color:var(--ink);box-shadow:0 2px 18px rgba(0,0,0,.08)}.hd-over.hd-solid .brand{color:var(--brand)}.hd-over.hd-solid .site-nav a{color:var(--ink)}.hd-over.hd-solid .site-nav{border-top-color:var(--soft)}
@media(max-width:760px){.topbar .wrap>span+span{display:none}.hd-center .wrap{grid-template-columns:1fr auto;grid-template-areas:"b t" "n n";padding-top:0;min-height:60px}.hd-center .hd-l,.hd-center .hd-r{display:none}.hd-center .brand{text-align:left;font-size:1.3rem}.hd-center .nav-toggle{grid-area:t}.hd-center .site-nav{display:none;margin-top:0;border-top:0;gap:0}.hd-center .site-nav.open{display:block}.hd-center .site-nav a{text-transform:none;letter-spacing:.02em;font-size:.95rem;padding:10px 0}.hd-over .nav-toggle{color:#fff;border-color:rgba(255,255,255,.5)}.hd-over.hd-solid .nav-toggle{color:var(--ink);border-color:var(--soft)}.hd-over:not(.hd-solid) .site-nav.open{background:var(--brand)}}
.nav-toggle .isvg{width:1.4rem;height:1.4rem}.nav-toggle{display:none;background:none;border:1px solid var(--soft);border-radius:10px;font-size:1.3rem;padding:4px 12px;cursor:pointer;color:var(--ink)}
@media(max-width:760px){.site-nav.nv-box,.site-nav.nv-bar{border-radius:0}.site-nav.nv-sep a+a{border-left:0}.nav-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);padding:8px 24px 16px;border-bottom:1px solid var(--soft)}.site-nav.open{display:block}.site-nav a{display:block;margin:0;padding:10px 0}}
.site-nav.nf-bold a{font-weight:800}.site-nav.nf-serif a{font-family:"Noto Serif Thai",Georgia,serif}.site-nav.nf-script a{font-family:Mali,"Brush Script MT",cursive;font-weight:700}
.site-nav.nv a{font-size:var(--nv-s,16px)}
.site-head:not(.hd-over) .site-nav.nv-c:not(.nv-solid):not(.nv-solidr) a,.hd-over.hd-solid .site-nav.nv-c:not(.nv-solid):not(.nv-solidr) a{color:var(--nv-c)}
@media(min-width:761px){
.site-nav.nv{display:flex;flex-wrap:wrap;align-items:center;gap:6px var(--nv-g,22px)}
.site-nav.nv a{margin:0;border-bottom:0;line-height:1.3;transition:color .2s,background .2s,border-color .2s}
.site-nav.nv-plain a:hover,.site-nav.nv-plain a[aria-current=page]{color:var(--nv-a,var(--brand-2))}
.site-nav.nv-underline a{padding:6px 2px;border-bottom:2px solid transparent}.site-nav.nv-underline a:hover,.site-nav.nv-underline a[aria-current=page]{color:var(--nv-a,var(--brand-2));border-bottom-color:var(--nv-a,var(--accent))}
.site-nav.nv-pill a,.site-nav.nv-outline a,.site-nav.nv-fill a{padding:7px 18px;border:2px solid transparent}
.site-nav.nv-pill a,.site-nav.nv-outline a{border-radius:999px}.site-nav.nv-fill a{border-radius:0}
.site-nav.nv-pill a:hover,.site-nav.nv-pill a[aria-current=page],.site-nav.nv-fill a:hover,.site-nav.nv-fill a[aria-current=page]{background:var(--nv-ab,var(--brand));color:var(--nv-at,#fff)}
.site-nav.nv-outline a:hover,.site-nav.nv-outline a[aria-current=page]{border-color:var(--nv-a,var(--brand));color:var(--nv-a,var(--brand))}
.site-nav.nv-box,.site-nav.nv-bar{gap:0}
.site-nav.nv-box{border:1px solid var(--nv-ab,var(--brand));border-radius:var(--radius,10px);overflow:hidden}
.site-nav.nv-box a{padding:9px 22px}.site-nav.nv-box a+a{border-left:1px solid var(--nv-ab,var(--brand))}
.site-nav.nv-box a:hover,.site-nav.nv-box a[aria-current=page]{background:var(--nv-ab,var(--brand));color:var(--nv-at,#fff)}
.site-nav.nv-bar{background:var(--nv-ab,var(--brand));border-radius:999px;padding:4px}
.site-nav.nv-bar a{padding:7px 20px;border-radius:999px;color:var(--nv-at,#fff)}
.site-nav.nv-bar a:hover,.site-nav.nv-bar a[aria-current=page]{background:var(--nv-at,#fff);color:var(--nv-ab,var(--brand))}
.site-nav.nv-sep{gap:0}.site-nav.nv-sep a{padding:4px var(--nv-g,22px)}.site-nav.nv-sep a+a{border-left:1px solid currentColor;border-left-color:color-mix(in srgb,currentColor 30%,transparent)}
.site-nav.nv-sep a:hover,.site-nav.nv-sep a[aria-current=page]{color:var(--nv-a,var(--brand-2))}
.site-nav.nv-solid,.site-nav.nv-solidr{gap:0}.site-nav.nv-solid a,.site-nav.nv-solidr a{padding:10px 22px;background:var(--nv-ab,var(--brand));color:var(--nv-at,#fff)}
.site-nav.nv-solidr a:first-child{border-radius:999px 0 0 999px;padding-left:28px}.site-nav.nv-solidr a:last-child{border-radius:0 999px 999px 0;padding-right:28px}
.site-nav.nv-solid a:hover,.site-nav.nv-solid a[aria-current=page],.site-nav.nv-solidr a:hover,.site-nav.nv-solidr a[aria-current=page]{background:var(--nv-a,var(--accent));color:#fff}
.hd-over:not(.hd-solid) .site-nav.nv-sep a+a{border-left-color:rgba(255,255,255,.5)}
.hd-over:not(.hd-solid) .site-nav.nv-pill a:hover,.hd-over:not(.hd-solid) .site-nav.nv-pill a[aria-current=page],.hd-over:not(.hd-solid) .site-nav.nv-fill a:hover,.hd-over:not(.hd-solid) .site-nav.nv-fill a[aria-current=page]{color:var(--nv-at,#fff)}
.hd-over:not(.hd-solid) .site-nav.nv-outline a:hover,.hd-over:not(.hd-solid) .site-nav.nv-outline a[aria-current=page]{border-color:#fff;color:#fff}
.hd-over:not(.hd-solid) .site-nav.nv-box{border-color:rgba(255,255,255,.6)}.hd-over:not(.hd-solid) .site-nav.nv-box a+a{border-left-color:rgba(255,255,255,.6)}
}
.site-foot{background:var(--ink);color:#fff;padding:48px 0 24px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.site-foot a{color:#fff;opacity:.85}.site-foot h3{color:#fff;font-size:1rem}.site-foot p{margin:.2em 0}
.copy{margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);opacity:.7;font-size:.9rem}
@media(max-width:760px){.foot{grid-template-columns:1fr}}

/* ---- ข้อความทับรูป ---- */
.cd-overlay{position:relative;min-height:300px;color:#fff;border:0;justify-content:flex-end;background:linear-gradient(135deg,var(--brand),var(--brand-2))}
.cd-overlay .card-img{position:absolute;inset:0}.cd-overlay .card-img img,.cd-overlay .card-img .ph{height:100%;aspect-ratio:auto}
.cd-overlay .card-body{position:relative;background:linear-gradient(transparent,rgba(0,0,0,.72));padding-top:64px}.cd-overlay h3,.cd-overlay .price,.cd-overlay a{color:#fff}

/* ---- รูปแบบการ์ด (Style → รูปแบบ) ---- */
.w-iconbox[class*=look-]{padding:24px}
.look-minimal{background:transparent;border:0;border-bottom:2px solid var(--soft);border-radius:0;box-shadow:none}.look-minimal .card-body{padding-left:0;padding-right:0}.look-minimal .card-img :is(img,.ph){border-radius:var(--radius)}
.look-accent{background:#fff;border:0;border-top:5px solid var(--accent);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.look-soft{background:var(--soft);border:0;border-radius:calc(var(--radius)*1.8);box-shadow:none}
.look-dark{background:var(--ink);color:#fff;border:0}.look-dark :is(h3,.price,.amt,.amt small){color:#fff}.look-dark a:not(.btn){color:var(--accent)}.look-dark .w-pricing li:before,.look-dark li:before{color:var(--accent)}.look-dark .ico{background:rgba(255,255,255,.12)}
.look-gradient{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border:0}.look-gradient :is(h3,.price,.amt,.amt small){color:#fff}.look-gradient a:not(.btn){color:#fff}.look-gradient .ico{background:rgba(255,255,255,.2)}.look-gradient li:before{color:#fff}
.look-lift{transition:transform .2s,box-shadow .2s;border:1px solid var(--soft);background:#fff;border-radius:var(--radius)}.look-lift:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,.14)}
@media(prefers-reduced-motion:reduce){.look-lift{transition:none}.look-lift:hover{transform:none}}
.look-badge{position:relative}.look-badge .price{position:absolute;top:14px;right:14px;background:var(--accent);color:var(--ink);padding:4px 14px;border-radius:999px;font-size:.95rem;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:2}
.look-badge:not(:has(.card-img)) .card-body{padding-top:56px}
.look-center{text-align:center}.look-center .ico{margin-left:auto;margin-right:auto;border-radius:50%;background:var(--soft)}.look-center .card-body>.ico{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px}
.look-number{position:relative;counter-increment:n}.row{counter-reset:n}
.look-number:before{content:counter(n,decimal-leading-zero);position:absolute;top:10px;left:16px;font:700 2.2rem var(--font-head);color:var(--accent);z-index:2;text-shadow:0 1px 6px rgba(0,0,0,.3)}
.look-number:not(:has(.card-img)) .card-body{padding-top:62px}
.look-quote{background:transparent;border:0;padding:0;font-size:1.25rem}

/* ---- Style: พื้นหลัง ตัวอักษร ---- */
.bg-none{background:transparent}.bg-soft{background:var(--soft)}.bg-white{background:#fff;color:var(--ink)}
.bg-brand{background:var(--brand);color:#fff}.bg-gradient{background:linear-gradient(120deg,var(--brand),var(--brand-2));color:#fff}
.bg-dark{background:var(--ink);color:#fff}.bg-accent{background:var(--accent);color:var(--ink)}
.bg-image{background:linear-gradient(rgba(0,0,0,var(--ov,.45)),rgba(0,0,0,var(--ov,.45))),var(--bgimg) center/cover;color:#fff}
.tx-light{color:#fff}.tx-dark{color:var(--ink)}.tx-brand{color:var(--brand)}
:is(.bg-brand,.bg-gradient,.bg-dark,.bg-image,.tx-light) :is(h1,h2,h3,h4,h5,h6){color:#fff}
:is(.bg-accent,.tx-dark) :is(h1,h2,h3,h4,h5,h6){color:var(--ink)}.tx-brand :is(h1,h2,h3,h4,h5,h6){color:var(--brand)}
:is(.bg-brand,.bg-gradient,.bg-dark,.bg-image,.tx-light) a:not(.btn){color:#fff}
:is(.bg-brand,.bg-gradient,.bg-dark,.bg-image,.tx-light) .badge{background:rgba(255,255,255,.18);color:#fff}
.bg-soft .w-iconbox .ico{background:#fff}.bg-dark .w-iconbox .ico,.bg-brand .w-iconbox .ico,.bg-gradient .w-iconbox .ico{background:rgba(255,255,255,.12)}
:is(.bg-brand,.bg-gradient,.bg-dark,.bg-image,.bg-accent,.tx-light) :is(.w-card,.w-pricing,.w-testi,.w-form .form,.hv-card,.qa,.bg-white,.look-soft,.look-accent,.look-lift){color:var(--ink)}
:is(.bg-brand,.bg-gradient,.bg-dark,.bg-image,.bg-accent,.tx-light) :is(.w-card,.w-pricing,.w-testi,.bg-white,.look-soft,.look-accent,.look-lift) :is(h1,h2,h3,h4){color:var(--brand)}
:is(.bg-brand,.bg-gradient,.bg-dark,.bg-image,.bg-accent,.tx-light) :is(.w-card,.w-pricing,.w-testi,.bg-white,.look-soft,.look-accent,.look-lift) a:not(.btn){color:var(--brand-2)}
/* สีตัวอักษรที่เลือกเอง: ต้องอยู่หลังกฎสีของพื้นหลัง/การ์ดด้านบน และเพิ่มน้ำหนักด้วยคลาสซ้ำเพื่อทับได้ */
.tx-custom.tx-custom,.tx-custom.tx-custom :is(h1,h2,h3,h4,h5,h6,p,li,span,small,b,strong,em,label,blockquote,figcaption,dt,dd,td,th,a:not(.btn),.badge){color:var(--tc)}
.bg-image .cd-overlay h3,.bg-dark .cd-overlay h3,.bg-brand .cd-overlay h3{color:#fff}
:is(.bg-brand,.bg-gradient,.bg-dark,.bg-image) .look-dark{color:#fff}:is(.bg-brand,.bg-gradient,.bg-dark,.bg-image) .look-dark :is(h3,.price,.amt){color:#fff}

/* ---- Style: มุม เงา ขอบ ความกว้าง ตำแหน่ง อัตราส่วน ---- */
.r-0{border-radius:0}.r-sm{border-radius:6px}.r-md{border-radius:14px}.r-lg{border-radius:28px}.r-full{border-radius:999px}
.sh-none{box-shadow:none}.sh-sm{box-shadow:0 2px 8px rgba(0,0,0,.08)}.sh-md{box-shadow:0 8px 24px rgba(0,0,0,.1)}.sh-lg{box-shadow:0 16px 40px rgba(0,0,0,.14)}
.bd-none{border:0}.bd-thin{border:1px solid var(--soft)}.bd-brand{border:1px solid var(--brand-2)}.bd-accent{border:2px solid var(--accent)}
.mw-sm{max-width:480px;width:100%}.mw-md{max-width:680px;width:100%}.mw-lg{max-width:860px;width:100%}
.pos-center{margin-left:auto;margin-right:auto;align-self:center}.pos-right{margin-left:auto;align-self:flex-end}
.col.mw-sm,.col.mw-md,.col.mw-lg{justify-self:start}.col.pos-center{justify-self:center}.col.pos-right{justify-self:end}
.ar-1 :is(img,.ph){aspect-ratio:1/1!important}.ar-43 :is(img,.ph){aspect-ratio:4/3!important}.ar-169 :is(img,.ph){aspect-ratio:16/9!important}.ar-34 :is(img,.ph){aspect-ratio:3/4!important}
.w-image.ar-1 img,.w-image.ar-43 img{height:auto}

/* ---- ยูทิลิตี้ตามอุปกรณ์: คอม → แท็บเล็ต → มือถือ ---- */
.s.pt-none{padding-top:0px}.s.pb-none{padding-bottom:0px}.s.px-none{padding-left:0px;padding-right:0px}.s.mt-none{margin-top:0px}.s.mb-none{margin-bottom:0px}.s.pt-sm{padding-top:36px}.s.pb-sm{padding-bottom:36px}.s.px-sm{padding-left:36px;padding-right:36px}.s.mt-sm{margin-top:36px}.s.mb-sm{margin-bottom:36px}.s.pt-md{padding-top:72px}.s.pb-md{padding-bottom:72px}.s.px-md{padding-left:72px;padding-right:72px}.s.mt-md{margin-top:72px}.s.mb-md{margin-bottom:72px}.s.pt-lg{padding-top:108px}.s.pb-lg{padding-bottom:108px}.s.px-lg{padding-left:108px;padding-right:108px}.s.mt-lg{margin-top:108px}.s.mb-lg{margin-bottom:108px}.s.pt-xl{padding-top:150px}.s.pb-xl{padding-bottom:150px}.s.px-xl{padding-left:150px;padding-right:150px}.s.mt-xl{margin-top:150px}.s.mb-xl{margin-bottom:150px}.col.pt-none{padding-top:0px}.col.pb-none{padding-bottom:0px}.col.px-none{padding-left:0px;padding-right:0px}.col.mt-none{margin-top:0px}.col.mb-none{margin-bottom:0px}.col.pt-xs{padding-top:8px}.col.pb-xs{padding-bottom:8px}.col.px-xs{padding-left:8px;padding-right:8px}.col.mt-xs{margin-top:8px}.col.mb-xs{margin-bottom:8px}.col.pt-sm{padding-top:16px}.col.pb-sm{padding-bottom:16px}.col.px-sm{padding-left:16px;padding-right:16px}.col.mt-sm{margin-top:16px}.col.mb-sm{margin-bottom:16px}.col.pt-md{padding-top:32px}.col.pb-md{padding-bottom:32px}.col.px-md{padding-left:32px;padding-right:32px}.col.mt-md{margin-top:32px}.col.mb-md{margin-bottom:32px}.col.pt-lg{padding-top:56px}.col.pb-lg{padding-bottom:56px}.col.px-lg{padding-left:56px;padding-right:56px}.col.mt-lg{margin-top:56px}.col.mb-lg{margin-bottom:56px}.col.pt-xl{padding-top:88px}.col.pb-xl{padding-bottom:88px}.col.px-xl{padding-left:88px;padding-right:88px}.col.mt-xl{margin-top:88px}.col.mb-xl{margin-bottom:88px}.w.pt-none{padding-top:0px}.w.pb-none{padding-bottom:0px}.w.px-none{padding-left:0px;padding-right:0px}.w.mt-none{margin-top:0px}.w.mb-none{margin-bottom:0px}.w.pt-xs{padding-top:8px}.w.pb-xs{padding-bottom:8px}.w.px-xs{padding-left:8px;padding-right:8px}.w.mt-xs{margin-top:8px}.w.mb-xs{margin-bottom:8px}.w.pt-sm{padding-top:16px}.w.pb-sm{padding-bottom:16px}.w.px-sm{padding-left:16px;padding-right:16px}.w.mt-sm{margin-top:16px}.w.mb-sm{margin-bottom:16px}.w.pt-md{padding-top:32px}.w.pb-md{padding-bottom:32px}.w.px-md{padding-left:32px;padding-right:32px}.w.mt-md{margin-top:32px}.w.mb-md{margin-bottom:32px}.w.pt-lg{padding-top:56px}.w.pb-lg{padding-bottom:56px}.w.px-lg{padding-left:56px;padding-right:56px}.w.mt-lg{margin-top:56px}.w.mb-lg{margin-bottom:56px}.w.pt-xl{padding-top:88px}.w.pb-xl{padding-bottom:88px}.w.px-xl{padding-left:88px;padding-right:88px}.w.mt-xl{margin-top:88px}.w.mb-xl{margin-bottom:88px}.al-left{text-align:left}.al-center{text-align:center}.al-right{text-align:right}.c-d1{grid-column:span 1}.c-d2{grid-column:span 2}.c-d3{grid-column:span 3}.c-d4{grid-column:span 4}.c-d5{grid-column:span 5}.c-d6{grid-column:span 6}.c-d7{grid-column:span 7}.c-d8{grid-column:span 8}.c-d9{grid-column:span 9}.c-d10{grid-column:span 10}.c-d11{grid-column:span 11}.c-d12{grid-column:span 12}
@media(max-width:1024px){.s.pt-t-none{padding-top:0px}.s.pb-t-none{padding-bottom:0px}.s.px-t-none{padding-left:0px;padding-right:0px}.s.mt-t-none{margin-top:0px}.s.mb-t-none{margin-bottom:0px}.s.pt-t-sm{padding-top:36px}.s.pb-t-sm{padding-bottom:36px}.s.px-t-sm{padding-left:36px;padding-right:36px}.s.mt-t-sm{margin-top:36px}.s.mb-t-sm{margin-bottom:36px}.s.pt-t-md{padding-top:72px}.s.pb-t-md{padding-bottom:72px}.s.px-t-md{padding-left:72px;padding-right:72px}.s.mt-t-md{margin-top:72px}.s.mb-t-md{margin-bottom:72px}.s.pt-t-lg{padding-top:108px}.s.pb-t-lg{padding-bottom:108px}.s.px-t-lg{padding-left:108px;padding-right:108px}.s.mt-t-lg{margin-top:108px}.s.mb-t-lg{margin-bottom:108px}.s.pt-t-xl{padding-top:150px}.s.pb-t-xl{padding-bottom:150px}.s.px-t-xl{padding-left:150px;padding-right:150px}.s.mt-t-xl{margin-top:150px}.s.mb-t-xl{margin-bottom:150px}.col.pt-t-none{padding-top:0px}.col.pb-t-none{padding-bottom:0px}.col.px-t-none{padding-left:0px;padding-right:0px}.col.mt-t-none{margin-top:0px}.col.mb-t-none{margin-bottom:0px}.col.pt-t-xs{padding-top:8px}.col.pb-t-xs{padding-bottom:8px}.col.px-t-xs{padding-left:8px;padding-right:8px}.col.mt-t-xs{margin-top:8px}.col.mb-t-xs{margin-bottom:8px}.col.pt-t-sm{padding-top:16px}.col.pb-t-sm{padding-bottom:16px}.col.px-t-sm{padding-left:16px;padding-right:16px}.col.mt-t-sm{margin-top:16px}.col.mb-t-sm{margin-bottom:16px}.col.pt-t-md{padding-top:32px}.col.pb-t-md{padding-bottom:32px}.col.px-t-md{padding-left:32px;padding-right:32px}.col.mt-t-md{margin-top:32px}.col.mb-t-md{margin-bottom:32px}.col.pt-t-lg{padding-top:56px}.col.pb-t-lg{padding-bottom:56px}.col.px-t-lg{padding-left:56px;padding-right:56px}.col.mt-t-lg{margin-top:56px}.col.mb-t-lg{margin-bottom:56px}.col.pt-t-xl{padding-top:88px}.col.pb-t-xl{padding-bottom:88px}.col.px-t-xl{padding-left:88px;padding-right:88px}.col.mt-t-xl{margin-top:88px}.col.mb-t-xl{margin-bottom:88px}.w.pt-t-none{padding-top:0px}.w.pb-t-none{padding-bottom:0px}.w.px-t-none{padding-left:0px;padding-right:0px}.w.mt-t-none{margin-top:0px}.w.mb-t-none{margin-bottom:0px}.w.pt-t-xs{padding-top:8px}.w.pb-t-xs{padding-bottom:8px}.w.px-t-xs{padding-left:8px;padding-right:8px}.w.mt-t-xs{margin-top:8px}.w.mb-t-xs{margin-bottom:8px}.w.pt-t-sm{padding-top:16px}.w.pb-t-sm{padding-bottom:16px}.w.px-t-sm{padding-left:16px;padding-right:16px}.w.mt-t-sm{margin-top:16px}.w.mb-t-sm{margin-bottom:16px}.w.pt-t-md{padding-top:32px}.w.pb-t-md{padding-bottom:32px}.w.px-t-md{padding-left:32px;padding-right:32px}.w.mt-t-md{margin-top:32px}.w.mb-t-md{margin-bottom:32px}.w.pt-t-lg{padding-top:56px}.w.pb-t-lg{padding-bottom:56px}.w.px-t-lg{padding-left:56px;padding-right:56px}.w.mt-t-lg{margin-top:56px}.w.mb-t-lg{margin-bottom:56px}.w.pt-t-xl{padding-top:88px}.w.pb-t-xl{padding-bottom:88px}.w.px-t-xl{padding-left:88px;padding-right:88px}.w.mt-t-xl{margin-top:88px}.w.mb-t-xl{margin-bottom:88px}.al-t-left{text-align:left}.al-t-center{text-align:center}.al-t-right{text-align:right}.c-t1{grid-column:span 1}.c-t2{grid-column:span 2}.c-t3{grid-column:span 3}.c-t4{grid-column:span 4}.c-t5{grid-column:span 5}.c-t6{grid-column:span 6}.c-t7{grid-column:span 7}.c-t8{grid-column:span 8}.c-t9{grid-column:span 9}.c-t10{grid-column:span 10}.c-t11{grid-column:span 11}.c-t12{grid-column:span 12}}
@media(max-width:640px){.s.pt-m-none{padding-top:0px}.s.pb-m-none{padding-bottom:0px}.s.px-m-none{padding-left:0px;padding-right:0px}.s.mt-m-none{margin-top:0px}.s.mb-m-none{margin-bottom:0px}.s.pt-m-sm{padding-top:36px}.s.pb-m-sm{padding-bottom:36px}.s.px-m-sm{padding-left:36px;padding-right:36px}.s.mt-m-sm{margin-top:36px}.s.mb-m-sm{margin-bottom:36px}.s.pt-m-md{padding-top:72px}.s.pb-m-md{padding-bottom:72px}.s.px-m-md{padding-left:72px;padding-right:72px}.s.mt-m-md{margin-top:72px}.s.mb-m-md{margin-bottom:72px}.s.pt-m-lg{padding-top:108px}.s.pb-m-lg{padding-bottom:108px}.s.px-m-lg{padding-left:108px;padding-right:108px}.s.mt-m-lg{margin-top:108px}.s.mb-m-lg{margin-bottom:108px}.s.pt-m-xl{padding-top:150px}.s.pb-m-xl{padding-bottom:150px}.s.px-m-xl{padding-left:150px;padding-right:150px}.s.mt-m-xl{margin-top:150px}.s.mb-m-xl{margin-bottom:150px}.col.pt-m-none{padding-top:0px}.col.pb-m-none{padding-bottom:0px}.col.px-m-none{padding-left:0px;padding-right:0px}.col.mt-m-none{margin-top:0px}.col.mb-m-none{margin-bottom:0px}.col.pt-m-xs{padding-top:8px}.col.pb-m-xs{padding-bottom:8px}.col.px-m-xs{padding-left:8px;padding-right:8px}.col.mt-m-xs{margin-top:8px}.col.mb-m-xs{margin-bottom:8px}.col.pt-m-sm{padding-top:16px}.col.pb-m-sm{padding-bottom:16px}.col.px-m-sm{padding-left:16px;padding-right:16px}.col.mt-m-sm{margin-top:16px}.col.mb-m-sm{margin-bottom:16px}.col.pt-m-md{padding-top:32px}.col.pb-m-md{padding-bottom:32px}.col.px-m-md{padding-left:32px;padding-right:32px}.col.mt-m-md{margin-top:32px}.col.mb-m-md{margin-bottom:32px}.col.pt-m-lg{padding-top:56px}.col.pb-m-lg{padding-bottom:56px}.col.px-m-lg{padding-left:56px;padding-right:56px}.col.mt-m-lg{margin-top:56px}.col.mb-m-lg{margin-bottom:56px}.col.pt-m-xl{padding-top:88px}.col.pb-m-xl{padding-bottom:88px}.col.px-m-xl{padding-left:88px;padding-right:88px}.col.mt-m-xl{margin-top:88px}.col.mb-m-xl{margin-bottom:88px}.w.pt-m-none{padding-top:0px}.w.pb-m-none{padding-bottom:0px}.w.px-m-none{padding-left:0px;padding-right:0px}.w.mt-m-none{margin-top:0px}.w.mb-m-none{margin-bottom:0px}.w.pt-m-xs{padding-top:8px}.w.pb-m-xs{padding-bottom:8px}.w.px-m-xs{padding-left:8px;padding-right:8px}.w.mt-m-xs{margin-top:8px}.w.mb-m-xs{margin-bottom:8px}.w.pt-m-sm{padding-top:16px}.w.pb-m-sm{padding-bottom:16px}.w.px-m-sm{padding-left:16px;padding-right:16px}.w.mt-m-sm{margin-top:16px}.w.mb-m-sm{margin-bottom:16px}.w.pt-m-md{padding-top:32px}.w.pb-m-md{padding-bottom:32px}.w.px-m-md{padding-left:32px;padding-right:32px}.w.mt-m-md{margin-top:32px}.w.mb-m-md{margin-bottom:32px}.w.pt-m-lg{padding-top:56px}.w.pb-m-lg{padding-bottom:56px}.w.px-m-lg{padding-left:56px;padding-right:56px}.w.mt-m-lg{margin-top:56px}.w.mb-m-lg{margin-bottom:56px}.w.pt-m-xl{padding-top:88px}.w.pb-m-xl{padding-bottom:88px}.w.px-m-xl{padding-left:88px;padding-right:88px}.w.mt-m-xl{margin-top:88px}.w.mb-m-xl{margin-bottom:88px}.al-m-left{text-align:left}.al-m-center{text-align:center}.al-m-right{text-align:right}.c-m1{grid-column:span 1}.c-m2{grid-column:span 2}.c-m3{grid-column:span 3}.c-m4{grid-column:span 4}.c-m5{grid-column:span 5}.c-m6{grid-column:span 6}.c-m7{grid-column:span 7}.c-m8{grid-column:span 8}.c-m9{grid-column:span 9}.c-m10{grid-column:span 10}.c-m11{grid-column:span 11}.c-m12{grid-column:span 12}}
.w-buttons.al-center{text-align:center}
/* ---- ระยะ Margin / Padding กำหนดเอง 4 ด้าน (px) แยกตามอุปกรณ์ ---- */
.pdt-d{padding-top:var(--pdt-d)}.pdr-d{padding-right:var(--pdr-d)}.pdb-d{padding-bottom:var(--pdb-d)}.pdl-d{padding-left:var(--pdl-d)}.mgt-d{margin-top:var(--mgt-d)}.mgr-d{margin-right:var(--mgr-d)}.mgb-d{margin-bottom:var(--mgb-d)}.mgl-d{margin-left:var(--mgl-d)}@media(max-width:1024px){.pdt-t{padding-top:var(--pdt-t)}.pdr-t{padding-right:var(--pdr-t)}.pdb-t{padding-bottom:var(--pdb-t)}.pdl-t{padding-left:var(--pdl-t)}.mgt-t{margin-top:var(--mgt-t)}.mgr-t{margin-right:var(--mgr-t)}.mgb-t{margin-bottom:var(--mgb-t)}.mgl-t{margin-left:var(--mgl-t)}}@media(max-width:640px){.pdt-m{padding-top:var(--pdt-m)}.pdr-m{padding-right:var(--pdr-m)}.pdb-m{padding-bottom:var(--pdb-m)}.pdl-m{padding-left:var(--pdl-m)}.mgt-m{margin-top:var(--mgt-m)}.mgr-m{margin-right:var(--mgr-m)}.mgb-m{margin-bottom:var(--mgb-m)}.mgl-m{margin-left:var(--mgl-m)}}
.rdx{overflow:hidden}.sh-custom{box-shadow:var(--shd)}.rdtl-d{border-top-left-radius:var(--rdtl-d)}.rdtr-d{border-top-right-radius:var(--rdtr-d)}.rdbr-d{border-bottom-right-radius:var(--rdbr-d)}.rdbl-d{border-bottom-left-radius:var(--rdbl-d)}@media(max-width:1024px){.rdtl-t{border-top-left-radius:var(--rdtl-t)}.rdtr-t{border-top-right-radius:var(--rdtr-t)}.rdbr-t{border-bottom-right-radius:var(--rdbr-t)}.rdbl-t{border-bottom-left-radius:var(--rdbl-t)}}@media(max-width:640px){.rdtl-m{border-top-left-radius:var(--rdtl-m)}.rdtr-m{border-top-right-radius:var(--rdtr-m)}.rdbr-m{border-bottom-right-radius:var(--rdbr-m)}.rdbl-m{border-bottom-left-radius:var(--rdbl-m)}}
@media(min-width:1025px){.hd-d{display:none!important}}
@media(min-width:641px) and (max-width:1024px){.hd-t{display:none!important}}
@media(max-width:640px){.hd-m{display:none!important}.rev-m{display:flex;flex-direction:column-reverse}.gc-2:not(.gv-carousel):not(.gv-masonry){grid-template-columns:1fr}}

/* ---- ลูกเล่นการเคลื่อนไหว (เปิดเฉพาะเมื่อมี JS และผู้ใช้ไม่ปิดแอนิเมชันในระบบ) ---- */
/* สไลด์ภาพ */
.w-slider{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--soft);isolation:isolate}
.sl-h-sm{height:clamp(220px,34vw,360px)}.sl-h-md{height:clamp(280px,46vw,520px)}.sl-h-lg{height:clamp(340px,60vw,680px)}.sl-h-screen{height:min(100vh,860px);min-height:360px}
.sl-track{height:100%;position:relative}
.sl-slide{position:relative;overflow:hidden;color:#fff}
.sl-slide img,.sl-slide .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;min-height:0}
.sl-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0) 60%);pointer-events:none}
.sl-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(18px,4vw,48px);max-width:720px}.sl-cap h3{color:#fff;font-size:clamp(1.3rem,3vw,2.2rem);margin:0 0 6px}.sl-cap p{margin:0 0 12px;opacity:.92}
.sl-fx-slide .sl-track{display:flex;transition:transform .6s cubic-bezier(.3,.7,.2,1)}.sl-fx-slide .sl-slide{flex:0 0 100%;height:100%}
.sl-fx-fade .sl-slide,.sl-fx-zoom .sl-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s .9s}
.sl-fx-fade .sl-slide.is-on,.sl-fx-zoom .sl-slide.is-on{opacity:1;visibility:visible;transition:opacity .9s ease}
.sl-nav{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.88);color:var(--ink);cursor:pointer;display:grid;place-items:center;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:background .2s,transform .2s}
.sl-nav:hover{background:#fff;transform:translateY(-50%) scale(1.08)}.sl-prev{left:14px}.sl-next{right:14px}.sl-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sl-dots{position:absolute;left:0;right:0;bottom:14px;z-index:3;display:flex;justify-content:center;gap:8px}
.sl-dots button{width:10px;height:10px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.55);cursor:pointer;transition:width .3s,background .3s}.sl-dots button.is-on{width:28px;background:#fff}
.sl-nav:focus-visible,.sl-dots button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:640px){.sl-nav{width:36px;height:36px}.sl-prev{left:8px}.sl-next{right:8px}.sl-cap{padding-bottom:40px}}
/* ข้อความวิ่ง */
.w-marquee{overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;width:max-content}.mq-row{display:flex;flex:none}.mq-row span{font:600 1.15rem var(--font-head);padding:0 28px;position:relative}.mq-row span:after{content:"";position:absolute;right:-4px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--accent)}
/* เอฟเฟกต์ตอนชี้เมาส์ (ใช้ .x.x เพื่อชนะ transform ของแอนิเมชันเข้าฉาก) */
.hov-lift,.hov-glow,.hov-tilt{transition:transform .3s ease,box-shadow .3s ease}
.hov-lift.hov-lift:hover{transform:translateY(-7px);box-shadow:0 16px 34px rgba(0,0,0,.16)}
.hov-glow.hov-glow:hover{box-shadow:0 0 0 3px var(--accent),0 12px 36px rgba(0,0,0,.18)}
.hov-tilt.hov-tilt:hover{transform:perspective(700px) rotateX(3deg) rotateY(-4deg) scale(1.02)}
.hov-zoom{overflow:hidden}.hov-zoom :is(img,.ph){transition:transform .7s ease}.hov-zoom:hover :is(img,.ph){transform:scale(1.08)}
/* พารัลแลกซ์: พื้นหลังภาพคงที่ขณะเลื่อน (เฉพาะจอคอมที่ใช้เมาส์) */
@media(hover:hover) and (min-width:900px){.fx-parallax.bg-image{background-attachment:scroll,fixed}}
@media(prefers-reduced-motion:no-preference){
  html.js .an{opacity:0;transition:opacity var(--ad,.7s) ease var(--dl,0s),transform var(--ad,.7s) cubic-bezier(.2,.7,.2,1) var(--dl,0s)}
  html.js .an-up{transform:translateY(32px)}html.js .an-down{transform:translateY(-32px)}html.js .an-left{transform:translateX(-48px)}html.js .an-right{transform:translateX(48px)}
  html.js .an-zoom{transform:scale(.86)}html.js .an-flip{transform:perspective(800px) rotateX(-20deg) translateY(24px);transform-origin:50% 100%}
  html.js .an.an-in{opacity:1;transform:none}
  html.js .an.an-done{transition-delay:0s}
  html.an-noanim .an{transition:none!important}
  .ad-fast{--ad:.4s}.ad-slow{--ad:1.2s}.dl-150{--dl:.15s}.dl-300{--dl:.3s}.dl-500{--dl:.5s}.dl-800{--dl:.8s}
  .lp-float{animation:lpf 3.4s ease-in-out infinite}.lp-pulse{animation:lpp 2s ease-in-out infinite}.lp-swing{animation:lps 3.6s ease-in-out infinite}
  @keyframes lpf{50%{translate:0 -12px}}@keyframes lpp{50%{scale:1.07}}@keyframes lps{0%,100%{rotate:-2.5deg}50%{rotate:2.5deg}}
  .sl-fx-zoom .sl-slide.is-on img,.sl-fx-zoom .sl-slide.is-on .ph{animation:kb 9s ease-out both}@keyframes kb{from{transform:scale(1)}to{transform:scale(1.12)}}
  .mq-track{animation:mq var(--mqd,38s) linear infinite}.mq-right .mq-track{animation-direction:reverse}.w-marquee:hover .mq-track{animation-play-state:paused}
  @keyframes mq{to{transform:translateX(-50%)}}
}
@media(prefers-reduced-motion:reduce){.w-marquee{white-space:normal;-webkit-mask-image:none;mask-image:none}.mq-track{width:auto}.mq-row{flex-wrap:wrap;justify-content:center}.mq-row+.mq-row{display:none}.sl-fx-slide .sl-track{transition:none}}