:root{--paper:#ffffff;--white:#ffffff;--forest:#252a32;--forest-dark:#181b20;--ink:#181b20;--muted:#626973;--line:#e5e7eb;--rust:#384250;--peach:#e9edf2;--sage:#f2f4f6;--radius:22px;--font:'Noto Sans Thai',Tahoma,system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:5px}a:hover{color:var(--rust)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4}img{max-width:100%;height:auto;display:block}svg{flex-shrink:0}::selection{background:var(--peach);color:var(--forest-dark)}.wrap{width:min(1216px,calc(100% - 80px));margin:auto}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;z-index:100;background:var(--forest);color:white}.skip-link:focus{top:15px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:1.4px;color:var(--rust)}.eyebrow:before{content:'';width:23px;height:2px;background:currentColor}.overline{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--muted)}.section{padding:96px 0}.section-title{font-size:clamp(30px,3.1vw,44px);font-weight:600;letter-spacing:-1.1px;margin:16px 0 15px}.section-intro{font-size:16px;color:var(--muted);max-width:590px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading .section-intro{max-width:350px}.tag{display:inline-flex;align-items:center;border-radius:99px;background:var(--sage);color:var(--forest);padding:5px 12px;font-size:11px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:12px 24px;border-radius:7px;border:1px solid var(--forest);font-weight:600;text-decoration:none;font-size:14px;background:var(--forest);color:var(--white);transition:background .15s,transform .15s}.button:hover{background:var(--forest-dark);color:white;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--forest);border-color:#bbc6b7}.button.secondary:hover{background:var(--sage)}.arrow{font-family:system-ui,sans-serif;font-weight:400;font-size:20px;line-height:1}.text-link{font-size:13px;font-weight:600}.fine{font-size:12px;color:var(--muted);line-height:1.8}.topbar{height:34px;background:var(--forest);color:#e4e9de;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.6px;gap:10px}.topbar .dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#a7be94}.site-header{position:sticky;top:0;z-index:30;background:#fffffff5;backdrop-filter:blur(16px);border-bottom:1px solid #d9ddd099}.nav-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;line-height:1}.brand-symbol{display:grid;grid-template-columns:repeat(2,8px);gap:3px;transform:rotate(-8deg);margin:0 5px 0 2px}.brand-symbol i{display:block;width:8px;height:8px;border-radius:1px;background:var(--forest)}.brand-symbol i:last-child{background:var(--rust)}.brand-word{font-size:25px;letter-spacing:-.8px;font-weight:700}.brand-sub{font-size:8px;letter-spacing:1.6px;margin-top:7px;color:var(--muted);display:block;font-family:system-ui,sans-serif}.nav-links{display:flex;align-items:center;gap:35px}.nav-links a{font-size:13px;text-decoration:none}.nav-links a:hover{color:var(--rust)}.nav-links .nav-buy{padding:8px 15px;border:1px solid var(--line);border-radius:6px}.hero{padding:62px 0 35px}.hero-grid{display:grid;grid-template-columns:1fr 1.06fr;align-items:center;gap:36px}.hero-copy{padding:10px 0 35px}.hero h1{font-size:clamp(40px,4.05vw,59px);letter-spacing:-1.9px;font-weight:600;line-height:1.33;margin:24px 0 24px}.hero h1 .accent{color:var(--rust)}.hero-summary{font-size:16px;color:var(--muted);max-width:410px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:31px;flex-wrap:wrap}.hero-note{display:flex;gap:9px;align-items:flex-start;margin-top:25px;font-size:11px;color:var(--muted)}.hero-note .circle-check{width:16px;height:16px;font-size:10px}.circle-check{display:inline-flex;align-items:center;justify-content:center;border:1px solid #9aac8a;border-radius:50%;width:20px;height:20px;color:var(--forest);font-size:12px;flex-shrink:0;margin-top:2px}.hero-art{position:relative;min-height:540px;align-self:stretch;overflow:hidden;border-radius:160px 24px 24px 24px;background:#eef0e4;isolation:isolate}.hero-art:after{content:'';position:absolute;width:130px;height:130px;border-radius:50%;background:#c16c44;bottom:-45px;right:-43px;z-index:-1}.hero-art img{width:110%;max-width:none;margin-left:-6%;margin-top:18px}.art-kicker{position:absolute;left:35px;top:39px;font-size:9px;letter-spacing:2px;font-weight:600;color:#576e58}.art-top-label{position:absolute;top:63px;right:30px;background:var(--forest);color:white;padding:9px 15px;font-size:10px;line-height:1.6;border-radius:3px;transform:rotate(6deg)}.art-top-label span{display:block;font-size:8px;letter-spacing:1.5px;color:#d0dcbf}.art-callout{position:absolute;left:33px;bottom:100px;border-left:1px solid #9fac93;padding-left:12px;font-size:11px;line-height:1.6;font-weight:600}.art-callout small{display:block;font-size:9px;font-weight:400;color:var(--muted)}.art-caption{position:absolute;left:30px;right:30px;bottom:24px;font-size:10px;color:#536450;border-top:1px solid #cfd7bf;padding-top:13px}.hero-meta{display:flex;gap:22px;align-items:center;margin:32px 0 0;font-size:10px;color:var(--muted)}.hero-meta span+span{border-left:1px solid #cbd3c6;padding-left:22px}.intro-strip{margin-top:31px;display:grid;grid-template-columns:repeat(3,1fr);padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro-item{display:flex;gap:15px;padding:5px 30px}.intro-item:first-child{padding-left:0}.intro-item+.intro-item{border-left:1px solid var(--line)}.intro-number{font-family:Georgia,serif;font-style:italic;font-size:28px;line-height:1.4;color:#8c9d82}.intro-item strong{font-size:13px;font-weight:600;display:block}.intro-item p{font-size:11px;color:var(--muted);margin-top:3px}.understand{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}.understand-copy p+p{margin-top:15px}.understand-copy{font-size:16px;color:var(--muted);padding-top:6px}.understand-copy strong{color:var(--ink);font-weight:500}.editor-note{margin-top:24px;display:flex;gap:12px;padding:18px 20px;background:#eeeee2;border-radius:8px;font-size:12px;color:#5d665a}.editor-note svg{margin-top:3px}.compare-section{background:var(--sage)}.compare-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.product-card{background:var(--white);border:1px solid #d6ddc9;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.product-card.featured{border-color:#90a17a;box-shadow:0 6px 20px #244b3b06}.card-art{height:176px;position:relative;overflow:hidden;background:#e6eadb;margin:14px 14px 0;border-radius:12px}.card-art img{width:245px;max-width:none;position:absolute;left:50%;top:-45px;transform:translateX(-50%)}.product-card:nth-child(2) .card-art{background:#eaddcb}.product-card:nth-child(2) .card-art img{filter:brightness(.91) saturate(.83);transform:translateX(-50%) scaleY(1.1)}.product-card:nth-child(3) .card-art{background:#e9e5db}.product-card:nth-child(3) .card-art img{filter:brightness(.78) saturate(.55)}.card-art-label{position:absolute;bottom:10px;left:12px;color:#536450;font-size:9px}.card-number{position:absolute;top:12px;left:13px;font-family:Georgia,serif;font-style:italic;font-size:22px;color:#698160}.card-main{padding:24px;flex:1;display:flex;flex-direction:column}.card-main .tag{align-self:flex-start;font-size:10px}.card-main h3{font-size:23px;letter-spacing:-.7px;margin:13px 0 8px;font-weight:600}.card-desc{font-size:12px;color:var(--muted);min-height:45px}.spec-list{margin:22px 0 0;padding:0;border-top:1px solid var(--line)}.spec-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.spec-row dt{color:var(--muted)}.spec-row dd{margin:0;text-align:right;font-weight:600}.spec-row dd small{font-size:9px;font-weight:400;display:block}.card-for{font-size:12px;margin:18px 0}.card-source{margin-top:auto;padding-top:5px;font-size:10px;color:var(--muted)}.card-source a{font-weight:500}.source-note{display:flex;gap:12px;align-items:flex-start;font-size:11px;color:#5c6a53;line-height:1.85;margin-top:22px;max-width:870px}.source-note strong{color:var(--ink)}.chooser{margin-top:44px;background:var(--forest);color:#ffffff;padding:31px 36px;border-radius:16px;display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center}.chooser .overline{color:#b6c6a2;font-size:9px}.chooser h3{font-size:23px;margin:7px 0 18px;letter-spacing:-.5px;font-weight:500}.choice-options{display:flex;gap:7px;flex-wrap:wrap}.choice-button{background:transparent;border:1px solid #758b71;color:#eef2e8;padding:7px 12px;border-radius:99px;font-size:11px;min-height:39px;transition:background .15s}.choice-button[aria-pressed=true]{background:#e3e8cb;color:var(--forest-dark);border-color:#e3e8cb}.choice-button:hover{background:#3d604a;color:white}.choice-button:focus-visible{outline-color:#ecc6a2}.chooser-result{border-left:1px solid #667f60;padding-left:32px;font-size:13px;line-height:1.85;color:#dbe4d2}.chooser-result strong{color:#ffffff;font-size:15px;display:block;margin-bottom:5px}.reviews-heading-note{max-width:390px;color:var(--muted);font-size:12px;line-height:1.85}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.review-card{border:1px solid var(--line);padding:28px;border-radius:16px;background:#ffffff66}.review-quote{font-family:Georgia,serif;font-size:49px;line-height:.7;color:#9aab83;margin:3px 0 20px}.review-card blockquote{margin:0 0 25px;font-size:17px;line-height:1.8;font-weight:500;min-height:95px}.review-person{display:flex;align-items:center;gap:11px;padding-top:18px;border-top:1px solid var(--line)}.review-avatar{width:36px;height:36px;border-radius:50%;background:#e7ebdd;display:grid;place-items:center;font:italic 19px Georgia,serif;color:#5a7550}.review-name{font-size:11px;font-weight:600}.review-person time{font-size:10px;color:var(--muted);display:block}.review-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;margin-top:21px}.review-caption p{max-width:720px}.review-caption a{white-space:nowrap;font-size:11px}.review-disclaimer{margin-top:26px;display:flex;gap:12px;background:#efeee4;padding:17px 22px;border-radius:8px;color:#63705e;font-size:11px}.checklist-section{border-top:1px solid var(--line)}.checklist-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:start}.checklist-aside{position:sticky;top:124px}.checklist-aside .section-intro{max-width:310px}.checklist-tag{margin-top:28px;display:inline-flex;gap:9px;align-items:center;padding:8px 13px;border:1px solid var(--line);border-radius:6px;font-size:10px;color:var(--muted)}.checklist{list-style:none;margin:0;padding:0;counter-reset:check}.checklist li{padding:21px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:36px 1fr;gap:16px;counter-increment:check}.checklist li:first-child{padding-top:0}.checklist li:before{content:'0' counter(check);font-family:Georgia,serif;font-size:20px;font-style:italic;color:#8d9e7b;padding-top:2px}.checklist h3{font-size:16px;font-weight:600;margin-bottom:6px}.checklist p{font-size:12px;color:var(--muted);line-height:1.9}.faq-section{background:#efefe4}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list{border-top:1px solid #cbd3bf}.faq-list details{border-bottom:1px solid #cbd3bf}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font-size:15px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:var(--rust);font:25px Georgia,serif;flex-shrink:0}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:13px;color:var(--muted);padding:0 32px 24px 0;line-height:1.95}.buy-section{padding:85px 0}.buy-box{position:relative;background:var(--forest);border-radius:24px;padding:57px 64px;color:var(--white);overflow:hidden;display:grid;grid-template-columns:1fr .95fr;gap:50px;align-items:center}.buy-box:before{content:'';position:absolute;width:300px;height:300px;border:1px solid #52694c;border-radius:50%;left:-170px;top:-130px;pointer-events:none}.buy-box .eyebrow{color:#deb593}.buy-box .section-title{font-size:35px;margin-top:13px}.buy-box p{color:#cfdbbf;font-size:13px;max-width:400px}.buy-links{display:grid;gap:12px}.buy-link{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:17px 19px;min-height:68px;border-radius:8px;text-decoration:none;font-size:13px;background:var(--white);color:var(--forest);font-weight:600}.buy-link:hover{background:#ecefdc;color:var(--forest-dark)}.shop-icon{display:grid;place-items:center;width:29px;height:29px;background:#f0e9dd;border-radius:6px;font-size:16px;line-height:1}.buy-label{flex:1}.buy-link small{display:block;font-size:9px;color:var(--muted);font-weight:400}.buy-status{font-size:10px!important;color:#c3d2b4!important;margin-top:15px}.buy-status a{color:#e5eada}.site-footer{border-top:1px solid var(--line);padding:37px 0 23px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.footer-brand p{font-size:11px;color:var(--muted);margin-top:17px;max-width:290px;line-height:1.85}.footer-links{display:flex;flex-wrap:wrap;gap:14px 26px;max-width:600px;padding-top:10px}.footer-links a,.footer-links button{font-size:11px;text-decoration:none;color:#586853}.footer-links button{border:0;background:none;padding:0}.footer-bottom{margin-top:37px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#697562}.mobile-buy{display:none}.consent-panel{position:fixed;bottom:20px;left:20px;z-index:60;max-width:450px;background:var(--white);border:1px solid var(--line);box-shadow:0 5px 35px #17382d25;border-radius:14px;padding:25px}.consent-panel h2{font-size:18px}.consent-panel p{font-size:12px;color:var(--muted);margin:10px 0 20px}.consent-actions{display:flex;gap:10px}.consent-actions button{font-size:12px;min-height:43px;padding:8px 15px}.article-hero{max-width:850px;padding:72px 0 44px;margin:auto}.article-hero h1{font-size:clamp(34px,4vw,50px);font-weight:600;letter-spacing:-1px;margin:16px 0}.article-hero .lead{font-size:17px;color:var(--muted);max-width:670px}.article-body{max-width:850px;margin:auto;padding:0 0 90px}.article-body section{padding:28px 0;border-top:1px solid var(--line)}.article-body h2{font-size:23px;font-weight:600;margin:0 0 15px}.article-body h3{font-size:16px;margin:18px 0 8px}.article-body p,.article-body li{font-size:14px;color:#5d6a5a;line-height:1.95}.article-body p+p{margin-top:14px}.article-body ul,.article-body ol{padding-left:23px}.article-body li+li{margin-top:9px}.article-body a{color:var(--rust);overflow-wrap:anywhere}.article-body .note-box{background:var(--sage);border-radius:12px;padding:25px;margin-bottom:30px}.article-body .note-box p{margin:0}.source-entry{display:grid;grid-template-columns:40px 1fr;gap:10px}.source-index{font:italic 24px Georgia,serif;color:#8d9d7d;padding-top:5px}.source-entry h2{font-size:20px}.source-meta{font-size:11px!important;margin:10px 0}.not-found{text-align:center;padding:100px 0 130px}.not-found h1{font-size:44px;line-height:1.4;margin:20px 0}.not-found p{color:var(--muted);margin-bottom:30px}.not-found .eyebrow{justify-content:center}
@media(min-width:1600px){.hero-art{min-height:550px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:20px}.hero h1{font-size:46px;letter-spacing:-1.5px}.hero-art{min-height:500px}.hero-art img{margin-top:65px}.art-callout{bottom:100px;left:25px}.hero-summary{font-size:14px}.hero-actions .button{font-size:12px;gap:12px;padding:12px 18px}.nav-links{gap:24px}.intro-item{padding:4px 22px;gap:11px}.intro-item strong{font-size:12px}.intro-item p{font-size:10px}.card-main{padding:20px}.card-main h3{font-size:22px}.spec-row{font-size:11px}.compare-cards{gap:15px}.understand{gap:45px}.checklist-grid{gap:45px}.buy-box{padding:43px;gap:35px}.review-card{padding:22px}.review-card blockquote{font-size:16px}.chooser{padding:28px}.hero-meta{font-size:9px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.nav-inner{min-height:76px;gap:15px}.nav-links{gap:20px}.nav-links a{font-size:11px}.nav-links .nav-buy{display:none}.brand-word{font-size:23px}.hero{padding-top:35px}.hero-grid{grid-template-columns:1fr 1fr;gap:15px}.hero h1{font-size:35px;letter-spacing:-1px}.hero-summary{font-size:12px}.hero-art{min-height:421px;border-radius:100px 20px 20px 20px}.hero-art img{width:134%;margin-left:-18%;margin-top:71px}.hero-copy{padding-bottom:15px}.hero .eyebrow{font-size:10px;letter-spacing:.8px}.hero-actions{gap:9px;margin-top:24px}.hero-actions .button{padding:10px 13px;min-height:44px;font-size:11px;gap:10px}.hero-note{font-size:9px;margin-top:20px}.art-kicker{left:25px;top:40px;font-size:7px}.art-top-label{right:15px;top:66px;padding:6px 10px;font-size:9px}.art-top-label span{font-size:7px}.art-callout{font-size:9px;bottom:88px;left:19px}.art-callout small{font-size:8px}.art-caption{font-size:8px;left:20px;right:20px;bottom:19px;padding-top:11px}.hero-meta{gap:13px;margin-top:24px}.hero-meta span+span{padding-left:13px}.intro-strip{margin-top:26px;padding:20px 0}.intro-item{padding:4px 14px;gap:8px}.intro-number{font-size:23px}.intro-item strong{font-size:10px}.intro-item p{font-size:9px}.section{padding:65px 0}.section-title{font-size:30px;letter-spacing:-.6px}.section-intro{font-size:13px}.understand{gap:35px;grid-template-columns:.85fr 1.15fr}.understand-copy{font-size:13px}.editor-note{font-size:10px;padding:14px}.section-heading{gap:25px;margin-bottom:30px}.section-heading .section-intro{max-width:260px;font-size:12px}.compare-cards{gap:12px}.card-art{margin:9px 9px 0;height:135px;border-radius:10px}.card-art img{width:193px;top:-35px}.card-number{font-size:18px;top:9px;left:10px}.card-art-label{font-size:7px;bottom:7px;left:8px}.card-main{padding:16px 14px}.card-main h3{font-size:20px}.card-main .tag{font-size:8px;padding:3px 8px}.card-desc{font-size:10px;min-height:54px}.spec-row{font-size:9px;gap:6px;line-height:1.65}.spec-row dd small{font-size:8px}.spec-list{margin-top:16px}.card-for{font-size:10px;margin:14px 0}.card-source{font-size:8px}.source-note{font-size:10px}.chooser{grid-template-columns:1fr 1.1fr;gap:24px;padding:26px}.chooser h3{font-size:20px}.chooser-result{font-size:11px;padding-left:23px}.chooser-result strong{font-size:13px}.choice-button{font-size:9px;padding:6px 9px;min-height:35px}.reviews-heading-note{font-size:10px;max-width:270px}.review-grid{gap:15px}.review-card{padding:20px 17px}.review-card blockquote{font-size:14px;min-height:105px}.review-name{font-size:10px}.review-person time{font-size:9px}.review-person{gap:8px}.review-avatar{width:30px;height:30px;font-size:17px}.review-caption{gap:20px}.review-caption p,.review-caption a{font-size:10px}.checklist-grid{gap:40px;grid-template-columns:.8fr 1.2fr}.checklist h3{font-size:14px}.checklist p{font-size:11px}.checklist li{gap:8px;grid-template-columns:30px 1fr}.checklist-tag{font-size:9px;padding:7px 9px}.faq-layout{gap:30px;grid-template-columns:.8fr 1.2fr}.faq-list summary{font-size:13px;padding:19px 0}.faq-list details p{font-size:11px}.buy-box{padding:36px;gap:30px;grid-template-columns:1fr 1fr}.buy-box .section-title{font-size:29px}.buy-box p{font-size:11px}.buy-link{font-size:11px;padding:14px;gap:9px}.buy-link small{font-size:8px}.buy-status{font-size:9px!important}.footer-links{gap:12px 20px;max-width:330px}.footer-links a,.footer-links button{font-size:10px}.footer-brand p{font-size:10px;max-width:230px}.footer-bottom{font-size:8px}}
@media(max-width:600px){html{scroll-padding-top:81px}body{font-size:15px;padding-bottom:76px}.wrap{width:calc(100% - 40px)}.topbar{height:29px;font-size:8px;letter-spacing:.15px;gap:7px}.nav-inner{min-height:68px;gap:14px}.brand{gap:7px}.brand-word{font-size:22px}.brand-sub{font-size:6px;letter-spacing:1.3px;margin-top:5px}.brand-symbol{grid-template-columns:repeat(2,6px);gap:2px;margin-left:0}.brand-symbol i{width:6px;height:6px}.nav-links{gap:16px}.nav-links a{font-size:10px}.hero{padding:34px 0 15px}.hero-grid{display:flex;flex-direction:column;gap:26px}.hero-copy{width:100%;padding:0}.hero .eyebrow{font-size:10px}.hero h1{font-size:42px;letter-spacing:-1.25px;line-height:1.3;margin:19px 0 18px}.hero-summary{font-size:14px;line-height:1.9;max-width:370px}.hero-actions{margin-top:25px;gap:10px}.hero-actions .button{font-size:12px;min-height:49px;padding:12px 17px;gap:16px}.hero-note{font-size:10px;max-width:310px;line-height:1.7;margin-top:20px}.hero-note .circle-check{width:14px;height:14px;font-size:8px;margin-top:2px}.hero-art{width:100%;min-height:0;height:353px;border-radius:105px 18px 18px 18px}.hero-art img{position:absolute;width:113%;margin:0;left:-6%;top:-46px}.art-kicker{top:34px;left:48px;font-size:7px}.art-top-label{top:45px;right:21px;font-size:9px;padding:7px 11px}.art-callout{bottom:72px;left:20px;font-size:10px}.art-callout small{font-size:8px}.art-caption{font-size:8px;bottom:19px}.hero-meta{flex-wrap:wrap;gap:7px 12px;margin:21px 0 0;font-size:8px}.hero-meta span+span{padding-left:12px}.intro-strip{grid-template-columns:1fr;margin-top:25px;padding:0}.intro-item{padding:15px 0!important;gap:15px}.intro-item+.intro-item{border-left:0;border-top:1px solid var(--line)}.intro-number{font-size:24px;width:25px}.intro-item strong{font-size:12px}.intro-item p{font-size:10px;margin-top:2px}.section{padding:57px 0}.section-title{font-size:30px;margin:12px 0 12px;line-height:1.45}.eyebrow{font-size:10px;letter-spacing:1px}.section-intro{font-size:13px;line-height:1.9}.understand{grid-template-columns:1fr;gap:22px}.understand-copy{font-size:14px;line-height:1.95;padding:0}.editor-note{font-size:11px;padding:16px;margin-top:20px;gap:10px}.section-heading{display:block;margin-bottom:26px}.section-heading .section-intro{max-width:none;font-size:13px}.compare-cards{grid-template-columns:1fr;gap:18px}.product-card{display:grid;grid-template-columns:107px 1fr;border-radius:15px;overflow:visible}.card-art{height:160px;width:95px;min-width:0;margin:12px 0 12px 12px;border-radius:9px;position:sticky;top:94px}.card-art img{width:185px;max-width:none;top:-6px}.card-art-label{font-size:7px;bottom:10px;left:10px;max-width:75px;line-height:1.4}.card-number{font-size:20px;left:10px;top:8px}.card-main{padding:20px 16px 20px 18px}.card-main h3{font-size:23px;margin:10px 0 7px}.card-main .tag{font-size:9px;padding:3px 9px}.card-desc{font-size:11px;min-height:0}.spec-list{margin-top:17px}.spec-row{font-size:10px;padding:10px 0}.spec-row dd small{font-size:8px}.card-for{font-size:11px;margin:13px 0}.card-source{font-size:9px;line-height:1.7}.source-note{font-size:10px;margin-top:20px;gap:9px}.source-note svg{width:14px;margin-top:3px}.chooser{display:block;padding:25px 23px;margin-top:29px;border-radius:15px}.chooser .overline{font-size:8px}.chooser h3{font-size:23px;margin:8px 0 17px}.choice-options{gap:7px}.choice-button{font-size:10px;min-height:38px;padding:7px 10px}.chooser-result{margin-top:21px;padding:20px 0 0;border-left:0;border-top:1px solid #667f60;font-size:12px;min-height:112px}.chooser-result strong{font-size:14px}.reviews-heading-note{max-width:none;font-size:11px;margin-top:16px}.review-grid{grid-template-columns:1fr;gap:15px}.review-card{padding:25px;border-radius:13px}.review-quote{font-size:44px;margin-bottom:10px}.review-card blockquote{font-size:17px;min-height:0;margin-bottom:19px;line-height:1.9}.review-person{gap:10px;padding-top:16px}.review-avatar{width:35px;height:35px;font-size:20px}.review-name{font-size:11px}.review-person time{font-size:10px}.review-caption{display:block;margin-top:21px}.review-caption p{font-size:10px;margin-bottom:12px}.review-caption a{font-size:11px}.review-disclaimer{font-size:10px;padding:16px;gap:10px;margin-top:22px}.review-disclaimer svg{width:16px;margin-top:3px}.checklist-grid{grid-template-columns:1fr;gap:29px}.checklist-aside{position:static}.checklist-aside .section-intro{max-width:none}.checklist-tag{margin-top:19px;font-size:10px;padding:7px 12px}.checklist li{grid-template-columns:30px 1fr;padding:20px 0;gap:12px}.checklist li:before{font-size:22px}.checklist h3{font-size:15px;margin-bottom:7px}.checklist p{font-size:12px}.faq-layout{grid-template-columns:1fr;gap:27px}.faq-list summary{font-size:14px;padding:21px 0;gap:18px}.faq-list details p{font-size:12px;padding-right:18px}.buy-section{padding:48px 0}.buy-box{grid-template-columns:1fr;padding:31px 25px;gap:25px;border-radius:18px}.buy-box .section-title{font-size:31px;margin-bottom:14px}.buy-box p{font-size:12px}.buy-links{gap:11px}.buy-link{font-size:12px;padding:15px 17px;min-height:67px}.buy-link small{font-size:9px}.buy-status{font-size:10px!important;margin-top:15px}.site-footer{padding:31px 0 24px}.footer-top{display:block}.footer-brand p{max-width:290px;font-size:11px;margin-top:15px}.footer-links{gap:12px 22px;max-width:none;margin-top:25px;padding:0}.footer-links a,.footer-links button{font-size:10px}.footer-bottom{display:block;margin-top:26px;font-size:9px;line-height:1.9}.footer-bottom span{display:block;margin-top:5px}.mobile-buy{display:flex;align-items:center;justify-content:space-between;gap:15px;position:fixed;z-index:40;bottom:0;left:0;right:0;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:#fffffff7;backdrop-filter:blur(12px);border-top:1px solid var(--line);box-shadow:0 -4px 16px #17382d06}.mobile-buy p{font-size:11px;font-weight:600;line-height:1.4}.mobile-buy small{display:block;font-size:8px;color:var(--muted);font-weight:400;margin-top:4px}.mobile-buy .button{min-height:42px;padding:9px 16px;font-size:11px;gap:14px}.consent-panel{left:12px;right:12px;bottom:87px;max-width:none;padding:22px}.consent-panel h2{font-size:17px}.consent-panel p{font-size:11px}.consent-actions{flex-wrap:wrap}.article-hero{padding:46px 0 30px}.article-hero h1{font-size:34px}.article-hero .lead{font-size:14px}.article-body{padding-bottom:50px}.article-body section{padding:24px 0}.article-body h2{font-size:21px}.article-body p,.article-body li{font-size:13px}.article-body .note-box{padding:20px}.source-entry{grid-template-columns:28px 1fr;gap:8px}.source-entry h2{font-size:18px}.source-index{font-size:20px}.not-found{padding:70px 0}.not-found h1{font-size:33px}.not-found p{font-size:13px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.nav-links{gap:12px}.nav-links a{font-size:9px}.brand-word{font-size:21px}.hero h1{font-size:39px}.hero-summary{font-size:13px}.hero-actions .button{padding:11px 14px;font-size:11px;gap:12px}.hero-art{height:333px}.hero-art img{top:-35px}.card-main{padding:19px 13px 19px 16px}.product-card{grid-template-columns:99px 1fr}.card-art{width:88px;margin-left:11px}.card-main h3{font-size:21px}.card-desc{font-size:10px}.spec-row{font-size:9px}.choice-button{font-size:9px;padding:7px 9px}.chooser{padding:23px 21px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.art-kicker,.art-top-label,.art-callout,.art-caption{z-index:2}.card-art-label{background:#f8f6eee6;border-radius:3px;padding:2px 5px}.hero-art img{position:relative;z-index:0}
@media(min-width:801px){.art-kicker{left:72px}}
@media(max-width:600px){.hero-art img{position:absolute}.art-top-label{top:34px;right:17px;font-size:8px}.art-top-label span{font-size:6px}.art-kicker{max-width:120px;font-size:6px;line-height:1.9;top:39px}}
@media(min-width:601px) and (max-width:800px){.hero-summary,.section-intro,.section-heading .section-intro,.understand-copy{font-size:14px}.hero-note{font-size:11px}.hero-meta{font-size:10px}.intro-item strong{font-size:12px}.intro-item p{font-size:11px}.editor-note{font-size:12px}.compare-cards{grid-template-columns:1fr;gap:20px}.product-card{display:grid;grid-template-columns:190px 1fr}.card-art{height:220px;margin:14px 0 14px 14px}.card-art img{width:270px;top:-14px}.card-number{font-size:25px}.card-art-label{font-size:10px;left:12px;right:12px;bottom:12px}.card-main{padding:25px}.card-main h3{font-size:27px}.card-main .tag{font-size:11px}.card-desc{font-size:14px;min-height:0}.card-desc br{display:none}.spec-row{font-size:13px}.spec-row dd small{font-size:11px}.card-for{font-size:14px}.card-source{font-size:11px}.source-note{font-size:11px}.choice-button{font-size:11px}.chooser-result{font-size:13px}.chooser-result strong{font-size:15px}.reviews-heading-note{font-size:12px}.review-card blockquote{font-size:16px;min-height:145px}.review-name{font-size:11px}.review-caption p,.review-caption a,.review-disclaimer{font-size:11px}.review-person .fine{font-size:10px}.checklist h3{font-size:16px}.checklist p{font-size:14px}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px}.buy-box p{font-size:13px}.buy-link{font-size:13px}.buy-link small{font-size:10px}.footer-brand p{font-size:11px}.footer-links a,.footer-links button{font-size:11px}}
@media(max-width:600px){.hero-summary,.section-intro,.section-heading .section-intro{font-size:14px}.hero-note{font-size:11px}.hero-meta{font-size:10px}.intro-item strong{font-size:14px}.intro-item p{font-size:12px}.editor-note{font-size:12px}.product-card{display:flex;flex-direction:column;overflow:hidden}.card-art{position:relative;top:auto;width:auto;height:150px;margin:12px 12px 0}.card-art img{width:255px;top:-61px}.card-art-label{max-width:none;font-size:10px;left:14px;bottom:12px}.card-number{font-size:24px;left:14px;top:12px}.card-main{padding:23px}.card-main h3{font-size:26px}.card-main .tag{font-size:11px;padding:4px 10px}.card-desc{font-size:14px;line-height:1.9}.card-desc br{display:none}.spec-row{font-size:13px;padding:12px 0;line-height:1.8}.spec-row dd small{font-size:11px;max-width:145px}.card-for{font-size:14px;line-height:1.9;margin:19px 0}.card-source{font-size:11px;line-height:1.95}.source-note{font-size:11px}.choice-button{font-size:12px;padding:8px 12px;min-height:43px}.chooser-result{font-size:14px;line-height:1.9}.chooser-result strong{font-size:15px}.reviews-heading-note{font-size:14px}.review-card blockquote{font-size:18px}.review-name{font-size:12px}.review-caption p,.review-caption a,.review-disclaimer{font-size:11px}.checklist h3{font-size:17px}.checklist p{font-size:14px}.checklist-tag{font-size:11px}.faq-list summary{font-size:16px}.faq-list details p{font-size:14px;line-height:1.95}.buy-box p{font-size:14px;line-height:1.95}.buy-link{font-size:14px}.buy-link small{font-size:11px;line-height:1.8}.buy-status{font-size:11px!important}.footer-brand p{font-size:12px}.footer-links a,.footer-links button{font-size:12px}.footer-bottom{font-size:10px}.mobile-buy p{font-size:12px}.mobile-buy small{font-size:10px}.mobile-buy .button{font-size:12px;min-height:45px}.article-body p,.article-body li{font-size:14px}.article-body .source-meta{font-size:12px!important}.consent-panel p{font-size:13px}.consent-actions button{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Real seller product photography: preserve the complete source frames. */
.hero-grid{grid-template-columns:1fr 1fr;gap:56px}.hero-product{margin:0;background:#eeeee3;border:1px solid #dedfd1;border-radius:24px;padding:18px;box-shadow:0 22px 65px #244b3b0c;align-self:center}.photo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 4px 18px}.photo-heading .overline{font-size:10px;letter-spacing:1.4px}.photo-badge{font-size:11px;color:var(--forest);background:#ffffff;padding:5px 10px;border-radius:99px}.photo-trigger{display:block;position:relative;width:100%;padding:0;border:0;background:none;text-align:inherit;border-radius:12px;overflow:hidden;cursor:zoom-in}.photo-trigger img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;transition:filter .2s}.photo-trigger:hover img{filter:brightness(1.025)}.zoom-badge{position:absolute;bottom:12px;right:12px;background:#fffffff0;color:var(--forest);border:1px solid #ffffff80;border-radius:5px;padding:4px 10px;font-size:11px;box-shadow:0 2px 10px #0001}.hero-product figcaption{padding:18px 5px 3px}.color-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:12px}.color-label strong{font-size:13px;color:var(--forest);font-weight:600}.color-options{display:flex;gap:7px;flex-wrap:wrap}.color-choice{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:7px;font-size:11px;color:var(--forest);border:1px solid transparent;background:transparent;min-height:38px}.color-choice[aria-pressed=true]{border-color:var(--forest);background:var(--white)}.color-choice span,.gallery-item figcaption i{display:inline-block;width:15px;height:15px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002;flex-shrink:0}.photo-credit{font-size:11px;color:var(--muted);margin-top:16px}.product-gallery{padding:70px 0 75px;background:#f0efe6;border-block:1px solid var(--line)}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.gallery-item{margin:0;padding:10px 10px 0;border:1px solid #deded1;background:var(--white);border-radius:15px;overflow:hidden}.gallery-item .photo-trigger{border-radius:8px}.gallery-item figcaption{display:flex;align-items:center;justify-content:space-between;padding:17px 8px;font-size:15px;font-weight:500}.gallery-item figcaption>span:first-child{display:flex;align-items:center;gap:9px}.gallery-number{font-family:Georgia,serif;color:#9aa690;font-style:italic;font-size:20px}.gallery-source{display:flex;gap:32px;align-items:flex-start;justify-content:space-between;margin-top:24px;font-size:12px;color:var(--muted)}.gallery-source p{max-width:610px}.gallery-source a{flex-shrink:0}.card-art.real-product-photo{height:auto;aspect-ratio:1;margin:14px 14px 0;border-radius:10px;background:transparent;position:relative;top:auto;overflow:hidden}.card-art.real-product-photo img{position:static;width:100%;height:auto;max-width:100%;margin:0;transform:none;filter:none;object-fit:contain;aspect-ratio:1}.card-photo-source{font-size:11px;line-height:1.85;color:var(--muted);padding:12px 0;border-top:1px dashed var(--line)}.card-art.variant-note{aspect-ratio:1;height:auto;margin:14px 14px 0;padding:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:10px;background:#e8e1d0;color:#5d5643;position:relative;top:auto}.variant-note strong{font-size:48px;font-weight:500;letter-spacing:-1px;margin:12px 0}.variant-note p{font-size:14px;line-height:1.9}.variant-note a{font-size:12px;margin-top:19px}.photo-viewer{border:1px solid var(--line);border-radius:16px;padding:15px;max-width:min(92vw,850px);max-height:94dvh;background:var(--white);color:var(--ink);box-shadow:0 24px 100px #0004;overflow:auto}.photo-viewer::backdrop{background:#10261fca;backdrop-filter:blur(5px)}.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 12px;font-size:14px}.viewer-heading button{border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:8px 15px;font-size:14px;white-space:nowrap}.photo-viewer img{max-height:72dvh;width:auto;max-width:100%;height:auto;object-fit:contain;margin:auto;border-radius:9px}.photo-viewer>a{display:block;text-align:center;font-size:13px;padding-top:12px}body.photo-open{overflow:hidden}
@media(max-width:1000px){.hero-grid{gap:30px}.photo-heading .overline{font-size:8px}.photo-badge{font-size:10px}.hero-product{padding:12px}.color-choice{font-size:10px;padding:6px}.photo-grid{gap:14px}.gallery-source{display:block}.gallery-source a{display:inline-block;margin-top:9px}}
@media(min-width:601px) and (max-width:800px){.product-card .card-art.real-product-photo,.product-card .card-art.variant-note{align-self:start;height:auto;aspect-ratio:1;margin:14px 0 14px 14px}.variant-note strong{font-size:31px}.variant-note p{font-size:11px}.card-art.variant-note{padding:18px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hero-grid{grid-template-columns:1fr;gap:22px}.hero-product{padding:12px;border-radius:19px;width:100%}.photo-heading{padding:4px 3px 13px}.photo-heading .overline{font-size:9px}.photo-badge{font-size:10px}.hero-product figcaption{padding:14px 3px 3px}.color-options{gap:4px}.color-choice{font-size:11px;padding:7px;min-height:41px}.photo-credit{font-size:11px}.product-gallery{padding:48px 0}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-item{padding:7px 7px 0;border-radius:12px}.gallery-item figcaption{padding:13px 4px;font-size:13px}.gallery-item figcaption>span:first-child{gap:6px}.gallery-item figcaption i{width:12px;height:12px}.gallery-number{font-size:17px}.gallery-source{font-size:12px;line-height:1.9;margin-top:19px}.zoom-badge{bottom:8px;right:8px;padding:3px 7px;font-size:10px}.card-art.real-product-photo{width:auto;height:auto;aspect-ratio:1;margin:12px 12px 0}.card-art.variant-note{width:auto;aspect-ratio:auto;min-height:245px;margin:12px 12px 0;padding:27px}.variant-note strong{font-size:43px}.card-photo-source{font-size:11px}.photo-viewer{padding:11px;max-width:96vw;max-height:94dvh}.viewer-heading{font-size:12px;gap:12px}.viewer-heading button{font-size:12px}.photo-viewer>a{font-size:12px}}
.product-card .card-art.real-product-photo img{position:static;inset:auto;transform:none;filter:none;translate:none;scale:none;width:100%;height:auto;margin:0;object-fit:contain}

/* Secondary-page identity uses the same full site name as the sales page. */
.brand>span:last-child{min-width:0}.brand-word{font-size:22px;letter-spacing:0;line-height:1.4}.brand-sub{font-family:var(--font);font-size:11px;letter-spacing:0;line-height:1.6}
@media(max-width:800px){.nav-inner{flex-wrap:wrap;padding-block:12px;gap:12px}.brand-word{font-size:20px}.nav-links{margin-left:auto}}
@media(max-width:600px){.brand-word{font-size:17px}.brand-sub{font-size:10px}}

/* Sales page — clean white/graphite brand system, mobile first. */
.sales-page{--paper:#ffffff;--cream:#f6f7f8;--sand:#e5e7eb;--ink:#181b20;--muted:#626973;--line:#e5e7eb;--white:#fff;--brand:#252a32;--brand-deep:#181b20;--brand-soft:#f0f2f4;--good:#2f6b4a;--good-soft:#e5f1e8;--warn:#8a5a12;--warn-soft:#fbf0d9;--tiktok:#111;--shopee:#ee4d2d;--forest:#181b20;background:var(--paper);color:var(--ink);font-family:'Noto Sans Thai',sans-serif;font-size:16px;line-height:1.75;padding-bottom:calc(92px + env(safe-area-inset-bottom))}
html:has(body.sales-page){--sp-header-height:60px;scroll-padding-top:calc(var(--sp-header-height) + env(safe-area-inset-top) + 12px);scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom))}
.sales-page *{box-sizing:border-box}
.sales-page h1,.sales-page h2,.sales-page h3,.sp-brand,.sp-buy,.sp-kicker{font-family:'Anuphan','Noto Sans Thai',sans-serif;letter-spacing:0}
.sales-page h1,.sales-page h2,.sales-page h3,.sales-page p,.sales-page ul,.sales-page ol,.sales-page dl,.sales-page figure{margin:0}
.sales-page ul,.sales-page ol{padding:0;list-style:none}
.sales-page h2{font-size:clamp(30px,7.4vw,48px);font-weight:600;line-height:1.28;color:var(--ink)}
.sales-page h3{font-size:19px;font-weight:600;line-height:1.45}
.sales-page :where(a){color:inherit}
.sales-page img{max-width:100%}
.sales-page button{font:inherit;color:inherit}
.sales-page button,.sales-page a,.sales-page summary{-webkit-tap-highlight-color:transparent}
.sales-page :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid #475569;outline-offset:3px;border-radius:8px}
.sales-page [hidden]{display:none!important}
.sp-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.sp-kicker{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.5;color:var(--brand);margin-bottom:12px}
.sp-kicker:before{content:'';width:18px;height:2px;border-radius:2px;background:currentColor}
.sp-small{font-size:13px;line-height:1.7;color:var(--muted)}
.sp-small a{color:var(--brand);font-weight:500}
.sp-section-head{max-width:640px;margin-bottom:28px}
.sp-section-head>p:last-child:not(.sp-kicker){font-size:16px;color:var(--muted);margin-top:14px}
.sp-ai-tag{position:absolute;left:12px;bottom:12px;z-index:2;display:inline-block;font-size:12px;font-weight:500;line-height:1.4;padding:5px 10px;border-radius:999px;background:#fffffff0;color:var(--muted);box-shadow:0 2px 10px #181b2014}
.sp-zoom{position:absolute;right:10px;bottom:10px;font-size:12px;font-weight:500;line-height:1;padding:8px 11px;border-radius:999px;background:#fffffff0;color:var(--ink);box-shadow:0 2px 10px #181b201f;pointer-events:none}

/* Header */
.sales-page .skip-link{color:#fff;background:var(--brand-deep);border-radius:10px}
.sp-aff-note{font-size:12.5px;line-height:1.6;color:var(--muted);text-align:center}
.sp-close .sp-aff-note{color:var(--muted)}
.sp-rating-line small{font-size:12px;color:var(--muted)}
.sp-header{position:sticky;top:0;z-index:40;padding-top:env(safe-area-inset-top);background:#ffffffeb;-webkit-backdrop-filter:saturate(1.3) blur(12px);backdrop-filter:saturate(1.3) blur(12px);border-bottom:1px solid var(--line)}
.sp-header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--sp-header-height)}
.sp-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:700;line-height:1.2;text-decoration:none;color:var(--ink);min-height:44px}
.sp-brand-mark{flex:none;width:34px;height:34px;color:var(--brand)}
.sp-brand-name{white-space:nowrap}
.sp-header-nav a{white-space:nowrap}
.sp-brand small{display:block;font:12px/1.6 'Noto Sans Thai',sans-serif;color:var(--muted);margin-top:2px}
.sp-header-nav{display:flex;align-items:center;gap:2px}
.sp-header-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 10px;border-radius:999px;font-size:14px;font-weight:500;text-decoration:none;color:var(--ink)}
.sp-header-nav a:hover{background:var(--cream)}

/* Hero */
.sp-hero{position:relative;padding:22px 0 44px;background:var(--paper);overflow:hidden}
.sp-hero-grid{display:grid;grid-template-areas:'copy' 'media' 'buy' 'extra';gap:18px}
.sp-hero-copy{grid-area:copy}
.sp-hero .sp-kicker{margin-bottom:8px;font-size:13px}
.sp-hero h1{font-size:clamp(36px,10.4vw,70px);font-weight:700;line-height:1.16;color:var(--ink)}
.sp-hero h1 span{color:var(--brand)}
.sp-hero-lead{font-size:16px;line-height:1.7;color:var(--muted);margin-top:12px;max-width:520px}
.sp-hero-media{grid-area:media;position:relative;border-radius:26px;overflow:hidden;background:#f6f7f8;box-shadow:0 12px 36px -24px #181b2026}
.sp-hero-media img{display:block;width:100%;height:auto;aspect-ratio:1/0.86;object-fit:cover;object-position:50% 40%}
.sp-hero-buy{grid-area:buy}
.sp-hero-extra{grid-area:extra;display:grid;gap:14px}
.sp-purchase-note{font-size:13px;line-height:1.6;color:var(--muted);text-align:center;margin-top:10px}
.sp-review-pill{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border-radius:18px;background:var(--white);border:1px solid var(--line);text-decoration:none;color:var(--ink);box-shadow:0 8px 24px -16px #181b2040}
.sp-review-pill>span:nth-child(2){display:flex;flex-direction:column;line-height:1.45;min-width:0}
.sp-review-pill strong{font-size:15px;font-weight:600}
.sp-review-pill small{font-size:12px;color:var(--muted)}
.sp-review-pill b{margin-left:auto;display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--brand-soft);color:var(--brand)}
.sp-pill-faces{display:flex;flex:none}
.sp-pill-faces i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--white);font-style:normal;font-size:13px;font-weight:600;color:#fff;background:var(--brand)}
.sp-pill-faces i+i{margin-left:-9px;background:#737b87}
.sp-pill-faces i:nth-child(3){background:var(--good)}
.sp-hero-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sp-hero-facts li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#ffffffb3;border:1px solid var(--line)}
.sp-hero-facts svg{flex:none;color:var(--brand)}
.sp-hero-facts span{display:flex;flex-direction:column;font-size:12px;line-height:1.4;color:var(--muted)}
.sp-hero-facts strong{font-size:15px;color:var(--ink);font-weight:600}

/* Purchase buttons */
.sp-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sp-buy{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;min-height:68px;padding:12px;border-radius:16px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.sp-buy:active{transform:translateY(1px)}
.sp-buy-logo{display:block;width:26px;height:26px;object-fit:contain}
.sp-buy-copy{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.sp-buy-copy>span{font-size:13px;font-weight:500;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-buy strong{font-size:18px;font-weight:700;white-space:nowrap}
.sp-buy-go{display:none;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff1f;font-size:18px}
.sp-buy-primary{color:#fff;border:2px solid transparent;background:linear-gradient(var(--tiktok),var(--tiktok)) padding-box,linear-gradient(100deg,#25f4ee,#fe2c55) border-box;box-shadow:0 4px 12px #11111112}
.sp-buy-primary:hover{color:#fff;box-shadow:0 6px 16px #11111120}
.sp-buy-secondary{min-height:68px;color:#fff;background:#c93813;border:2px solid transparent;box-shadow:0 4px 12px #c9381312}
.sp-buy-secondary:hover{color:#fff;background:#b83110;box-shadow:0 16px 28px -16px #c93813aa}
.sp-buy-secondary strong{font-size:18px}
.sp-buy-shopee .sp-buy-logo{width:26px;height:26px;padding:0;background:transparent}
.sp-buy-secondary .sp-buy-copy{flex-direction:column;align-items:flex-start}

/* Reviews */
.sp-reviews{padding:60px 0 56px;background:var(--cream)}
.sp-review-summary{display:grid;gap:12px;margin-bottom:22px}
.sp-review-summary>div{padding:18px;border-radius:20px;background:var(--white);border:1px solid var(--line)}
.sp-review-summary h3{display:flex;align-items:center;gap:8px;font-size:17px;margin-bottom:10px}
.sp-summary-good h3 svg{color:var(--good)}.sp-summary-note h3 svg{color:var(--warn)}
.sp-review-summary ul{display:flex;flex-wrap:wrap;gap:8px}
.sp-review-summary li{font-size:14px;line-height:1.5;padding:7px 12px;border-radius:999px}
.sp-summary-good li{background:var(--good-soft);color:#214d35}
.sp-summary-note li{background:var(--warn-soft);color:#6b4610}
.sp-review-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:min(86vw,380px);gap:14px;align-items:start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:4px max(16px,calc((100% - 1180px)/2)) 22px;scroll-padding-inline:max(16px,calc((100% - 1180px)/2));scrollbar-width:thin;scrollbar-color:#c7cdd4 transparent}
.sp-review{position:relative;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center}
.sp-review-shot{display:block;width:100%;padding:0;border:0;border-radius:24px;overflow:hidden;background:var(--cream);cursor:zoom-in;box-shadow:0 16px 34px -22px #181b2066}
.sp-review-shot img{display:block;width:100%;height:auto;aspect-ratio:4/5}
.sp-review-byline{display:flex;align-items:center;gap:10px}
.sp-avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-weight:700;font-size:16px}
.sp-review-who{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.sp-review-who>span{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-review-who small{font-size:12px;color:var(--muted)}
.sp-review-photo{position:relative;display:block;width:100%;padding:0;border:0;border-radius:16px;overflow:hidden;background:var(--cream);cursor:zoom-in}
.sp-review-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}
.sp-review h3{font-size:17px;line-height:1.45}
.sp-review-copy{font-size:15px;line-height:1.75;color:#343b45}
.sp-review:not(.has-photo) .sp-review-copy{position:relative;padding-top:30px;font-size:16px}
.sp-review:not(.has-photo) .sp-review-copy:before{content:'“';position:absolute;top:-14px;left:-2px;font:700 58px/1 Georgia,serif;color:#dce1e7}
.sp-review-tags{display:flex;flex-wrap:wrap;gap:6px}
.sp-review-tags li{font-size:12px;line-height:1.5;padding:4px 10px;border-radius:999px;background:var(--cream);color:var(--muted)}
.sp-creator-note{font-size:12px;line-height:1.6;color:var(--warn);background:var(--warn-soft);padding:8px 10px;border-radius:10px}
.sp-review-source{margin-top:auto;border-top:1px solid #e5e7eb;padding-top:4px}
.sp-review-source a{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:13px;font-weight:500;color:var(--brand);text-decoration:none}
.sp-review-more{scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;gap:12px;aspect-ratio:4/5;padding:28px;border-radius:24px;background:var(--ink);color:#fff;text-decoration:none;box-shadow:0 16px 34px -22px #181b2066}
.sp-review-more strong{font-family:'Anuphan','Noto Sans Thai',sans-serif;font-size:28px;font-weight:600;line-height:1.3}
.sp-review-more span{font-size:15px;line-height:1.6;color:#e5e7eb}
.sp-review-more b{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:8px;padding:0 18px;border-radius:999px;background:#fff;color:var(--ink);font-size:15px;font-weight:600}
.sp-review-all{margin:0 0 14px;font-size:15px;color:var(--muted)}
.sp-review-all a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600;color:var(--brand)}
.sp-reviews-page{padding-top:22px}
.sp-reviews-page h1{font-size:clamp(32px,8.4vw,54px);font-weight:700;line-height:1.22;color:var(--ink)}
.sp-reviews-page .sp-inline-buy{margin-bottom:22px}
.sp-reviews-page .sp-rating-line{justify-content:flex-start;margin:0 0 8px}
.sp-reviews-page>.sp-container>.sp-actions{max-width:470px;margin-bottom:18px}
.sp-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.sp-crumbs a{display:inline-flex;align-items:center;min-height:44px;color:inherit}
.sp-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px 18px;align-items:start;margin:4px 0 28px}
.sp-feed-cta{grid-column:1/-1}
.sp-review-context{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:20px}
.sp-inline-buy{display:grid;gap:14px;padding:18px;border-radius:22px;background:var(--white);border:1px solid var(--line)}
.sp-inline-buy>p{display:flex;flex-direction:column;line-height:1.5}
.sp-inline-buy>p>strong{font-family:'Anuphan',sans-serif;font-size:19px}
.sp-inline-buy>p>span{font-size:14px;color:var(--muted)}

/* About & audience */
.sp-about{padding:64px 0 56px}
.sp-about-grid,.sp-for{display:grid;gap:26px;align-items:center}
.sp-about-media,.sp-for-media{position:relative;border-radius:26px;overflow:hidden;background:var(--cream)}
.sp-about-media img,.sp-for-media img{display:block;width:100%;height:auto;aspect-ratio:4/4.3;object-fit:cover}
.sp-lead{font-size:17px;line-height:1.8;color:#343b45;margin-top:14px}
.sp-features{display:grid;gap:10px;margin-top:22px}
.sp-features li{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:18px;background:var(--white);border:1px solid var(--line)}
.sp-features svg{flex:none;width:44px;height:44px;padding:10px;border-radius:14px;background:var(--brand-soft);color:var(--brand)}
.sp-features div{display:flex;flex-direction:column;line-height:1.55}
.sp-features strong{font-size:16px;font-weight:600}
.sp-features span{font-size:14px;color:var(--muted)}
.sp-for{margin-top:56px}
.sp-checks{display:grid;gap:10px;margin-top:18px}
.sp-checks li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.6}
.sp-checks svg{flex:none;width:24px;height:24px;padding:3px;border-radius:50%;background:var(--good-soft);color:var(--good);margin-top:1px}
.sp-caution{display:flex;gap:10px;align-items:flex-start;margin-top:20px;padding:14px;border-radius:16px;background:var(--warn-soft);color:#6b4610;font-size:14px;line-height:1.65}
.sp-caution svg{flex:none;width:22px;height:22px}
.sp-brand-story{margin-top:48px;padding:22px;border-radius:22px;background:var(--cream);border:1px solid var(--line)}
.sp-brand-story h3{font-size:22px;margin-bottom:8px}
.sp-brand-story>p:not(.sp-kicker){font-size:15px;line-height:1.8;color:#343b45}
.sp-story-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px}
.sp-story-links a{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:14px;font-weight:500;color:var(--brand);text-decoration:none}

/* How-to */
.sp-howto{padding:60px 0;background:var(--white);border-block:1px solid var(--line)}
.sp-steps{display:grid;gap:14px;counter-reset:step}
.sp-steps li{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:14px;align-items:start;padding:12px;border-radius:20px;background:var(--paper);border:1px solid var(--line)}
.sp-steps figure{position:relative;grid-row:1/3;border-radius:14px;overflow:hidden;background:#f6f7f8}
.sp-steps figure img{display:block;width:100%;height:auto;aspect-ratio:1}
.sp-steps-note{font-size:13px;color:var(--muted);margin-top:12px}
.sp-step-no{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;font:700 14px/1 'Anuphan',sans-serif}
.sp-steps h3{font-size:17px;margin-top:4px}
.sp-steps p{font-size:14px;line-height:1.65;color:var(--muted);margin-top:4px}

/* Models & colours */
.sp-models{padding:64px 0}
.sp-lineup{position:relative;border-radius:26px;overflow:hidden;background:#f6f7f8;margin-bottom:22px}
.sp-lineup img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.sp-gallery{display:grid;gap:18px;padding:16px;border-radius:24px;background:var(--white);border:1px solid var(--line)}
.sp-gallery-copy h3{font-size:20px}
.sp-gallery-copy>p{font-size:14px;color:var(--muted);margin-top:4px}
.sp-product-photo,.sp-model-photo button,.sp-detail-photos button{position:relative;display:block;width:100%;padding:0;border:0;border-radius:18px;overflow:hidden;background:#fff;cursor:zoom-in}
.sp-photo-window{display:block;position:relative;overflow:hidden;aspect-ratio:var(--photo-ratio);width:100%;background:#fff}
.sp-photo-window picture{display:block;width:100%;height:100%}
.sales-page .sp-photo-window img{display:block;width:100%;height:100%;object-fit:contain;transform:none;filter:none}
.sp-color-heading{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 10px;font-size:14px;color:var(--muted)}
.sp-color-heading strong{font-size:16px;color:var(--ink)}
.sp-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sp-color{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 10px;border-radius:14px;border:1.5px solid var(--line);background:var(--paper);cursor:pointer;font-size:14px;line-height:1.3;text-align:left}
.sp-color i{flex:none;width:24px;height:24px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000001f}
.sp-color[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);font-weight:600}
.sp-model-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:28px 0 14px;padding:6px;border-radius:18px;background:var(--cream)}
.sp-model-switch button,.sp-model-switch a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62px;padding:8px;border:0;border-radius:14px;background:transparent;cursor:pointer;font:600 16px/1.35 'Anuphan',sans-serif}
.sp-model-switch small{font:400 12px/1.5 'Noto Sans Thai',sans-serif;color:var(--muted)}
.sp-model-switch button[aria-pressed=true]{background:var(--white);box-shadow:0 6px 16px -10px #181b2066;color:var(--brand)}
.sp-model-panel{display:grid;gap:16px;padding:16px;border-radius:24px;background:var(--white);border:1px solid var(--line)}
.sp-model-description h3{font-size:22px}
.sp-model-description>p:not(.sp-small){font-size:15px;color:var(--muted);margin-top:4px}
.sp-model-description dl{margin:14px 0 10px}
.sp-model-description dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e5e7eb;font-size:15px}
.sp-model-description dt{color:var(--muted)}
.sp-model-description dd{margin:0;font-weight:600;text-align:right}
.sp-model-description .sp-small a{display:inline-flex;align-items:center;min-height:44px}
.sp-model-buy{display:grid;gap:14px;margin-top:14px;padding:18px;border-radius:22px;background:var(--brand-soft)}
.sp-model-buy>p{display:flex;flex-direction:column;line-height:1.5}
.sp-model-buy>p>span{font-size:13px;font-weight:600;color:var(--brand)}
.sp-model-buy>p>strong{font:600 19px/1.45 'Anuphan',sans-serif}
.sp-model-buy small{font-size:13px;color:#626973;margin-top:4px}
.sp-product-details{display:grid;gap:16px;margin-top:40px}
.sp-detail-heading h3{font-size:22px}
.sp-detail-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sp-detail-photos .sp-photo-window{aspect-ratio:1.3}
.sp-detail-photos figcaption{display:flex;flex-direction:column;padding:8px 2px 0;line-height:1.45}
.sp-detail-photos figcaption strong{font-size:14px}
.sp-detail-photos figcaption span{font-size:12px;color:var(--muted)}
.sp-credit{margin-top:22px;font-size:13px;color:var(--muted)}
.sp-credit summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-weight:500;color:var(--ink);list-style:none}
.sp-credit summary::-webkit-details-marker{display:none}
.sp-credit summary:after{content:'+';margin-left:8px;color:var(--brand)}
.sp-credit[open] summary:after{content:'−'}
.sp-credit>div a{display:inline-flex;align-items:center;min-height:44px;color:var(--brand);font-weight:500}
.sp-credit p{line-height:1.7}

/* FAQ */
.sp-faq{padding:64px 0;background:var(--cream)}
.sp-faq-grid{display:grid;gap:8px}
.sp-question{border-radius:18px;background:var(--white);border:1px solid var(--line);margin-bottom:10px}
.sp-question summary{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:60px;padding:12px 18px;cursor:pointer;list-style:none;font:600 17px/1.5 'Anuphan',sans-serif}
.sp-question summary::-webkit-details-marker{display:none}
.sp-question summary span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:20px;transition:transform .2s ease}
.sp-question[open] summary span{transform:rotate(45deg)}
.sp-question p{padding:0 18px 18px;font-size:15px;line-height:1.8;color:#343b45}

/* Closing CTA */
.sp-close{padding:60px 0;background:var(--cream);color:var(--ink);border-top:1px solid var(--line)}
.sp-close-grid{display:grid;gap:22px;align-items:center}
.sp-close-media{max-width:300px;margin-inline:auto!important;border-radius:26px;overflow:hidden;background:#f6f7f8;box-shadow:0 12px 36px -24px #181b2026}
.sp-close-media img{display:block;width:100%;height:auto}
.sp-close .sp-kicker{color:var(--muted)}
.sp-close h2{color:var(--ink)}
.sp-close h2 span{color:var(--muted)}
.sp-close ul{display:grid;gap:8px;margin:18px 0 22px}
.sp-close li{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--ink)}
.sp-close li svg{flex:none;width:22px;height:22px;padding:3px;border-radius:50%;background:var(--line);color:var(--ink)}
.sp-close .sp-buy-primary{background:linear-gradient(var(--tiktok),var(--tiktok)) padding-box,linear-gradient(100deg,#25f4ee,#fe2c55) border-box}
.sp-close .sp-buy-secondary{border-color:transparent}
.sp-close-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:14px}
.sp-close-note a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}

/* Footer & dock */
.sp-footer{padding:36px 0 30px;border-top:1px solid var(--line);background:var(--paper)}
.sp-footer-top{display:grid;gap:18px}
.sp-footer .sp-brand{font-size:18px;align-items:flex-start}
.sp-footer nav{display:flex;flex-wrap:wrap;gap:0 16px}
.sp-footer nav a,.sp-footer nav button{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:none;color:var(--ink);background:none;border:0;padding:0;cursor:pointer}
.sp-footer nav a:hover{color:var(--brand)}
.sp-footer-note{font-size:12px;line-height:1.75;color:var(--muted);margin-top:18px}
.sp-dock{position:fixed;z-index:30;inset:auto 0 0;padding:8px 0 calc(8px + env(safe-area-inset-bottom));background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -10px 30px -18px #181b2059}
.sp-dock-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:auto;margin-left:max(12px,env(safe-area-inset-left));margin-right:max(12px,env(safe-area-inset-right))}
.sp-dock-product{display:none;align-items:center;gap:12px;font:600 15px/1.4 'Anuphan',sans-serif}
.sp-dock-product img{border-radius:12px;background:#f6f7f8}
.sp-dock-product small{display:block;font:400 12px/1.5 'Noto Sans Thai',sans-serif;color:var(--muted)}
.sp-actions-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.sp-actions-compact .sp-buy{min-height:56px;padding:6px 12px;column-gap:10px;border-radius:14px}
.sp-actions-compact .sp-buy-copy>span{font-size:12px}
.sp-actions-compact .sp-buy strong{font-size:16px}
.sp-actions-compact .sp-buy-secondary{grid-template-columns:auto minmax(0,1fr);padding-inline:12px}
.sp-actions-compact .sp-buy-secondary .sp-buy-copy{flex-direction:column;align-items:flex-start;gap:0}
.sp-actions-compact .sp-buy-secondary strong{font-size:16px}
.sales-page.photo-open .sp-dock,.sales-page:has(#consent-panel:not([hidden])) .sp-dock{display:none}

/* Trust, ratings and review filters */
.sp-independent{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:5px 11px 5px 8px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12.5px;font-weight:500;line-height:1.4;color:var(--muted)}
.sp-independent svg{width:16px;height:16px;flex:none;color:var(--brand)}
.sp-hero h1 span{display:block;margin-top:6px;font-size:clamp(16px,4.4vw,22px);font-weight:500;line-height:1.5;color:var(--muted)}
.sp-stars{display:inline-flex;gap:1px;color:#e5a11b;vertical-align:middle}
.sp-rating-line{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:6px;font-size:14px;color:var(--ink);text-decoration:none}
.sp-rating-line strong{font-weight:700}
.sp-rating-card{display:grid;gap:16px;padding:20px;margin:6px 0 14px;border-radius:22px;background:var(--white);border:1px solid var(--line)}
.sp-rating-score{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.sp-rating-score>strong{font:700 52px/1 'Anuphan',sans-serif;color:var(--ink)}
.sp-rating-score .sp-stars svg{width:20px;height:20px}
.sp-rating-score>span:last-child{font-size:14px;color:var(--muted)}
.sp-rating-bars{display:grid;gap:6px}
.sp-rating-bars>div{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.sp-rating-bars i{display:block;height:8px;border-radius:99px;background:var(--cream);overflow:hidden}
.sp-rating-bars b{display:block;height:100%;border-radius:99px;background:#e5a11b}
.sp-rating-bars>div>span:last-child{text-align:right}
.sp-rating-source{font-size:12.5px;line-height:1.7;color:var(--muted)}
.sp-rating-source a{display:inline-flex;align-items:center;min-height:44px;color:var(--brand);font-weight:500}
.sp-review-filters{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.sp-review-filters button{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--white);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}
.sp-review-filters button span{font-size:12px;color:var(--muted)}
.sp-review-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.sp-review-filters button[aria-pressed=true] span{color:#e5e7eb}
.sp-review-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.sp-verified{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--good)}
.sp-verified svg{width:16px;height:16px}
.sp-review[data-critical] .sp-review-copy{color:#343b45}
.sp-close-media{position:relative}
@media(min-width:640px){.sp-rating-card{grid-template-columns:auto 1fr;column-gap:32px;align-items:center;padding:24px 28px}.sp-rating-source{grid-column:1/-1}}

/* Photo viewer (shared dialog) */
.sales-page .photo-viewer{color:var(--ink);background:#fff;border-radius:18px;padding:12px;width:min(92vw,850px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain}
.sales-page .viewer-heading{position:sticky;top:-12px;z-index:1;background:#fff;padding-block:8px;gap:12px}
.sales-page .viewer-heading p{font-size:13px;line-height:1.7}
.sales-page .viewer-heading button{min-height:48px;min-width:64px;font-size:15px;border-radius:12px}
.sales-page .photo-viewer>a{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;font-size:14px;color:var(--brand)}

/* Article teasers keep their own component styles; align the surface */
.sales-page .guide-teasers{background:var(--paper);border-top:0}
.sales-page .guide-card{border-top:2px solid var(--sand)}
.sales-page .guide-card-photo{background:#fff;border-radius:18px}
.sales-page .guide-section-heading h2{font-family:'Anuphan','Noto Sans Thai',sans-serif;color:var(--ink)}
@media(max-width:600px){.sales-page .guide-card-photo{height:190px}}

@media(max-width:439px){
  .sp-header-nav .sp-nav-howto{display:none}
  .sp-brand{font-size:18px;gap:8px}
  .sp-brand-mark{width:30px;height:30px}
  .sp-header-nav a{padding:0 8px}
}
@media(max-width:379px){
  .sp-header-nav a:last-child{display:none}
}
@media(max-width:399px){
  .sp-hero h1{font-size:34px}
  .sp-buy strong{font-size:16px}
  .sp-actions-compact .sp-buy{padding-inline:9px;column-gap:7px}
  .sp-actions-compact .sp-buy-logo{width:22px;height:22px}
  .sp-actions-compact .sp-buy-shopee .sp-buy-logo{width:24px;height:24px}
  .sp-actions-compact .sp-buy strong{font-size:14px}
  .sp-actions-compact .sp-buy-secondary strong{font-size:14px}
  .sp-steps li{grid-template-columns:92px minmax(0,1fr)}
  .sp-colors{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-height:820px) and (max-width:899px){
  .sp-hero-media img{aspect-ratio:1/0.72}
}
@media(max-height:600px) and (max-width:899px){
  .sp-hero-media img{aspect-ratio:1/0.62}
}
@media(min-width:640px){
  .sp-container{width:min(1180px,calc(100% - 56px))}
  .sp-review-summary{grid-template-columns:1.3fr 1fr}
  .sp-hero-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sp-features{grid-template-columns:1fr 1fr}
  .sp-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sp-steps li{grid-template-columns:1fr;grid-template-rows:auto;padding:14px}
  .sp-steps figure{grid-row:auto;margin-bottom:10px}
  .sp-inline-buy{grid-template-columns:1fr minmax(0,420px);align-items:center;padding:22px 26px}
  .sp-model-buy{grid-template-columns:1fr minmax(0,420px);align-items:center;padding:22px 26px}
  .sp-colors{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:900px){
  html:has(body.sales-page){--sp-header-height:70px}
  .sales-page{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .sp-brand{font-size:23px}
  .sp-header-nav a{font-size:15px;padding:0 14px}
  .sp-hero{padding:56px 0 72px}
  .sp-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);grid-template-areas:'copy media' 'buy media' 'extra media';column-gap:56px;row-gap:22px;align-items:start}
  .sp-hero-copy{align-self:end}
  .sp-hero-media{align-self:center}
  .sp-hero-media img{aspect-ratio:1}
  .sp-hero-lead{font-size:18px}
  .sp-hero-buy .sp-actions{max-width:470px}
  .sp-hero-buy .sp-purchase-note{text-align:left;max-width:470px}
  .sp-hero-extra{max-width:560px}
  .sp-hero-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-independent{margin-bottom:20px}
  .sp-lineup img{aspect-ratio:21/9;object-position:50% 58%}
  .sp-reviews,.sp-about,.sp-models,.sp-faq{padding:96px 0}
  .sp-howto,.sp-close{padding:88px 0}
  .sp-review-track{grid-auto-columns:380px;gap:20px}
  .sp-about-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px}
  .sp-for{grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);gap:64px;margin-top:88px}
  .sp-for-media{order:2}
  .sp-brand-story{display:grid;grid-template-columns:auto 1fr;column-gap:40px;padding:30px 36px}
  .sp-brand-story .sp-kicker,.sp-brand-story h3{grid-column:1}
  .sp-brand-story>p:not(.sp-kicker),.sp-story-links{grid-column:2}
  .sp-brand-story>p:not(.sp-kicker){grid-row:1/3;align-self:center}
  .sp-gallery{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;padding:24px;align-items:center}
  .sp-model-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;padding:24px;align-items:center}
  .sp-product-details{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center}
  .sp-faq-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px;align-items:start}
  .sp-close-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}
  .sp-close-media{max-width:420px}
  .sp-close .sp-actions{max-width:470px}
  .sp-footer-top{grid-template-columns:auto 1fr;align-items:center}
  .sp-footer nav{justify-content:flex-end}
  .sp-dock-inner{width:min(1180px,calc(100% - 56px));margin-inline:auto}
  .sp-dock-product{display:flex}
  .sp-dock .sp-actions{width:auto;min-width:470px}
}
@media(prefers-reduced-motion:reduce){.sp-buy,.sp-question summary span{transition:none}}

/* Conversion path: a clear choice of marketplace, followed by real product detail. */
.sp-aff-note{grid-column:1/-1}
.sp-channel-label{font-size:14px;font-weight:600;color:var(--ink);margin:6px 0 10px}
.sp-real-preview{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.sp-real-preview-images{display:flex;flex:none;gap:4px}
.sp-real-preview-images img{width:46px;height:48px;object-fit:contain;background:#fff;border-radius:8px}
.sp-real-preview strong{display:block;font-size:14px;line-height:1.5}
.sp-real-preview small{display:block;font-size:12px;line-height:1.6;color:var(--muted)}
.sp-color-buy small{display:block;margin-top:6px;font-size:12px;line-height:1.6;color:var(--muted)}
.sp-buy:focus-visible,.sp-real-preview:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
@media(max-width:899px){
 .sp-hero-grid{gap:14px}
 .sp-hero-media img{aspect-ratio:1/.66;object-fit:contain;object-position:center}
 .sp-hero h1 span{font-size:17px}
 .sp-hero-lead{font-size:14px;margin-top:6px}
 .sp-hero .sp-independent{font-size:11px;margin-bottom:8px}
 .sp-rating-line{font-size:12px;gap:6px;margin-top:0}
 .sp-rating-line small{font-size:10px}
 .sp-buy-copy>span{font-size:12px}
 .sp-buy strong{font-size:16px}
 .sp-purchase-note{font-size:12px}
 .sp-hero-facts{gap:6px}
}
@media(max-width:359px){
 .sp-buy{padding:10px 8px;column-gap:7px}
 .sp-buy-logo,.sp-buy-shopee .sp-buy-logo{width:22px;height:22px}
 .sp-buy strong{font-size:14px}
 .sp-buy-copy>span{font-size:11px}
 .sp-real-preview-images img{width:34px;height:40px}
 .sp-actions-compact .sp-buy-copy>span{font-size:10px}
 .sp-actions-compact .sp-buy-secondary{padding-inline:9px}
}

/* A paused marketplace leaves one full-width purchase action. */
.sp-actions.sp-actions-single{grid-template-columns:minmax(0,1fr)}

/* Product/review images are purchase links, with their existing layout. */
a[data-photo]{display:block;text-decoration:none;color:inherit}

.sp-color,.sp-model-switch a{text-decoration:none;color:inherit}
.sp-color small{font-size:10px;color:var(--muted)}

/* Buyer guides share the established site palette and locally hosted Thai font. */
.guide-photo-window{display:block;position:relative;overflow:hidden;aspect-ratio:var(--photo-ratio);width:100%;background:#f6f7f8}
.guide-photo-window picture{display:block;width:100%;height:100%}
.guide-photo-window img{display:block;width:100%;height:100%;object-fit:contain}
.guide-card-photo{display:flex;align-items:center;justify-content:center;height:224px;padding:18px;background:#f6f7f8;border:1px solid var(--line);border-radius:12px;margin-bottom:20px;overflow:hidden}
.guide-card-photo .guide-photo-window{width:100%;max-width:min(100%,calc(186px * var(--photo-ratio)))}
.guide-figure{margin:0 0 34px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#f6f7f8}
.guide-hero-photo{position:relative;display:block;width:100%;border:0;padding:32px clamp(20px,7vw,90px);background:transparent;cursor:zoom-in}
.guide-hero-photo .guide-photo-window{max-width:540px;margin:auto}
.guide-zoom{position:absolute;bottom:12px;right:14px;background:#ffffffed;border:1px solid var(--line);padding:6px 11px;border-radius:7px;font-size:12px;color:var(--forest)}
.guide-figure figcaption{padding:17px 22px;font-size:12px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);background:#ffffff}
.guide-topics{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:35px}
.guide-topics a{display:inline-flex;align-items:center;gap:12px;padding:11px 15px;border:1px solid var(--line);border-radius:30px;text-decoration:none;font-size:13px;min-height:44px;background:#ffffff}
.guide-topics a:hover{border-color:var(--forest)}.guide-topics span{color:var(--muted);font-size:11px}
.guide-topic{margin-bottom:45px}.guide-topic-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:0 0 18px}.guide-topic-heading h2{font-size:26px;font-weight:500;line-height:1.5;color:var(--forest);margin:0;scroll-margin-top:100px}.guide-topic-heading>span{font-size:12px;white-space:nowrap;color:var(--muted)}
.guide-eyebrow{font-size:12px;font-weight:600;letter-spacing:.03em;color:var(--forest);margin:0 0 14px;display:block}
.guide-teasers{padding:64px 0 72px;border-top:1px solid var(--line);background:#f2f4f6}
.guide-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:25px}
.guide-section-heading h2{font-size:30px;line-height:1.4;margin:0;color:var(--forest)}
.guide-section-heading>a{font-size:13px;white-space:nowrap;padding-block:12px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.guide-card{border-top:2px solid #626973;padding:24px 0;min-width:0}
.guide-card-kicker{font-size:11px;color:var(--muted);margin:0 0 16px;display:flex;gap:12px;justify-content:space-between}
.guide-card h3{font-size:21px;line-height:1.65;margin:0 0 15px;font-weight:600;letter-spacing:0}
.guide-card h3 a{color:var(--forest);text-decoration:none}
.guide-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.guide-card>p:not(.guide-card-kicker){font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 16px}
.guide-card-link{font-size:14px;display:inline-flex;align-items:center;gap:18px;min-height:44px;font-weight:600}
.guide-index{padding-bottom:68px}.guide-index-hero{padding:35px 0 50px;max-width:800px}
.guide-index-hero h1{font-size:clamp(32px,4.7vw,54px);line-height:1.4;font-weight:500;letter-spacing:-.02em;margin:0 0 24px;color:var(--forest)}
.guide-index-hero>p:last-child{font-size:18px;line-height:1.95;color:var(--muted)}
.guide-editorial-note{padding:26px 30px;border:1px solid var(--line);border-radius:12px;margin-top:35px;max-width:900px}
.guide-editorial-note strong{font-size:17px}.guide-editorial-note p{font-size:14px;line-height:1.95;margin:10px 0 0}
.guide-back{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;font-size:14px;gap:15px}
.guide-breadcrumb{padding:24px 0;font-size:12px;color:var(--muted)}
.guide-breadcrumb ol{display:flex;flex-wrap:wrap;gap:0 10px;list-style:none;margin:0;padding:0;line-height:1.9}
.guide-breadcrumb li{display:inline;min-width:0}.guide-breadcrumb li+li:before{content:'/';margin-right:10px;color:#88909c}
.guide-breadcrumb a{display:inline-block;padding-block:8px}.guide-breadcrumb [aria-current]{display:inline-block;padding-block:8px}
.guide-article{max-width:780px;margin:0 auto}.guide-article-header{padding:32px 0 30px}
.guide-article-header h1{font-size:clamp(30px,4.2vw,47px);line-height:1.5;letter-spacing:-.015em;font-weight:500;margin:0 0 22px;color:var(--forest);overflow-wrap:anywhere}
.guide-description{font-size:18px;line-height:1.95;color:var(--muted);margin:0 0 26px}
.guide-byline,.guide-dates{font-size:12px;line-height:1.9;color:var(--muted);margin:6px 0}
.guide-answer{padding:30px;border-left:4px solid #737b87;background:#f2f4f6;border-radius:0 12px 12px 0;margin:0 0 30px}
.guide-answer .guide-eyebrow{font-size:11px;margin-bottom:12px}.guide-answer h2{font-size:22px;line-height:1.65;margin:0 0 12px}.guide-answer>p:last-child{font-size:16px;line-height:2;margin:0}
.guide-toc{padding:20px 0 26px;border-bottom:1px solid var(--line);margin-bottom:35px}.guide-toc>strong{font-size:15px}
.guide-toc ol{padding-left:22px;margin:12px 0 0}.guide-toc li{font-size:14px;line-height:1.9}.guide-toc a{display:inline-block;padding:6px 0}
.guide-body{font-size:17px;line-height:2.05;overflow-wrap:anywhere}.guide-body h2{font-size:26px;line-height:1.65;margin:46px 0 20px;font-weight:500;color:var(--forest)}
.guide-body h3{font-size:20px;line-height:1.75;margin:28px 0 14px}.guide-body p{margin:0 0 23px}
.guide-body ul,.guide-body ol{padding-left:25px;margin:16px 0 27px}.guide-body li{padding-left:4px;margin-bottom:12px}
.guide-body a,.guide-sources a{text-decoration:underline;text-underline-offset:3px}.guide-body a{overflow-wrap:anywhere}
.guide-table-scroll{overflow-x:auto;margin:28px 0;max-width:100%;border:1px solid var(--line);border-radius:10px}
.guide-body table{border-collapse:collapse;width:100%;min-width:560px;margin:0;font-size:14px;line-height:1.9}
.guide-body th,.guide-body td{padding:15px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.guide-body th{font-weight:600;background:#f2f4f6;color:var(--forest)}.guide-body tr:last-child td{border-bottom:0}.guide-body caption{text-align:left;padding:15px;font-weight:600}
.guide-body blockquote{margin:26px 0;padding:20px 25px;border-left:3px solid #88909c;background:#f4f5f7}
.guide-sources{border-top:1px solid var(--line);margin-top:45px;padding-top:28px}.guide-sources h2{font-size:23px;margin:0 0 15px}
.guide-sources p,.guide-sources li{font-size:14px;line-height:1.95}.guide-sources ul{padding-left:20px}.guide-sources li{margin-bottom:12px}
.guide-cta{margin:38px 0;padding:28px;border:1px solid var(--line);border-radius:12px;background:#ffffff}
.guide-cta strong{font-size:19px;line-height:1.7}.guide-cta p{font-size:14px;line-height:1.95;margin:12px 0 20px}.guide-cta .button{font-size:14px;white-space:normal}
.guide-related{padding:40px 0 70px;margin-top:35px;border-top:1px solid var(--line)}.guide-related h2{font-size:25px;margin:0 0 24px}.guide-related .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.guide-grid{grid-template-columns:1fr}.guide-section-heading h2{font-size:26px}.guide-card{padding:23px 0}.guide-card h3{font-size:22px}.guide-card>p:not(.guide-card-kicker){font-size:15px}.guide-card-kicker{justify-content:flex-start;gap:22px}.guide-related .guide-grid{grid-template-columns:1fr}}
@media(max-width:600px){.guide-teasers{padding:42px 0}.guide-section-heading{display:block;margin-bottom:20px}.guide-section-heading>a{display:inline-block;margin-top:5px;min-height:44px}.guide-index-hero{padding:22px 0 30px}.guide-index-hero>p:last-child{font-size:16px}.guide-desktop-break{display:none}.guide-breadcrumb{font-size:11px;padding:13px 0}.guide-article-header{padding:18px 0 23px}.guide-description{font-size:16px}.guide-answer{padding:22px 19px}.guide-answer h2{font-size:20px}.guide-answer>p:last-child{font-size:15px}.guide-body{font-size:16px;line-height:2}.guide-body h2{font-size:24px;margin-top:36px}.guide-body h3{font-size:19px}.guide-toc a{padding:10px 0}.guide-byline,.guide-dates{font-size:11px}.guide-editorial-note{padding:23px}.guide-cta{padding:23px 19px}.guide-cta .button{font-size:13px;padding:12px 15px;gap:10px}.guide-related{padding-bottom:45px}.guide-related h2{font-size:23px}}