:root{--sales-ink:#28231d;--sales-muted:#6d665b;--sales-orange:#d84e00;--sales-paper:#faf7f0;--sales-line:#e5dfd3;--sales-green:#136a43}
html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--sales-paper);background-image:none;color:var(--sales-ink)}[hidden]{display:none!important}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a95814;outline-offset:4px}
.sales-store .wrap{max-width:1210px}.sales-store section{padding:56px 0}.sales-store h2,.sales-home-feature h2{font-size:clamp(27px,3vw,39px);line-height:1.45;letter-spacing:-.035em}.sales-eyebrow{font-size:11px!important;letter-spacing:.17em;font-weight:750;color:var(--sales-orange);margin:0 0 18px;text-transform:uppercase;line-height:1.7}.sales-kicker{font-size:12px;color:var(--sales-orange);font-weight:700}
.sales-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:center;min-height:620px;border-bottom:1px solid var(--sales-line);background:radial-gradient(ellipse at 80% 40%,#ffe9cd 0,transparent 57%);overflow:hidden}.sales-hero h1{font-size:clamp(34px,4.25vw,58px);line-height:1.34;letter-spacing:-.055em;color:var(--sales-ink);margin:0 0 25px;font-weight:800}.sales-hero h1 em{font-style:normal;color:var(--sales-orange)}.sales-intro{font-size:18px;line-height:1.95;color:var(--sales-muted);margin-bottom:25px}.sales-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.sales-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 22px;border-radius:10px;border:1px solid transparent;font-size:15px;font-weight:700;line-height:1.7;text-decoration:none;cursor:pointer;min-height:50px;font-family:inherit;transition:transform .16s,background .16s}.sales-btn:hover{transform:translateY(-2px)}.sales-btn.primary{background:var(--sales-ink);color:#fff}.sales-btn.primary:hover{background:#4a3523}.sales-btn.secondary{background:#fff;border-color:var(--sales-line);color:var(--sales-ink)}.sales-btn.line{background:var(--sales-green);color:#fff}.sales-text-link{font-size:14px;font-weight:650;color:var(--sales-ink);text-decoration:underline;text-decoration-color:#c9b7a4;text-underline-offset:5px}.sales-promises{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-wrap:wrap;gap:10px 18px;color:#5c594e;font-size:12px}.sales-promises li::before{content:'✓';color:var(--sales-green);font-weight:800;margin-right:6px}
.sales-hero-art{min-height:475px;position:relative;padding-top:38px}.sales-hero-sample{position:absolute;background:#fff;border:1px solid #e5dacb;border-radius:14px;padding:10px;box-shadow:0 18px 45px #5a3c2020;width:63%;max-width:300px;overflow:hidden}.sales-hero-sample img{width:100%;height:auto;display:block;border-radius:8px}.sales-hero-sample>span{display:block;padding:10px 5px 2px;text-align:center;font-size:12px;font-weight:700}.sample-0{left:0;top:45px;transform:rotate(-7deg)}.sample-1{right:0;top:135px;transform:rotate(7deg);width:58%}.sales-a4-badge{position:absolute;right:10px;top:10px;font-size:13px;background:#dce9db;color:#2c5737;border-radius:50%;padding:23px 18px;text-align:center;z-index:2;transform:rotate(8deg);font-weight:800;line-height:1.6}.sales-a4-badge small{display:block;font-size:10px;font-weight:500}.sales-proof-caption{position:absolute;bottom:0;right:0;font-size:10px;color:var(--sales-muted)}
.sales-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.sales-section-head h2{margin:0}.sales-section-head>p{font-size:14px;color:var(--sales-muted);margin:0}.sales-section-head .sales-eyebrow{margin-bottom:8px}.sales-tools{background:#fff;border:1px solid var(--sales-line);padding:20px;border-radius:15px}.sales-search{display:block;font-size:12px;font-weight:750}.sales-search input{display:block;width:100%;border:1px solid #d9d2c6;background:#faf9f5;border-radius:8px;padding:12px 15px;margin-top:8px;font:16px/1.5 system-ui,sans-serif;box-sizing:border-box;min-height:46px;color:var(--sales-ink)}.sales-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.sales-filters button{border:1px solid #dfd7ca;border-radius:24px;background:#fff;padding:9px 16px;font:650 13px/1.5 system-ui,sans-serif;color:#655b4d;cursor:pointer;min-height:40px}.sales-filters button[aria-pressed=true]{background:var(--sales-ink);color:#fff;border-color:var(--sales-ink)}.sales-result{font-size:12px;color:var(--sales-muted);margin:18px 0}.sales-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sales-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--sales-line);border-radius:17px;overflow:hidden;background:#fff;transition:transform .18s,box-shadow .18s;min-width:0}.sales-card:hover{transform:translateY(-5px);box-shadow:0 15px 34px #37291a12;border-color:#c3b8a6}.sales-card-picture{position:relative;aspect-ratio:1;background:#f2eee5;overflow:hidden}.sales-card-picture>img,.sales-card-picture>svg{display:block;width:100%;height:100%;object-fit:contain}.sales-card-tag{position:absolute;top:12px;left:12px;background:#fffdf5f5;color:#4b4b38;border:1px solid #e4ddc9;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:750;z-index:1}.sales-card-tag.is-soon{background:#fff1d8;color:#74500b}.sales-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.sales-card h3{font-size:21px;line-height:1.5;letter-spacing:-.025em;margin:8px 0 10px}.sales-card p{font-size:13px;line-height:1.85;color:var(--sales-muted);margin:0 0 15px}.sales-card-spec{font-size:11px;padding:9px 0;border-top:1px solid #eee9df;color:#6f6555;margin-top:auto}.sales-card-action{display:flex;justify-content:space-between;color:var(--sales-orange);font-size:13px;font-weight:750;padding-top:8px}.sales-empty{padding:50px 20px;background:#fff;border-radius:15px;text-align:center}
.sales-explain{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--sales-line);border-bottom:1px solid var(--sales-line)}.sales-explain h2{margin-top:0}.sales-explain p{font-size:15px;color:var(--sales-muted);line-height:1.95}.sales-explain ol{list-style:none;counter-reset:salessteps;padding:0;margin:0}.sales-explain li{counter-increment:salessteps;position:relative;padding:3px 0 24px 54px;margin-bottom:13px;border-bottom:1px solid var(--sales-line)}.sales-explain li::before{content:'0' counter(salessteps);position:absolute;left:0;top:4px;font-size:20px;color:var(--sales-orange);font-weight:800}.sales-explain li b,.sales-explain li span{display:block}.sales-explain li span{font-size:13px;line-height:1.8;color:var(--sales-muted);margin-top:6px}.sales-custom{text-align:center;max-width:700px;margin:auto}.sales-custom p{color:var(--sales-muted);line-height:1.9}.sales-custom .sales-text-link{display:block;margin-top:20px}
.sales-detail{gap:48px!important;align-items:start!important}.sales-detail .gal{background:#fff;border:1px solid var(--sales-line);border-radius:18px;overflow:hidden;padding:12px}.sales-detail .gal>img{border-radius:11px}.sales-detail h1{font-size:clamp(27px,3vw,40px);line-height:1.5;letter-spacing:-.035em;margin:0 0 14px}.sales-detail .sales-eyebrow{margin:0 0 10px}.sales-detail .pp-lead{font-size:15px;line-height:1.95;color:var(--sales-muted)}.sales-detail .badges .tag{font-size:11px;padding:5px 9px;background:#e9efdf;border-color:#d5ddc8;color:#38512c}.sales-quick-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.sales-quick-facts>div{background:#fff;border:1px solid var(--sales-line);padding:13px;border-radius:9px}.sales-quick-facts span,.sales-quick-facts b{display:block}.sales-quick-facts span{font-size:10px;color:var(--sales-muted);margin-bottom:5px}.sales-quick-facts b{font-size:12px;line-height:1.8}.sales-price-label{font-size:17px;font-weight:750;margin:20px 0}.sales-price-label small{display:block;font-size:11px;font-weight:450;color:var(--sales-muted);margin-top:5px}.sales-detail-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.sales-detail .pd-note{font-size:11px;color:var(--sales-muted)}.sales-detail .gnote{font-size:10px;line-height:1.8;color:var(--sales-muted)}
.sales-quote{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;background:#eee8db;border:1px solid #e3daca;border-radius:18px;padding:32px!important;margin:50px 0;scroll-margin-top:100px}.sales-quote-intro h2{font-size:28px!important;line-height:1.55;margin:0 0 15px}.sales-quote-intro>p{font-size:14px;line-height:1.9;color:#5f574b}.sales-small{font-size:11px!important;color:var(--sales-muted);line-height:1.8}.sales-quote-form{min-width:0}.sales-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.sales-quote-form label{font-size:12px;font-weight:650;display:block;margin-bottom:13px;color:#443c30}.sales-quote-form input,.sales-quote-form select,.sales-quote-form textarea{display:block;width:100%;box-sizing:border-box;background:#fff;border:1px solid #d3cab9;border-radius:7px;padding:11px 12px;margin-top:7px;color:var(--sales-ink);font:15px/1.7 system-ui,sans-serif;min-height:45px}.sales-quote-form textarea{resize:vertical}.sales-quote-form textarea[readonly]{font-size:12px;background:#f8f6ef}.sales-quote-actions{display:flex;gap:10px;flex-wrap:wrap}.sales-quote-actions .sales-btn{font-size:13px;padding:11px 16px}.sales-home-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.sales-home-choice{display:flex;flex-direction:column;gap:10px;padding:23px;border:1px solid var(--sales-line);background:#fff;border-radius:12px;color:var(--sales-ink);text-decoration:none;transition:transform .16s}.sales-home-choice:hover{transform:translateY(-3px);border-color:#c0aa8b}.sales-home-choice>span{font-size:11px;color:var(--sales-orange)}.sales-home-choice b{font-size:19px;line-height:1.6}.sales-home-choice small{font-size:11px;color:var(--sales-muted)}
@media(max-width:980px){.sales-hero{gap:20px;min-height:550px}.sales-hero h1{font-size:39px}.sales-hero-art{min-height:420px}.sales-hero-sample{width:65%}.sample-1{width:60%;top:150px}.sales-products{gap:16px}.sales-card-body{padding:16px}.sales-card h3{font-size:18px}.sales-detail{gap:25px!important}.sales-quote{grid-template-columns:1fr;gap:15px}.sales-quote-intro h2{font-size:25px!important}}
@media(max-width:700px){html{scroll-padding-top:120px}.sales-store section{padding:35px 0}.sales-hero{grid-template-columns:1fr;gap:5px;min-height:0}.sales-hero h1{font-size:37px}.sales-intro{font-size:15px}.sales-hero-copy{padding-top:5px}.sales-hero-actions{gap:16px}.sales-hero-art{min-height:360px;max-width:460px;width:100%;margin:auto}.sales-hero-sample{max-width:230px;width:59%;top:15px}.sample-1{top:95px;width:54%}.sales-a4-badge{right:12px;top:0;padding:17px 14px;font-size:11px}.sales-proof-caption{bottom:0;font-size:9px}.sales-promises{margin-top:22px;font-size:10px;gap:8px 14px}.sales-section-head{display:block}.sales-section-head>p{margin-top:12px;font-size:12px}.sales-tools{padding:14px}.sales-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sales-card-body{padding:13px}.sales-card h3{font-size:16px;margin:6px 0}.sales-card p{font-size:11px;line-height:1.8}.sales-kicker{font-size:10px}.sales-card-tag{font-size:8px;top:7px;left:7px;padding:4px}.sales-card-spec{font-size:9px}.sales-card-action{font-size:11px}.sales-filters button{font-size:11px;padding:8px 12px}.sales-explain{grid-template-columns:1fr;gap:20px}.sales-explain h2 br{display:none}.sales-explain ol{margin-top:0}.sales-custom h2{font-size:28px}.sales-detail{display:flex!important;flex-direction:column;gap:24px!important}.sales-detail>div{width:100%;box-sizing:border-box}.sales-detail .gal{max-width:550px;margin:auto}.sales-detail h1{font-size:28px}.sales-quote{padding:20px!important;margin:30px 0;scroll-margin-top:125px}.sales-form-grid{grid-template-columns:1fr 1fr;gap:5px 10px}.sales-quote-actions .sales-btn{flex:1;padding:11px 10px;min-width:180px}.sales-home-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-home-choice{padding:16px}.sales-home-choice b{font-size:16px}}
@media(max-width:370px){.sales-hero h1{font-size:32px}.sales-products{grid-template-columns:1fr}.sales-form-grid{grid-template-columns:1fr}.sales-hero-art{min-height:325px}.sales-hero-actions .sales-btn{width:100%}.sales-home-choices{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.sales-hero .sample-1{right:22px}.sales-card-picture{position:relative}.sales-card-picture:has(img[src*="/sales/"])::after{content:"ภาพจำลองการใช้งาน";position:absolute;bottom:8px;right:8px;background:#fffdf5e8;padding:4px 8px;border-radius:5px;font-size:9px;color:#514637}

.sales-sheet-counts{margin:32px 0;padding:24px!important;background:#fff;border:1px solid #e3daca;border-radius:14px}.sales-count-scroll{overflow-x:auto}.sales-sheet-counts table{width:100%;border-collapse:collapse;margin:16px 0;text-align:left;font-size:14px}.sales-sheet-counts th,.sales-sheet-counts td{padding:12px;border-bottom:1px solid #e3daca}.sales-sheet-counts thead{background:#eee8db}.sales-sheet-counts td{white-space:nowrap}.sales-sheet-counts h2{margin-top:0}@media(max-width:700px){.sales-sheet-counts{padding:16px!important}.sales-sheet-counts th,.sales-sheet-counts td{padding:9px;font-size:12px}}

.sales-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sales-example-grid figure{margin:0;background:#fff;border:1px solid #e3daca;border-radius:16px;overflow:hidden}.sales-example-grid img{display:block;width:100%;height:auto}.sales-example-grid figcaption{padding:18px;font-size:13px;line-height:1.9}@media(max-width:600px){.sales-example-grid{grid-template-columns:1fr}}

.sales-new-designs{margin:40px 0;scroll-margin-top:100px}.sales-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.sales-design-card{overflow:hidden;border:1px solid #e3daca;border-radius:16px;background:#fff}.sales-design-picture{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#f4f0e7;padding:18px}.sales-design-picture img{display:block;object-fit:contain;width:100%;height:100%;max-height:340px}.sales-design-info{padding:20px}.sales-design-info h3{margin:6px 0;font-size:21px}.sales-design-info p{font-size:13px;line-height:1.8;min-height:46px}.sales-design-info .sales-btn{font-size:12px;padding:11px 16px}@media(max-width:800px){.sales-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.sales-design-grid{grid-template-columns:1fr}.sales-design-picture img{max-height:320px}}
.seo-reading{max-width:850px;margin:38px auto 70px;overflow-wrap:anywhere}.seo-reading h1{font-size:clamp(27px,4vw,42px);line-height:1.45}.seo-reading h2{font-size:25px;line-height:1.5;margin-bottom:12px}.seo-reading p{font-size:18px;line-height:1.95;color:#514337}.seo-reading section{margin:38px 0}.seo-lead{font-size:20px!important}.seo-toc{padding:20px 24px;background:#fff1df;border-radius:18px;display:grid;gap:10px}.seo-toc a,.seo-related a{color:#a64000;text-decoration:underline;text-underline-offset:4px}.seo-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.seo-guide-card{display:block;padding:25px;background:white;border:1px solid #eadaca;border-radius:20px;color:inherit}.seo-guide-card h2{font-size:23px}.seo-guide-card p{font-size:16px}.seo-related{padding:25px;background:#fff1df;border-radius:20px}.sales-filters{flex-wrap:wrap}.sales-card-picture img[src$=".svg"]{object-fit:contain}.nav nav{flex-wrap:wrap}.sales-card-picture img[src*="nara-battery"]{object-fit:contain;background:#f6f0e7}@media(max-width:650px){.seo-guide-grid{grid-template-columns:1fr}.seo-reading{margin:24px auto 60px}.seo-reading p{font-size:17px}.seo-toc{padding:17px}.seo-reading h2{font-size:23px}}

.seo-guide-card{text-decoration:none!important}.seo-guide-card:hover{border-color:#ff7a24;box-shadow:0 8px 25px #6a3a1212}.seo-guide-card span{color:#b24400;font-weight:700}
