:root{--navy:#1b2a6b;--navy2:#243b8f;--green:#7ab929;--bg:#f5f7fa;--line:#06c755}*{box-sizing:border-box;margin:0;padding:0}body{font-family:IBM Plex Sans Thai,Noto Sans Thai,Sarabun,system-ui,sans-serif;background:var(--bg);color:#2b2b2b}header{background:#fff;color:var(--navy);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-bottom:1px solid #e6e9ef;box-shadow:0 1px 6px rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;z-index:40}header .brand{display:flex;align-items:baseline;gap:8px;text-decoration:none}header .brand img{height:30px;width:auto;display:block;align-self:center}header .brand .th{font-weight:700;color:var(--navy);font-size:18px;letter-spacing:.5px;align-self:center}header .header-search{flex:1 1;max-width:380px;margin:0 20px;display:flex;align-items:center;background:#f2f5fb;border:1.5px solid #e3e8f2;border-radius:22px;padding:0 6px 0 14px}header .header-search input{flex:1 1;border:none;background:transparent;outline:none;padding:9px 0;font-size:14px;font-family:inherit;color:#2b2b2b}header .header-search button{border:none;background:transparent;cursor:pointer;font-size:15px;padding:6px 8px}@media (max-width:760px){header .header-search{order:3;max-width:100%;width:100%;margin:8px 0 0}}header .contact{display:flex;align-items:center;gap:18px;flex-wrap:wrap}header .contact a{color:var(--navy);text-decoration:none;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px;line-height:1}.line-logo{height:20px;width:auto;display:block}.hero{background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff;padding:40px 20px;text-align:center}.hero h1{font-size:clamp(22px,4vw,36px);margin-bottom:8px}.hero p{opacity:.9}.search-wrap{position:relative;max-width:620px;margin:22px auto 0;display:flex;align-items:center}.search-ico{position:absolute;left:16px;font-size:17px;opacity:.6;pointer-events:none}.search-input{width:100%;border:none;border-radius:30px;padding:15px 46px 15px 44px;font-size:15px;font-family:inherit;color:#2b2b2b;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.18);outline:none}.search-input::placeholder{color:#9aa3b2}.search-clear{position:absolute;right:12px;width:26px;height:26px;border-radius:50%;border:none;background:#eef1f6;color:#556;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center}.search-clear:hover{background:#dfe4ee}.autocomplete{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.22);overflow:hidden;text-align:left}.auto-item{display:flex;align-items:center;gap:12px;padding:10px 14px;text-decoration:none}.auto-item:hover{background:#f2f5fb}.auto-item+.auto-item{border-top:1px solid #f0f2f6}.auto-thumb{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.auto-thumb img{max-width:100%;max-height:100%;object-fit:contain}.auto-name{color:var(--navy);font-weight:700;font-size:14px}.auto-type{color:#8a93a6;font-size:12px}.filters{display:flex;align-items:center;margin-bottom:16px}.cat-dropdown{position:relative}.cat-btn{display:inline-flex;align-items:center;gap:10px;cursor:pointer;background:#fff;border:1.5px solid #e3e8f2;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;color:var(--navy);font-family:inherit;transition:border-color .15s}.cat-btn:hover{border-color:var(--navy)}.cat-chevron{width:16px;height:16px;transition:transform .2s;opacity:.7}.cat-dropdown.open .cat-chevron{transform:rotate(180deg)}.cat-menu{position:absolute;top:calc(100% + 6px);right:0;left:auto;width:max-content;min-width:100%;z-index:25;background:#fff;border:1px solid #e6e9ef;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.14);padding:6px}.cat-opt{display:block;width:100%;text-align:left;border:none;background:transparent;padding:10px 14px;border-radius:8px;cursor:pointer;font-size:14px;color:#2b2b2b;font-family:inherit;white-space:nowrap}.cat-opt:hover{background:#f2f5fb}.cat-opt.active{background:var(--navy);color:#fff;font-weight:600}mark{background:#fff3b0;color:inherit;padding:0 1px;border-radius:2px}.wrap{max-width:1280px;margin:0 auto;padding:24px 20px}.count{color:#666;font-size:14px}.results-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:18px;gap:18px}.card{background:#fff;border:1px solid #e6e9ef;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 8px 24px rgba(27,42,107,.12);transform:translateY(-2px)}.card .imgbox{height:210px;background:#fff;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden}.card img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.card .body{padding:12px 14px;border-top:1px solid #f0f2f6}.card .series{font-weight:700;color:var(--navy)}.card .card-cat{font-size:12px;color:var(--green);font-weight:600;margin-top:3px}.card .models{font-size:12px;color:#777;margin-top:4px}.card{text-decoration:none;color:inherit;cursor:pointer}footer{text-align:center;padding:30px 20px;color:#888;font-size:13px}@media (max-width:640px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}}.breadcrumb{font-size:13px;color:#667;margin-bottom:18px}.breadcrumb a{color:var(--navy);text-decoration:none}.detail{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;align-items:start}.detail .gallery{background:#fff;border:1px solid #e6e9ef;border-radius:14px;padding:24px;display:flex;align-items:center;justify-content:center;height:440px}.detail .gallery img{max-width:100%;max-height:100%;object-fit:contain}.gallery-wrap{display:flex;flex-direction:column;gap:12px}.gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;background:#fff;border:1px solid #e6e9ef;border-radius:14px;scrollbar-width:none}.gallery-track::-webkit-scrollbar{display:none}.gallery-track .slide{flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;padding:24px;height:440px}.gallery-track .slide img{max-width:100%;max-height:100%;object-fit:contain}.img-caption{text-align:center;color:var(--navy);font-weight:600;font-size:15px}.img-caption .img-count{color:#8a93a6;font-weight:400}.thumbs{display:flex;flex-wrap:wrap;gap:8px}.thumbs .thumb{width:64px;height:64px;padding:4px;background:#fff;cursor:pointer;border:1.5px solid #dfe4ee;border-radius:8px;display:flex;align-items:center;justify-content:center}.thumbs .thumb img{max-width:100%;max-height:100%;object-fit:contain}.thumbs .thumb.active{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}.thumbs .thumb:hover{border-color:var(--navy2)}.detail .info h1{color:var(--navy);font-size:28px;margin-bottom:4px}.detail .info .subtitle-line{color:var(--green);font-weight:700;font-size:16px;margin-bottom:6px}.badge-hot{display:inline-block;background:linear-gradient(90deg,#f7971e,#ffd200);color:#7a4a00;font-weight:700;font-size:12px;padding:3px 10px;border-radius:20px;margin-left:8px;vertical-align:middle}.detail .ptype{color:#556;margin-bottom:16px}.modelchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.modelchips span{background:#eef1f8;color:var(--navy);font-size:13px;padding:5px 12px;border-radius:8px;border:1px solid #dfe4f0}.btn-buy{display:block;width:100%;background:var(--navy);color:#fff;border:none;border-radius:12px;padding:16px;font-size:17px;font-weight:700;cursor:pointer;margin-bottom:12px}.btn-buy:hover{background:var(--navy2)}.quick-contact{display:flex;gap:10px}.quick-contact a{flex:1 1;text-decoration:none;padding:12px;border-radius:10px;font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-line-logo{height:22px;width:auto;display:block}.fab-line-logo{height:28px;width:auto;display:block}.q-call{background:#eef1f8;color:var(--navy);border:1px solid #dfe4f0}.q-line{background:var(--line);color:#fff}.section{margin-top:40px}.section h2{color:var(--navy);font-size:20px;font-weight:800;display:flex;align-items:center;gap:9px;margin-bottom:14px}.section h2 svg{width:23px;height:23px;flex-shrink:0;color:var(--navy)}.section p{line-height:1.9;color:#333}.features{list-style:none;display:grid;grid-gap:12px;gap:12px}.features li{padding-left:22px;position:relative;line-height:1.75}.features li:before{content:"";position:absolute;left:2px;top:.85em;transform:translateY(-50%);width:7px;height:7px;border-radius:2px;background:var(--navy)}.specs-raw{border:1px solid #e6e9ef;border-radius:10px;padding:16px;white-space:pre-wrap;font-size:13px;line-height:1.7;color:#333}.specs-raw,.specs-table-wrap{background:#fff;overflow-x:auto}.specs-table-wrap{border:1.5px solid #9aa4b4;border-radius:10px;-webkit-overflow-scrolling:touch}.specs-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px;min-width:520px}.specs-table td,.specs-table th{padding:11px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid #b7c0ce;border-right:1px solid #b7c0ce}.specs-table td:last-child,.specs-table th:last-child{border-right:none}.specs-table tbody tr:last-child td,.specs-table tbody tr:last-child th{border-bottom:none}.specs-table thead th{background:var(--navy);color:#fff;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:2;border-right-color:#3a4a92;border-bottom-color:#3a4a92}.specs-table thead th:first-child{left:0;z-index:3}.specs-table tbody th{position:-webkit-sticky;position:sticky;left:0;z-index:1;background:#eef2f8;color:var(--navy);font-weight:600;white-space:normal;min-width:150px;box-shadow:1px 0 0 #b7c0ce}.specs-table tbody tr:nth-child(2n) td{background:#f6f8fc}.specs-table tbody tr:nth-child(2n) th{background:#e7edf7}.specs-table tbody td{color:#333;background:#fff}.contact-block{margin-top:44px;position:relative;overflow:hidden;background:linear-gradient(120deg,#1b2a6b,#2a3f9e);color:#fff;border-radius:20px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:28px}.contact-block:after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;background:radial-gradient(circle,hsla(0,0%,100%,.1),transparent 70%);border-radius:50%}.cb-left{gap:18px;position:relative;z-index:1}.cb-icon,.cb-left{display:flex;align-items:center}.cb-icon{width:58px;height:58px;border-radius:15px;background:hsla(0,0%,100%,.13);justify-content:center;flex-shrink:0}.cb-icon svg{width:30px;height:30px;color:#fff}.contact-block h2{color:#fff;font-size:22px;margin-bottom:4px}.contact-block p{opacity:.82;font-size:14px;line-height:1.6;max-width:440px}.cb-actions{display:flex;gap:12px;position:relative;z-index:1;flex-shrink:0}.cb-actions a{display:flex;align-items:center;gap:11px;text-decoration:none;padding:12px 20px;border-radius:14px;transition:transform .12s}.cb-actions a:hover{transform:translateY(-2px)}.cb-actions small{display:block;font-size:11px;opacity:.7;font-weight:500}.cb-actions b{display:block;font-size:16px;font-weight:700}.cb-badge{font-size:20px}.cb-call{background:#fff;color:var(--navy)}.cb-line{background:var(--line);color:#fff}.cb-line small{opacity:.9}@media (max-width:820px){.contact-block{flex-direction:column;align-items:flex-start;padding:26px 22px}.cb-actions{width:100%;flex-direction:column}.cb-actions a{width:100%;justify-content:center}}.fab{position:fixed;right:18px;bottom:18px;flex-direction:column;gap:10px;z-index:50}.fab,.fab a{display:flex}.fab a{width:54px;height:54px;border-radius:50%;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 14px rgba(0,0,0,.25);text-decoration:none}.fab .f-call{background:var(--navy);color:#fff}.fab .f-line{background:var(--line);color:#fff}@media (max-width:820px){.detail{grid-template-columns:1fr;gap:20px}.detail .gallery,.gallery-track .slide{height:320px}}