:root{--c-1:#6e5211;--c-2:#8a6714;--c-3:#a9821f;--c-4:#dab64c;--c-5:#f5eccf;--gold:#a67c00;--gold-dark:#6e5211;--gold-soft:#fdf8ec;--band:linear-gradient(90deg, #eee0c0 0%, #f8edc9 46%, #fdf9ee 100%);--band-strong:linear-gradient(90deg, #dfcda0 0%, #f0e2bd 42%, #fdf9ee 100%);--sb:linear-gradient(178deg, #8a6714 0%, #6e5211 60%, #5a4210 100%);--chrome:linear-gradient(135deg, #dab64c 0%, #b5860e 100%);--chrome-light:linear-gradient(135deg, #e3c56a 0%, #dab64c 34%, #b5860e 100%);--seal:linear-gradient(135deg, #a9821f 0%, #8a6714 52%, #6e5211 100%);--chrome-text:linear-gradient(100deg, #6e5211 0%, #a9821f 34%, #dab64c 52%, #8a6714 76%, #6e5211 100%);--chrome-line:linear-gradient(90deg, transparent, #dab64c 16%, #b5860e 50%, #dab64c 84%, transparent);--ink:#3a2f16;--ink-2:#5a4210;--text:#3a2f16;--muted:#7a6842;--line:#e9dec3;--bg:#f4ecd8;--card:#fff;--green:#06c755;--amber:#dd8f0a;--radius:12px;--radius-sm:9px;--shadow:0 1px 3px #5a461414;--shadow-lg:0 14px 40px #5a46143d;--shadow-gold:0 4px 14px #785a1933;--wrap:1240px;--header-h:66px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px)}body{color:var(--text);background:linear-gradient(155deg,#fdf9ee 0%,#eee0c0 100%) fixed, var(--bg);-webkit-tap-highlight-color:#a67c002e;margin:0;font-family:Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,.brand-text strong,.detail-price,.stat b{font-family:Kanit,Noto Sans Thai,sans-serif;font-weight:600;line-height:1.3}img{max-width:100%;display:block}[hidden]{display:none!important}img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}a{color:inherit}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}.goldtext{background:var(--chrome);color:#0000;-webkit-text-fill-color:transparent;background-size:220% 100%;-webkit-background-clip:text;background-clip:text}:focus-visible{outline:3px solid var(--c-3);outline-offset:2px;border-radius:4px}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 17px;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn svg{fill:currentColor;flex:none;width:18px;height:18px}.btn-ghost{border-color:var(--c-2);color:var(--gold-dark);background:#ffffff8c}.btn-ghost:hover{border-color:var(--c-1);background:#fff}.btn-line{background:var(--green);color:#fff;box-shadow:0 6px 18px #06c75547}.btn-line:hover{background:#05b34c}.btn-gold{background:var(--chrome-light);color:var(--ink);border-color:var(--c-2);box-shadow:var(--shadow-gold), inset 0 1px 0 #fff9;text-shadow:0 1px #ffffff59}.btn-gold:hover{filter:brightness(1.05)}.btn-lg{min-height:50px;padding:14px 24px;font-size:1rem}.site-header{background:var(--band);color:var(--ink);z-index:40;position:sticky;top:0;box-shadow:0 6px 20px #503e201a}.site-header:after{content:"";background:var(--chrome-line);height:2px;position:absolute;bottom:0;left:0;right:0}.header-inner{min-height:var(--header-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:var(--ink);border-radius:12px;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{background:var(--seal);color:#fffdf7;letter-spacing:-.5px;text-shadow:0 1px 2px #46341a73;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-family:Kanit,sans-serif;font-size:1.05rem;font-weight:700;display:grid;position:relative;box-shadow:0 2px 8px #503e204d,inset 0 1px #fff9,inset 0 -2px 6px #5a421e73}.brand-mark:after{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#0000);border-radius:50% 50% 40% 40%;position:absolute;inset:3px 3px 55%}.brand-text strong{font-size:1rem;display:block}.brand-text small{color:var(--muted);font-size:.76rem;line-height:1.2;display:block}.header-actions{align-items:center;gap:10px;display:flex}.hero{color:var(--ink);text-align:center;border-bottom:1px solid var(--line);background:radial-gradient(900px 340px at 14% -12%,#dab64c52,#0000 64%),radial-gradient(700px 300px at 90% 0,#a67c0024,#0000 62%),linear-gradient(#fdf9ee 0%,#eee0c0 100%);padding:58px 0 46px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 42%,#ffffff80 50%,#0000 58%);height:150%;position:absolute;inset:-40% -10% auto}.hero:after{content:"P1";color:#6e521114;pointer-events:none;user-select:none;font-family:Kanit,sans-serif;font-size:clamp(120px,22vw,300px);font-weight:700;line-height:1;position:absolute;top:50%;right:4%;transform:translateY(-50%)}.hero-inner{position:relative}.hero-eyebrow{border:1px solid var(--c-3);color:var(--gold-dark);background:#fff;border-radius:999px;margin:0 0 16px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.5px;background:var(--chrome-text);color:#0000;-webkit-text-fill-color:transparent;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;margin:0;padding-bottom:.06em;font-size:clamp(2.05rem,5.6vw,3.5rem);animation:9s ease-in-out infinite sheen}@keyframes sheen{0%,to{background-position:0%}50%{background-position:100%}}.hero-brands{color:var(--muted);letter-spacing:.06em;margin:14px 0 0;font-size:clamp(.82rem,2vw,1rem)}.hero-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.stat{border:1px solid var(--line);min-width:134px;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:13px 26px;position:relative;overflow:hidden}.stat:before{content:"";background:var(--band);height:4px;position:absolute;top:0;left:0;right:0}.stat b{background:var(--chrome-text);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.55rem;display:block}.stat span{color:var(--muted);font-size:.8rem}.trust{border-bottom:1px solid var(--line);background:#fff}.trust-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:22px 20px;display:grid}.trust-item{padding:10px 16px;position:relative}.trust-item:before{content:"";background:var(--chrome);border-radius:3px;width:3px;position:absolute;top:4px;bottom:4px;left:0}.trust-item b{font-size:.95rem;display:block}.trust-item span{color:var(--muted);font-size:.82rem}.main{padding:28px 20px 56px}.toolbar{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px;padding:16px;position:relative}.toolbar:before{content:"";background:var(--chrome-line);border-radius:2px;height:2px;position:absolute;top:0;left:18px;right:18px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);font:inherit;cursor:pointer;color:var(--text);white-space:nowrap;background:#fff;border-radius:999px;min-height:38px;padding:8px 16px;font-size:.87rem;font-weight:500;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.chip:hover{border-color:var(--c-3);background:var(--gold-soft)}.chip[aria-pressed=true]{background:var(--chrome);color:var(--ink);border-color:#6b4b0c66;font-weight:600;box-shadow:inset 0 1px #fff9,0 4px 14px #a3760f38}.chip b{opacity:.6;margin-left:5px;font-size:.8em;font-weight:700}.result-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 0;font-size:.88rem;display:flex}.link-reset{font:inherit;color:var(--gold-dark);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.88rem;text-decoration:underline}.state{text-align:center;color:var(--muted);padding:64px 20px}.state p{margin:14px 0 0}.state .btn{background:var(--chrome-light);color:var(--ink);border-color:var(--c-2);margin-top:16px}.spinner{border:3px solid var(--line);border-top-color:var(--c-3);border-radius:50%;width:36px;height:36px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card.skel{cursor:default;pointer-events:none;box-shadow:none}.card.skel:after{display:none}.skel-shimmer,.card.skel .card-media,.skel-line{background:linear-gradient(90deg,#f0e6cf 25%,#fbf5e6 37%,#f0e6cf 63%) 0 0/400% 100%;animation:1.5s ease-in-out infinite shimmer}.skel-line{border-radius:6px;height:11px;margin:7px 0;display:block}.skel-line.w40{width:40%}.skel-line.w80{width:80%}.skel-line.w55{width:55%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:18px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;font:inherit;color:inherit;box-shadow:var(--shadow);flex-direction:column;padding:0;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.card:after{content:"";background:var(--chrome);opacity:0;height:3px;transition:opacity .16s;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--c-4);transform:translateY(-3px)}.card:hover:after{opacity:1}.card:focus-visible{outline:3px solid var(--c-3);outline-offset:2px}.card-media{aspect-ratio:4/5;background:#f4ecd8;position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.card:hover .card-media img{transform:scale(1.04)}.card-badges{flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;top:10px;left:10px}.badge{color:#f5eccf;backdrop-filter:blur(4px);background:#3a2f16d6;border-radius:7px;padding:4px 10px;font-size:.72rem;font-weight:600}.badge-branch{background:#3a2f16d6}.badge-rs{background:linear-gradient(135deg,var(--c-2),var(--c-4));color:var(--ink)}.badge-hold{background:#dd8f0af2}.badge-photos{color:#f5eccf;background:#3a2f16c2;border-radius:7px;padding:4px 10px;font-size:.72rem;font-weight:600;position:absolute;bottom:10px;right:10px}.badge-noimg{background:#6e521180;font-weight:500}.card-body{flex-direction:column;flex:1;gap:3px;padding:13px 14px 15px;display:flex}.card-cat{color:var(--gold-dark);letter-spacing:.04em;font-size:.73rem;font-weight:700}.card-title{margin:0;font-size:.98rem;font-weight:600;line-height:1.35}.card-sn{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.79rem}.card-price{color:var(--ink);margin-top:auto;padding-top:10px;font-family:Kanit,sans-serif;font-size:1.08rem;font-weight:600}.card-price.masked{background:var(--gold-soft);border:1px solid var(--c-4);color:var(--gold-dark);border-radius:999px;align-self:flex-start;align-items:center;margin-top:9px;padding:5px 13px;font-family:Noto Sans Thai,sans-serif;font-size:.8rem;font-weight:600;line-height:1.4;display:inline-flex}.card-price small{color:var(--muted);margin-left:3px;font-size:.72rem;font-weight:400}.skip-link{z-index:100;background:var(--chrome);color:var(--ink);border-radius:999px;padding:10px 18px;font-weight:600;text-decoration:none;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:16px}.steps{background:var(--bg);border-top:1px solid var(--line);padding:48px 0}.steps h2{margin:0 0 24px;font-size:1.45rem}.steps-grid{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps-grid li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px 20px;position:relative}.step-no{background:var(--chrome);width:36px;height:36px;color:var(--ink);border-radius:50%;place-items:center;margin-bottom:12px;font-family:Kanit,sans-serif;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffffa6,0 4px 12px #a3760f38}.steps-grid b{margin-bottom:5px;font-size:1rem;display:block}.steps-grid span:not(.step-no){color:var(--muted);font-size:.89rem;line-height:1.6;display:block}.faq{border-top:1px solid var(--line);background:#fff;padding:48px 0}.faq h2{margin:0 0 20px;font-size:1.45rem}.faq-list{gap:10px;max-width:860px;display:grid}.faq details{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--gold-soft);transition:border-color .15s;overflow:hidden}.faq details[open]{border-color:var(--c-4);background:#fff}.faq summary{cursor:pointer;align-items:center;min-height:52px;padding:15px 46px 15px 18px;font-size:.97rem;font-weight:600;list-style:none;display:flex;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";background:linear-gradient(var(--gold-dark),var(--gold-dark)) center/13px 2px no-repeat, linear-gradient(var(--gold-dark),var(--gold-dark)) center/2px 13px no-repeat;width:13px;height:13px;margin-top:-6px;transition:transform .18s;position:absolute;top:50%;right:18px}.faq details[open] summary:after{background:linear-gradient(var(--gold-dark),var(--gold-dark)) center/13px 2px no-repeat;transform:rotate(180deg)}.faq summary:hover{background:var(--gold-soft)}.faq details p{color:var(--muted);margin:0;padding:0 18px 17px;font-size:.92rem;line-height:1.7}.terms{border-top:1px solid var(--line);background:#fff;padding:48px 0}.terms h2{margin:0 0 22px;font-size:1.45rem}.terms-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.terms article{border:1px solid var(--line);border-radius:var(--radius);background:var(--gold-soft);padding:22px;position:relative;overflow:hidden}.terms article:before{content:"";background:var(--chrome);width:3px;position:absolute;top:0;bottom:0;left:0}.terms h3{margin:0 0 10px;font-size:1rem}.terms ol{color:var(--text);margin:0;padding-left:20px;font-size:.92rem}.terms li{margin-bottom:5px}.terms .note{background:#f8edc9;border-color:#e2d9c0}.terms .note p{margin:0 0 8px;font-size:.92rem}.site-footer{background:var(--sb);color:var(--c-5);padding:34px 0;font-size:.9rem;position:relative}.site-footer:before{content:"";background:var(--chrome-line);height:2px;position:absolute;top:0;left:0;right:0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.site-footer strong{color:#fff;font-size:1rem}.site-footer a{color:var(--c-4);font-weight:600;text-decoration:none}.site-footer a:hover{text-decoration:underline}.mobile-cta{display:none}body.modal-open .mobile-cta{display:none!important}.modal{z-index:80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal-backdrop{backdrop-filter:blur(3px);background:#3a2f16bd;position:absolute;inset:0}.modal-panel{background:var(--card);width:min(1080px,100%);max-height:92vh;box-shadow:var(--shadow-lg);border-radius:18px;animation:.18s ease-out pop;position:relative;overflow:hidden}@keyframes pop{0%{opacity:0;transform:scale(.98)translateY(6px)}}.modal-close{z-index:3;color:#f5eccf;cursor:pointer;background:#3a2f169e;border:0;border-radius:50%;width:40px;height:40px;font-size:1.6rem;line-height:1;position:absolute;top:12px;right:14px}.modal-close:hover{background:#3a2f16e0}.modal-body{grid-template-columns:1.15fr 1fr;max-height:92vh;display:grid;overflow:auto}.modal-body>*{min-width:0;min-height:0}.gallery{background:#2e2513;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.gallery-main{background:#231c0c;border-radius:12px;flex:1;place-items:center;min-height:300px;display:grid;position:relative;overflow:hidden}.gallery-main img{object-fit:contain;width:100%;height:100%;max-height:62vh}.gnav{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:50%;width:44px;height:44px;font-size:1.7rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.gnav:hover{background:#dab64c73}.gprev{left:10px}.gnext{right:10px}.gcount{color:#fff;background:#231c0cc7;border-radius:7px;padding:4px 11px;font-size:.78rem;position:absolute;bottom:12px;right:12px}.thumbs{scrollbar-width:thin;flex:none;gap:8px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.thumbs img{object-fit:cover;cursor:pointer;opacity:.55;border:2px solid #0000;border-radius:8px;flex:none;width:64px;height:64px;transition:opacity .15s,border-color .15s}.thumbs img:hover{opacity:.85}.thumbs img[aria-current=true]{opacity:1;border-color:var(--c-3);box-shadow:0 0 0 2px #a67c004d}.detail{padding:26px 28px 28px;overflow-y:auto}.detail-cat{color:var(--gold-dark);letter-spacing:.04em;margin:0;font-size:.83rem;font-weight:700}.detail h2{margin:4px 0 10px;font-size:1.5rem}.badges{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.badges .badge{color:var(--text);backdrop-filter:none;background:#f4ecd8;padding:5px 12px;font-size:.78rem;position:static}.badges .badge-rs{background:linear-gradient(135deg,var(--c-3),var(--c-5));color:var(--gold-dark)}.badges .badge-ok{color:#146b3c;background:#e7f3ea}.badges .badge-hold{color:#8a5a10;background:#fbeedb}.detail-price{color:var(--ink);margin:0 0 4px;font-size:1.9rem}.detail-price.masked{color:var(--gold-dark);background:var(--gold-soft);border:1px solid var(--c-4);border-radius:10px;margin-bottom:6px;padding:10px 14px;font-family:Noto Sans Thai,sans-serif;font-size:1.05rem;font-weight:600;display:block}.detail-price small{color:var(--muted);margin-left:6px;font-family:Noto Sans Thai,sans-serif;font-size:.9rem;font-weight:400}.spec{grid-template-columns:auto 1fr;gap:8px 16px;margin:18px 0;font-size:.92rem;display:grid}.spec dt{color:var(--muted)}.spec dd{margin:0;font-weight:500}.detail-note{background:var(--gold-soft);border-left:3px solid var(--c-3);color:var(--muted);white-space:pre-line;border-radius:0 8px 8px 0;margin:0 0 18px;padding:11px 14px;font-size:.9rem}.detail-note:empty{display:none}.detail-cta{grid-template-columns:1fr 1fr;gap:10px;display:grid}.detail-cta .btn-line{grid-column:1/-1}.detail-cta .btn{min-width:0}.detail-cta .btn-ghost{border-color:var(--c-3);color:var(--gold-dark);background:var(--gold-soft)}.detail-cta .btn-ghost:hover{border-color:var(--c-2);background:#f8edc9}.detail-fine{color:var(--muted);margin:16px 0 0;font-size:.8rem}body.modal-open{overflow:hidden}@media (width<=960px){.trust-grid{grid-template-columns:repeat(2,1fr)}.modal-body{grid-template-columns:1fr}.gallery-main img{max-height:68vh}}@media (width<=640px){:root{--header-h:58px}body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.brand-text small,.header-actions .btn-ghost{display:none}.header-inner{min-height:var(--header-h);gap:10px}.brand{flex:1;min-width:0}.brand-mark{width:36px;height:36px;font-size:.92rem}.brand-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;display:block;overflow:hidden}.btn-line{min-height:38px;padding:9px 14px;font-size:.82rem}.hero{padding:22px 0 18px}.hero:after{display:none}.hero h1{font-size:clamp(1.5rem,7.2vw,2.1rem)}.hero-brands{letter-spacing:.03em;margin-top:9px;font-size:.71rem;line-height:1.5}.hero-stats{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-wrap:nowrap;gap:0;margin-top:14px;overflow:hidden}.stat{border:0;border-left:1px solid var(--line);min-width:0;box-shadow:none;background:0 0;border-radius:0;flex:1;padding:8px 4px}.stat:first-child{border-left:0}.stat:before{display:none}.stat b{font-size:1.02rem}.stat span{font-size:.68rem}.trust-grid{scrollbar-width:none;grid-template-columns:none;gap:8px;padding:11px 14px;display:flex;overflow-x:auto}.trust-grid::-webkit-scrollbar{display:none}.trust-item{white-space:nowrap;border:1px solid var(--line);background:var(--gold-soft);border-radius:999px;flex:none;padding:6px 14px 6px 16px}.trust-item:before{width:3px;top:7px;bottom:7px;left:7px}.trust-item b{color:var(--gold-dark);font-size:.79rem}.trust-item span{display:none}.main{padding:18px 14px 40px}.toolbar{top:var(--header-h);z-index:30;border-radius:12px;margin-bottom:12px;padding:10px;position:sticky}.toolbar:before{left:14px;right:14px}.chips{scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;margin:0 -10px;padding:0 10px 2px;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{scroll-snap-align:start;flex:none}.grid{grid-template-columns:repeat(2,1fr);gap:11px}.card-body{padding:11px 12px 13px}.card-title{font-size:.92rem}.card-price.masked{margin-top:7px;padding:4px 11px;font-size:.75rem}.terms{padding:34px 0}.terms-grid{gap:14px}.terms article{padding:18px}.modal{padding:0}.modal-panel{border-radius:0;height:100dvh;max-height:100dvh}.callbox-panel{border-radius:18px;height:auto;max-height:calc(100dvh - 40px)}.modal-body{grid-template-rows:auto 1fr;max-height:100dvh}.gallery{padding:10px}.gallery-main{min-height:0}.gallery-main img{width:100%;height:auto;max-height:80vh}.detail{padding:18px 18px calc(18px + env(safe-area-inset-bottom))}.detail h2{font-size:1.25rem}.detail-cta{background:linear-gradient(180deg,#fff0,var(--card) 22%);grid-template-columns:1fr;margin-top:6px;padding:12px 0 4px;position:sticky;bottom:0}.mobile-cta{z-index:60;padding:10px 14px calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(10px);background:#fdf9eef5;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 22px #5a461433}.mobile-cta:before{content:"";background:var(--chrome-line);height:2px;position:absolute;top:0;left:0;right:0}.mobile-cta .btn{flex:1;min-height:46px}.steps{padding:34px 0}.steps-grid{gap:10px}.steps-grid li{grid-template-columns:36px 1fr;gap:4px 14px;padding:16px 16px 15px;display:grid}.step-no{grid-row:span 2;margin-bottom:0}.steps-grid b{align-self:center}.steps-grid span:not(.step-no){grid-column:2}.faq{padding:34px 0}.faq summary{padding:14px 42px 14px 15px;font-size:.93rem}.faq details p{padding:0 15px 15px;font-size:.88rem}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.card:hover{transform:none}}.toast{left:50%;top:calc(14px + env(safe-area-inset-top));z-index:90;background:var(--sb);color:#fdf8ec;text-align:center;opacity:0;visibility:hidden;pointer-events:none;overflow-wrap:anywhere;border:1px solid #dab64c73;border-radius:12px;max-width:min(92vw,420px);padding:12px 18px;font-size:15px;font-weight:500;line-height:1.45;transition:opacity .18s,transform .18s,visibility .18s;position:fixed;transform:translate(-50%,-14px);box-shadow:0 10px 28px #3a2f1657}.toast.is-on{opacity:1;visibility:visible;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.toast{transition:opacity 10ms linear,visibility 10ms;transform:translate(-50%)}}.callbox{z-index:85}.callbox-panel{text-align:center;width:min(420px,100%);padding:30px 26px 26px}.callbox-panel h2{margin:0 0 18px;font-size:1.3rem}.callbox-hours{background:var(--gold-soft);border:1px solid var(--line);text-align:left;border-radius:12px;grid-template-columns:auto 1fr;gap:8px 16px;margin:0 0 16px;padding:16px;display:grid}.callbox-hours dt{color:var(--muted);font-size:.92rem}.callbox-hours dd{margin:0;font-weight:600}.callbox-note{color:var(--muted);margin:0 0 20px;font-size:.92rem;line-height:1.55}.callbox-cta{gap:10px;display:grid}@media (width<=640px){.callbox-panel{padding:26px 18px 20px}.callbox-hours{grid-template-columns:1fr;gap:2px}.callbox-hours dd{margin-bottom:8px}.callbox-hours dd:last-child{margin-bottom:0}}.specmore{border:1px solid var(--line);border-radius:12px;margin:0 0 18px;overflow:hidden}.specmore>summary{cursor:pointer;user-select:none;background:var(--gold-soft);color:var(--gold-dark);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:.92rem;font-weight:600;list-style:none;display:flex}.specmore>summary::-webkit-details-marker{display:none}.specmore>summary:after{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:9px;height:9px;transition:transform .18s;transform:rotate(45deg)translateY(-2px)}.specmore[open]>summary:after{transform:rotate(225deg)translateY(-2px)}.specmore>summary:hover{background:#f8eed4}.specmore>summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.specmore-list{margin:0;padding:14px 16px 4px}.specmore-fine{color:var(--muted);margin:0;padding:0 16px 14px;font-size:.8rem;line-height:1.6}.specmore-src a{color:var(--gold-dark);text-decoration:underline}@media (prefers-reduced-motion:reduce){.specmore>summary:after{transition:none}}:root{--accent:var(--gold-dark);--accent-bg:var(--gold-soft);--border:var(--line);--bg-raised:#fff;--bg-sunken:var(--gold-soft);--text-soft:var(--muted);--text-mute:var(--muted);--shadow-sm:var(--shadow)}.muted{color:var(--muted)}.small{font-size:.9rem}.tiny{font-size:.78rem}.center{text-align:center}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.clamp-2,.clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-2{-webkit-line-clamp:2}.clamp-3{-webkit-line-clamp:3}main{display:block}h2{color:var(--ink);margin:0 0 .4em;font-size:clamp(1.35rem,3vw,1.85rem)}h3{color:var(--ink);margin:0 0 .35em;font-size:1.08rem}a{text-underline-offset:3px;text-decoration-color:#a67c0059}a:hover{color:var(--gold-dark)}.section{padding-block:46px}.section+.section{padding-top:10px}.section-alt{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.section-head h2{margin:0}.section-head a{color:var(--gold-dark);white-space:nowrap;font-weight:600;text-decoration:none}.eyebrow{letter-spacing:.08em;color:var(--gold-dark);text-transform:uppercase;font-size:.78rem;font-weight:700;display:inline-block}.lead{color:var(--muted);margin:.4em 0 0;font-size:1.06rem}.cta-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.hero .cta-row{justify-content:center;margin-top:24px}.btn-primary{background:var(--chrome-light);color:var(--ink);border-color:var(--c-2);box-shadow:var(--shadow-gold)}.site-nav{border-top:1px solid #a67c002e}.site-nav>ul{flex-wrap:wrap;gap:2px;margin:0 auto;padding:4px 12px;list-style:none;display:flex}.site-nav li{position:relative}.site-nav a{color:var(--ink-2);border-radius:9px;padding:9px 13px;font-size:.95rem;font-weight:500;text-decoration:none;display:block}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--gold-dark);background:#ffffffb3}.site-nav .has-children>a:after{content:"▾";opacity:.7;margin-left:6px;font-size:.7rem}.submenu{z-index:45;border:1px solid var(--line);border-radius:var(--radius);min-width:270px;box-shadow:var(--shadow-lg);visibility:hidden;opacity:0;background:#fff;margin:0;padding:8px;list-style:none;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:100%;left:0;transform:translateY(6px)}.has-children:hover>.submenu,.has-children:focus-within>.submenu{visibility:visible;opacity:1;transform:none}.submenu a{padding:8px 12px;font-size:.92rem}.submenu a:hover{background:var(--gold-soft)}.nav-toggle{display:none}.stock{border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.stock:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.stock.in{color:#08793a;background:#e6f7ec;border:1px solid #bfe8cd}.stock.ask{color:var(--gold-dark);background:var(--gold-soft);border:1px solid var(--line)}.price-ask{color:var(--gold-dark);font-family:Kanit,sans-serif}.card.product-card{cursor:pointer;text-decoration:none}.product-card .card-media{aspect-ratio:1;border-bottom:1px solid var(--line);background:#fff;place-items:center;padding:14px;display:grid}.product-card .card-media img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.product-card .card-title{margin-top:2px}.product-card .card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.product-card .card-price{margin:0;padding:0}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.cat-tile{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow);background:#fff;grid-template-columns:64px 1fr;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.cat-tile:hover{box-shadow:var(--shadow-lg);border-color:var(--c-4);color:var(--ink);transform:translateY(-2px)}.cat-tile img{object-fit:contain;background:var(--gold-soft);border-radius:10px;width:64px;height:64px;padding:4px}.cat-tile b{font-family:Kanit,sans-serif;font-weight:600;line-height:1.3;display:block}.cat-tile span{color:var(--muted);font-size:.8rem}.article-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.article-card{border:1px solid var(--line);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);background:#fff;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-lg);color:inherit;transform:translateY(-3px)}.article-card .cover{aspect-ratio:3/2;background:var(--gold-soft);overflow:hidden}.article-card .cover img{object-fit:cover;width:100%;height:100%}.article-card .body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.article-card .cat{color:var(--gold-dark);letter-spacing:.04em;font-size:.74rem;font-weight:700}.article-card h3{margin:0;font-size:1rem;line-height:1.45}.article-card .excerpt{color:var(--muted);margin:0;font-size:.86rem}.all-articles{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;margin-top:34px;padding:22px 24px}.all-articles h2{font-size:1.15rem}.article-index{columns:2 320px;column-gap:34px;margin:0;padding-left:1.4em}.article-index li{break-inside:avoid;padding:5px 0;line-height:1.5}.article-index a{color:var(--ink-2);text-decoration:none}.article-index a:hover{color:var(--gold-dark);text-decoration:underline}.used-band{background:var(--sb);color:var(--c-5);box-shadow:var(--shadow-lg);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:28px 30px;display:grid;position:relative;overflow:hidden}.used-band:after{content:"มือ2";color:#ffffff0f;pointer-events:none;font-family:Kanit,sans-serif;font-size:120px;font-weight:700;position:absolute;top:50%;right:22%;transform:translateY(-50%)}.used-band h2{color:#fff7dd;margin:0}.used-band p{color:var(--c-5);margin:6px 0 0}.crumbs{color:var(--muted);padding:16px 0 0;font-size:.84rem}.crumbs ol{flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;list-style:none;display:flex}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--gold-dark)}.pd{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:34px;padding:22px 0 10px;display:grid}.pd-gallery .main-image{border:1px solid var(--line);aspect-ratio:1;box-shadow:var(--shadow);background:#fff;border-radius:16px;place-items:center;padding:22px;display:grid}.pd-gallery .main-image img{object-fit:contain;width:100%;height:100%}.pd-gallery .thumbs{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pd-gallery .thumb-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;width:72px;height:72px;padding:5px}.pd-gallery .thumb-btn[aria-current=true]{border-color:var(--gold);box-shadow:0 0 0 2px #a67c0040}.pd-gallery .thumb-btn img{object-fit:contain;width:100%;height:100%}.pd-info h1{color:var(--ink);margin:6px 0 10px;font-size:clamp(1.6rem,3.4vw,2.3rem)}.pd-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.pd-meta .tag{background:var(--gold-soft);border:1px solid var(--line);color:var(--ink-2);border-radius:7px;padding:3px 10px;font-size:.8rem}.pd-price{color:var(--ink);margin:8px 0 4px;font-family:Kanit,sans-serif;font-size:1.9rem;font-weight:600}.pd-summary{color:var(--ink-2);margin:10px 0 0}.pd-cta{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.pd-assure{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:8px;margin:22px 0 0;padding:16px 18px;font-size:.92rem;list-style:none;display:grid}.pd-assure li{align-items:baseline;gap:10px;display:flex}.pd-assure li:before{content:"✓";color:var(--gold);font-weight:700}.tab-block{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-top:18px;padding:22px 24px}.tab-block>h2{border-bottom:1px solid var(--line);margin-bottom:14px;padding-bottom:10px;font-size:1.2rem}.prose{color:var(--text);overflow-wrap:anywhere;line-height:1.85}.prose>*+*{margin-top:0}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--ink);margin:1.6em 0 .5em;line-height:1.4}.prose img{border-radius:10px;height:auto;margin:14px auto}.prose a{color:var(--gold-dark)}.prose table{border-collapse:collapse;width:100%;margin:14px 0;font-size:.92rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}.prose th,.prose tr:first-child td{background:var(--gold-soft)}.prose iframe{border-radius:10px;max-width:100%}.prose ul,.prose ol{padding-left:1.3em}.article{max-width:820px;margin:0 auto}.article-head{padding:22px 0 6px}.article-head h1{color:var(--ink);margin:8px 0 10px;font-size:clamp(1.6rem,3.6vw,2.4rem)}.article-cover{box-shadow:var(--shadow);border-radius:16px;margin:14px 0 22px;overflow:hidden}.article-body{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:clamp(18px,4vw,38px)}.card .card-body .name{font-family:Kanit,sans-serif;font-weight:600}.chip.cat-chip,a.chip{text-decoration:none}.cats{flex-wrap:wrap;gap:8px;display:flex}.qa-list{gap:12px;display:grid}.contact-band,.cta-box{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:24px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;display:grid}.footer-h{color:#fff7dd;margin:0 0 10px;font-family:Kanit,sans-serif;font-size:1rem}.footer-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:var(--c-5);text-decoration:none}.site-footer a:hover{color:#fff}.footer-base{opacity:.8;border-top:1px solid #f5eccf2e;margin-top:26px;padding-top:16px;font-size:.8rem}@media (width<=960px){.pd{grid-template-columns:1fr;gap:20px}.footer-grid{grid-template-columns:1fr 1fr}.site-nav{display:none}.site-nav.is-open{display:block}.site-nav.is-open>ul{flex-direction:column;padding:8px 0 12px}.site-nav.is-open .submenu{visibility:visible;opacity:1;box-shadow:none;background:0 0;border:0;padding:0 0 0 14px;position:static;transform:none}.nav-toggle{display:inline-flex}.used-band{grid-template-columns:1fr}}@media (width<=640px){.section{padding-block:30px}.header-actions .btn-ghost:not(.nav-toggle){display:none}.footer-grid{grid-template-columns:1fr}.cat-grid{grid-template-columns:1fr 1fr}.cat-tile{text-align:center;grid-template-columns:1fr;justify-items:center}.article-grid{grid-template-columns:1fr}.tab-block{padding:16px}}.cookie-bar{z-index:70;background:var(--card);border:1px solid var(--border);max-width:880px;box-shadow:var(--shadow-lg);border-radius:14px;align-items:center;gap:16px;margin-inline:auto;padding:14px 18px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.cookie-bar[hidden]{display:none}.cookie-bar p{color:var(--muted);flex:1;margin:0;font-size:.88rem;line-height:1.6}.cookie-bar a{color:var(--accent);text-decoration:underline}.cookie-bar .btn{flex:none;min-height:40px;padding-inline:22px}@media (width<=640px){.cookie-bar{left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.cookie-bar p{font-size:.82rem}}