:root{--primary: #3944bc;--primary-hover: #2A338F;--primary-active: #1F267A;--primary-50: #EEF0FB;--primary-100: #D7DCF4;--primary-200: #B4BDE9;--accent: #F59E0B;--accent-hover: #D97706;--accent-50: #FEF3C7;--text-title: #111827;--text-body: #374151;--text-muted: #6B7280;--text-disabled: #9CA3AF;--bg-white: #FFFFFF;--bg-subtle: #F9FAFB;--bg-section: #F3F4F6;--border: #E5E7EB;--dark: #0F1729;--success: #10B981;--warning: #F59E0B;--error: #DC2626;--font-th-body: "Sarabun", sans-serif;--font-th-head: "Prompt", sans-serif;--font-en: "Poppins", sans-serif;--font-en-body: "Inter", sans-serif;--font-en-display: "Space Grotesk", "Poppins", sans-serif;--sp1: 4px;--sp2: 8px;--sp3: 16px;--sp4: 24px;--sp5: 32px;--sp6: 48px;--sp7: 64px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 48px}.container{max-width:1200px;margin:0 auto;padding:0 var(--sp3)}.btn{display:inline-flex;align-items:center;gap:var(--sp2);padding:10px 20px;border-radius:6px;font-size:var(--text-sm);font-weight:600;font-family:var(--font-th-body);border:2px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;line-height:1.2;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline-light{background:transparent;color:#fff;border-color:#ffffff73}.btn-outline-light:hover{background:#ffffff1a;border-color:#fff}.btn-line{background:#06c755;color:#fff}.btn-line:hover{background:#05a344}.btn-wa{background:#25d366;color:#fff}.btn-wa:hover{background:#1da851}.btn-lg{padding:13px 28px;font-size:var(--text-md);border-radius:8px}.site-header{position:sticky;top:0;z-index:100;background:var(--bg-white);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000000a}.header-inner{display:flex;align-items:center;height:64px;gap:var(--sp4)}.logo{font-family:var(--font-en);font-size:22px;font-weight:700;color:var(--primary);letter-spacing:-.5px;flex-shrink:0}.logo-dot{color:var(--accent)}nav.main-nav{flex:1;display:flex;gap:var(--sp5)}nav.main-nav a{font-size:var(--text-sm);color:var(--text-body);font-weight:400;transition:color .15s;white-space:nowrap}nav.main-nav a:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:var(--sp2);flex-shrink:0}.lang-toggle{font-size:var(--text-xs);font-family:var(--font-en);font-weight:600;color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:5px 10px;display:inline-flex;gap:5px;align-items:center}.lang-toggle .active{color:var(--primary)}.ham{display:none;width:40px;height:40px;border:1px solid var(--border);border-radius:6px;background:none;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.hero{background:var(--dark);color:#fff;padding:var(--sp7) 0 calc(var(--sp7) + 8px);overflow:hidden;position:relative}.hero:before{content:"";position:absolute;top:-140px;right:-60px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(57,68,188,.38) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-80px;left:25%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.07) 0%,transparent 70%);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:680px}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--sp2);background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#ffffffd1;font-size:var(--text-xs);font-family:var(--font-en);font-weight:600;letter-spacing:.6px;text-transform:uppercase;padding:5px 13px;border-radius:20px;margin-bottom:var(--sp3)}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.hero h1{font-family:var(--font-en);font-size:clamp(26px,4.5vw,48px);font-weight:700;line-height:1.2;color:#fff;margin-bottom:var(--sp3)}.accent-word{color:var(--accent)}.hero-sub{font-size:clamp(15px,2vw,18px);color:#ffffffb3;line-height:1.7;margin-bottom:var(--sp5);max-width:560px}.hero-cta-row{display:flex;gap:var(--sp3);flex-wrap:wrap}.hero-stats{display:flex;gap:var(--sp6);margin-top:var(--sp6);padding-top:var(--sp5);border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.stat-value{font-family:var(--font-en);font-size:30px;font-weight:700;color:var(--accent);line-height:1;margin-bottom:var(--sp1)}.stat-value small{font-size:16px;font-weight:400;color:#f59e0bb3}.stat-label{font-size:var(--text-xs);color:#ffffff80}.section{padding:var(--sp7) 0}.section-alt{background:var(--bg-subtle)}.section-tag{display:inline-block;background:var(--primary-50);color:var(--primary);font-size:var(--text-xs);font-family:var(--font-en);font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:4px 10px;border-radius:4px;margin-bottom:var(--sp2)}.section-title{font-family:var(--font-en);font-size:clamp(22px,3vw,32px);font-weight:700;color:var(--text-title);line-height:1.2;margin-bottom:var(--sp2)}.section-sub{font-size:var(--text-md);color:var(--text-muted);margin-bottom:var(--sp6)}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp3)}.cat-card{background:var(--bg-white);border:1.5px solid var(--border);border-radius:14px;padding:var(--sp4);display:flex;flex-direction:column;gap:var(--sp3);transition:border-color .2s,box-shadow .2s,transform .2s;cursor:pointer;color:var(--text-body)}.cat-card:hover{border-color:var(--primary-200);box-shadow:0 6px 22px #3944bc1c;transform:translateY(-3px)}.cat-icon{width:52px;height:52px;border-radius:12px;background:var(--primary-50);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.cat-icon svg{width:26px;height:26px}.cat-label-th{font-family:var(--font-th-head);font-size:var(--text-xl);font-weight:700;color:var(--text-title);line-height:1.2}.cat-label-en{font-family:var(--font-en);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-top:-10px}.cat-count{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.cat-arrow{display:flex;align-items:center;gap:4px;color:var(--primary);font-size:var(--text-sm);font-weight:600;margin-top:auto;transition:gap .15s}.cat-card:hover .cat-arrow{gap:8px}.cat-arrow svg{width:16px;height:16px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp4)}.news-card{background:var(--bg-white);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:box-shadow .2s}.news-card:hover{box-shadow:0 4px 18px #00000017}.news-thumb{height:160px;background:var(--primary-50);display:flex;align-items:center;justify-content:center}.news-thumb-icon{width:56px;height:56px;border-radius:50%;background:var(--primary-100);display:flex;align-items:center;justify-content:center;color:var(--primary)}.news-thumb-icon svg{width:28px;height:28px}.news-body{padding:var(--sp3) var(--sp4) var(--sp4)}.news-meta{font-size:var(--text-xs);font-family:var(--font-en);color:var(--text-muted);margin-bottom:var(--sp2)}.news-title{font-family:var(--font-en);font-size:var(--text-lg);font-weight:700;color:var(--text-title);line-height:1.4;margin-bottom:var(--sp2)}.news-excerpt{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6}.news-more{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-size:var(--text-sm);font-weight:600;margin-top:var(--sp3);transition:gap .15s}.news-card:hover .news-more{gap:8px}.cta-band{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);padding:var(--sp7) 0;text-align:center;color:#fff}.cta-band h2{font-family:var(--font-en);font-size:clamp(22px,3vw,34px);font-weight:700;margin-bottom:var(--sp2)}.cta-band p{font-size:var(--text-md);color:#ffffffc7;margin-bottom:var(--sp5)}.cta-buttons{display:flex;gap:var(--sp3);justify-content:center;flex-wrap:wrap}.site-footer{background:var(--dark);padding:var(--sp7) 0 var(--sp5);color:#ffffff8c}.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.3fr;gap:var(--sp6);margin-bottom:var(--sp6)}.footer-brand-name{font-family:var(--font-en);font-size:20px;font-weight:700;color:#fff;margin-bottom:var(--sp3);letter-spacing:-.3px}.footer-brand-name span{color:var(--accent)}.footer-desc{font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--sp4)}.footer-col h2{font-family:var(--font-en);font-size:var(--text-sm);font-weight:700;color:#fff;margin-bottom:var(--sp3)}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:var(--text-sm);color:#ffffff80;transition:color .15s}.footer-links a:hover{color:#fff}.contact-item{display:flex;gap:var(--sp2);align-items:flex-start;font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--sp3)}.contact-item svg{width:16px;height:16px;color:var(--accent);flex-shrink:0;margin-top:2px}.footer-bottom{padding-top:var(--sp4);border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:#ffffff47;flex-wrap:wrap;gap:var(--sp2)}.brand-logo-wall{display:flex;flex-wrap:wrap;gap:var(--sp4);justify-content:center;align-items:center;padding:var(--sp5) 0}.brand-logo-item{display:flex;align-items:center;justify-content:center;padding:var(--sp2);border:1px solid var(--border);border-radius:8px;background:var(--bg-white);min-width:120px;max-height:80px;transition:border-color .2s,box-shadow .2s}.brand-logo-item:hover{border-color:var(--primary-200);box-shadow:0 4px 12px #3944bc14}.brand-logo-item img{max-height:48px;width:auto;object-fit:contain}.brand-logo-fallback{font-family:var(--font-en);font-size:var(--text-md);font-weight:700;color:var(--text-title);letter-spacing:.2px}.product-card{background:var(--bg-white);border:1.5px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}.product-card:hover{border-color:var(--primary-200);box-shadow:0 4px 18px #3944bc17;transform:translateY(-2px)}.product-card-image{aspect-ratio:4/3;overflow:hidden;background:var(--bg-subtle)}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-card-body{padding:var(--sp3)}.product-card-name{font-family:var(--font-en);font-size:var(--text-md);font-weight:700;color:var(--text-title);margin-bottom:var(--sp1)}.product-type-pill{display:inline-block;font-size:var(--text-xs);font-weight:600;color:var(--primary);background:var(--primary-50);padding:2px 8px;border-radius:12px;margin-bottom:var(--sp2)}.product-card-link{display:block;font-size:var(--text-sm);font-weight:600;color:var(--primary);margin-top:auto;padding-top:var(--sp2);text-decoration:none;transition:gap .15s}.single-product{display:grid;grid-template-columns:45% 55%;gap:var(--sp5);align-items:start}.single-product-image{position:sticky;top:var(--sp5)}.single-product-gallery{display:flex;gap:var(--sp2);flex-wrap:wrap;margin-top:var(--sp2)}.single-product-gallery-thumb{width:72px;height:72px;object-fit:cover;border-radius:6px;border:1.5px solid var(--border);cursor:pointer}.single-product-meta{display:flex;gap:var(--sp2);flex-wrap:wrap;margin-bottom:var(--sp3)}.cf7-section{padding:var(--sp5) 0}.wpcf7-form{display:grid;gap:var(--sp3)}.wpcf7-form input,.wpcf7-form textarea{width:100%;padding:var(--sp2) var(--sp3);border:1.5px solid var(--border);border-radius:6px;font-size:var(--text-md);color:var(--text-body);background:var(--bg-white);transition:border-color .15s}.wpcf7-form input:focus,.wpcf7-form textarea:focus{border-color:var(--primary);outline:none}.wpcf7-not-valid-tip{color:var(--error);font-size:var(--text-xs);margin-top:var(--sp1)}.wpcf7-response-output{margin-top:var(--sp3);padding:var(--sp3);border-radius:6px}.map-embed{width:100%;aspect-ratio:4/3;border:none;border-radius:8px;overflow:hidden}@media(max-width:900px){nav.main-nav{display:none}nav.main-nav[data-open=true]{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:var(--bg-white);border-bottom:1px solid var(--border);padding:var(--sp3);gap:var(--sp3);z-index:99}.ham{display:flex}.header-actions .btn{display:none}.cat-grid,.news-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.single-product{grid-template-columns:1fr}}@media(max-width:600px){.news-grid,.footer-grid{grid-template-columns:1fr}.hero-stats{gap:var(--sp4)}}@media(max-width:375px){.cat-grid{gap:var(--sp2)}.cat-card{padding:var(--sp2) var(--sp3)}.cat-icon{width:42px;height:42px;border-radius:9px}.cat-icon svg{width:21px;height:21px}.cat-label-th{font-size:var(--text-lg)}.header-inner{height:56px}nav.main-nav[data-open=true]{top:56px}.hero h1{font-size:24px}}:root{--font-mono: ui-monospace, "SFMono-Regular", "IBM Plex Mono", Menlo, monospace}.util-bar{background:var(--dark);color:#ffffff9e}.util-bar-in{display:flex;align-items:center;justify-content:space-between;gap:var(--sp4);padding:7px var(--sp4);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.util-note{letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.util-links{display:flex;align-items:center;gap:var(--sp4);flex-shrink:0}.util-links a{color:#ffffff9e;white-space:nowrap;transition:color .15s}.util-links a:hover{color:#fff}.site-header{border-bottom:2px solid var(--primary);box-shadow:0 1px 3px #0000000d}.header-inner{height:60px}.header-search{flex:1;display:flex;align-items:center;gap:var(--sp2);max-width:440px}.header-search input{flex:1;height:38px;padding:0 var(--sp3);border:1px solid var(--primary-200);border-radius:6px;font-family:var(--font-en-body);font-size:var(--text-sm);color:var(--text-body);background:var(--bg-white);outline:none;transition:border-color .15s,box-shadow .15s}.header-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.header-search-btn{height:38px;padding:0 var(--sp3);border:none;border-radius:6px;background:var(--primary);color:#fff;font-family:var(--font-en-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.header-search-btn:hover{background:var(--primary-hover)}nav.main-nav{flex:0 0 auto}@media(max-width:1024px){.util-note{display:none}}@media(max-width:900px){.header-search{display:none}}@media(max-width:375px){.header-inner{height:56px}}.c-catalog{max-width:1320px;margin:0 auto;padding:var(--sp6) var(--sp4);display:grid;grid-template-columns:230px 1fr;gap:var(--sp4)}.c-side h3{font-family:var(--font-en);font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin:0 0 10px}.c-side-list{border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg-white)}.c-side-list a{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;font-size:13.5px;color:var(--text-body);text-decoration:none;border-bottom:1px solid var(--border);transition:background .12s,color .12s}.c-side-list a:last-child{border-bottom:none}.c-side-list a:hover,.c-side-list a.on{background:var(--primary-50);color:var(--primary);font-weight:700}.c-side-list a .cnt{font-family:ui-monospace,SFMono-Regular,IBM Plex Mono,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--text-muted);background:var(--bg-section);border-radius:99px;padding:1px 8px}.c-side-cta{margin-top:var(--sp3);background:var(--primary-50);border:1px solid var(--primary-100);border-radius:6px;padding:var(--sp3)}.c-side-cta p{margin:0 0 10px;font-size:13px;color:var(--primary-active)}.c-side-cta a{display:block;text-align:center;background:var(--primary);color:#fff;border-radius:4px;padding:9px;font-size:13px;font-weight:700;text-decoration:none}.c-main{min-width:0}.c-main-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp3);margin-bottom:12px;flex-wrap:wrap;scroll-margin-top:80px}.c-main-head h2{font-family:var(--font-en);font-size:18px;color:var(--text-title);margin:0}.c-main-head .tools{display:flex;gap:var(--sp3);align-items:center;flex-wrap:wrap;min-width:0}.c-main-head .ctrl{display:inline-flex;align-items:center;gap:var(--sp2);font-size:12.5px;color:var(--text-muted);min-width:0}.c-main-head select{border:1px solid var(--border);border-radius:4px;padding:6px 10px;font-size:12.5px;font-family:var(--font-en-body);color:var(--text-body);background:var(--bg-white)}@media(max-width:600px){.c-main-head{align-items:stretch}.c-main-head .tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.c-main-head .ctrl{align-items:stretch;flex-direction:column;gap:var(--sp1)}.c-main-head .ctrl:last-child{grid-column:1 / -1}.c-main-head select{width:100%;box-sizing:border-box}}.c-table-wrap{overflow-x:visible}.c-table{width:100%;border-collapse:collapse;background:var(--bg-white);border:1px solid var(--border);border-radius:6px;overflow:hidden;font-size:13px}.c-table thead th{background:var(--bg-section);text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.c-table td{padding:11px 12px;border-bottom:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,IBM Plex Mono,Menlo,monospace;font-variant-numeric:tabular-nums;color:var(--text-body);vertical-align:top}.has-js .c-table tbody tr.c-row{cursor:pointer}.c-table tbody tr:hover{background:var(--primary-50)}.c-table .name{font-family:var(--font-en-body);font-weight:700;color:var(--text-title)}.c-table .name a{color:inherit;text-decoration:none}.c-table .name a:hover{color:var(--primary)}.c-rowsub{font-family:var(--font-en-body);font-size:11px;font-weight:700;color:var(--primary);margin-top:3px;display:inline-flex;align-items:center;gap:4px}.c-rowsub.muted{color:var(--text-muted);font-weight:400}.c-table .brand{display:inline-block;font-size:11px;font-weight:700;color:var(--primary);background:var(--primary-50);padding:2px 8px;border-radius:3px;font-family:var(--font-en-body)}.mat-tags{display:inline-flex;flex-wrap:wrap;gap:var(--sp2)}.mat-tag{display:inline-block;font-size:11px;font-weight:700;font-family:var(--font-en-body);color:var(--primary);background:var(--primary-50);padding:2px 8px;border-radius:3px;white-space:nowrap}.c-table .pdf{color:var(--accent-hover);font-weight:700;font-family:var(--font-en-body);text-decoration:none;display:inline-flex;gap:5px;align-items:center}.c-table .pdf:hover{text-decoration:underline}.c-table .thumbcell{width:60px;padding:7px 10px}.c-thumb-img{width:46px;height:46px;border-radius:5px;border:1px solid var(--border);object-fit:contain;background:var(--bg-subtle);display:block}.c-thumb-empty{width:46px;height:46px;border-radius:5px;border:1px solid var(--border);background:var(--bg-section)}.c-empty{text-align:center;padding:var(--sp6) var(--sp3);border:1px solid var(--border);border-top:none;background:var(--bg-white)}.c-empty h3{font-family:var(--font-en);font-size:var(--text-lg);color:var(--text-title);margin:0 0 var(--sp2)}.c-empty p{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.c-empty a{color:var(--accent-hover);font-weight:700;text-decoration:none}.c-empty a:hover{text-decoration:underline}@media(max-width:900px){.c-catalog{grid-template-columns:1fr}}@media(max-width:760px){.c-table-wrap{overflow-x:visible}.c-table{width:100%;min-width:0;border:0}.c-table thead{display:none}.c-table tbody{display:block}.c-table tbody tr.c-row{display:block;position:relative;border:1px solid var(--border);border-radius:8px;padding:var(--sp3) var(--sp3) var(--sp3) 100px;margin-bottom:var(--sp2);min-height:104px}.c-table tbody tr.c-row[hidden]{display:none}.c-table tbody tr.c-row:hover{background:var(--bg-white)}.c-table tbody tr.c-row>td{display:block;border:0;padding:0}.c-table .thumbcell{position:absolute;left:var(--sp3);top:var(--sp3);width:72px;height:72px}.c-table .thumbcell .c-thumb-img,.c-table .thumbcell .c-thumb-empty{width:72px;height:72px}.c-table .name{font-size:var(--text-md);line-height:1.3}.c-table tbody tr.c-row>td:nth-child(3){margin-top:3px;font-size:var(--text-sm);color:var(--text-muted)}.c-table tbody tr.c-row>td:nth-child(4),.c-table tbody tr.c-row>td:nth-child(5){display:none}.c-table tbody tr.c-row>td:nth-child(6){margin-top:var(--sp2)}.c-catalog-band .c-catalog{padding-left:0;padding-right:0}}.product-specs-wrap{max-height:70vh;overflow:auto}.product-specs-wrap .c-table{border-collapse:separate;border-spacing:0;overflow:visible}.product-specs-wrap thead th{position:sticky;top:0;z-index:2;background:var(--bg-section);box-shadow:inset 0 -1px 0 var(--border)}.product-specs-wrap td:first-child,.product-specs-wrap th:first-child{position:sticky;left:0;z-index:1;background:var(--bg-white);box-shadow:inset -1px 0 0 var(--border)}.product-specs-wrap thead th:first-child{z-index:3;background:var(--bg-section)}#specs{scroll-margin-top:72px}@media(max-width:600px){.product-specs-wrap{margin-inline:calc(-1 * var(--sp3))}#specs{scroll-margin-top:68px}}@media(max-width:760px){.product-specs-wrap.c-table-wrap{overflow-x:auto}.product-specs-wrap .c-table{min-width:max-content;border:1px solid var(--border)}.product-specs-wrap .c-table thead{display:table-header-group}.product-specs-wrap .c-table tbody{display:table-row-group}}.size-filter{background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px;padding:var(--sp3);margin-block:var(--sp4)}.size-filter .c-field-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.size-filter .c-field{margin-bottom:0;position:relative}.sf-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;max-height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg-white);box-shadow:0 12px 30px #00000026}.sf-dropdown[hidden]{display:none}.sf-option{padding:8px 12px;font-size:var(--text-sm);font-family:var(--font-en-body);color:var(--text-body);cursor:pointer}.sf-option:hover,.sf-option.is-active{background:var(--primary-50)}.sf-option[hidden]{display:none}.size-filter-count{margin-top:var(--sp2);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-muted)}.sf-clear{color:var(--primary);font-size:var(--text-sm);font-weight:700;text-decoration:none;margin-left:var(--sp3)}.sf-clear:hover{text-decoration:underline}.c-hero{background:var(--dark);color:#fff;padding:var(--sp6) 0}.c-hero-in{display:grid;grid-template-columns:380px 1fr;gap:var(--sp6);align-items:start}.c-finder-card{background:var(--bg-white);border-radius:10px;padding:var(--sp4);box-shadow:0 6px 22px #00000029}.c-finder-card h2{font-family:var(--font-en);font-size:var(--text-lg);font-weight:700;color:var(--text-title);margin-bottom:var(--sp1)}.c-finder-sub{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--sp3)}.c-field{display:flex;flex-direction:column;gap:var(--sp1);margin-bottom:var(--sp3)}.c-field>span,.c-field>label{font-family:var(--font-en);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.c-field select,.c-field input{width:100%;box-sizing:border-box;min-width:0;height:40px;padding:0 var(--sp2);border:1px solid var(--primary-200);border-radius:6px;font-family:var(--font-en-body);font-size:var(--text-sm);color:var(--text-body);background:var(--bg-white);outline:none;transition:border-color .15s,box-shadow .15s}.c-field select:focus,.c-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.c-field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp3)}.c-finder-go{width:100%;box-sizing:border-box;justify-content:center;margin-top:var(--sp1)}.c-finder-card,.c-hero-side,.c-field,.c-quick{min-width:0}.c-finder-count{margin-top:var(--sp3);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:center}.c-hero-side{padding-top:var(--sp2)}.c-eyebrow{display:inline-block;font-family:var(--font-en);font-size:var(--text-xs);font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp3)}.c-hero-side h1{font-family:var(--font-en);font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1.1;color:#fff;margin-bottom:var(--sp3)}.c-hero-copy{font-size:var(--text-md);line-height:1.6;color:#ffffffb8;max-width:560px;margin-bottom:var(--sp5)}.c-quickgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp3)}.c-quick{display:block;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:var(--sp3);color:#fff;transition:border-color .15s,background .15s,transform .15s}.c-quick:hover{border-color:var(--primary-200);background:#ffffff17;transform:translateY(-2px)}.c-quick .qn{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--accent);margin-bottom:var(--sp2)}.c-quick .qt{font-family:var(--font-en);font-size:var(--text-md);font-weight:700;color:#fff;margin-bottom:2px}.c-quick .qc{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:#ffffff8c}.c-catalog-band{padding:var(--sp6) var(--sp3)}.c-catalog-band .c-side{display:none}.c-catalog-band .c-catalog{grid-template-columns:1fr}.c-brands{background:var(--bg-white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--sp4) 0}@media(max-width:900px){.c-hero-in{grid-template-columns:1fr}.c-quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:375px){.c-field-row,.c-quickgrid{grid-template-columns:1fr}}