@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&family=Barlow+Condensed:wght@600;700;800&display=swap');
:root{--red:#ed2635;--ink:#101114;--muted:#a0a0a6;--line:#2a2b31}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:#f7f7f8;font:16px/1.65 'Noto Sans Thai',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffb4bc;outline-offset:5px}img{display:block;max-width:100%}.topline{height:35px;display:flex;justify-content:space-between;align-items:center;background:#08090b;padding:0 6%;font-size:12px;letter-spacing:.08em;color:#b7b7bd}header{display:flex;align-items:center;gap:40px;height:93px;padding:0 6%;border-bottom:1px solid var(--line);background:#101114;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:13px;line-height:1}.brand img{width:55px;height:50px;object-fit:contain;background:white;border-radius:3px}.brand>span{font-family:'Barlow Condensed',Arial,sans-serif;font-size:31px;font-weight:800;letter-spacing:.04em}.brand b,.footer-brand b{color:var(--red)}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.25em;margin-top:8px;color:#a3a4ab}nav{display:flex;gap:35px;margin-left:auto;font-size:14px}.language{border:1px solid #505157;color:white;background:none;padding:6px 13px;border-radius:2px;font-size:13px}.hero{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;min-height:560px;overflow:hidden}.hero-copy{padding:75px 6vw 45px}.eyebrow{color:var(--red);font:700 13px/1.4 Arial,sans-serif;letter-spacing:.19em}h1{font-size:clamp(38px,4.1vw,66px);line-height:1.3;letter-spacing:-.035em;margin:22px 0}p{color:#b8b8bf}.hero-copy>p{max-width:450px;margin-bottom:30px;font-size:16px}.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 26px;border:none;border-radius:2px;font-weight:700;font-size:15px;min-height:48px}.red{background:var(--red);color:#fff}.red:hover{background:#cc1827}.light{background:#fff;color:#131416}.hero-note{display:flex;gap:20px;margin-top:45px;font:12px Arial,sans-serif;color:#81828a}.hero-note>span:first-child{color:#fff}.hero-visual{background:#1d1e23;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 55%,#bd1725 55%,#ed2635 100%);z-index:-1}.big-word{position:absolute;top:17px;left:5%;font:800 clamp(80px,12vw,200px)/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:-.025em;color:#ffffff0a;z-index:-1}.hero-visual>img{width:93%;height:450px;object-fit:contain;mix-blend-mode:lighten}.visual-label{position:absolute;bottom:26px;left:6%;right:6%;display:flex;justify-content:space-between;font:12px Arial,sans-serif;letter-spacing:.14em}.service-strip{display:flex;justify-content:center;gap:8%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 5%;font-size:14px;color:#c9c9cf}.service-strip span:before{content:'+';color:var(--red);font-weight:700;margin-right:12px}.section{padding:75px 6%;max-width:1600px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2{margin-bottom:0}h2{font-size:clamp(27px,3vw,40px);line-height:1.4;letter-spacing:-.02em;margin:12px 0 25px}.section-head>span{font-size:14px;color:#93949d;padding-bottom:5px}.disclosure{font-size:13px;max-width:900px;line-height:1.85;margin-top:20px;color:#a7a7af}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0}.filter{background:none;border:1px solid #383940;color:#bdbdc4;border-radius:2px;padding:9px 19px;font-size:14px}.filter.active{background:var(--red);color:white;border-color:var(--red)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 25px}.product{min-width:0}.product-image{display:block;width:100%;position:relative;background:#1c1d22;border:0;padding:0;color:white;overflow:hidden}.product-image img{width:100%;height:315px;object-fit:contain;transition:transform .25s}.product-image:hover img{transform:scale(1.04)}.product-index{position:absolute;top:14px;left:16px;color:#9a9aa4;font:12px Arial,sans-serif}.product-image .render-label{position:absolute;bottom:12px;left:16px;font-size:11px;color:#c6c6cc;background:#1118;padding:2px 5px}.product-info{padding:17px 0 0}.product-top{display:flex;justify-content:space-between;font:11px Arial,sans-serif;letter-spacing:.12em;color:#999aa4}.product h3{font-size:19px;line-height:1.5;margin:9px 0 12px;font-weight:600}.product-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px}.price{font-size:21px;font-weight:700}.price small{display:block;font-size:11px;font-weight:400;color:#92939c}.detail-button{border:0;background:none;color:#eee;font-size:13px;padding:10px 0 10px 14px}.detail-button:hover{color:var(--red)}.fit-banner{display:grid;grid-template-columns:1fr 1fr;gap:15px 60px;background:#ed2635;padding:55px 6%;position:relative}.fit-banner .eyebrow{color:#ffd8db;grid-column:1/-1}.fit-banner h2{font-size:clamp(32px,3.6vw,53px);margin:0}.fit-banner p{color:#fff;margin:0 0 24px;max-width:500px}.visit{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding-top:85px;padding-bottom:85px}.legal{color:#eee;margin-bottom:12px}address{font-style:normal;color:#b0b0ba}dl{display:grid;grid-template-columns:100px 1fr;gap:13px;font-size:15px;margin:25px 0 30px}dt{color:#9696a0}dd{margin:0}dd small{display:block;font-size:12px;color:#9696a0}.map-wrap{background:#191a1e;align-self:start}.map-wrap iframe{width:100%;height:330px;border:0;filter:grayscale(1)}.map-wrap p{padding:4px 18px 12px;font-size:12px;line-height:1.7;color:#a4a4ad}footer{background:#08090b;padding:42px 6% 20px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{font:800 31px 'Barlow Condensed',Arial,sans-serif}.footer-brand p{font:13px 'Noto Sans Thai',Arial,sans-serif;margin-top:10px}.payment-icons{display:flex;gap:7px;align-items:center;justify-content:flex-end}.payment-icons>span{display:flex;width:68px;height:40px;border-radius:3px;background:#fff;align-items:center;justify-content:center;overflow:hidden;padding:5px}.payment-icons img{max-height:31px;max-width:57px;object-fit:contain}.payment-icons .visa{background:#1434cb;padding:8px}.payment-icons .thaiqr img{max-width:71px;max-height:71px}.payments p{font-size:11px;margin-bottom:0;text-align:right}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #27282d;margin-top:30px;padding-top:20px;color:#72747e;font-size:11px}dialog{width:min(900px,93vw);border:1px solid #383940;background:#17181d;color:#fff;padding:0;max-height:90vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.close{position:absolute;right:12px;top:10px;border:none;background:#27282d;border-radius:50%;color:white;width:39px;height:39px;font-size:27px;z-index:2}.detail-layout{display:grid;grid-template-columns:1fr 1fr}.detail-layout>img{width:100%;height:100%;object-fit:contain;background:#1e1f25}.detail-copy{padding:48px 30px 30px}.detail-copy h2{font-size:27px;margin:10px 0}.detail-copy p{font-size:14px}.detail-copy .spec-note{font-size:12px;border-top:1px solid #383940;padding-top:15px}.detail-copy .button{margin-top:10px}.detail-copy .price{margin:20px 0}.detail-copy ul{font-size:13px;color:#aaaab3;padding-left:20px}.detail-copy li{margin:8px 0}@media(min-width:1450px){.product-grid{grid-template-columns:repeat(4,1fr)}.product-image img{height:300px}}@media(max-width:800px){header{height:78px;padding:0 5%;gap:20px}nav{gap:18px}.brand>span{font-size:25px}.brand img{width:42px;height:40px}.hero-copy{padding:50px 5% 35px}.hero{grid-template-columns:1fr 1fr;min-height:480px}.hero h1{font-size:37px}.hero-visual>img{height:360px}.hero-note{gap:9px;font-size:10px}.hero-copy>p{font-size:14px}.service-strip{gap:3%;font-size:12px}.section{padding:50px 5%}.product-grid{grid-template-columns:repeat(2,1fr);gap:26px 18px}.product-image img{height:300px}.fit-banner{padding:40px 5%;gap:15px 30px}.visit{gap:28px}.footer-top{align-items:flex-start;flex-direction:column}.payment-icons{justify-content:flex-start}.payments p{text-align:left}}@media(max-width:540px){.topline{padding:0 5%;font-size:10px}header{gap:14px}nav{gap:14px;font-size:12px}.brand small{display:none}.brand>span{font-size:23px}.brand img{width:35px;height:33px}.language{padding:6px 8px;font-size:12px}.hero{display:flex;flex-direction:column}.hero-copy{padding:40px 6% 25px}.hero h1{font-size:42px;margin:16px 0}.hero-copy>p{font-size:15px;max-width:none}.hero-note{margin-top:25px;font-size:10px}.hero-visual{height:325px}.hero-visual>img{height:315px;width:90%}.big-word{font-size:130px;top:0}.visual-label{font-size:10px}.service-strip{display:grid;grid-template-columns:1fr;gap:8px;padding:17px 6%;font-size:13px}.section-head{align-items:start}.section-head h2{font-size:26px}.section-head>span{white-space:nowrap;padding-top:34px;font-size:12px}.eyebrow{font-size:11px}.disclosure{font-size:12px}.filters{gap:6px;margin:22px 0}.filter{font-size:12px;padding:7px 11px}.product-grid{gap:25px 13px}.product-image img{height:205px}.product h3{font-size:15px;margin:8px 0 10px;min-height:45px}.product-index{font-size:10px;top:10px;left:10px}.product-image .render-label{font-size:9px;left:8px;bottom:7px}.product-top{font-size:9px;letter-spacing:.03em}.product-bottom{align-items:start}.price{font-size:18px}.price small{font-size:9px}.detail-button{font-size:11px;padding:3px 0 8px 7px}.fit-banner{grid-template-columns:1fr;padding:35px 6%}.fit-banner h2{font-size:35px;margin:5px 0 16px}.fit-banner p{font-size:14px}.visit{grid-template-columns:1fr;gap:35px}.map-wrap iframe{height:290px}.payment-icons>span{width:57px;height:37px}.payment-icons img{max-width:47px;max-height:28px}.footer-bottom{flex-direction:column;gap:6px}.detail-layout{grid-template-columns:1fr}.detail-layout>img{height:250px}.detail-copy{padding:25px}.detail-copy h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
