@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap');
:root{--red:#da292c;--ink:#171719;--paper:#f5f3ef;--muted:#777;--line:#ddd9d3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Thai',Arial,sans-serif}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ed6b29;outline-offset:4px}.red{color:var(--red)}.muted,small{color:#777}.topbar{background:var(--ink);color:#fff;padding:9px 4.5%;display:flex;gap:30px;font-size:11px;letter-spacing:.5px}.topbar span{margin-left:auto;color:#c5c5c5}.topbar a{font-weight:700}header{display:flex;align-items:center;gap:40px;padding:18px 4.5%;background:#faf9f6;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;line-height:1}.brand img{width:67px;height:58px;object-fit:contain}.brand>span{font-family:Arial,sans-serif;font-size:27px;font-weight:900;letter-spacing:-1.5px}.brand small{font-size:7px;display:block;letter-spacing:1.3px;margin-top:7px;color:var(--ink)}nav{display:flex;gap:27px;margin-left:auto;font-size:13px;font-weight:600}.cart-btn{background:transparent;border:1px solid #cac7c1;padding:10px 14px;font-size:12px}.cart-btn span{background:var(--red);color:white;padding:2px 6px;margin-left:8px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px}.hero-copy{padding:65px 7% 45px 9%}.eyebrow{font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:2.5px;margin:0 0 24px}.hero h1{font-size:clamp(45px,4.8vw,76px);line-height:1.19;letter-spacing:-3px;margin:0 0 24px;font-weight:900}.hero h1 span{color:var(--red)}.hero-desc{font-size:14px;line-height:1.9;color:#656363}.actions{display:flex;align-items:center;gap:24px;margin-top:32px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--red);color:white;padding:15px 25px;border:0;font-size:13px;font-weight:700}.primary:hover{background:#b91b21}.text-link{font-size:12px;font-weight:600}.hero-facts{display:flex;gap:28px;margin-top:52px;padding-top:20px;border-top:1px solid var(--line);font-family:Arial,sans-serif;font-size:10px;color:var(--red)}.hero-facts b{display:block;margin-top:6px;color:var(--ink);font-family:'Noto Sans Thai',sans-serif;font-size:11px;font-weight:500}.hero-art{position:relative;overflow:hidden;background:#e7e3de;display:flex;align-items:center}.hero-art>img{width:100%;height:100%;max-height:650px;object-fit:cover;mix-blend-mode:multiply}.hero-number{position:absolute;top:27px;left:30px;z-index:1;font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px}.hero-caption{position:absolute;bottom:30px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;align-items:end}.hero-caption b{font-family:Arial,sans-serif;font-size:12px;letter-spacing:2px}.hero-caption span{font-size:9px}.ticker{background:var(--red);color:#fff;padding:18px 4%;font-family:Arial,sans-serif;font-weight:800;font-size:18px;letter-spacing:4px;display:flex;justify-content:space-between;gap:20px;overflow:hidden;white-space:nowrap}.ticker span{font-size:24px}.section{padding:80px 6%}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-head .eyebrow{margin-bottom:12px}h2{font-size:36px;letter-spacing:-1px;line-height:1.35;margin:0 0 14px}.section-head>p{font-size:12px;text-align:right;line-height:1.9}.notice{background:#eeeae4;border-left:3px solid var(--red);padding:12px 16px;font-size:11px;line-height:1.8}.catalogue-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:29px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #d1cdc6;background:transparent;padding:10px 16px;font-size:12px}.filters button.active{background:var(--ink);border-color:var(--ink);color:white}.search span{position:absolute;width:1px;height:1px;overflow:hidden}.search input{width:190px;background:transparent;border:0;border-bottom:1px solid #aaa;padding:10px 0;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 20px}.product-card{min-width:0}.product-image{position:relative;background:#e8e4df;overflow:hidden;aspect-ratio:1}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product-card:hover .product-image img{transform:scale(1.04)}.product-image .badge{position:absolute;left:12px;top:12px;background:#faf9f5df;font-size:8px;padding:4px 7px;letter-spacing:1px}.product-meta{display:flex;justify-content:space-between;color:#888;font-size:9px;margin:15px 0 7px}.product-card h3{font-size:15px;margin:0 0 5px}.product-card p{font-size:11px;color:#777;margin:0 0 12px}.product-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px}.product-bottom strong{font-family:Arial,sans-serif;font-size:18px}.product-bottom small{display:block;font-size:8px;margin-top:3px}.detail{width:36px;height:36px;background:transparent;border:1px solid #bbb;font-size:23px}.detail:hover{background:var(--ink);color:white}.guide{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff;gap:70px}.guide .eyebrow{color:#ed4c4f}.guide h2{font-size:46px;line-height:1.4}.guide p{font-size:12px;line-height:1.9;color:#aaa}.guide .primary{margin-top:20px}.steps article{display:flex;gap:25px;border-bottom:1px solid #404044;padding:20px 0}.steps article>span{color:var(--red);font-size:13px;font-family:Arial,sans-serif;padding-top:4px}.steps h3{font-size:17px;margin:0 0 8px}.steps p{margin:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h3{font-size:16px;margin-top:26px}.contact p{font-size:13px;line-height:1.9;color:#666}.contact .phone{font-family:Arial,sans-serif;font-size:28px;font-weight:700;display:block;margin:24px 0}.contact>div>a:last-child{font-size:12px;text-decoration:underline}.map-wrap iframe{width:100%;height:365px;border:0;background:#e1ded9}.map-wrap p{font-size:10px;margin:10px 0}footer{background:#111113;color:#ddd;padding:50px 6% 20px}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:40px}.footer-top h2{font-family:Arial,sans-serif;font-size:36px;letter-spacing:-2px}.footer-top p,.footer-top strong{font-size:11px;font-weight:400}.footer-top small{font-size:9px}.payments{display:flex;gap:9px;margin:12px 0}.payments>span{width:64px;height:36px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px}.payments img{max-width:52px;max-height:27px;object-fit:contain}.payments .thaiqr img{max-width:none;max-height:none;width:65px;height:65px}.payments .visa{background:#153a7b}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #333;padding-top:20px;color:#777;font-size:9px}.footer-bottom button{background:none;border:0;color:#aaa;font-size:9px;padding:0}dialog{border:0;padding:38px;width:min(820px,92vw);max-height:90vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}dialog .close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:30px;z-index:2}#product-detail{display:grid;grid-template-columns:1fr 1fr;gap:30px}#product-detail img{width:100%}#product-detail h2{font-size:25px}#product-detail p{font-size:12px;line-height:1.9}#product-detail .price{font-family:Arial,sans-serif;font-size:25px}#product-detail .primary{width:100%;margin-top:20px}#product-detail details{font-size:11px;line-height:1.8;margin:15px 0}.cart-row{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0}.cart-row img{width:64px;height:64px}.cart-row h3{font-size:13px;margin:0}.cart-row p{font-size:11px}.cart-row>div{flex:1}.qty{display:flex;align-items:center;gap:8px}.qty button,.secondary{background:transparent;border:1px solid #bbb;padding:7px 12px}.qty button{padding:3px 9px}.cart-row .remove{font-size:10px;background:none;border:0;color:#a22}#cart-total{font-size:19px;font-weight:700;margin:20px 0}#cart-dialog>.primary{margin-top:10px}#cart-dialog>.secondary{margin:10px 0 0 10px;font-size:12px}#policy-dialog p{font-size:13px;line-height:1.9}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:40;background:#161616;color:#fff;padding:12px 25px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){header{gap:15px}nav{gap:15px}.brand>span{font-size:22px}.hero-copy{padding-top:45px}.hero{min-height:540px}.actions{gap:12px;flex-wrap:wrap}.hero-facts{margin-top:30px}.product-grid{grid-template-columns:repeat(3,1fr)}.catalogue-tools{flex-wrap:wrap}.guide,.contact{gap:35px}.hero-caption{flex-direction:column;align-items:start}}
@media(max-width:700px){.topbar{font-size:9px;padding:8px 5%}.topbar span{display:none}.topbar a{margin-left:auto}header{padding:12px 5%;flex-wrap:wrap;gap:12px}.brand img{width:50px;height:43px}.brand>span{font-size:23px}.brand small{font-size:6px}.cart-btn{margin-left:auto;font-size:10px;padding:9px}nav{order:3;width:100%;justify-content:center;font-size:11px;padding-top:8px;border-top:1px solid var(--line)}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 6% 32px}.hero h1{font-size:51px}.hero-desc{font-size:12px}.eyebrow{font-size:9px;letter-spacing:2px}.hero-facts{justify-content:space-between}.hero-art{height:360px}.hero-art>img{object-fit:contain}.hero-caption{bottom:20px;left:20px;gap:5px}.hero-number{top:18px;left:20px}.ticker{font-size:13px;padding:13px 5%;letter-spacing:2px;gap:25px}.ticker span{font-size:17px}.section{padding:48px 5%}h2{font-size:28px}.section-head{align-items:start;gap:15px}.section-head>p{font-size:9px;min-width:100px}.section-head .eyebrow{font-size:8px}.notice{font-size:10px}.catalogue-tools{margin:22px 0}.filters{gap:6px}.filters button{font-size:10px;padding:8px 10px}.search,.search input{width:100%}.product-grid{grid-template-columns:repeat(2,1fr);gap:25px 13px}.product-card h3{font-size:12px}.product-card p{font-size:9px}.product-meta{font-size:7px}.product-image .badge{left:7px;top:7px;font-size:7px}.product-bottom strong{font-size:16px}.guide,.contact{grid-template-columns:1fr}.guide h2{font-size:37px}.guide{gap:30px}.contact{gap:25px}.map-wrap iframe{height:280px}.footer-top{flex-direction:column;gap:22px}.footer-bottom{flex-wrap:wrap;font-size:8px}.footer-bottom>span:last-child{display:none}.payments>span{width:55px}.payments{gap:7px}dialog{padding:35px 20px 25px}#product-detail{grid-template-columns:1fr;gap:20px}#product-detail img{max-height:280px;object-fit:contain}#product-detail h2{font-size:22px}.cart-row{gap:8px}.cart-row img{width:45px;height:45px}.cart-row h3{font-size:11px}.qty{gap:6px}.qty button{padding:3px 7px}.cart-row .remove{font-size:9px}#cart-dialog>.secondary{margin-left:0}#cart-dialog>.primary{width:100%}}

.arrow{display:inline-block;width:1em;height:1em;vertical-align:-.1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square}.detail .arrow{width:17px;height:17px}