@font-face{font-family:Kanit;font-weight:600;font-display:swap;src:url(/fonts/kanit-600-thai.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-weight:600;font-display:swap;src:url(/fonts/kanit-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-weight:700;font-display:swap;src:url(/fonts/kanit-700-thai.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-weight:700;font-display:swap;src:url(/fonts/kanit-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Looped;font-weight:400 600;font-display:swap;src:url(/fonts/noto-sans-thai-looped-thai.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped;font-weight:400 600;font-display:swap;src:url(/fonts/noto-sans-thai-looped-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--yellow:#ffc800;--ink:#0a0a0a;--fg:#fff;--muted:#c9c9c9;--surface:#161616;--surface-2:#262626;--line:#333;--field:#161616;--sheet:#f2f2f2;--r:6px;--pad:40px;--head:Kanit, "Noto Sans Thai Looped", sans-serif;--body:"Noto Sans Thai Looped", sans-serif;color-scheme:dark}@media (width>=900px){:root{--pad:64px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;accent-color:var(--yellow);caret-color:var(--yellow);scrollbar-color:#4a4a4a var(--ink)}::selection{background:var(--yellow);color:var(--ink)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{font:400 18px/1.7 var(--body);color:var(--fg);background:var(--ink);overflow-wrap:break-word;margin:0}img,video{max-width:100%;height:auto;display:block}img{color:#0000}a{color:inherit;text-underline-offset:4px}a,button,summary{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul{padding:0;list-style:none}h1,h2{font-family:var(--head);text-wrap:balance}h1{font-size:32px;font-weight:700;line-height:1.25}h2{margin-bottom:20px;font-size:26px;font-weight:600;line-height:1.35}h3{font-size:19px;font-weight:600;line-height:1.5}@media (width>=900px){h1{font-size:44px}h2{margin-bottom:24px;font-size:30px}}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;box-shadow:0 0 0 2px var(--ink)}main:focus{outline:0}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.lead{color:var(--muted);max-width:34em;font-size:19px}.nw{white-space:nowrap}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{z-index:20;background:var(--ink);color:var(--yellow);border-radius:var(--r);padding:10px 16px;position:absolute;top:-100px;left:8px}.skip:focus{top:8px}.wrap{max-width:1320px;margin-inline:auto;padding-inline:20px}@media (width>=900px){.wrap{padding-inline:40px}}.section{padding-block:var(--pad)}.sheet,.card{--fg:var(--ink);--muted:#4d4d4d;--line:#d4d4d4;--field:#fff;--surface:#e4e4e4;--surface-2:#dadada;color:var(--fg);background:var(--sheet);border-radius:var(--r);color-scheme:light;caret-color:var(--ink)}.sheet{padding:20px}@media (width>=900px){.sheet{padding:28px}}.btn{border-radius:var(--r);min-height:48px;font:600 18px/1.3 var(--head);text-align:center;cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 20px;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn svg{flex:none;width:24px;height:24px}.btn--primary{background:var(--yellow);color:var(--ink);border-color:var(--ink)}.btn--primary:hover,.btn--primary:active{background:#f0bc00}.btn--line{text-align:left;justify-content:flex-start;min-height:56px;padding:6px 16px}.btn--line span{flex:1}.btn--outline{color:var(--fg);background:0 0;border-color:currentColor}.btn--outline:hover,.btn--outline:active{background:color-mix(in srgb, currentColor 10%, transparent)}.btn--ink,form button:not([class]){background:var(--ink);color:var(--yellow);border-color:var(--ink)}.btn--ink:hover,.btn--ink:active,form button:not([class]):hover{background:#2a2a2a}form button:not([class]){border:2px solid var(--ink);border-radius:var(--r);min-height:48px;font:600 18px/1.3 var(--head);cursor:pointer;padding:0 20px}input,select,textarea{border:1px solid var(--muted);border-radius:var(--r);min-height:48px;font:inherit;color:var(--fg);background:var(--field);max-width:100%;padding:0 14px}textarea{padding-block:10px}input::placeholder,textarea::placeholder{color:var(--muted)}.hdr{background:var(--yellow);color:var(--ink);position:relative}.hdr__in{align-items:center;gap:4px;min-height:64px;display:flex}.hdr__logo{margin-right:auto;padding-block:8px}.hdr__logo img{width:auto;height:40px}.hdr__nav,.hdr__line,.hdr__tel{display:none}.hdr__tel{color:var(--ink)}.hdr__icon{border-radius:var(--r);min-width:48px;min-height:48px;font:600 18px/1.3 var(--head);cursor:pointer;align-items:center;gap:6px;padding:0 10px;text-decoration:none;list-style:none;transition:background-color .15s,color .15s;display:inline-flex}.hdr__icon:hover{background:#0a0a0a1a}.hdr__icon::-webkit-details-marker{display:none}.hdr__icon svg{width:24px;height:24px}.hdr__menu .m-close,.hdr__menu[open] .m-open{display:none}.hdr__menu[open] .m-close{display:inline}.hdr__menu[open] summary{background:var(--ink);color:var(--yellow)}.hdr__menu nav{z-index:10;background:var(--ink);color:var(--fg);border-bottom:1px solid var(--line);padding:8px 20px 16px;display:grid;position:absolute;inset:100% 0 auto}.hdr__menu nav a{border-bottom:1px solid var(--line);min-height:60px;font:600 20px/1.3 var(--head);align-items:center;text-decoration:none;display:flex}.hdr__menu nav a:last-child{border-bottom:0}.hdr__menu nav a:hover,.hdr__menu nav a[aria-current=page]{color:var(--yellow)}.hdr__nav a{min-height:48px;font:600 18px/1.3 var(--head);text-underline-offset:8px;align-items:center;padding:0 12px;text-decoration:none;display:flex}.hdr__nav a:hover,.hdr__nav a[aria-current=page]{text-decoration-line:underline}@media (width>=900px){.hdr__in{gap:8px;min-height:76px}.hdr__menu{display:none}.hdr__logo{margin-right:20px}.hdr__logo img{height:46px}.hdr__nav{gap:4px;margin-right:auto;display:flex}.hdr__line{display:inline-flex}}@media (width>=1100px){.hdr__tel{display:inline-flex}}@media (width>=900px) and (height>=481px){.template-product .hdr__line,.template-product .hdr__tel{display:none}}body:has(.contact) :is(.hdr__line,.hdr__tel){display:none}.head{flex-wrap:wrap;align-items:baseline;column-gap:16px;padding-block:20px 16px;display:flex}.head>:not(h1,.head__n){flex-basis:100%}.head__n{color:var(--muted);font-variant-numeric:tabular-nums}.head__n b{color:var(--yellow);font:700 28px/1.3 var(--head)}.head .tabs{margin-top:16px}@media (width>=900px){.head{padding-block:40px 24px}.head__n b{font-size:36px}.head .tabs{margin-top:24px}}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tabs button{background:var(--surface-2);border-radius:var(--r);min-width:48px;min-height:48px;font:600 18px/1.2 var(--head);color:var(--fg);cursor:pointer;border:0;flex:none;padding:0 16px;transition:background-color .15s,color .15s}.tabs button:hover{background:#363636}.tabs button[aria-pressed=true]{background:var(--yellow);color:var(--ink)}@media (width<=899px){.tabs--scroll{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-20px;padding-inline:20px 48px;scroll-padding-inline:20px;overflow-x:auto;mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}.tabs--scroll::-webkit-scrollbar{display:none}}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=600px){.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width>=1000px){.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}.cards>li:not([hidden]){display:grid}.card{outline:3px solid #0000;flex-direction:column;text-decoration:none;transition:outline-color .15s;display:flex;overflow:hidden}.card:hover{outline-color:var(--yellow)}.card__ph{background:var(--surface-2);display:block;overflow:hidden}.card img{aspect-ratio:4/3;object-fit:cover;width:100%}.card__body{flex-direction:column;flex:1;padding:10px 12px 12px;display:flex}.card .card__title{font:600 18px/1.45 var(--body);margin:0}.card__brand{color:var(--muted);font:400 16px/1.4 var(--body);display:block}.card__model{font:700 22px/1.25 var(--head)}.card:hover .card__title{text-decoration:underline 2px}.card__nw{white-space:nowrap}.card__spec{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:16px;line-height:1.5}.card__spec span{white-space:nowrap}@media (width<=599px){.card__spec span{display:block}.card__spec .card__sep{display:none}}.card__price{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:auto;padding-top:8px;font-size:16px}.card__price b{color:var(--ink);font:700 24px/1.3 var(--head);margin-right:2px}.card__sold{font:700 18px/1.4 var(--head);white-space:nowrap;margin-top:4px}.card--sold img{filter:grayscale();opacity:.6}@media (width<=399px){.card__body{padding-inline:10px}.card__price b{font-size:22px}}@media (width>=900px){.card__body{padding:14px 16px 16px}.card__price b{font-size:26px}}.hl,.card__price b,.price strong{background:linear-gradient(transparent 52%, var(--yellow) 52%, var(--yellow) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:3px}.hl--off,.card--sold .card__price b{background-image:linear-gradient(#0000 52%,#c4c4c4 52% 92%,#0000 92%)}.price{color:var(--muted);font-variant-numeric:tabular-nums}.price strong{color:var(--fg);font-family:var(--head);font-weight:700}.price s{margin-left:8px}.spec>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(96px,2fr) 3fr;gap:16px;padding-block:12px;display:grid}.spec>div:last-child{border-bottom:0}.spec dt{color:var(--muted)}.spec dd{overflow-wrap:anywhere;font-weight:600}.spec address{font-style:normal}.prose{max-width:68ch}.prose>*+*{margin-top:1em}.prose :is(h1,h2,h3,h4){margin:1.6em 0 .5em;line-height:1.4}.prose h2{font-size:22px}.prose h3,.prose h4{font-size:20px}.prose h5,.prose h6{font-size:18px}.prose>:first-child{margin-top:0}.prose ul,.prose ol{padding-left:1.4em}.prose ul{list-style:outside}.prose li+li{margin-top:.3em}.prose a{text-decoration:underline}.prose img,.prose video,.prose iframe{border-radius:var(--r);max-width:100%;height:auto}.prose iframe{aspect-ratio:16/9;border:0;width:100%}.prose table{border-collapse:collapse;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;min-width:9em;padding:8px 12px}.prose blockquote{border-left:1px solid var(--line);color:var(--muted);margin-inline:0;padding-left:16px}.page-sheet{max-width:calc(68ch + 112px);margin-top:24px}@media (width>=900px){.page-sheet{padding:40px 56px}}.fold{border-radius:var(--r);background:var(--surface);position:relative}.fold+.fold{margin-top:8px}.fold>summary{min-height:56px;font:600 18px/1.5 var(--head);cursor:pointer;border-radius:var(--r);padding:14px 56px 14px 16px;list-style:none;transition:background-color .15s;display:block}.fold>summary:hover{background:var(--surface-2)}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"";border:3px solid;border-width:0 3px 3px 0;width:12px;height:12px;transition:rotate .2s,top .2s;position:absolute;top:20px;right:22px;rotate:45deg}.fold[open]>summary:after{top:25px;rotate:225deg}.fold>:not(summary){padding:4px 16px 16px}.lightbox{background:var(--ink);width:100%;max-width:none;height:100%;max-height:none;color:var(--fg);border:0;margin:0;padding:0}.lightbox::backdrop{background:var(--ink)}.ftr{padding:var(--pad) 0 24px;background:var(--surface)}.ftr__in{grid-template-columns:1fr 1fr;gap:24px 16px;display:grid}.ftr__brand{grid-column:1/-1}.ftr__logo{display:inline-block}.ftr__logo img{width:auto;height:48px}.ftr__addr{margin-top:12px}.ftr h2{font:600 18px/1.3 var(--head);margin-bottom:4px}.ftr__col{align-content:start;gap:4px;display:grid}.ftr__col a{text-underline-offset:6px;font-variant-numeric:tabular-nums;align-items:center;width:fit-content;min-height:48px;text-decoration:underline;display:flex}.ftr a:hover{color:var(--yellow)}.ftr__legal{color:var(--muted);flex-wrap:wrap;align-items:center;gap:0 24px;margin-top:24px;font-size:16px;display:flex}.ftr__legal a{align-items:center;min-height:48px;text-decoration:none;display:inline-flex}@media (width>=900px){.ftr__in{grid-template-columns:2fr 1fr 1fr}.ftr__brand{grid-column:auto}}.bar{z-index:10;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--ink);border-top:1px solid var(--line);grid-template-columns:1fr 104px;gap:8px;display:grid;position:fixed;inset:auto 0 0}.bar .btn--line{min-height:56px;padding-inline:12px;line-height:1.2}.bar__tel{border-radius:var(--r);background:var(--sheet);min-height:56px;color:var(--ink);font:600 18px/1.3 var(--head);justify-content:center;align-items:center;gap:6px;text-decoration:none;transition:background-color .15s;display:flex}.bar__tel:hover,.bar__tel:active{background:#dadada}.bar__tel svg{width:26px;height:26px}.has-bar{padding-bottom:calc(88px + env(safe-area-inset-bottom))}@media (width<=899px){html:has(.bar){scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom))}}@media (width>=900px){.bar{display:none}.has-bar{padding-bottom:0}}@media (width<=899px) and (height<=480px){.bar{padding-block:4px calc(4px + env(safe-area-inset-bottom))}.bar .btn--line,.bar__tel{min-height:48px}.bar svg{display:none}.has-bar{padding-bottom:calc(64px + env(safe-area-inset-bottom))}html:has(.bar){scroll-padding-bottom:calc(64px + env(safe-area-inset-bottom))}}@media (height<=300px){.bar{position:static}.has-bar{padding-bottom:0}html:has(.bar){scroll-padding-bottom:0}}
