:root{--sug-orange:#ef5a1c;--sug-orange-600:#d84a13;--sug-orange-200:#fcd8c8;--sug-orange-050:#fff3ed;--sug-orange-text:#bc420f;--sug-orange-text-hover:#a83a0d;--sug-blue:#2b2c91;--sug-blue-600:#1f2074;--sug-blue-200:#c5c6e4;--titan-blue:#202b77;--titan-blue-600:#161d55;--sug-ink:#0e0f12;--sug-ink-700:#1c1e24;--sug-graphite:#3a3d45;--sug-steel:#6b6f78;--sug-mist:#b9bcc2;--sug-fog:#e4e5e8;--sug-paper:#f4f5f7;--sug-white:#fff;--sug-success:#2f8f4f;--sug-success-text:#277a43;--sug-warn:#e7a23a;--sug-danger:#d23a2e;--sug-gold:#c89332;--fg-1:var(--sug-ink);--fg-2:var(--sug-graphite);--fg-3:var(--sug-steel);--fg-inverse:var(--sug-white);--border-hairline:var(--sug-fog);--border-strong:var(--sug-mist);--font-display:"Big Shoulders Display", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;--font-body:"Inter", "Helvetica Neue", system-ui, sans-serif;--font-thai:"IBM Plex Sans Thai", "Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", "Menlo", monospace;--radius-1:2px;--radius-2:4px;--radius-3:8px;--shadow-1:0 1px 2px #0e0f120f;--shadow-2:0 2px 6px #0e0f1214, 0 1px 2px #0e0f120a;--shadow-3:0 8px 24px #0e0f121a;--shadow-4:0 16px 48px #0e0f1224;--ease-standard:cubic-bezier(.2,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-wipe:cubic-bezier(.77,0,.175,1);--dur-1:.12s;--dur-2:.18s;--dur-3:.28s;--dur-4:.4s;--nav-base:#0b0c38;--nav-raised:#14154d;--nav-overlay:#1c1e5c;--hair-dark:#ffffff1a;--hair-warm:#ef5a1c1a;--fs-display:clamp(2.75rem, 6vw, 5.5rem);--fs-h1:clamp(2.25rem, 4.5vw, 3.5rem);--fs-h2:clamp(1.75rem, 3vw, 2.5rem);--fs-h3:1.5rem;--fs-lead:1.25rem;--fs-body:1rem;--fs-sm:.875rem;--fs-caption:.75rem;--fs-display-th:clamp(2.5rem, 5.5vw, 4.75rem);--lh-tight:1.15;--lh-snug:1.3;--lh-body:1.6;--lh-loose:1.8;--lh-thai:1.85;--ls-tight:-.02em;--ls-normal:0;--ls-wide:.08em;--ls-xwide:.18em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:80px;--sp-10:120px;--shadow-0:0 .5px 1px #0e0f120a, 0 1px 2px #0e0f1208;--z-base:0;--z-raised:10;--z-sticky:40;--z-header:100;--z-mega:200;--z-drawer:900;--z-overlay:1000;--z-toast:1100}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:clip}body{font-family:var(--font-body);background:var(--sug-white);color:var(--fg-1);line-height:var(--lh-body);font-feature-settings:"kern" 1, "liga" 1, "calt" 1;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;overflow-x:clip}.tnum,.stat-n,.price-val,.bb-now,.why-stat-n,.about-fact-n,.tier-table,.mx-table td.num,.pdp-sku,.cgc-no{font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}:lang(th){font-family:var(--font-thai);word-break:keep-all;line-height:var(--lh-thai)}:target{scroll-margin-top:120px}:focus-visible{outline:2px solid var(--sug-orange);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;transform:none!important}}.reveal{opacity:0;transition:opacity var(--dur-4) var(--ease-out), transform var(--dur-4) var(--ease-out);transform:translateY(32px)}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}@media (prefers-reduced-motion:no-preference){@keyframes heroWipe{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.hero-bg{animation:heroWipe 1.1s var(--ease-wipe) both}.stagger>*{opacity:0;transition:opacity var(--dur-4) var(--ease-out), transform var(--dur-4) var(--ease-out);transform:translateY(18px)}.stagger.visible>*{opacity:1;transform:none}.stagger.visible>:first-child{transition-delay:40ms}.stagger.visible>:nth-child(2){transition-delay:90ms}.stagger.visible>:nth-child(3){transition-delay:.14s}.stagger.visible>:nth-child(4){transition-delay:.19s}.stagger.visible>:nth-child(5){transition-delay:.24s}.stagger.visible>:nth-child(6){transition-delay:.29s}.btn-orange-lg:active,.cf-submit:active,.btn-addcart:active,.md-cta:active{transform:translateY(0)scale(.985)}@keyframes priceIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.bb-now{animation:priceIn var(--dur-3) var(--ease-out)}}@media (hover:hover) and (pointer:fine){.cat-card .cat-img{transition:transform var(--dur-4) var(--ease-standard)}.cgc-cover,.brand-mark,.result-thumb{overflow:hidden}.result-row:hover .result-thumb img{transform:scale(1.06)}.result-thumb img{transition:transform var(--dur-3) var(--ease-standard)}.result-row:hover .result-info h3{background-image:linear-gradient(var(--sug-orange), var(--sug-orange));background-position:0 100%;background-repeat:no-repeat;background-size:100% 1.5px}.result-info h3{transition:background-size var(--dur-3) var(--ease-out);background-size:0% 1.5px;background-image:linear-gradient(var(--sug-orange), var(--sug-orange));background-position:0 100%;background-repeat:no-repeat;padding-bottom:1px}}.sug-header{z-index:100;background:#fff;position:sticky;top:0}.sug-metabar{color:#ffffffb8;letter-spacing:.12em;text-transform:uppercase;background:#14154d;font-size:11px}.sug-metabar-inner{align-items:center;gap:12px;max-width:1440px;margin:0 auto;padding:8px 40px;display:flex}.meta-dot{color:var(--sug-steel)}.lang-btn{color:#fff9;letter-spacing:.12em;border-radius:var(--radius-1);transition:color var(--dur-2);background:0 0;padding:2px 4px;font-size:11px;font-weight:600}.lang-btn.active{color:var(--sug-orange)}.lang-btn:hover{color:#fff}.lang-sep{color:var(--sug-steel)}.sug-nav{border-bottom:1px solid var(--border-hairline);box-shadow:var(--shadow-1);background:#fff}.sug-nav-inner{align-items:center;gap:48px;max-width:1440px;height:72px;margin:0 auto;padding:0 40px;display:flex}.sug-logo-link img{height:40px}.sug-nav-links{flex:1;align-items:center;gap:4px;display:flex}.nav-link{color:var(--fg-1);border-radius:var(--radius-1);transition:color var(--dur-2), background var(--dur-2);white-space:nowrap;align-items:center;gap:4px;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.nav-link:hover,.nav-link.active{color:var(--sug-orange-text)}.nav-caret{color:var(--sug-steel);transition:transform var(--dur-2), color var(--dur-2);font-size:8px}.nav-link:hover .nav-caret{color:var(--sug-orange);transform:rotate(180deg)}.nav-actions{align-items:center;gap:12px;display:flex}.btn-contact{background:var(--sug-ink);color:#fff;border-radius:var(--radius-2);transition:background var(--dur-2);white-space:nowrap;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-contact:hover{background:var(--sug-orange)}.nav-dropdown-wrap{position:relative}.nav-mega{border:1px solid var(--border-hairline);border-radius:var(--radius-2);box-shadow:var(--shadow-4);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-2) var(--ease-standard), transform var(--dur-2) var(--ease-standard);z-index:200;background:#fff;min-width:580px;position:absolute;top:calc(100% + 1px);left:0;overflow:hidden;transform:translateY(-8px)}.nav-dropdown-wrap:hover .nav-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mega-inner{grid-template-columns:240px 1fr;display:grid}.mega-brands{background:var(--sug-paper);border-right:1px solid var(--border-hairline);flex-direction:column;gap:4px;padding:12px;display:flex}.mega-brand-btn{border-radius:var(--radius-1);transition:background var(--dur-2), border-color var(--dur-2);text-align:left;cursor:pointer;background:0 0;border-left:2px solid #0000;flex-direction:column;gap:4px;padding:14px 16px;font-family:inherit;display:flex}.mega-brand-btn.active{border-left-color:var(--sug-orange);box-shadow:var(--shadow-2);background:#fff}.mega-brand-logo{object-fit:contain;object-position:left;width:auto;height:28px}.mega-brand-note{color:var(--fg-3);margin-top:4px;font-size:12px;line-height:1.4}.mega-cats{padding:16px}.mega-cat-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sug-steel);margin-bottom:10px;font-size:10px;font-weight:600}.mega-cat-grid{grid-template-columns:1fr 1fr;gap:2px;display:grid}.mega-cat-item{border-radius:var(--radius-1);transition:background var(--dur-2), border-color var(--dur-2);border-bottom:2px solid #0000;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.mega-cat-item:hover{background:var(--sug-paper);border-bottom-color:var(--sug-orange)}.mega-cat-th{color:var(--fg-1);font-size:13px;font-weight:600}.mega-cat-en{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);font-size:10px}.mega-all{background:var(--sug-ink);color:#fff;border-radius:var(--radius-1);transition:background var(--dur-2);grid-column:1/-1;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;display:flex}.mega-all:hover{background:var(--sug-orange)}.mega-all-text{font-size:13px;font-weight:600}.mega-all-sub{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;margin-top:2px;font-size:10px}.mega-all-arr{font-family:var(--font-mono);color:var(--sug-orange);font-size:16px}.mega-all:hover .mega-all-arr{color:#fff}.hero{color:#fff;background:radial-gradient(120% 80% at 12% 0%, #2b2c918c 0%, transparent 55%), radial-gradient(90% 90% at 100% 100%, #ef5a1c14 0%, transparent 50%), radial-gradient(60% 60% at 85% 10%, #ef5a1c0d 0%, transparent 60%), var(--nav-base);flex-direction:column;min-height:84vh;display:flex;position:relative;overflow:hidden}.hero:after{content:"";z-index:1;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-bg{object-fit:cover;opacity:.48;will-change:transform;width:100%;height:100%;transition:transform .1s linear;position:absolute;inset:0}.hero-gradient{z-index:1;background:linear-gradient(108deg,#12134af5 0%,#16175acc 42%,#2b2c9147 100%);position:absolute;inset:0}.hero-inner{z-index:2;flex-direction:column;flex:1;justify-content:center;width:100%;max-width:1440px;margin:0 auto;padding:84px 40px 60px;display:flex;position:relative}.hero-meta,.hero-display,.hero-display-th,.hero-sub,.hero-ctas{max-width:920px}.hero-meta{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;align-items:center;gap:14px;margin-bottom:28px;font-size:11px;font-weight:500;display:flex}.hero-meta .dot{color:var(--sug-steel)}.hero-display{font-family:var(--font-display);letter-spacing:-.025em;text-transform:uppercase;margin:0;font-size:clamp(3.25rem,6.5vw,6rem);font-weight:800;line-height:.92}.hero-display-th{font-family:var(--font-thai);letter-spacing:-.01em;margin:0;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1}.hero-display .line{display:block}.hero-display .accent,.hero-display-th .accent{color:var(--sug-orange);display:block}.hero-sub-en{font-size:10px;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#ffffff73;margin-top:28px;display:block}.hero-sub{color:#ffffffc7;max-width:540px;margin:28px 0 36px;font-size:17px;line-height:1.65}.hero-sub-thai{font-size:17px;line-height:1.85}.hero-ctas{flex-wrap:wrap;gap:14px;display:flex}.btn-orange-lg{background:var(--sug-orange-text);color:#fff;border-radius:var(--radius-2);transition:background var(--dur-2), transform var(--dur-2), box-shadow var(--dur-2);align-items:center;gap:10px;padding:17px 32px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #ef5a1c59}.btn-orange-lg:hover{background:var(--sug-orange-text-hover);transform:translateY(-2px);box-shadow:0 8px 24px #ef5a1c66}.btn-outline-light{color:#fff;border-radius:var(--radius-2);transition:all var(--dur-2);background:0 0;border:1px solid #ffffff4d;align-items:center;gap:10px;padding:17px 32px;font-size:15px;font-weight:600;display:inline-flex}.btn-outline-light:hover{background:#ffffff14;border-color:#fff}.hero-stats{z-index:2;border-top:1px solid #ffffff1f;grid-template-columns:repeat(4,1fr);max-width:1440px;margin:48px auto 0;padding:44px 40px 56px;display:grid;position:relative}.stat-item{border-left:1px solid #ffffff1f;padding:0 32px}.stat-item:first-child{border-left:none;padding-left:0}.stat-n{font-family:var(--font-display);color:var(--sug-orange);letter-spacing:-.02em;font-size:clamp(2.25rem,3.4vw,3.25rem);font-weight:700;line-height:1}.stat-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;margin-top:8px;font-size:12px;font-weight:500;line-height:1.4}.stat-label-th{letter-spacing:.01em;text-transform:none;font-size:13px;line-height:1.55}.section{padding:120px 0}.section-inner{max-width:1440px;margin:0 auto;padding:0 40px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:72px;display:flex}.section-kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sug-orange-text);margin-bottom:16px;font-size:11px;font-weight:600;display:block}.section-title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1}.section-title-th{font-family:var(--font-thai);letter-spacing:-.005em;margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.2}.section-sub{color:var(--fg-2);max-width:420px;margin:0;font-size:17px;line-height:1.65}.section-sub-th{font-size:16px;line-height:1.85}.section-link{color:var(--fg-1);border-bottom:1px solid var(--fg-1);white-space:nowrap;transition:color var(--dur-2), border-color var(--dur-2);padding-bottom:4px;font-size:14px;font-weight:600}.section-link:hover{color:var(--sug-orange);border-color:var(--sug-orange)}.section-title.light,.section-title-th.light{color:#fff}.section-kicker.light{color:var(--sug-orange)}.section-about{background:var(--sug-white)}.about-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:80px;display:grid}.about-lead{color:var(--fg-1);margin:0 0 24px;font-size:20px;font-weight:600;line-height:1.55}.about-lead-th{font-size:19px;line-height:1.75}.about-copy{color:var(--fg-2);margin:0 0 18px;font-size:16px;line-height:1.75}.about-copy-th{font-size:15.5px;line-height:1.9}.about-legal{border-top:1px solid var(--border-hairline);margin-top:32px;padding-top:28px}.about-legal-k{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sug-orange-text);margin-bottom:8px;font-size:10px}.about-legal-name{color:var(--fg-1);font-size:17px;font-weight:700;line-height:1.4}.about-legal-en{color:var(--fg-3);letter-spacing:.03em;margin-top:4px;font-size:13px}.about-aside{background:var(--sug-paper);border:1px solid var(--border-hairline);border-radius:var(--radius-2);overflow:hidden}.about-photo{aspect-ratio:4/3;object-fit:cover;background:var(--sug-ink);width:100%}.about-facts{padding:28px 28px 8px}.about-fact{border-bottom:1px solid var(--border-hairline);align-items:baseline;gap:20px;padding:16px 0;display:flex}.about-fact:last-child{border-bottom:none}.about-fact-n{font-family:var(--font-display);color:var(--sug-orange);letter-spacing:-.01em;flex-shrink:0;min-width:120px;font-size:32px;font-weight:700;line-height:1}.about-fact-l{color:var(--fg-2);font-size:13.5px;line-height:1.55}.about-fact-l-th{font-size:13.5px;line-height:1.7}.section-why{color:#fff;background:linear-gradient(155deg,#23247e 0%,#14154f 100%);position:relative;overflow:hidden}.section-why:before{content:"";pointer-events:none;background:radial-gradient(circle,#ef5a1c24 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-200px;right:-200px}.pillar-grid{border-top:1px solid #ffffff24;grid-template-columns:repeat(3,1fr);margin-top:8px;display:grid}.pillar{border-right:1px solid #ffffff1f;padding:52px 48px}.pillar:first-child{padding-left:0}.pillar:last-child{border-right:none;padding-right:0}.pillar-k{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;color:var(--sug-orange);font-size:36px;font-weight:800}.pillar-k-th{font-family:var(--font-thai);color:var(--sug-orange);font-size:30px;font-weight:700}.pillar-copy{color:#ffffffd1;max-width:34ch;margin:20px 0 0;font-size:17px;line-height:1.65}.pillar-copy-th{font-size:16px;line-height:1.9}.why-stats{border-top:1px solid #ffffff1f;flex-wrap:wrap;align-items:baseline;gap:72px;margin-top:72px;padding-top:40px;display:flex}.why-stat{align-items:baseline;gap:12px;display:flex}.why-stat-n{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;font-size:48px;font-weight:700;line-height:1}.why-stat-l{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;font-size:11px}.why-stat-l-th{letter-spacing:.02em;text-transform:none;font-size:12px}.section-products{background:var(--sug-white)}.section-titan{background:var(--sug-paper)}.cat-grid{background:var(--border-hairline);border:1px solid var(--border-hairline);grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.cat-card{background:var(--sug-white);min-height:260px;transition:background var(--dur-2);flex-direction:column;justify-content:flex-end;padding:32px;text-decoration:none;display:flex;position:relative;overflow:hidden}.cat-card.feature{color:#fff;background:linear-gradient(160deg,#2b2c91 0%,#191a6b 100%);grid-row:span 2;min-height:522px}.cat-card:hover{background:var(--sug-paper)}.cat-card.feature:hover{background:linear-gradient(160deg,#23247e 0%,#131456 100%)}.cat-img{object-fit:contain;opacity:.95;width:60%;height:70%;transition:transform var(--dur-3) var(--ease-standard);position:absolute;top:50%;right:-8%;transform:translateY(-50%)}.cat-card:hover .cat-img{transform:translateY(-50%)scale(1.05)}.cat-num{font-family:var(--font-mono);letter-spacing:.12em;color:var(--fg-3);margin-bottom:24px;font-size:11px;font-weight:500}.cat-card.feature .cat-num{color:#ffffff80}.cat-name{font-family:var(--font-display);letter-spacing:-.015em;text-transform:uppercase;margin:0 0 16px;font-size:34px;font-weight:700;line-height:1}.cat-name-th{font-family:var(--font-thai);letter-spacing:0;font-size:28px;font-weight:700;line-height:1.2}.cat-card.feature .cat-name{font-size:52px}.cat-card.feature .cat-name-th{font-size:40px}.cat-card.feature .cat-name{color:#fff}.cat-meta{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:12px;font-size:11px;display:flex}.cat-card.feature .cat-meta{color:#ffffff8c}.cat-count{color:var(--fg-1);font-weight:600}.cat-card.feature .cat-count{color:#ffffffe6}.cat-std{padding-left:14px;position:relative}.cat-std:before{content:"";background:currentColor;width:6px;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.cat-arrow{font-family:var(--font-mono);color:var(--fg-3);transition:transform var(--dur-2), color var(--dur-2);font-size:20px;position:absolute;top:28px;right:28px}.cat-card.feature .cat-arrow{color:var(--sug-orange)}.cat-card:hover .cat-arrow{color:var(--sug-orange);transform:translate(5px)}.titan-head-logo{align-self:flex-end;width:auto;height:28px}.section-brands{background:var(--sug-paper)}.brand-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.brand-card{background:var(--sug-white);border:1px solid var(--border-hairline);border-radius:var(--radius-2);box-shadow:var(--shadow-0);transition:box-shadow var(--dur-3), transform var(--dur-3) var(--ease-standard);overflow:hidden}.brand-card:hover{box-shadow:var(--shadow-4);transform:translateY(-4px)}.brand-mark{border-bottom:1px solid var(--border-hairline);background:#fff;place-items:center;height:280px;padding:48px;display:grid;position:relative;overflow:hidden}.brand-mark:after{content:"";background:radial-gradient(circle,#ef5a1c0f 0%,#0000 70%);width:280px;height:280px;position:absolute;bottom:-80px;right:-80px}.brand-mark.titan{background:var(--titan-blue);border-bottom-color:var(--titan-blue-600)}.brand-mark img{object-fit:contain;z-index:1;max-width:68%;max-height:140px;position:relative}.brand-body{flex-direction:column;align-items:flex-start;padding:40px;display:flex}.brand-meta{font-family:var(--font-mono);letter-spacing:.16em;color:var(--fg-3);text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:600}.brand-tag{color:var(--fg-1);margin:0 0 18px;font-size:18px;font-weight:600;line-height:1.35}.brand-tag-th{font-size:17px;line-height:1.6}.brand-list{width:100%;margin:0 0 28px;list-style:none}.brand-list li{color:var(--fg-1);border-top:1px solid var(--border-hairline);transition:color var(--dur-2);align-items:center;gap:14px;padding:12px 0;font-size:15px;font-weight:500;display:flex}.brand-list li:first-child{border-top:none}.brand-list li:hover{color:var(--sug-orange)}.brand-list-th li{font-size:15px;line-height:1.5}.bl-no{font-family:var(--font-mono);letter-spacing:.04em;color:var(--sug-orange-text);min-width:20px;font-size:11px;font-weight:600}.brand-cta{color:var(--sug-orange-text);border-bottom:1px solid var(--sug-orange);transition:color var(--dur-2), border-color var(--dur-2);padding-bottom:3px;font-size:14px;font-weight:600}.brand-cta:hover{color:var(--sug-orange-600);border-color:var(--sug-orange-600)}.section-catalog{background:var(--sug-paper)}.cat-dl-box{border-radius:var(--radius-3);background:linear-gradient(150deg,#2b2c91 0%,#191a6b 100%);grid-template-columns:300px 1fr;align-items:center;gap:64px;padding:60px;display:grid;position:relative;overflow:hidden}.cat-dl-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#ef5a1c47 0%,#0000 70%);width:440px;height:440px;position:absolute;top:-140px;right:-100px}.cat-cover-3d{aspect-ratio:210/297;border-radius:var(--radius-2);transition:transform var(--dur-4) var(--ease-standard);background:linear-gradient(150deg,#f2702f 0%,#d2470f 100%);flex-direction:column;padding:28px 24px;display:flex;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 28px 64px #0000008c,0 4px 16px #ef5a1c4d}.cat-dl-box:hover .cat-cover-3d{transform:rotate(0)translateY(-6px)}.cat-cover-3d:after{content:"";background:radial-gradient(circle,#ffffff2e 0%,#0000 70%);width:220px;height:220px;position:absolute;top:-60px;right:-60px}.cat-cover-logo{background:#fff;align-self:flex-start;height:24px;padding:4px 6px}.cat-cover-yr{font-family:var(--font-mono);letter-spacing:.18em;color:#ffffff80;margin-top:20px;font-size:9px}.cat-cover-kick{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-top:auto;font-size:9px}.cat-cover-title{font-family:var(--font-thai);color:#fff;margin:8px 0 0;font-size:28px;font-weight:700;line-height:1.1;position:relative}.cat-cover-bar{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffff80;border-top:1px solid #ffffff2e;gap:16px;margin-top:16px;padding-top:12px;font-size:9px;display:flex}.cat-dl-body{z-index:2;color:#fff;position:relative}.cat-dl-kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sug-orange-text);margin-bottom:14px;font-size:11px}.cat-dl-title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;color:#fff;margin:0 0 16px;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:700;line-height:1}.cat-dl-title-th{font-family:var(--font-thai);color:#fff;margin:0 0 16px;font-size:clamp(1.6rem,2.8vw,2.6rem);font-weight:700;line-height:1.25}.cat-dl-sub{color:#ffffffbf;max-width:52ch;margin:0 0 28px;font-size:16px;line-height:1.7}.cat-dl-sub-th{font-size:15.5px;line-height:1.85}.cat-dl-meta{flex-wrap:wrap;gap:24px;margin-bottom:32px;display:flex}.cat-dl-meta-item{flex-direction:column;gap:4px;display:flex}.cat-dl-meta-k{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff6;font-size:10px}.cat-dl-meta-v{color:#fff;font-size:14px;font-weight:600}.cat-dl-actions{flex-wrap:wrap;gap:12px;display:flex}.btn-orange-dl{background:var(--sug-orange-text);color:#fff;border-radius:var(--radius-2);transition:background var(--dur-2), transform var(--dur-2), box-shadow var(--dur-2);align-items:center;gap:10px;padding:18px 32px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #ef5a1c66}.btn-orange-dl:hover{background:var(--sug-orange-text-hover);transform:translateY(-2px)}.btn-ghost-light{color:#fff;border-radius:var(--radius-2);transition:all var(--dur-2);background:0 0;border:1px solid #ffffff4d;align-items:center;gap:8px;padding:18px 28px;font-size:15px;font-weight:600;display:inline-flex}.btn-ghost-light:hover{background:#ffffff14;border-color:#fff}.cat-group-head{align-items:center;gap:20px;margin:64px 0 32px;display:flex}.cat-group-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-1);white-space:nowrap;font-size:11px;font-weight:600}.cat-group-rule{background:var(--border-strong);flex:1;height:1px}.cat-group-count{font-family:var(--font-mono);color:var(--fg-3);white-space:nowrap;font-size:11px}.cat-group-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.cat-group-card{background:var(--sug-white);border:1px solid var(--border-hairline);border-radius:var(--radius-2);box-shadow:var(--shadow-0);transition:border-color var(--dur-2), box-shadow var(--dur-3), transform var(--dur-3) var(--ease-standard);flex-direction:column;display:flex;overflow:hidden}.cat-group-card:hover{border-color:var(--sug-mist);box-shadow:var(--shadow-3);transform:translateY(-4px)}.cgc-cover{aspect-ratio:3/4;background:linear-gradient(160deg,#f3f3f7 0%,#e6e7ee 100%);position:relative;overflow:hidden}.cgc-cover img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform var(--dur-3) var(--ease-standard);display:block}.cat-group-card:hover .cgc-cover img{transform:scale(1.035)}.cgc-cover:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #191a3c0f}.cgc-no{z-index:1;font-family:var(--font-mono);letter-spacing:.04em;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#191a3cd1;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;line-height:1;position:absolute;top:10px;left:10px}.cgc-body{flex-direction:column;flex:1;padding:18px 20px;display:flex}.cgc-name{margin:0 0 6px;font-size:14px;font-weight:700;line-height:1.3}.cgc-meta{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:10px;margin:0 0 12px;font-size:10px;display:flex}.cgc-sku{color:var(--fg-2);font-weight:600}.cgc-dl{color:var(--sug-orange-text);border-top:1px solid var(--border-hairline);transition:color var(--dur-2);align-items:center;gap:6px;margin-top:auto;padding-top:12px;font-size:13px;font-weight:600;display:inline-flex}.cat-group-card:hover .cgc-dl{color:var(--sug-orange-text)}.section-cta{color:#fff;background:linear-gradient(155deg,#23247e 0%,#14154f 100%);padding:112px 0;position:relative;overflow:hidden}.section-cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#ef5a1c1a 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:-200px;left:-200px}.cta-inner{grid-template-columns:1.3fr 1fr;align-items:center;gap:80px;margin-bottom:72px;display:grid}.cta-kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sug-orange);margin-bottom:16px;font-size:11px;font-weight:600;display:block}.cta-title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;color:#fff;margin:0 0 18px;font-size:clamp(2.25rem,4vw,3.75rem);font-weight:700;line-height:1}.cta-title-th{font-family:var(--font-thai);color:#fff;margin:0 0 18px;font-size:clamp(1.75rem,3vw,2.9rem);font-weight:700;line-height:1.25}.cta-sub{color:#ffffffb8;max-width:560px;margin:0;font-size:17px;line-height:1.7}.cta-sub-th{font-size:16px;line-height:1.9}.cta-actions{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.contact-grid{border-radius:var(--radius-2);background:#ffffff1f;border:1px solid #ffffff1f;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.contact-cell{background:#14164de6;padding:36px 32px}.contact-cell-t{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sug-orange);margin-bottom:20px;font-size:10px;font-weight:600}.contact-chan{gap:12px;display:grid}.contact-line{align-items:baseline;gap:16px;display:flex}.contact-line .ck{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff6;flex-shrink:0;width:44px;font-size:10px}.contact-line .cv{color:#fff;transition:color var(--dur-2);font-size:15px;font-weight:500}.contact-line a.cv:hover{color:var(--sug-orange)}.contact-addr{color:#ffffffd1;margin:0;font-size:14.5px;line-height:1.85}.contact-addr-th{font-size:14.5px;line-height:1.9}.contact-map{font-family:var(--font-mono);letter-spacing:.06em;color:var(--sug-orange);transition:color var(--dur-2);margin-top:18px;font-size:11px;font-weight:600;display:inline-block}.contact-map:hover{color:#fff}.contact-hours{color:#ffffffb8;margin:0;font-size:14.5px;line-height:1.85}.contact-hours-th{font-size:14.5px;line-height:1.9}.contact-hero{background:radial-gradient(90% 90% at 100% 0%, #ef5a1c1a 0%, transparent 55%), linear-gradient(155deg, #23247e 0%, var(--nav-base) 100%);color:#fff;padding:88px 0 64px}.contact-hero-sub{font-size:var(--fs-lead);line-height:var(--lh-body);color:#ffffffc7;max-width:54ch;margin:20px 0 0}.contact-hero-sub:lang(th){line-height:var(--lh-thai);font-size:1.1rem}.contact-form-section{background:var(--sug-paper);padding:64px 0 96px}.cf-form{border:1px solid var(--border-hairline);border-radius:var(--radius-3);max-width:860px;box-shadow:var(--shadow-2);background:#fff;margin:0 auto;padding:clamp(24px,4vw,48px)}.cf-context{background:var(--sug-orange-050);border:1px solid var(--sug-orange-200);border-radius:var(--radius-2);flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin-bottom:28px;padding:14px 18px;display:flex}.cf-context-k{font-family:var(--font-mono);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--sug-orange-600);font-size:10px;font-weight:600}.cf-context-v{color:var(--fg-1);align-items:center;gap:10px;font-size:15px;font-weight:700;display:inline-flex}.cf-context-sku{font-family:var(--font-mono);color:var(--fg-3);border:1px solid var(--border-hairline);background:#fff;border-radius:3px;padding:2px 7px;font-size:11px;font-weight:600}.cf-intent{border:none;margin:0 0 28px;padding:0}.cf-intent legend{font-family:var(--font-mono);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--fg-3);margin-bottom:12px;padding:0;font-size:11px;font-weight:600}.cf-intent legend:lang(th){letter-spacing:.02em}.cf-intent-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.cf-intent-opt{border:1px solid var(--border-strong);border-radius:var(--radius-2);cursor:pointer;transition:border-color var(--dur-2), background var(--dur-2), box-shadow var(--dur-2);flex-direction:column;gap:3px;padding:16px 18px;display:flex;position:relative}.cf-intent-opt:hover{border-color:var(--sug-steel)}.cf-intent-opt input{opacity:0;pointer-events:none;position:absolute}.cf-intent-opt.active{border-color:var(--sug-orange);background:var(--sug-orange-050);box-shadow:inset 3px 0 0 var(--sug-orange)}.cf-intent-opt:has(input:focus-visible){outline:2px solid var(--sug-orange);outline-offset:2px}.cf-intent-title{color:var(--fg-1);font-size:15px;font-weight:600}.cf-intent-title:lang(th){line-height:1.4}.cf-intent-note{color:var(--fg-3);font-size:12.5px}.cf-intent-note:lang(th){line-height:1.45}.cf-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.cf-fld{flex-direction:column;gap:7px;display:flex}.cf-fld.span2{grid-column:1/-1}.cf-fld label{font-size:var(--fs-sm);color:var(--fg-1);font-weight:600}.cf-fld label:lang(th){line-height:1.4}.cf-req{color:var(--sug-orange)}.cf-fld input,.cf-fld textarea{font-family:var(--font-body);color:var(--fg-1);border:1px solid var(--border-strong);border-radius:var(--radius-2);width:100%;transition:border-color var(--dur-2), box-shadow var(--dur-2);background:#fff;padding:12px 14px;font-size:16px}.cf-fld textarea{resize:vertical;min-height:120px;line-height:1.6}.cf-fld textarea:lang(th),.cf-fld input:lang(th){line-height:1.7}.cf-fld input::placeholder,.cf-fld textarea::placeholder{color:var(--sug-mist)}.cf-fld input:focus,.cf-fld textarea:focus{border-color:var(--sug-orange);box-shadow:0 0 0 3px var(--sug-orange-050);outline:none}.cf-fld input[aria-invalid=true],.cf-fld textarea[aria-invalid=true]{border-color:var(--sug-danger)}.cf-fld input[aria-invalid=true]:focus,.cf-fld textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px #d23a2e1f}.cf-err{color:var(--sug-danger);align-items:center;gap:5px;font-size:12.5px;display:flex}.cf-err:lang(th){line-height:1.45}.cf-err:before{content:"!";background:var(--sug-danger);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:15px;height:15px;font-size:10px;font-weight:700;display:inline-grid}.cf-hint{color:var(--fg-3);font-size:12.5px}.cf-hint:lang(th){line-height:1.45}.cf-summary{border:1px solid #d23a2e4d;border-left:3px solid var(--sug-danger);border-radius:var(--radius-2);color:var(--sug-danger);background:#d23a2e0f;margin-bottom:22px;padding:14px 18px;font-size:14px;font-weight:600}.cf-summary ul{margin:8px 0 0;padding-left:18px;font-weight:500}.cf-summary a{color:var(--sug-danger);text-decoration:underline}.cf-actions{flex-direction:column;align-items:flex-start;gap:14px;margin-top:26px;display:flex}.cf-submit{background:var(--sug-orange-text);color:#fff;border-radius:var(--radius-2);transition:background var(--dur-2), transform var(--dur-2), box-shadow var(--dur-2);align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #ef5a1c52}.cf-submit:hover:not(:disabled){background:var(--sug-orange-text-hover);transform:translateY(-2px);box-shadow:0 8px 24px #ef5a1c66}.cf-submit:disabled{opacity:.6;cursor:progress}.cf-trust{color:var(--fg-3);margin:0;font-size:12.5px}.cf-trust:lang(th){line-height:1.5}.cf-success{border:1px solid var(--border-hairline);border-radius:var(--radius-3);max-width:640px;box-shadow:var(--shadow-2);text-align:center;background:#fff;margin:0 auto;padding:clamp(32px,5vw,56px)}.cf-success-ico{background:var(--sug-success);color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 22px;display:grid;box-shadow:0 8px 24px #2f8f4f4d}.cf-success h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 12px;font-size:28px;font-weight:700}.cf-success h3:lang(th){font-family:var(--font-thai);font-weight:700;line-height:1.3}.cf-success p{color:var(--fg-2);max-width:46ch;margin:0 auto;font-size:16px;line-height:1.7}.cf-success p:lang(th){line-height:1.85}.cf-success-meta{color:var(--fg-3);font-size:14px;margin-top:18px!important}.cf-success-meta a{color:var(--sug-orange-text);font-weight:600}@media (max-width:640px){.cf-intent-grid,.cf-grid{grid-template-columns:1fr}}.sug-footer{background:linear-gradient(180deg, var(--nav-base) 0%, var(--nav-raised) 100%);color:#ffffffa6;padding:88px 0 36px}.footer-grid{border-bottom:1px solid #ffffff14;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:60px;padding-bottom:64px;display:grid}.footer-logo-wrap{margin-bottom:24px}.footer-logo{background:#fff;height:44px;padding:6px 8px;display:block}.footer-desc{color:#ffffff9e;max-width:280px;margin:0 0 24px;font-size:14px;line-height:1.75}.footer-desc-th{font-size:14px;line-height:1.9}.footer-addr{color:#ffffff73;margin:0;font-size:13px;line-height:1.8}.footer-addr-th{font-size:13px;line-height:1.85}.footer-col-title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:20px;font-size:10px;font-weight:600}.footer-links{gap:12px;list-style:none;display:grid}.footer-links a{color:#ffffff8c;transition:color var(--dur-2);font-size:14px}.footer-links a:hover{color:var(--sug-orange)}.footer-links-th a{font-size:14px}.footer-bottom{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:36px;font-size:10px;display:flex}.footer-standards{color:#ffffff73;letter-spacing:.1em}.arr{font-family:var(--font-mono);font-weight:400}@media (max-width:1200px){.hero-stats{grid-template-columns:repeat(2,1fr);gap:32px 0}.stat-item:nth-child(3){border-left:none;padding-left:0}.about-grid{grid-template-columns:1fr;gap:48px}.pillar-grid{grid-template-columns:1fr}.pillar{border-bottom:1px solid #ffffff1f;border-right:none;padding:36px 0}.pillar:last-child{border-bottom:none}.cat-grid{grid-template-columns:repeat(2,1fr)}.cat-card.feature{grid-row:auto;min-height:280px}.brand-grid{grid-template-columns:1fr}.cat-dl-box{grid-template-columns:1fr;gap:48px;padding:48px 40px}.cat-cover-3d{max-width:260px}.cta-inner{grid-template-columns:1fr;gap:48px}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.cat-group-grid{grid-template-columns:repeat(3,1fr)}}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}@media (max-width:900px){.section{padding:80px 0}.hero-inner{padding:80px 24px 60px}.hero-stats{padding:0 24px 40px}.section-inner,.sug-nav-inner{padding:0 24px}.sug-metabar-inner{padding:8px 24px}.hero-display{font-size:clamp(3.5rem,12vw,6rem)}.hero-display-th{font-size:clamp(2.8rem,9vw,5rem)}.why-stats{gap:40px}.cat-group-grid{grid-template-columns:repeat(2,1fr)}.brand-mark{height:220px}}@media (max-width:1000px){.sug-nav-links{display:none}.nav-actions .mobile-menu-btn{display:flex}}@media (max-width:600px){.hero-stats{grid-template-columns:1fr 1fr}.section-head{flex-direction:column;align-items:flex-start;gap:24px}.cat-grid{grid-template-columns:1fr}.cat-group-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.brand-grid{gap:16px}}@media (max-width:420px){.cat-group-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hero-ctas{flex-direction:column}.btn-orange-lg,.btn-outline-light{justify-content:center;width:100%}}.mobile-menu-btn span{background:var(--sug-ink);width:24px;height:2px;transition:all var(--dur-2);transform-origin:50%;border-radius:2px;display:block}.mobile-menu-btn.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-btn.is-open span:nth-child(2){opacity:0}.mobile-menu-btn.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-scrim{z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--dur-3) var(--ease-standard), visibility var(--dur-3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08091e8c;position:fixed;inset:0}.mobile-scrim.show{opacity:1;visibility:visible}.mobile-drawer{z-index:calc(var(--z-overlay) + 1);background:var(--nav-base);color:#fff;width:min(88vw,360px);transition:transform var(--dur-4) var(--ease-standard);padding:max(env(safe-area-inset-top), 16px) 0 max(env(safe-area-inset-bottom), 16px);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-16px 0 48px #0006}.mobile-drawer.open{transform:translate(0)}.md-head{border-bottom:1px solid var(--hair-dark);justify-content:space-between;align-items:center;padding:4px 20px 20px;display:flex}.md-head img{background:#fff;border-radius:3px;padding:3px 5px}.md-close{color:#fffc;border-radius:var(--radius-2);width:44px;height:44px;transition:color var(--dur-2), background var(--dur-2);place-items:center;margin-right:-10px;display:grid}.md-close:hover{color:#fff;background:var(--hair-dark)}.md-nav{border-bottom:1px solid var(--hair-dark);flex-direction:column;padding:12px 0;display:flex}.md-link{color:#ffffffeb;transition:background var(--dur-2), color var(--dur-2);justify-content:space-between;align-items:center;padding:15px 20px;font-size:17px;font-weight:600;display:flex}.md-link:lang(th){line-height:1.4}.md-link .md-arr{font-family:var(--font-mono);color:#ffffff4d;transition:transform var(--dur-2), color var(--dur-2)}.md-link:hover,.md-link:active{background:var(--nav-raised)}.md-link:hover .md-arr{color:var(--sug-orange);transform:translate(4px)}.md-link.active{color:var(--sug-orange)}.md-section-label{font-family:var(--font-mono);letter-spacing:var(--ls-xwide);text-transform:uppercase;color:#fff6;padding:18px 20px 8px;font-size:10px;font-weight:600;display:block}.md-brands{border-bottom:1px solid var(--hair-dark);padding-bottom:12px}.md-brand{transition:background var(--dur-2);flex-direction:column;gap:5px;padding:12px 20px;display:flex}.md-brand:hover{background:var(--nav-raised)}.md-brand-logo{object-fit:contain;object-position:left center;background:#fff;border-radius:4px;width:auto;max-width:120px;height:28px;padding:4px 8px}.md-brand-note{color:#fff9;font-size:12.5px;line-height:1.4}.md-foot{flex-direction:column;gap:10px;margin-top:auto;padding:20px;display:flex}.md-cta{background:var(--sug-orange-text);color:#fff;text-align:center;border-radius:var(--radius-2);transition:background var(--dur-2);justify-content:center;align-items:center;gap:8px;padding:15px 20px;font-size:15px;font-weight:600;display:inline-flex}.md-cta:hover{background:var(--sug-orange-text-hover)}.md-cta-ghost{text-align:center;border:1px solid var(--hair-dark);border-radius:var(--radius-2);color:#ffffffd9;transition:border-color var(--dur-2);padding:14px 20px;font-size:14px;font-weight:600}.md-cta-ghost:hover{border-color:#fff6}.md-lang{justify-content:center;align-items:center;gap:10px;padding-top:8px;display:flex}@media (prefers-reduced-motion:reduce){.mobile-drawer{transition:none}}.nav-quote{border-radius:var(--radius-2);width:40px;height:40px;color:var(--fg-2);transition:color var(--dur-2), background var(--dur-2);justify-content:center;align-items:center;display:inline-flex;position:relative}.nav-quote:hover{color:var(--fg-1);background:var(--sug-paper)}.nav-quote-badge{background:var(--sug-orange);color:#fff;min-width:17px;height:17px;font-family:var(--font-mono);border-radius:999px;place-items:center;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:1px;right:1px}.quote-scrim{z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--dur-3) var(--ease-standard), visibility var(--dur-3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08091e8c;position:fixed;inset:0}.quote-scrim.show{opacity:1;visibility:visible}.quote-drawer{z-index:calc(var(--z-overlay) + 1);width:min(92vw,420px);transition:transform var(--dur-4) var(--ease-standard);background:#fff;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-16px 0 48px #00000040}.quote-drawer.open{transform:translate(0)}.qd-head{border-bottom:1px solid var(--border-hairline);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.qd-title{color:var(--fg-1);font-size:17px;font-weight:700;line-height:1.3}.qd-sub{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin-top:3px;font-size:11px}.qd-close{width:40px;height:40px;color:var(--fg-3);border-radius:var(--radius-2);place-items:center;margin-right:-8px;display:grid}.qd-close:hover{color:var(--fg-1);background:var(--sug-paper)}.qd-list{flex:1;padding:4px 0;overflow-y:auto}.qd-item{border-bottom:1px solid var(--border-hairline);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:16px 24px;display:grid}.qd-item-name{color:var(--fg-1);font-size:14px;font-weight:600;line-height:1.35}.qd-item-sku{font-family:var(--font-mono);color:var(--fg-3);margin-top:3px;font-size:11px}.qd-item-qty{border:1px solid var(--border-strong);border-radius:var(--radius-2);align-items:center;display:flex;overflow:hidden}.qd-item-qty button{width:30px;height:32px;color:var(--fg-2);background:#fff;font-size:16px}.qd-item-qty button:hover{background:var(--sug-paper);color:var(--fg-1)}.qd-item-qty input{text-align:center;border:none;border-left:1px solid var(--border-hairline);border-right:1px solid var(--border-hairline);width:44px;height:32px;font-family:var(--font-mono);-moz-appearance:textfield;font-size:16px;font-weight:600}.qd-item-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qd-item-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qd-item-remove{width:32px;height:32px;color:var(--sug-mist);border-radius:var(--radius-1);place-items:center;display:grid}.qd-item-remove:hover{color:var(--sug-danger);background:var(--sug-paper)}.qd-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 32px;display:flex}.qd-empty-ico{background:var(--sug-paper);border:1px solid var(--border-hairline);width:64px;height:64px;color:var(--sug-steel);border-radius:50%;place-items:center;display:grid}.qd-empty p{color:var(--fg-1);margin:0;font-size:15px;font-weight:600;line-height:1.55}.qd-empty p span{color:var(--fg-3);margin-top:6px;font-size:13px;font-weight:400;display:block}.qd-browse{color:var(--sug-orange-text);font-size:14px;font-weight:600}.qd-foot{border-top:1px solid var(--border-hairline);flex-direction:column;gap:12px;padding:20px 24px;display:flex}.qd-submit{background:var(--sug-orange-text);color:#fff;text-align:center;border-radius:var(--radius-2);transition:background var(--dur-2);justify-content:center;align-items:center;gap:8px;padding:15px 20px;font-size:15px;font-weight:600;display:inline-flex}.qd-submit:hover{background:var(--sug-orange-text-hover)}.qd-clear{color:var(--sug-steel);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.qd-clear:hover{color:var(--sug-danger)}.qd-note{color:var(--fg-3);text-align:center;margin:0;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.quote-drawer{transition:none}}.nav-tool{color:var(--fg-2);border-radius:var(--radius-2);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.nav-tool:hover{color:var(--fg-1);background:var(--sug-paper)}.nav-tool .ico{width:18px;height:18px;display:block}.cart-count{background:var(--sug-orange);color:#fff;min-width:16px;height:16px;font-size:10px;font-weight:700;font-family:var(--font-mono);border-radius:999px;place-items:center;padding:0 4px;display:grid;position:absolute;top:2px;right:2px}.acct-chip{background:var(--sug-paper);border:1px solid var(--border-hairline);border-radius:var(--radius-2);cursor:pointer;align-items:center;gap:8px;padding:7px 10px 7px 8px;display:inline-flex}.acct-chip:hover{border-color:var(--border-strong)}.acct-avatar{background:var(--sug-blue);color:#fff;width:26px;height:26px;font-size:11px;font-weight:700;font-family:var(--font-mono);border-radius:4px;place-items:center;display:grid}.acct-name{color:var(--fg-1);font-size:12px;font-weight:600;line-height:1.1}.acct-tier{color:var(--sug-gold-600);letter-spacing:.04em;font-size:10px;font-weight:600}.store-page{background:var(--sug-white);min-height:100vh}.crumb{max-width:1440px;font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.02em;align-items:center;gap:8px;margin:0 auto;padding:16px 40px;font-size:12px;display:flex}.crumb a:hover{color:var(--sug-orange-text)}.crumb .sep{color:var(--sug-mist)}.catalog-wrap{grid-template-columns:264px 1fr;align-items:start;gap:40px;max-width:1440px;margin:0 auto;padding:0 40px 96px;display:grid}.catalog-head{max-width:1440px;margin:0 auto;padding:24px 40px 28px}.catalog-head h1{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin:0 0 8px;font-size:44px;font-weight:800;line-height:1}.catalog-head h1:lang(th){font-family:var(--font-thai);text-transform:none;font-size:34px;font-weight:700;line-height:1.15}.catalog-head .lede{color:var(--fg-2);max-width:60ch;margin:0;font-size:15px;line-height:1.6}.catalog-head .lede:lang(th){line-height:1.7}.facets{gap:4px;display:grid;position:sticky;top:132px}.facet{border-bottom:1px solid var(--border-hairline);padding:18px 0}.facet:first-child{padding-top:0}.facet-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin:0 0 14px;font-size:11px;font-weight:600}.facet-opt{color:var(--fg-2);cursor:pointer;align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.facet-opt:hover{color:var(--fg-1)}.facet-opt input{accent-color:var(--sug-orange);width:15px;height:15px}.facet-opt .ct{font-family:var(--font-mono);color:var(--fg-3);margin-left:auto;font-size:11px}.facet-opt.active{color:var(--sug-orange-text);font-weight:600}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.size-chip{font-family:var(--font-mono);border:1px solid var(--border-strong);border-radius:var(--radius-1);cursor:pointer;color:var(--fg-2);transition:all var(--dur-1);background:#fff;padding:6px 10px;font-size:12px}.size-chip:hover{border-color:var(--sug-ink);color:var(--fg-1)}.size-chip.active{background:var(--sug-ink);color:#fff;border-color:var(--sug-ink)}.facet-clear{color:var(--sug-orange-text);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.facet-clear:hover{color:var(--sug-orange-600)}.catalog-search{align-items:center;max-width:720px;margin-top:20px;display:flex;position:relative}.catalog-search .cs-ico{color:var(--sug-steel);pointer-events:none;position:absolute;left:16px}.catalog-search input{width:100%;font-family:var(--font-body);color:var(--fg-1);border:1px solid var(--border-strong);border-radius:var(--radius-2);transition:border-color var(--dur-2), box-shadow var(--dur-2);background:#fff;padding:14px 44px 14px 46px;font-size:16px}.catalog-search input:lang(th){line-height:1.6}.catalog-search input::placeholder{color:var(--sug-mist)}.catalog-search input:focus{border-color:var(--sug-orange);box-shadow:0 0 0 3px var(--sug-orange-050);outline:none}.catalog-search input::-webkit-search-cancel-button{-webkit-appearance:none}.cs-clear{width:30px;height:30px;color:var(--sug-steel);border-radius:var(--radius-1);transition:color var(--dur-2), background var(--dur-2);place-items:center;display:grid;position:absolute;right:10px}.cs-clear:hover{color:var(--fg-1);background:var(--sug-paper)}.empty-state{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-3);background:var(--sug-paper);padding:72px 24px}.empty-state .es-ico{border:1px solid var(--border-hairline);width:64px;height:64px;color:var(--sug-steel);background:#fff;border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.empty-state h3{color:var(--fg-1);margin:0 0 8px;font-size:20px;font-weight:700}.empty-state h3:lang(th){line-height:1.4}.empty-state p{color:var(--fg-2);max-width:46ch;margin:0 auto 24px;font-size:15px;line-height:1.6}.empty-state p:lang(th){line-height:1.8}.es-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:inline-flex}.es-btn{background:var(--sug-orange-text);color:#fff;border-radius:var(--radius-2);transition:background var(--dur-2);align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;display:inline-flex}.es-btn:hover{background:var(--sug-orange-text-hover)}.es-btn-ghost{color:var(--fg-1);border:1px solid var(--border-strong);border-radius:var(--radius-2);cursor:pointer;transition:border-color var(--dur-2);background:#fff;padding:12px 22px;font-size:14px;font-weight:600}.es-btn-ghost:hover{border-color:var(--sug-ink)}.filter-chips{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.chip{color:var(--fg-1);background:var(--sug-orange-050);border:1px solid var(--sug-orange-200);cursor:pointer;transition:border-color var(--dur-2), background var(--dur-2);border-radius:999px;align-items:center;gap:7px;padding:6px 8px 6px 12px;font-size:13px;font-weight:500;display:inline-flex}.chip:lang(th){line-height:1.4}.chip:hover{border-color:var(--sug-orange);background:#fff}.chip-x{width:16px;height:16px;color:var(--sug-orange-text);border-radius:50%;place-items:center;font-size:13px;line-height:1;display:inline-grid}.chip:hover .chip-x{background:var(--sug-orange);color:#fff}.chip-clear-all{color:var(--sug-steel);cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:13px;font-weight:600;text-decoration:underline}.chip-clear-all:hover{color:var(--sug-ink)}.results-bar{border-bottom:1px solid var(--border-strong);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:16px;display:flex}.results-count{color:var(--fg-2);font-size:14px}.results-count b{color:var(--fg-1)}.results-count:lang(th){line-height:1.5}.toolbar-right{align-items:center;gap:10px;display:flex}.sort-select{font-family:var(--font-body);border:1px solid var(--border-strong);border-radius:var(--radius-2);min-height:44px;color:var(--fg-1);cursor:pointer;background:#fff;padding:8px 12px;font-size:16px}.view-toggle{border:1px solid var(--border-strong);border-radius:var(--radius-2);display:flex;overflow:hidden}.view-toggle button{cursor:pointer;color:var(--fg-3);background:#fff;border:none;place-items:center;min-width:44px;min-height:44px;padding:8px 10px;display:grid}.view-toggle button.active{background:var(--sug-ink);color:#fff}.filter-trigger,.facets-scrim,.facets-sheet-head,.facets-sheet-foot{display:none}.xref{background:var(--sug-paper);border:1px solid var(--border-hairline);border-radius:var(--radius-2);align-items:center;gap:8px;margin-bottom:22px;padding:16px;display:flex}.xref .xlabel{color:var(--fg-1);white-space:nowrap;font-size:13px;font-weight:600}.xref .xlabel:lang(th){line-height:1.4}.xref input{border:1px solid var(--border-strong);border-radius:var(--radius-2);font-family:var(--font-mono);flex:1;min-height:44px;padding:9px 12px;font-size:16px}.xref button{background:var(--sug-ink);color:#fff;border-radius:var(--radius-2);cursor:pointer;white-space:nowrap;border:none;padding:9px 16px;font-size:13px;font-weight:600}.result-list{background:var(--border-hairline);border:1px solid var(--border-hairline);border-radius:var(--radius-2);gap:2px;display:grid;overflow:hidden}.result-row{cursor:pointer;transition:background var(--dur-1);background:#fff;grid-template-columns:88px 1fr auto;align-items:center;gap:20px;padding:20px 22px;display:grid}.result-row:hover{background:var(--sug-paper)}.result-thumb{background:var(--sug-paper);border:1px solid var(--border-hairline);border-radius:var(--radius-2);place-items:center;width:88px;height:88px;display:grid;position:relative;overflow:hidden}.result-thumb img{object-fit:contain;padding:10px}.result-thumb.ph{color:var(--fg-3);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:6px;font-size:9px}.result-brand{font-family:var(--font-mono);letter-spacing:.08em;background:var(--sug-ink);color:#fff;border-radius:2px;padding:2px 5px;font-size:8px;font-weight:700;position:absolute;top:5px;left:5px}.result-brand.titan{background:var(--titan-blue)}.result-info h3{color:var(--fg-1);margin:0 0 6px;font-size:17px;font-weight:600;line-height:1.3}.result-info h3:lang(th){line-height:1.4}.result-std{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.std-tag{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--border-hairline);border-radius:var(--radius-1);color:var(--fg-2);text-transform:uppercase;padding:3px 8px;font-size:10px}.result-attrs{color:var(--fg-3);font-size:12px}.result-attrs:lang(th){line-height:1.5}.result-attrs b{color:var(--fg-2);font-weight:600}.result-price{text-align:right;min-width:150px}.price-from{font-family:var(--font-mono);color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.price-val{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg-1);font-size:26px;font-weight:700;line-height:1.1}.price-list-strike{font-family:var(--font-mono);color:var(--fg-3);font-size:12px;text-decoration:line-through}.price-dealer{color:var(--sug-orange-text)}.your-price-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sug-orange-text);background:var(--sug-orange-050);border-radius:2px;margin-top:4px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.price-lock{border:1px dashed var(--border-strong);border-radius:var(--radius-2);background:var(--sug-paper);align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.price-lock .lock-ico{filter:grayscale();opacity:.6;font-size:13px}.price-lock .lock-txt{color:var(--fg-2);font-size:12px;font-weight:600}.price-lock .lock-txt:lang(th){line-height:1.35}.stock-line{justify-content:flex-end;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.stock-dot{background:var(--sug-success);border-radius:50%;width:7px;height:7px}.stock-dot.low{background:var(--sug-warn)}.stock-dot.order{background:var(--sug-steel)}.stock-txt{color:var(--fg-2)}.stock-txt:lang(th){line-height:1.4}.row-cta{font-family:var(--font-mono);color:var(--fg-3);margin-left:8px;font-size:18px}.result-row:hover .row-cta{color:var(--sug-orange)}.login-gate{background:var(--sug-ink);color:#fff;border-radius:var(--radius-2);align-items:center;gap:14px;margin-bottom:22px;padding:14px 18px;display:flex}.login-gate .lg-txt{font-size:14px;line-height:1.5}.login-gate .lg-txt b{color:var(--sug-orange)}.login-gate button{background:var(--sug-orange-text);color:#fff;border-radius:var(--radius-2);cursor:pointer;white-space:nowrap;border:none;margin-left:auto;padding:10px 18px;font-size:13px;font-weight:600}.pdp{grid-template-columns:1fr 1.1fr;align-items:start;gap:56px;max-width:1440px;margin:0 auto;padding:8px 40px 96px;display:grid}.pdp-media{position:sticky;top:132px}.pdp-figure{background:var(--sug-paper);border:1px solid var(--border-hairline);border-radius:var(--radius-2);aspect-ratio:1;place-items:center;display:grid;position:relative;overflow:hidden}.pdp-figure>img{object-fit:contain;padding:15%}.pdp-figure.ph{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);font-size:12px}.pdp-figure .mark{background:#fff;width:56px;padding:5px;position:absolute;bottom:16px;right:16px}.pdp-figure .mark img{width:100%;max-height:none}.pdp-brandtag{font-family:var(--font-mono);letter-spacing:.1em;background:var(--sug-ink);color:#fff;border-radius:2px;padding:5px 10px;font-size:11px;font-weight:700;position:absolute;top:16px;left:16px}.pdp-brandtag.titan{background:var(--titan-blue)}.pdp-thumbs{gap:8px;margin-top:12px;display:flex}.pdp-thumb{border:1px solid var(--border-hairline);border-radius:var(--radius-2);background:var(--sug-paper);cursor:pointer;place-items:center;width:64px;height:64px;display:grid}.pdp-thumb img{max-width:70%;max-height:70%}.pdp-thumb.active{border-color:var(--sug-ink)}.pdp-sku{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.pdp-title{font-family:var(--font-display);letter-spacing:-.015em;margin:8px 0 6px;font-size:36px;font-weight:700;line-height:1.05}.pdp-title:lang(th){font-family:var(--font-thai);font-size:30px;font-weight:700;line-height:1.25}.pdp-sub{font-family:var(--font-display);color:var(--fg-3);letter-spacing:-.01em;margin:0 0 16px;font-size:18px;font-weight:600}.pdp-std{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.pdp-desc{color:var(--fg-2);max-width:60ch;margin:0 0 28px;font-size:15px;line-height:1.7}.config{border:1px solid var(--border-hairline);border-radius:var(--radius-2);overflow:hidden}.config-row{border-bottom:1px solid var(--border-hairline);padding:18px 20px}.config-row:last-child{border-bottom:none}.config-label{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.config-label .k{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);font-size:11px;font-weight:600}.config-label .v{color:var(--fg-1);font-size:14px;font-weight:600}.config-label .v:lang(th){line-height:1.4}.opt-row{flex-wrap:wrap;gap:8px;display:flex}.opt{font-family:var(--font-mono);border:1px solid var(--border-strong);border-radius:var(--radius-2);min-height:44px;color:var(--fg-2);cursor:pointer;transition:all var(--dur-1);background:#fff;padding:9px 14px;font-size:13px}.opt:hover{border-color:var(--sug-ink);color:var(--fg-1)}.opt.active{background:var(--sug-ink);color:#fff;border-color:var(--sug-ink)}.opt.finish-opt{font-family:var(--font-body);font-size:13px}.buybox{background:var(--sug-paper);border:1px solid var(--border-hairline);border-radius:var(--radius-2);margin-top:24px;padding:24px}.buybox-sku{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.04em;margin-bottom:10px;font-size:12px}.buybox-sku b{color:var(--fg-1)}.buybox-price{align-items:flex-end;gap:14px;margin-bottom:4px;display:flex}.bb-now{font-family:var(--font-display);letter-spacing:-.02em;font-size:40px;font-weight:700;line-height:1}.bb-now.dealer{color:var(--sug-orange)}.bb-unit{font-family:var(--font-mono);color:var(--fg-3);margin-bottom:4px;font-size:13px}.bb-list{font-family:var(--font-mono);color:var(--fg-3);font-size:14px;text-decoration:line-through}.bb-save{color:var(--sug-success-text);margin-bottom:16px;font-size:12px;font-weight:600}.bb-save:lang(th){line-height:1.4}.tier-table{border-collapse:collapse;width:100%;margin:16px 0;font-size:13px}.tier-table th,.tier-table td{text-align:right;border-bottom:1px solid var(--border-hairline);font-family:var(--font-mono);padding:8px 10px}.tier-table th{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-size:10px;font-weight:600}.tier-table th:first-child,.tier-table td:first-child{text-align:left}.tier-table tr.active td{color:var(--sug-orange-text);background:var(--sug-orange-050);font-weight:700}.qty-buy{align-items:stretch;gap:10px;margin-top:18px;display:flex}.qty-stepper{border:1px solid var(--border-strong);border-radius:var(--radius-2);background:#fff;align-items:center;display:flex;overflow:hidden}.qty-stepper button{width:44px;min-height:44px;color:var(--fg-2);cursor:pointer;background:#fff;border:none;font-size:18px}.qty-stepper button:hover{background:var(--sug-paper);color:var(--fg-1)}.qty-stepper input{text-align:center;width:72px;min-height:44px;font-family:var(--font-mono);-moz-appearance:textfield;border:none;font-size:16px;font-weight:600}.qty-stepper input::-webkit-outer-spin-button{-webkit-appearance:none}.qty-stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.btn-addcart{background:var(--sug-orange-text);color:#fff;border-radius:var(--radius-2);cursor:pointer;transition:background var(--dur-2);border:none;flex:1;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.btn-addcart:hover{background:var(--sug-orange-text-hover)}.btn-addquote{color:var(--fg-1);border:1px solid var(--border-strong);border-radius:var(--radius-2);cursor:pointer;white-space:nowrap;background:#fff;padding:0 18px;font-size:14px;font-weight:600}.btn-addquote:hover{border-color:var(--sug-ink)}.buy-meta{color:var(--fg-3);flex-wrap:wrap;gap:18px;margin-top:16px;font-size:12px;display:flex}.buy-meta span{align-items:center;gap:6px;display:inline-flex}.buy-meta:lang(th){line-height:1.5}.buybox-locked{background:var(--sug-paper)}.lock-hero{align-items:flex-start;gap:14px;padding:16px 0 20px;display:flex}.lock-hero-ico{filter:grayscale();opacity:.55;font-size:24px}.lock-hero-title{color:var(--fg-1);font-size:17px;font-weight:700}.lock-hero-title:lang(th){line-height:1.35}.lock-hero-sub{color:var(--fg-2);margin-top:4px;font-size:13px;line-height:1.55}.matrix-link{color:var(--sug-blue);border:1px solid var(--sug-blue-200);border-radius:var(--radius-2);transition:all var(--dur-1);background:#fff;align-items:center;gap:6px;margin-top:14px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.matrix-link:hover{border-color:var(--sug-blue);background:var(--sug-paper)}.matrix-link:lang(th){line-height:1.35}.matrix-wrap{grid-template-columns:248px 1fr;align-items:start;gap:40px;max-width:1440px;margin:0 auto;padding:8px 40px 140px;display:grid}.matrix-head{max-width:1440px;margin:0 auto;padding:16px 40px 24px}.matrix-head .mh-sku{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.matrix-head h1{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin:8px 0 6px;font-size:40px;font-weight:800;line-height:1}.matrix-head h1:lang(th){font-family:var(--font-thai);text-transform:none;font-size:32px;font-weight:700;line-height:1.15}.matrix-head .mh-std{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.matrix-head .mh-note{color:var(--fg-2);max-width:70ch;margin:14px 0 0;font-size:14px;line-height:1.6}.matrix-head .mh-note:lang(th){line-height:1.7}.mx-grid-shell{border:1px solid var(--border-hairline);border-radius:var(--radius-2);overflow:hidden}.mx-table{border-collapse:collapse;width:100%}.mx-table th{background:var(--sug-ink);color:#fff;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:left;z-index:5;padding:12px 16px;font-size:10px;font-weight:600;position:sticky;top:116px}.mx-table th.num,.mx-table td.num{text-align:right}.mx-table th.ctr,.mx-table td.ctr{text-align:center}.mx-table td{border-bottom:1px solid var(--border-hairline);vertical-align:middle;padding:12px 16px;font-size:14px}.mx-table tr:last-child td{border-bottom:none}.mx-table tbody tr:hover{background:var(--sug-paper)}.mx-table tbody tr.has-qty{background:var(--sug-orange-050)}.mx-sku{font-family:var(--font-mono);color:var(--fg-2);font-size:12px;font-weight:600}.mx-dim{font-family:var(--font-mono);color:var(--fg-1);font-size:13px;font-weight:600}.mx-stock{color:var(--fg-2);align-items:center;gap:6px;font-size:12px;display:inline-flex}.mx-stock:lang(th){line-height:1.35}.mx-price{font-family:var(--font-mono);color:var(--fg-1);font-size:14px;font-weight:600}.mx-price .mx-list{color:var(--fg-3);font-size:11px;font-weight:400;text-decoration:line-through;display:block}.mx-price.dealer{color:var(--sug-orange-text)}.mx-qty-in{text-align:center;border:1px solid var(--border-strong);border-radius:var(--radius-2);width:84px;font-family:var(--font-mono);-moz-appearance:textfield;padding:8px;font-size:14px;font-weight:600}.mx-qty-in::-webkit-outer-spin-button{-webkit-appearance:none}.mx-qty-in::-webkit-inner-spin-button{-webkit-appearance:none}.mx-qty-in:focus{border-color:var(--sug-orange);outline:none}.mx-line-total{font-family:var(--font-mono);color:var(--fg-1);font-size:14px;font-weight:700}.mx-line-total.zero{color:var(--sug-mist);font-weight:400}.mx-group-row td{background:var(--sug-paper);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);padding:10px 16px;font-size:11px;font-weight:700}.mx-actionbar{background:var(--sug-ink);color:#fff;z-index:50;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0e0f122e}.mx-actionbar-inner{align-items:center;gap:32px;max-width:1440px;margin:0 auto;padding:16px 40px;display:flex}.mx-ab-stat{flex-direction:column;display:flex}.mx-ab-stat .k{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;font-size:10px}.mx-ab-stat .k:lang(th){line-height:1.3}.mx-ab-stat .v{font-family:var(--font-display);letter-spacing:-.01em;font-size:24px;font-weight:700}.mx-ab-stat .v.orange{color:var(--sug-orange-text)}.mx-ab-actions{gap:12px;margin-left:auto;display:flex}.mx-ab-actions .btn-addquote{color:#fff;background:0 0;border-color:#ffffff4d;align-items:center;display:inline-flex}.mx-ab-actions .btn-addquote:hover{border-color:#fff}.mx-ab-add{background:var(--sug-orange);color:#fff;border-radius:var(--radius-2);cursor:pointer;border:none;align-items:center;gap:10px;padding:0 28px;font-size:15px;font-weight:700;display:inline-flex}.mx-ab-add:hover{background:var(--sug-orange-600)}.mx-ab-add:disabled{opacity:.4;cursor:not-allowed}@media (max-width:1080px){.matrix-wrap{grid-template-columns:1fr}.mx-table th{top:0}.mx-actionbar-inner{flex-wrap:wrap;gap:16px;padding:12px 20px}}.branch-stock{margin-top:28px}.branch-stock h2{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin:0 0 12px;font-size:11px;font-weight:600}.branch-grid{background:var(--border-hairline);border:1px solid var(--border-hairline);border-radius:var(--radius-2);gap:1px;display:grid;overflow:hidden}.branch-item{background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.branch-item .bname{color:var(--fg-1);font-size:13px}.branch-item .bname:lang(th){line-height:1.4}.branch-item .bqty{font-family:var(--font-mono);color:var(--sug-success-text);font-size:13px;font-weight:600}.branch-item .bqty.low{color:var(--sug-warn)}.pdp-tabs{border-top:1px solid var(--border-strong);max-width:1440px;margin:64px auto 0;padding:0 40px}@media (max-width:900px){.pdp-tabs{padding:0 24px}}.tabbar{border-bottom:1px solid var(--border-hairline);gap:28px;display:flex}.tabbar button{color:var(--fg-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:18px 0;font-size:14px;font-weight:600}.tabbar button.active{color:var(--sug-orange-text);border-bottom-color:var(--sug-orange)}.tab-panel{padding:32px 0}.spec-grid{grid-template-columns:repeat(2,1fr);gap:0 64px;max-width:900px;display:grid}.spec-row{border-bottom:1px solid var(--border-hairline);justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.spec-row .sk{color:var(--fg-3)}.spec-row .sk:lang(th){line-height:1.4}.spec-row .sv{font-family:var(--font-mono);color:var(--fg-1);font-weight:500}.cert-list{gap:10px;max-width:560px;display:grid}.cert-item{border:1px solid var(--border-hairline);border-radius:var(--radius-2);align-items:center;gap:14px;padding:16px 18px;display:flex}.cert-item .cic{border-radius:var(--radius-1);background:var(--sug-orange-050);width:36px;height:36px;color:var(--sug-orange);place-items:center;font-size:18px;display:grid}.cert-item .cmeta{flex:1}.cert-item .cname{color:var(--fg-1);font-size:14px;font-weight:600}.cert-item .cname:lang(th){line-height:1.4}.cert-item .cinfo{font-family:var(--font-mono);color:var(--fg-3);font-size:11px}.cert-item .cdl{color:var(--sug-orange-text);white-space:nowrap;font-size:13px;font-weight:600}.qo-wrap{max-width:1100px;margin:0 auto;padding:8px 40px 96px}.qo-head{margin-bottom:28px}.qo-head h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;margin:0 0 8px;font-size:40px;font-weight:800}.qo-head h1:lang(th){font-family:var(--font-thai);text-transform:none;font-size:32px;font-weight:700}.qo-head p{color:var(--fg-2);margin:0;font-size:15px;line-height:1.6}.qo-grid{grid-template-columns:1fr 360px;align-items:start;gap:32px;display:grid}.qo-pad{border:1px solid var(--border-hairline);border-radius:var(--radius-2)}.qo-pad-head{background:var(--sug-paper);border-bottom:1px solid var(--border-hairline);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);grid-template-columns:1.4fr 90px 1fr auto;gap:14px;padding:14px 18px;font-size:10px;font-weight:600;display:grid}.qo-line{border-bottom:1px solid var(--border-hairline);grid-template-columns:1.4fr 90px 1fr auto;align-items:center;gap:14px;padding:12px 18px;display:grid}.qo-line input{border:1px solid var(--border-strong);border-radius:var(--radius-2);font-family:var(--font-mono);width:100%;min-height:44px;padding:9px 12px;font-size:16px}.qo-line .qo-resolved{color:var(--fg-1);font-size:13px;line-height:1.35}.qo-line .qo-resolved.empty{color:var(--fg-3);font-style:italic}.qo-line .qo-resolved .rp{font-family:var(--font-mono);color:var(--sug-orange-text);font-weight:600}.qo-del{color:var(--fg-3);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.qo-del:hover{color:var(--sug-danger)}.qo-actions{flex-wrap:wrap;align-items:center;gap:12px;padding:16px 18px;display:flex}.qo-kbd-hint{color:var(--fg-3);margin-left:auto;font-size:12px}.qo-bulk{border:1px dashed var(--border-strong);border-radius:var(--radius-2);margin-top:24px;padding:22px}.qo-bulk h4{margin:0 0 8px;font-size:14px}.qo-bulk p{color:var(--fg-3);margin:0 0 12px;font-size:13px;line-height:1.5}.qo-bulk textarea{border:1px solid var(--border-strong);border-radius:var(--radius-2);width:100%;min-height:90px;font-family:var(--font-mono);resize:vertical;padding:12px;font-size:16px}.cart-wrap{grid-template-columns:1fr 380px;align-items:start;gap:40px;max-width:1280px;margin:0 auto;padding:8px 40px 96px;display:grid}.cart-main h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;margin:0 0 24px;font-size:40px;font-weight:800}.cart-main h1:lang(th){font-family:var(--font-thai);text-transform:none;font-size:32px;font-weight:700}.cart-items{border:1px solid var(--border-hairline);border-radius:var(--radius-2);overflow:hidden}.cart-item{border-bottom:1px solid var(--border-hairline);grid-template-columns:72px 1fr auto auto;align-items:center;gap:18px;padding:18px 20px;display:grid}.cart-item:last-child{border-bottom:none}.ci-thumb{background:var(--sug-paper);border:1px solid var(--border-hairline);border-radius:var(--radius-2);place-items:center;width:72px;height:72px;display:grid;position:relative;overflow:hidden}.ci-thumb img{object-fit:contain;padding:9px}.ci-info .ci-sku{font-family:var(--font-mono);color:var(--fg-3);font-size:11px}.ci-info .ci-name{color:var(--fg-1);margin:2px 0;font-size:15px;font-weight:600;line-height:1.35}.ci-info .ci-attrs{font-family:var(--font-mono);color:var(--fg-2);font-size:11px}.ci-price{text-align:right;font-family:var(--font-mono)}.ci-price .cipu{color:var(--fg-3);font-size:12px}.ci-price .cipt{color:var(--fg-1);font-size:16px;font-weight:700}.steps{border:1px solid var(--border-hairline);border-radius:var(--radius-2);gap:0;margin-bottom:28px;display:flex;overflow:hidden}.step{color:var(--fg-3);border-right:1px solid var(--border-hairline);background:var(--sug-paper);flex:1;align-items:center;gap:10px;padding:14px 18px;font-size:13px;font-weight:600;display:flex}.step.active{color:var(--fg-1);background:#fff}.step.done{color:var(--sug-success-text)}.step .sn{background:var(--border-strong);color:#fff;width:22px;height:22px;font-size:11px;font-weight:700;font-family:var(--font-mono);border-radius:50%;place-items:center;display:grid}.step.active .sn{background:var(--sug-orange)}.step.done .sn{background:var(--sug-success)}.step span:lang(th){line-height:1.3}.pay-opt{border:1px solid var(--border-hairline);border-radius:var(--radius-2);cursor:pointer;transition:border-color var(--dur-1);align-items:flex-start;gap:14px;margin-bottom:10px;padding:18px;display:flex}.pay-opt:hover{border-color:var(--border-strong)}.pay-opt.active{border-color:var(--sug-orange);background:var(--sug-orange-050)}.pay-radio{border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-top:2px;position:relative}.pay-opt.active .pay-radio{border-color:var(--sug-orange)}.pay-opt.active .pay-radio:after{content:"";background:var(--sug-orange);border-radius:50%;position:absolute;inset:3px}.pay-body{flex:1}.pay-name{color:var(--fg-1);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.pay-name:lang(th){line-height:1.4}.pay-desc{color:var(--fg-3);margin-top:4px;font-size:13px;line-height:1.5}.pay-badge{font-family:var(--font-mono);letter-spacing:.04em;background:var(--sug-blue);color:#fff;text-transform:uppercase;border-radius:2px;padding:2px 7px;font-size:10px;font-weight:700}.pay-badge.green{background:var(--sug-success)}.promptpay-qr{border:1px solid var(--border-hairline);border-radius:var(--radius-2);background:#fff;align-items:center;gap:20px;margin-top:14px;padding:20px;display:flex}.qr-box{border:1px solid var(--border-hairline);border-radius:var(--radius-1);background:#fff;flex-shrink:0;place-items:center;width:120px;height:120px;display:grid}.summary{border:1px solid var(--border-hairline);border-radius:var(--radius-2);position:sticky;top:132px;overflow:hidden}.summary-head{border-bottom:1px solid var(--border-hairline);padding:20px}.summary-head h3{margin:0;font-size:18px;font-weight:700}.summary-head h3:lang(th){line-height:1.3}.summary-body{padding:20px}.sum-line{color:var(--fg-2);justify-content:space-between;padding:7px 0;font-size:14px;display:flex}.sum-line.total{border-top:1px solid var(--border-hairline);color:var(--fg-1);margin-top:8px;padding-top:14px;font-size:20px;font-weight:700}.sum-line .v{font-family:var(--font-mono)}.sum-line.save{color:var(--sug-success-text)}.btn-checkout{background:var(--sug-orange-text);color:#fff;border-radius:var(--radius-2);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:16px;padding:16px;font-size:15px;font-weight:700;display:flex}.btn-checkout:hover{background:var(--sug-orange-text-hover)}.summary-trust{background:var(--sug-paper);color:var(--fg-3);gap:8px;padding:16px 20px;font-size:12px;display:grid}.summary-trust div{align-items:center;gap:8px;line-height:1.4;display:flex}.acct-wrap{grid-template-columns:240px 1fr;align-items:start;gap:40px;max-width:1440px;margin:0 auto;padding:8px 40px 96px;display:grid}.acct-side{border:1px solid var(--border-hairline);border-radius:var(--radius-2);position:sticky;top:132px;overflow:hidden}.acct-side-head{background:var(--sug-ink);color:#fff;padding:20px}.acct-side-head .asc{font-size:16px;font-weight:700;line-height:1.3}.acct-side-head .ascode{font-family:var(--font-mono);color:#fff9;margin-top:4px;font-size:11px}.acct-side-head .astier{font-family:var(--font-mono);letter-spacing:.08em;background:var(--sug-gold);color:var(--sug-ink);border-radius:2px;margin-top:10px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.acct-nav{display:grid}.acct-nav a{color:var(--fg-2);border-bottom:1px solid var(--border-hairline);align-items:center;gap:10px;padding:13px 20px;font-size:14px;display:flex}.acct-nav a:last-child{border-bottom:none}.acct-nav a:hover{background:var(--sug-paper);color:var(--fg-1)}.acct-nav a.active{color:var(--sug-orange-text);box-shadow:inset 3px 0 0 var(--sug-orange);font-weight:600}.acct-nav a:lang(th){line-height:1.35}.acct-main h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;margin:0 0 24px;font-size:36px;font-weight:800}.acct-main h1:lang(th){font-family:var(--font-thai);text-transform:none;font-size:30px;font-weight:700}.stat-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{border:1px solid var(--border-hairline);border-radius:var(--radius-2);padding:20px}.stat-card .scl{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-size:11px}.stat-card .scl:lang(th){line-height:1.4}.stat-card .scv{font-family:var(--font-display);letter-spacing:-.01em;margin-top:8px;font-size:32px;font-weight:700}.stat-card .scsub{color:var(--fg-3);margin-top:4px;font-size:12px}.credit-bar{background:var(--sug-fog);border-radius:999px;height:8px;margin-top:12px;overflow:hidden}.credit-bar .fill{background:var(--sug-orange);border-radius:999px;height:100%}.acct-section{margin-bottom:36px}.acct-section h2{justify-content:space-between;align-items:center;margin:0 0 16px;font-size:18px;font-weight:700;display:flex}.acct-section h2:lang(th){line-height:1.3}.acct-section h2 a{color:var(--sug-orange-text);font-size:13px;font-weight:600}.order-table{border-collapse:collapse;border:1px solid var(--border-hairline);border-radius:var(--radius-2);width:100%;overflow:hidden}.order-table th{text-align:left;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);background:var(--sug-paper);border-bottom:1px solid var(--border-hairline);padding:12px 16px;font-size:10px;font-weight:600}.order-table td{border-bottom:1px solid var(--border-hairline);color:var(--fg-1);padding:14px 16px;font-size:14px}.order-table tr:last-child td{border-bottom:none}.order-table td:lang(th){line-height:1.4}.order-table .onum{font-family:var(--font-mono);font-weight:600}.order-table .oamt{font-family:var(--font-mono);text-align:right}.ostatus{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.ostatus.shipped{color:var(--sug-success);background:#e4f1e8}.ostatus.processing{color:#8a5f10;background:#fbf0d8}.ostatus.delivered{background:var(--sug-fog);color:var(--fg-2)}.btn-reorder{border:1px solid var(--border-strong);border-radius:var(--radius-1);cursor:pointer;color:var(--fg-1);background:#fff;padding:6px 12px;font-size:12px;font-weight:600}.btn-reorder:hover{border-color:var(--sug-ink)}.bom-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.bom-card{border:1px solid var(--border-hairline);border-radius:var(--radius-2);padding:18px}.bom-card .bomname{margin-bottom:4px;font-size:15px;font-weight:600}.bom-card .bomname:lang(th){line-height:1.4}.bom-card .bommeta{font-family:var(--font-mono);color:var(--fg-3);margin-bottom:14px;font-size:11px}.bom-card .bomcta{gap:8px;display:flex}.toast{background:var(--sug-ink);color:#fff;border-radius:var(--radius-2);box-shadow:var(--shadow-3);opacity:0;pointer-events:none;transition:all var(--dur-3) var(--ease-standard);z-index:2000;align-items:center;gap:12px;padding:14px 22px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast .tcheck{color:var(--sug-success);font-size:18px}.toast a{color:var(--sug-orange);font-weight:600}.empty-state{text-align:center;padding:80px 20px}.empty-state .es-ico{color:var(--sug-mist);margin-bottom:16px;font-size:48px}.empty-state h3{margin:0 0 8px;font-size:20px}.empty-state p{color:var(--fg-3);margin:0 0 20px}.modal-scrim{z-index:1500;background:#0e0f1299;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-3);width:100%;max-width:420px;box-shadow:var(--shadow-3);background:#fff;overflow:hidden}.modal-head{padding:28px 28px 0}.modal-head img{height:34px;margin-bottom:18px}.modal-head h3{margin:0 0 6px;font-size:22px;font-weight:700}.modal-head h3:lang(th){line-height:1.3}.modal-head p{color:var(--fg-3);margin:0;font-size:14px;line-height:1.5}.modal-body{gap:14px;padding:24px 28px 28px;display:grid}.modal-body label{color:var(--fg-2);gap:6px;font-size:12px;font-weight:600;display:grid}.modal-body input{border:1px solid var(--border-strong);border-radius:var(--radius-2);font-size:16px;font-family:var(--font-body);padding:11px 14px}.modal-body .btn-login{background:var(--sug-orange);color:#fff;border-radius:var(--radius-2);cursor:pointer;border:none;margin-top:4px;padding:13px;font-size:15px;font-weight:600}.modal-body .demo-hint{color:var(--fg-3);text-align:center;font-size:12px;line-height:1.5}.modal-close{color:var(--fg-3);cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:16px;right:16px}@media (max-width:1080px){.catalog-wrap,.pdp,.cart-wrap,.acct-wrap,.qo-grid{grid-template-columns:1fr}.facets,.pdp-media,.summary,.acct-side{position:static}.spec-grid,.stat-cards,.bom-grid{grid-template-columns:1fr}}@media (max-width:760px){.results-bar{z-index:var(--z-sticky);background:var(--sug-white,#fff);flex-wrap:wrap;margin-bottom:14px;padding:10px 0 12px;position:sticky;top:56px}.filter-trigger{border:1px solid var(--border-strong);border-radius:var(--radius-2);min-height:44px;color:var(--fg-1);font-family:var(--font-body);cursor:pointer;background:#fff;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.filter-trigger .ft-count{background:var(--sug-orange);color:#fff;min-width:20px;height:20px;font-family:var(--font-mono);border-radius:999px;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.facets-scrim{z-index:var(--z-drawer);opacity:0;visibility:hidden;transition:opacity var(--dur-3) var(--ease-standard), visibility var(--dur-3);background:#08091e80;display:block;position:fixed;inset:0}.facets-scrim.open{opacity:1;visibility:visible}.facets{z-index:calc(var(--z-drawer) + 1);max-height:82vh;transition:transform var(--dur-4) var(--ease-standard);background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;gap:0;padding:0 20px 20px;display:block;position:fixed;inset:auto 0 0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -16px 48px #00000047}.facets.sheet-open{transform:translateY(0)}.facets-sheet-head{z-index:1;border-bottom:1px solid var(--border-hairline);background:#fff;justify-content:space-between;align-items:center;margin-bottom:4px;padding:16px 0 12px;display:flex;position:sticky;top:0}.facets-sheet-head .fsh-title{color:var(--fg-1);font-size:17px;font-weight:700}.facets-sheet-head .fsh-close{min-width:44px;min-height:44px;color:var(--fg-2);cursor:pointer;background:0 0;border:none;place-items:center;margin-right:-10px;display:grid}.facets-sheet-foot{z-index:2;border-top:1px solid var(--border-hairline);background:#fff;margin-top:8px;padding:12px 0 4px;display:block;position:sticky;bottom:0}.facets-sheet-foot .fsf-apply{background:var(--sug-orange);color:#fff;border-radius:var(--radius-2);cursor:pointer;border:none;width:100%;min-height:48px;font-size:15px;font-weight:700}.facets-sheet-foot .fsf-apply:hover{background:var(--sug-orange-600)}.facet-opt{min-height:44px;padding:8px 0}.facet-clear,.facet-more,.chip{min-height:44px}.chip-clear-all{align-items:center;min-height:44px;display:inline-flex}.cs-clear{width:44px;height:44px}}.unit-toggle{border:1px solid var(--border-strong);border-radius:var(--radius-2);background:#fff;margin-top:18px;display:inline-flex;overflow:hidden}.unit-btn{border:none;border-right:1px solid var(--border-hairline);min-height:44px;color:var(--fg-3);cursor:pointer;transition:background var(--dur-1), color var(--dur-1);background:#fff;padding:9px 20px;font-size:14px;font-weight:600}.unit-btn:last-child{border-right:none}.unit-btn:hover{color:var(--fg-1)}.unit-btn.active{background:var(--sug-ink);color:#fff}.unit-convert{color:var(--fg-2);margin-top:10px;font-size:13px}.unit-convert b{color:var(--fg-1);font-family:var(--font-mono)}.unit-convert .uc-pcs{color:var(--sug-orange-text)}.xsell{max-width:1440px;margin:0 auto;padding:8px 40px 96px}.xsell-head h2{font-family:var(--font-display);color:var(--fg-1);letter-spacing:-.01em;margin:0 0 6px;font-size:26px;font-weight:700}.xsell-head h2:lang(th){font-size:24px;line-height:1.35}.xsell-head p{color:var(--fg-3);max-width:60ch;margin:0 0 24px;font-size:14px;line-height:1.5}.xsell-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.xsell-card{border:1px solid var(--border-hairline);border-radius:var(--radius-2);transition:border-color var(--dur-1), box-shadow var(--dur-1);background:#fff;flex-direction:column;gap:10px;padding:14px;display:flex}.xsell-card:hover{border-color:var(--border-strong);box-shadow:0 6px 20px #0000000f}.xsell-thumb{aspect-ratio:1;background:var(--sug-paper);border:1px solid var(--border-hairline);border-radius:var(--radius-1);place-items:center;display:grid;position:relative;overflow:hidden}.xsell-thumb img{object-fit:contain;padding:14%}.xsell-thumb.ph{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);font-size:9px}.xsell-name{color:var(--fg-1);min-height:2.6em;font-size:14px;font-weight:600;line-height:1.4}.xsell-name:hover{color:var(--sug-orange-text)}.xsell-std{font-family:var(--font-mono);color:var(--fg-3);margin-top:-4px;font-size:11px}.xsell-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.xsell-price{font-family:var(--font-mono);color:var(--sug-orange-text);font-size:14px;font-weight:700}.xsell-lock{color:var(--fg-3);font-size:11px;font-weight:600}.xsell-add{background:var(--sug-paper);border:1px solid var(--border-strong);border-radius:var(--radius-1);color:var(--fg-1);cursor:pointer;white-space:nowrap;transition:background var(--dur-1), border-color var(--dur-1);padding:7px 12px;font-size:12px;font-weight:700}.xsell-add:hover{background:var(--sug-orange);color:#fff;border-color:var(--sug-orange)}.reorder-banner{background:var(--sug-blue-050,#eef0fb);border:1px solid var(--sug-blue-200,#c7cdf0);border-radius:var(--radius-2);align-items:center;gap:16px;margin-bottom:20px;padding:16px 18px;display:flex}.reorder-banner .rb-ico{background:var(--sug-blue);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.reorder-banner .rb-body{flex:1;min-width:0}.reorder-banner .rb-title{color:var(--fg-1);font-size:14.5px;font-weight:700}.reorder-banner .rb-title:lang(th){line-height:1.45}.reorder-banner .rb-sub{color:var(--fg-3);font-size:12.5px;font-family:var(--font-mono);margin-top:2px}.reorder-banner .rb-btn{background:var(--sug-blue);color:#fff;border-radius:var(--radius-2);cursor:pointer;border:none;flex:none;align-items:center;gap:8px;padding:11px 18px;font-size:13.5px;font-weight:600;display:inline-flex}.reorder-banner .rb-btn:hover{background:#14154f}.reorder-banner .rb-btn .arr{font-family:var(--font-mono)}.ci-unit{font-family:var(--font-mono);color:var(--sug-blue);margin-top:4px;font-size:12px;font-weight:600}.credit-box{background:var(--sug-paper);border:1px solid var(--border-hairline);border-radius:var(--radius-2);margin-top:14px;padding:14px 16px}.credit-row{align-items:flex-start;gap:12px;display:flex}.credit-row .credit-ico{font-size:18px;line-height:1.2}.credit-term{color:var(--fg-1);font-size:13.5px;font-weight:700}.credit-term:lang(th){line-height:1.4}.credit-due{color:var(--fg-2);margin-top:2px;font-size:12.5px}.credit-due b{color:var(--sug-blue);font-family:var(--font-mono)}.credit-avail{border-top:1px dashed var(--border-hairline);color:var(--fg-2);margin-top:10px;padding-top:10px;font-size:12.5px}.credit-avail b{color:var(--sug-success);font-family:var(--font-mono)}@media (max-width:760px){.xsell-grid{grid-template-columns:repeat(2,1fr)}.reorder-banner{flex-wrap:wrap}.reorder-banner .rb-btn{justify-content:center;width:100%}}.shop-hero{color:#fff;background:linear-gradient(160deg,#2b2c91 0%,#14154f 100%);position:relative;overflow:hidden}.shop-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ef5a1c3d 0%,#0000 70%);width:520px;height:520px;position:absolute;top:-180px;right:-120px}.shop-hero-inner{z-index:1;max-width:1440px;margin:0 auto;padding:56px 40px 60px;position:relative}.shop-hero h1{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:0 0 12px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.shop-hero h1:lang(th){font-family:var(--font-thai);font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.3}.shop-hero-sub{color:#ffffffd1;max-width:60ch;margin:0 0 28px;font-size:16px;line-height:1.65}.shop-search{border-radius:var(--radius-2);background:#fff;align-items:center;gap:0;max-width:760px;padding:6px 6px 6px 18px;display:flex;box-shadow:0 16px 40px #00000047}.shop-search .ss-ico{color:var(--fg-3);flex:none;font-size:20px}.shop-search input{font-size:15px;font-family:var(--font-body);color:var(--fg-1);border:none;outline:none;flex:1;min-width:0;padding:14px}.shop-search input::placeholder{color:var(--sug-mist)}.shop-search button{background:var(--sug-orange);color:#fff;border-radius:var(--radius-1);cursor:pointer;border:none;flex:none;padding:13px 26px;font-size:15px;font-weight:700}.shop-search button:hover{background:var(--sug-orange-600)}.shop-quick{flex-wrap:wrap;align-items:center;gap:22px;margin-top:20px;font-size:14px;display:flex}.shop-quick .sq-label{color:#fff9;font-family:var(--font-mono);letter-spacing:.04em;font-size:12px}.shop-quick a{color:#fff;font-weight:600}.shop-quick a:hover{color:var(--sug-orange)}.shop-section{max-width:1440px;margin:0 auto;padding:56px 40px 0}.shop-section:last-child{padding-bottom:96px}.shop-sec-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.shop-sec-head h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg-1);margin:0;font-size:28px;font-weight:700}.shop-sec-head h2:lang(th){font-family:var(--font-thai)}.shop-sec-link{color:var(--sug-blue);white-space:nowrap;font-size:14px;font-weight:600}.shop-sec-link:hover{color:var(--sug-orange-text)}.path-b{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pb-card{background:var(--sug-paper);border:1px solid var(--border-hairline);border-radius:var(--radius-2);align-items:center;gap:18px;padding:24px;display:flex}.pb-card .pb-ico{border-radius:var(--radius-2);border:1px solid var(--border-hairline);width:48px;height:48px;color:var(--sug-blue);background:#fff;flex:none;place-items:center;font-size:22px;display:grid}.pb-card .pb-text{flex:1;min-width:0}.pb-card .pb-text h3{color:var(--fg-1);margin:0 0 5px;font-size:17px;font-weight:700}.pb-card .pb-text h3:lang(th){line-height:1.35}.pb-card .pb-text p{color:var(--fg-3);margin:0;font-size:13.5px;line-height:1.55}.pb-card .pb-btn{border:1px solid var(--border-strong);border-radius:var(--radius-2);color:var(--fg-1);white-space:nowrap;background:#fff;flex:none;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex}.pb-card .pb-btn:hover{border-color:var(--sug-ink)}.pb-card .pb-btn .arr{font-family:var(--font-mono)}.job-banner{background:var(--sug-paper);border:1px solid var(--border-hairline);border-left:3px solid var(--sug-orange);border-radius:var(--radius-2);justify-content:space-between;align-items:flex-start;gap:20px;margin-top:14px;padding:18px 22px;display:flex}.job-banner .jb-kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sug-orange-text);font-size:11px;font-weight:700}.job-banner .jb-blurb{color:var(--fg-2);max-width:64ch;margin:8px 0 10px;font-size:15px;line-height:1.55}.job-banner .jb-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.job-banner .jb-tag{color:var(--fg-1);font-size:13px;font-weight:600}.job-banner .jb-std{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.04em;font-size:11px}.job-banner .jb-clear{color:var(--sug-blue);white-space:nowrap;flex:none;font-size:13px;font-weight:600}.job-banner .jb-clear:hover{color:var(--sug-orange)}@media (max-width:760px){.path-b{grid-template-columns:1fr}.pb-card,.shop-search{flex-wrap:wrap}.job-banner{flex-direction:column}}.auth-shell{background:var(--sug-white);grid-template-columns:460px 1fr;min-height:100vh;display:grid}.auth-aside{color:#fff;background:linear-gradient(160deg,#2b2c91 0%,#14154f 100%);flex-direction:column;padding:48px 48px 40px;display:flex;position:relative;overflow:hidden}.auth-aside:before{content:"";pointer-events:none;background:radial-gradient(circle,#ef5a1c42 0%,#0000 70%);width:440px;height:440px;position:absolute;top:-160px;right:-140px}.auth-aside>*{z-index:1;position:relative}.auth-logo{background:#fff;border-radius:10px;align-self:flex-start;width:auto;height:52px;padding:10px 13px;box-shadow:0 10px 28px #00000038}.auth-aside-head{margin-top:56px}.auth-kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sug-orange);font-size:12px}.auth-kicker:lang(th){letter-spacing:.06em}.auth-aside h1{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:14px 0;font-size:40px;font-weight:800;line-height:1.06}.auth-aside h1:lang(th){font-family:var(--font-thai);letter-spacing:0;font-size:32px;font-weight:700;line-height:1.3}.auth-aside .auth-sub{color:#ffffffc7;max-width:34ch;margin:0;font-size:16px;line-height:1.7}.auth-benefits{border-top:1px solid #ffffff29;gap:0;margin:44px 0 0;padding:0;list-style:none;display:grid}.auth-benefits li{color:#ffffffe6;border-bottom:1px solid #ffffff1f;align-items:flex-start;gap:14px;padding:18px 0;font-size:15px;line-height:1.5;display:flex}.auth-benefits li:lang(th){font-size:15px;line-height:1.6}.auth-benefits .bi{width:22px;height:22px;color:var(--sug-orange);background:#ef5a1c2e;border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:12px;display:grid}.auth-aside-foot{font-family:var(--font-mono);letter-spacing:.06em;color:#ffffff73;margin-top:auto;padding-top:36px;font-size:11px}.auth-main{flex-direction:column;display:flex}.auth-topbar{justify-content:space-between;align-items:center;padding:22px 40px;display:flex}.auth-back{font-family:var(--font-mono);color:var(--fg-3);align-items:center;gap:8px;font-size:13px;display:inline-flex}.auth-back:hover{color:var(--sug-orange)}.auth-langs{font-family:var(--font-mono);align-items:center;gap:10px;font-size:12px;display:flex}.auth-langs button{cursor:pointer;color:var(--fg-3);font:inherit;background:0 0;border:none;padding:2px 4px}.auth-langs button.on{color:var(--sug-blue);font-weight:700}.auth-langs .div{color:var(--sug-mist)}.auth-body{flex:1;justify-content:center;align-items:flex-start;padding:24px 40px 64px;display:flex}.auth-card{width:100%;max-width:440px}.auth-card.wide{max-width:760px}.auth-card h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg-1);margin:0 0 8px;font-size:34px;font-weight:700}.auth-card h2:lang(th){font-family:var(--font-thai);font-size:28px;font-weight:700;line-height:1.3}.auth-card .lead{color:var(--fg-3);margin:0 0 32px;font-size:15px;line-height:1.6}.auth-form{gap:18px;display:grid}.fld{gap:7px;display:grid}.fld>label{color:var(--fg-2);font-size:12.5px;font-weight:600}.fld>label .req{color:var(--sug-orange);margin-left:3px}.fld input,.fld select,.fld textarea{border:1px solid var(--border-strong);border-radius:var(--radius-2);font-size:14.5px;font-family:var(--font-body);color:var(--fg-1);background:#fff;width:100%;padding:12px 14px}.fld input::placeholder{color:var(--sug-mist)}.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--sug-blue);outline:none;box-shadow:0 0 0 3px #2b2c911f}.fld .hint{font-family:var(--font-mono);color:var(--fg-3);font-size:11px}.auth-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.remember{color:var(--fg-2);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-size:13.5px;display:flex}.remember input{width:16px;height:16px;accent-color:var(--sug-orange)}.link-orange{color:var(--sug-orange-text);font-size:13.5px;font-weight:600}.link-orange:hover{color:var(--sug-orange-text)}.btn-auth{background:var(--sug-orange-text);color:#fff;border-radius:var(--radius-2);cursor:pointer;transition:background var(--dur-2);border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px;font-size:16px;font-weight:600;display:inline-flex}.btn-auth:hover{background:var(--sug-orange-text-hover)}.btn-auth .arr{font-family:var(--font-mono)}.auth-alt{text-align:center;color:var(--fg-3);margin:26px 0 0;font-size:14px}.auth-alt a{color:var(--sug-blue);font-weight:600}.auth-alt a:hover{color:var(--sug-orange)}.auth-note{background:var(--sug-paper);border-radius:var(--radius-2);border-left:2px solid var(--sug-mist);color:var(--fg-2);margin-top:26px;padding:16px 18px;font-size:13px;line-height:1.65}.auth-note:lang(th){line-height:1.75}.auth-divider{color:var(--fg-3);font-family:var(--font-mono);letter-spacing:.1em;align-items:center;gap:14px;margin:24px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-hairline);flex:1;height:1px}.steps{border:1px solid var(--border-hairline);border-radius:var(--radius-2);gap:0;margin:0 0 36px;display:flex;overflow:hidden}.step{border-right:1px solid var(--border-hairline);background:#fff;flex:1;align-items:center;gap:12px;padding:16px 18px;display:flex}.step:last-child{border-right:none}.step-n{background:var(--sug-paper);width:26px;height:26px;color:var(--fg-3);font-family:var(--font-mono);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.step.active .step-n{background:var(--sug-orange);color:#fff}.step-t{color:var(--fg-2);font-size:12.5px;line-height:1.4}.step.active .step-t{color:var(--fg-1);font-weight:600}.form-group{margin-bottom:30px}.fg-title{align-items:center;gap:12px;margin:0 0 18px;display:flex}.fg-title .fg-no{font-family:var(--font-mono);color:var(--sug-orange-text);font-size:12px;font-weight:700}.fg-title .fg-name{color:var(--fg-1);white-space:nowrap;font-size:16px;font-weight:700}.fg-title .fg-rule{background:var(--border-hairline);flex:1;height:1px}.fld-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.fld.col-2{grid-column:span 2}.file-drop{box-sizing:border-box;border:1px dashed var(--border-strong);border-radius:var(--radius-2);text-align:center;background:var(--sug-paper);cursor:pointer;width:100%;transition:border-color var(--dur-2), background var(--dur-2);padding:28px 22px;display:block}.file-drop:hover{border-color:var(--sug-orange);background:var(--sug-orange-050)}.file-drop .fd-ico{color:var(--sug-steel);font-size:22px}.file-drop .fd-t{color:var(--fg-1);margin-top:6px;font-size:14px;font-weight:600}.file-drop .fd-s{color:var(--fg-3);margin-top:3px;font-size:12px}.file-drop input{display:none}.auth-success{text-align:center;max-width:520px;margin:0 auto;padding:40px 0}.auth-success .as-check{background:var(--sug-orange);color:#fff;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 28px;font-size:34px;display:grid}.auth-success h2{font-family:var(--font-thai);color:var(--fg-1);margin:0 0 14px;font-size:28px;font-weight:700}.auth-success p{color:var(--fg-2);max-width:40ch;margin:0 auto 28px;font-size:16px;line-height:1.7}.auth-success .as-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-ghost-ink{color:var(--fg-1);border:1px solid var(--border-strong);border-radius:var(--radius-2);background:0 0;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn-ghost-ink:hover{border-color:var(--sug-ink)}.pending-banner{background:var(--sug-orange-050);border:1px solid var(--sug-orange-200);border-radius:var(--radius-2);align-items:flex-start;gap:16px;max-width:1440px;margin:0 auto;padding:20px 24px;display:flex}.pending-banner .pb-ico{background:var(--sug-orange);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.pending-banner .pb-t{color:var(--fg-1);font-size:15px;font-weight:700}.pending-banner .pb-s{color:var(--fg-2);margin-top:3px;font-size:13.5px;line-height:1.6}@media (max-width:880px){.auth-shell{grid-template-columns:1fr}.auth-aside{padding:36px 28px}.auth-aside-head{margin-top:32px}.auth-benefits{margin-top:28px}.auth-aside-foot{display:none}.fld-grid{grid-template-columns:1fr}.fld.col-2{grid-column:auto}.steps{flex-direction:column}.step{border-right:none;border-bottom:1px solid var(--border-hairline)}.step:last-child{border-bottom:none}}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:40px;margin-bottom:24px;display:flex}.pagination-btn{border:1px solid var(--border-strong);color:var(--fg-2);border-radius:var(--radius-2);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;align-items:center;gap:6px;min-height:44px;padding:10px 18px;font-size:14.5px;font-weight:600;transition:all .18s;display:inline-flex}.pagination-btn:hover:not(:disabled){border-color:var(--sug-orange);color:var(--sug-orange);background:var(--sug-paper)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-num{border-radius:var(--radius-2);border:1px solid var(--border-strong);width:44px;height:44px;color:var(--fg-2);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:center;align-items:center;font-size:14.5px;font-weight:600;transition:all .18s;display:flex}.pagination-num:hover{border-color:var(--sug-orange);color:var(--sug-orange);background:var(--sug-paper)}.pagination-num.active{background:var(--sug-orange);border-color:var(--sug-orange);color:#fff}.pagination-ellipsis{width:42px;height:42px;color:var(--fg-3);justify-content:center;align-items:center;font-size:14.5px;font-weight:600;display:flex}.pagination-info{text-align:center;color:var(--fg-3);font-size:13.5px;font-family:var(--font-mono);letter-spacing:.02em;margin-top:12px}.ci-price .cipl{color:var(--fg-3);margin-right:6px;font-size:11px;text-decoration:line-through}.ci-quotewait{font-family:var(--font-body);color:var(--fg-3);max-width:14ch;font-size:12.5px;line-height:1.45}.ci-break-hint{color:var(--sug-orange-text);margin-top:var(--sp-1);font-size:12px;font-weight:600;line-height:1.4}.ci-name a{color:inherit}.ci-name a:hover{color:var(--sug-orange-text)}.cart-form{margin-top:var(--sp-5);padding:var(--sp-5);border:1px solid var(--border-hairline);border-radius:var(--radius-2);gap:var(--sp-4);display:grid}.cart-form .cf-grid{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.cart-form label{color:var(--fg-2);gap:6px;font-size:12px;font-weight:600;display:grid}.cart-form label:lang(th){line-height:1.4}.cart-form input,.cart-form textarea{border:1px solid var(--border-strong);border-radius:var(--radius-2);font-size:16px;font-family:var(--font-body);color:var(--fg-1);resize:vertical;padding:11px 14px}.cart-form input:focus,.cart-form textarea:focus{outline:2px solid var(--sug-orange);outline-offset:-1px}.cart-form .cf-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-size:11px}.cart-form .cf-hint{color:var(--fg-3);margin:0;font-size:12px;line-height:1.5}.truck-chips{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.truck-chip{border:1px solid var(--border-hairline);border-radius:var(--radius-2);cursor:pointer;text-align:left;color:var(--fg-2);font-family:var(--font-body);transition:border-color var(--dur-1);background:#fff;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.truck-chip:hover{border-color:var(--border-strong)}.truck-chip.active{border-color:var(--sug-orange);background:var(--sug-orange-050);color:var(--fg-1)}.truck-chip svg{flex:none;margin-top:2px}.truck-chip b{font-size:13px;font-weight:600;display:block}.truck-chip small{color:var(--fg-3);margin-top:2px;font-size:11.5px;line-height:1.4;display:block}.btn-cart-ghost{width:100%;margin-top:var(--sp-2);color:var(--fg-1);border:1px solid var(--border-strong);border-radius:var(--radius-2);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-body);background:#fff;justify-content:center;align-items:center;gap:8px;padding:13px;display:inline-flex}.btn-cart-ghost:hover{border-color:var(--sug-ink)}.btn-checkout:disabled,.btn-cart-ghost:disabled{opacity:.6;cursor:default}.cf-error{margin-top:var(--sp-3);border:1px solid var(--sug-danger,#c43b2a);border-radius:var(--radius-2);color:var(--sug-danger,#c43b2a);padding:10px 12px;font-size:13px;line-height:1.5}.cf-quote-note{color:var(--fg-3);margin:var(--sp-2) 0 0;text-align:center;font-size:11px;line-height:1.5}.cart-confirm{min-height:60vh}.confirm-ref{margin:0 auto var(--sp-4);font-family:var(--font-mono);letter-spacing:.04em;color:var(--sug-blue);border:1px dashed var(--sug-blue-200);border-radius:var(--radius-2);background:var(--sug-paper);padding:8px 16px;font-size:18px;font-weight:700;display:inline-block}.qd-item-price{font-family:var(--font-mono);color:var(--fg-2);margin-top:4px;font-size:12px}.qd-item-price b{color:var(--fg-1)}.qd-price-wait{font-family:var(--font-body);color:var(--fg-3)}.qd-subtotal{color:var(--fg-2);padding-bottom:var(--sp-1);justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.qd-subtotal b{font-family:var(--font-mono);color:var(--fg-1);font-size:16px}.qd-quote-link{text-align:center;border:1px solid var(--border-strong);border-radius:var(--radius-2);color:var(--fg-1);padding:12px;font-size:13.5px;font-weight:600;display:block}.qd-quote-link:hover{border-color:var(--sug-ink)}@media (max-width:760px){.cart-form .cf-grid,.truck-chips{grid-template-columns:1fr}}.facet-more{font-family:var(--font-mono);letter-spacing:.04em;color:var(--sug-orange-text);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:4px 0;font-size:11px;font-weight:600}.facet-more:hover{color:var(--sug-orange-text)}.result-list.dense{gap:1px}.result-row.dense{grid-template-columns:minmax(0,2.4fr) minmax(0,1.3fr) 56px minmax(0,1fr) minmax(96px,auto) minmax(120px,auto);align-items:center;gap:14px;min-height:48px;padding:0 16px}.result-row.dense .dense-name{color:var(--fg-1);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13.5px;font-weight:600;line-height:1.3;overflow:hidden}.result-row.dense .dense-std{flex-wrap:nowrap;gap:4px;display:flex;overflow:hidden}.result-row.dense .dense-std .std-tag{white-space:nowrap;padding:2px 6px;font-size:9px}.result-row.dense .dense-brand{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-2);text-transform:uppercase;font-size:10px;font-weight:700}.result-row.dense .dense-attr{color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.result-row.dense .dense-attr:lang(th){line-height:1.4}.result-row.dense .dense-price{text-align:right;font-size:13px}.result-row.dense .dense-price .price-val{font-size:15px}.result-row.dense .dense-lock{color:var(--fg-3);align-items:center;gap:4px;font-size:10.5px;font-weight:600;display:inline-flex}.result-row.dense .dense-lock .lock-ico{opacity:.6}.result-row.dense .dense-stock{justify-content:flex-end;align-items:center;gap:6px;font-size:11px;display:flex}.result-row.dense .dense-stock .stock-txt{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:760px){.result-row.dense{grid-template-columns:minmax(0,1.6fr) minmax(90px,auto) minmax(96px,auto);gap:10px}.result-row.dense .dense-std,.result-row.dense .dense-brand,.result-row.dense .dense-attr{display:none}}.qo-login-banner{justify-content:flex-start}.qo-login-banner .qo-login-link{background:var(--sug-orange-text);color:#fff;border-radius:var(--radius-2);white-space:nowrap;margin-left:auto;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none}.qo-login-banner .qo-login-link:hover{background:var(--sug-orange-text-hover)}.qo-sku-cell{position:relative}.qo-sku-input,.qo-qty-input{border:1px solid var(--border-strong);border-radius:var(--radius-2);font-family:var(--font-mono);background:#fff;width:100%;padding:9px 12px;font-size:13px}.qo-sku-input:focus,.qo-qty-input:focus{outline:2px solid var(--sug-orange);outline-offset:-1px;border-color:var(--sug-orange)}.qo-dropdown{z-index:40;border:1px solid var(--border-strong);border-radius:var(--radius-2);box-shadow:var(--shadow-3);background:#fff;max-height:320px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.qo-dropdown-item{border-radius:var(--radius-1);cursor:pointer;grid-template-columns:minmax(90px,auto) 1fr auto;align-items:baseline;gap:12px;padding:8px 10px;display:grid}.qo-dropdown-item:hover,.qo-dropdown-item.active{background:var(--sug-orange-050)}.qo-dd-sku{font-family:var(--font-mono);color:var(--fg-1);white-space:nowrap;font-size:12px;font-weight:700}.qo-dd-name{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.4;overflow:hidden}.qo-dd-price{font-family:var(--font-mono);color:var(--sug-orange-text);white-space:nowrap;font-size:12px;font-weight:600}.qo-resolved .qo-notfound{color:var(--sug-danger);font-style:normal;font-weight:600}.qo-bulk-unresolved{color:var(--fg-2);margin-top:12px;font-size:12px;line-height:1.8}.qo-bulk-unresolved .qbu-label{color:var(--sug-danger);font-weight:600}.qo-bulk-unresolved .qbu-code{font-family:var(--font-mono);color:var(--sug-danger);border:1px solid var(--sug-danger);border-radius:var(--radius-1);background:#fff;margin:0 4px 4px 0;padding:1px 6px;font-size:11px;display:inline-block}.sum-line .qo-tier-badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}@media (max-width:900px){.qo-grid{grid-template-columns:1fr}.qo-grid .summary{position:static;top:auto!important}}.gs-root{align-items:center;display:flex;position:relative}.gs-header .gs-icon-btn{width:40px;height:40px;color:var(--fg-1);cursor:pointer;border-radius:var(--radius-2);transition:color var(--dur-2), background var(--dur-2);background:0 0;border:none;place-items:center;display:grid}.gs-header .gs-icon-btn:hover{color:var(--sug-orange);background:var(--sug-paper)}.gs-header .gs-icon-btn:focus-visible{outline:2px solid var(--sug-orange);outline-offset:2px}.gs-header.gs-expanded{z-index:var(--z-mega);width:min(420px,100vw - 120px);position:absolute;top:50%;right:0;transform:translateY(-50%)}.nav-search-slot{align-items:center;display:flex;position:relative}.gs-drawer{border-bottom:1px solid var(--hair-dark);padding:16px 20px;display:block}.gs-drawer .gs-field{width:100%}.gs-field{border:1px solid var(--border-hairline);border-radius:var(--radius-2);width:100%;box-shadow:var(--shadow-2);min-height:44px;transition:border-color var(--dur-2), box-shadow var(--dur-2);background:#fff;align-items:center;display:flex;position:relative}.gs-drawer .gs-field{box-shadow:none;background:#ffffff0f;border-color:#ffffff2e}.gs-field:focus-within{border-color:var(--sug-orange);box-shadow:0 0 0 3px var(--sug-orange-050)}.gs-drawer .gs-field:focus-within{background:#fff;box-shadow:0 0 0 3px #ef5a1c40}.gs-ico{color:var(--sug-steel);pointer-events:none;display:inline-flex;position:absolute;left:13px}.gs-drawer .gs-ico{color:#fff9}.gs-drawer .gs-field:focus-within .gs-ico{color:var(--sug-steel)}.gs-input{width:100%;font-family:var(--font-body);color:var(--fg-1);background:0 0;border:none;outline:none;min-height:44px;padding:11px 40px;font-size:16px}.gs-input:lang(th){line-height:1.5}.gs-input::placeholder{color:var(--sug-steel)}.gs-drawer .gs-input{color:#fff}.gs-drawer .gs-input::placeholder{color:#ffffff8c}.gs-drawer .gs-field:focus-within .gs-input{color:var(--fg-1)}.gs-clear{width:30px;height:30px;color:var(--sug-steel);cursor:pointer;border-radius:var(--radius-1);transition:color var(--dur-2), background var(--dur-2);background:0 0;border:none;place-items:center;display:grid;position:absolute;right:8px}.gs-clear:hover{color:var(--fg-1);background:var(--sug-paper)}.gs-drawer .gs-clear{color:#ffffffb3}.gs-drawer .gs-clear:hover{color:#fff;background:var(--hair-dark)}.gs-panel{z-index:calc(var(--z-mega) + 1);border:1px solid var(--border-hairline);border-radius:var(--radius-2);box-shadow:var(--shadow-4);background:#fff;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.gs-drawer .gs-panel{box-shadow:var(--shadow-2);margin-top:8px;position:static}.gs-listbox{max-height:min(70vh,520px);margin:0;padding:6px;list-style:none;overflow-y:auto}.gs-drawer .gs-listbox{max-height:50vh}.gs-suglist{margin:0;padding:0;list-style:none}.gs-group+.gs-group{border-top:1px solid var(--border-hairline);margin-top:4px;padding-top:4px}.gs-group-head{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sug-steel);justify-content:space-between;align-items:center;padding:8px 10px 4px;font-size:10px;font-weight:600;display:flex}.gs-clear-recent{font-family:var(--font-mono);letter-spacing:.06em;color:var(--sug-orange-text);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:10px;font-weight:600}.gs-clear-recent:hover{color:var(--sug-orange-text)}.gs-opt{border-radius:var(--radius-1);cursor:pointer;align-items:center;gap:10px;padding:9px 10px;scroll-margin:6px;display:flex}.gs-opt.active{background:var(--sug-orange-050)}.gs-opt.active .gs-opt-name{color:var(--sug-orange-600)}.gs-thumb{background:var(--sug-paper);border:1px solid var(--border-hairline);border-radius:var(--radius-1);width:32px;height:32px;color:var(--sug-steel);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.gs-thumb img{object-fit:contain;padding:3px}.gs-opt-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.gs-opt-name{color:var(--fg-1);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.35;overflow:hidden}.gs-opt-name:lang(th){line-height:1.4}.gs-opt-tags{flex-wrap:wrap;gap:4px;display:flex}.gs-std-tag{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-3);background:var(--sug-paper);border:1px solid var(--border-hairline);border-radius:var(--radius-1);text-transform:uppercase;white-space:nowrap;padding:1px 5px;font-size:9px;font-weight:600}.gs-opt-std{justify-content:space-between}.gs-std-code{font-family:var(--font-mono);color:var(--fg-1);font-size:13px;font-weight:600}.gs-opt.active .gs-std-code{color:var(--sug-orange-600)}.gs-opt-count{color:var(--fg-3);font-size:12px}.gs-opt-sku{justify-content:space-between}.gs-sku-code{font-family:var(--font-mono);color:var(--fg-1);letter-spacing:.02em;font-size:13px;font-weight:600}.gs-opt.active .gs-sku-code{color:var(--sug-orange-600)}.gs-sku-arr{font-family:var(--font-mono);color:var(--sug-steel)}.gs-recent-item{display:block}.gs-recent-btn{text-align:left;border-radius:var(--radius-1);cursor:pointer;width:100%;color:var(--fg-1);background:0 0;border:none;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.gs-recent-btn:hover{background:var(--sug-paper)}.gs-recent-ico{color:var(--sug-steel);flex:none;display:inline-flex}.gs-recent-txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gs-empty,.gs-loading{text-align:center;color:var(--fg-3);padding:18px 12px;font-size:14px}.gs-empty:lang(th),.gs-loading:lang(th){line-height:1.5}@media (max-width:1000px){.nav-search-slot{display:none}}@media (max-width:1080px) and (min-width:1001px){.sug-nav-inner{gap:24px}.gs-header .gs-icon-btn{width:36px;height:36px}}.es-didyoumean{max-width:560px;margin:4px auto 24px}.es-dym-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sug-steel);margin-bottom:10px;font-size:10px;font-weight:600}.es-dym-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.es-dym-chip{border:1px solid var(--border-hairline);border-radius:var(--radius-2);color:var(--fg-1);transition:border-color var(--dur-2), color var(--dur-2), background var(--dur-2);background:#fff;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.es-dym-chip:hover{border-color:var(--sug-orange);color:var(--sug-orange-600);background:var(--sug-orange-050)}.es-dym-std{font-family:var(--font-mono)}.es-dym-ct{font-family:var(--font-mono);color:var(--fg-3);font-size:11px;font-weight:600}.es-dym-cat{color:var(--fg-2)}.dash-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-2);color:var(--fg-3);background:var(--sug-paper);padding:20px 22px;font-size:14px;line-height:1.6}.dash-empty:lang(th){line-height:1.8}.btn-reorder[data-testid=reorder-btn]{color:var(--sug-ink);font-weight:700}.save-list-block{margin-top:12px}.btn-save-list{border:1px solid var(--border-strong);border-radius:var(--radius-2);width:100%;color:var(--fg-1);cursor:pointer;transition:border-color var(--dur-1), background var(--dur-1);background:#fff;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:700;display:inline-flex}.btn-save-list:hover:not(:disabled){border-color:var(--sug-ink);background:var(--sug-paper)}.btn-save-list svg{color:var(--sug-steel)}.save-list-form{gap:8px;display:grid}.save-list-form input{border:1px solid var(--border-strong);border-radius:var(--radius-2);width:100%;font-family:var(--font-body);color:var(--fg-1);padding:10px 12px;font-size:14px}.save-list-form input:focus{border-color:var(--sug-orange);outline:none}.slf-actions{gap:8px;display:flex}.btn-save-confirm{background:var(--sug-ink);color:#fff;border-radius:var(--radius-2);cursor:pointer;border:none;flex:1;padding:10px 14px;font-size:14px;font-weight:700}.btn-save-confirm:hover:not(:disabled){background:var(--sug-ink-700)}.btn-save-confirm:disabled{opacity:.4;cursor:not-allowed}.btn-save-cancel{color:var(--fg-2);border:1px solid var(--border-strong);border-radius:var(--radius-2);cursor:pointer;background:#fff;padding:10px 14px;font-size:14px;font-weight:600}.btn-save-cancel:hover{border-color:var(--sug-ink);color:var(--fg-1)}.save-list-msg{color:var(--sug-success);margin-top:8px;font-size:12.5px;font-weight:600;line-height:1.5}.save-list-msg a{color:var(--sug-orange)}.save-list-msg:lang(th){line-height:1.7}.mx-ab-actions .btn-addquote:disabled{opacity:.4;cursor:not-allowed}.mx-ab-actions .btn-addquote:disabled:hover{border-color:#ffffff4d}.matrix-wrap .facet-opt{line-height:1.4}.matrix-wrap .facet-opt:lang(th){line-height:1.6}a.std-tag-link{cursor:pointer;transition:color var(--dur-2,.16s) var(--ease-out,ease), border-color var(--dur-2,.16s) var(--ease-out,ease);text-decoration:none}a.std-tag-link:hover,a.std-tag-link:focus-visible{color:var(--sug-orange);border-color:var(--sug-orange)}a.std-tag-link:focus-visible{outline:2px solid var(--sug-orange);outline-offset:2px}.std-link-inline{color:var(--fg-1);transition:color var(--dur-2,.16s) var(--ease-out,ease), border-color var(--dur-2,.16s) var(--ease-out,ease);border-bottom:1px solid #0000;text-decoration:none}.std-link-inline:hover,.std-link-inline:focus-visible{color:var(--sug-orange);border-bottom-color:var(--sug-orange)}.pdp-buybar{z-index:var(--z-sticky);padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--sug-ink);color:#fff;transition:transform var(--dur-3,.24s) var(--ease-standard,ease);align-items:center;gap:12px;display:none;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -4px 24px #0e0f1238}.pdp-buybar.shown{transform:translateY(0)}.pdp-buybar.hidden{pointer-events:none;transform:translateY(110%)}.pdp-buybar-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pdp-buybar-info .pbb-k{color:#ffffffa8;font-size:11px}.pdp-buybar-info .pbb-price{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:18px;font-weight:700}.pdp-buybar-info .pbb-unit{color:#ffffffa8;margin-left:2px;font-size:12px;font-weight:500}.pdp-buybar-info .pbb-total{color:#ffffffa8;font-variant-numeric:tabular-nums;font-size:11px}.pdp-buybar-info .pbb-locklink{color:var(--sug-orange);font-size:13px;font-weight:600;text-decoration:none}.pdp-buybar-info .pbb-locklink:hover{text-decoration:underline}.pdp-buybar-cta{background:var(--sug-orange-text);color:#fff;border-radius:var(--radius-1);cursor:pointer;white-space:nowrap;transition:background var(--dur-2,.16s) var(--ease-out,ease);border:none;flex:none;align-items:center;gap:6px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.pdp-buybar-cta:hover{background:var(--sug-orange-text-hover)}.pdp-buybar-cta .arr{display:inline-block}@media (max-width:759.98px){.pdp-buybar{display:flex}}.specsheet-page{background:var(--sug-paper);min-height:100vh;padding:24px 16px 64px}.specsheet-toolbar{justify-content:space-between;align-items:center;gap:16px;max-width:820px;margin:0 auto 20px;display:flex}.ss-back{color:var(--fg-2);font-size:14px;font-weight:600;text-decoration:none}.ss-back:hover{color:var(--sug-orange)}.ss-print-btn{background:var(--sug-ink);color:#fff;border-radius:var(--radius-1);cursor:pointer;border:none;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:700;display:inline-flex}.ss-print-btn:hover{background:var(--sug-ink-700)}.specsheet{border:1px solid var(--border-hairline);color:#000;background:#fff;max-width:820px;margin:0 auto;padding:40px 44px 32px;box-shadow:0 8px 40px #0e0f121a}.ss-head{border-bottom:2px solid #000;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:18px;display:flex}.ss-brandblock{align-items:center;gap:16px;display:flex}.ss-logo{width:auto;height:40px}.ss-brandmeta{flex-direction:column;gap:3px;display:flex}.ss-doctype{font-family:var(--font-mono);letter-spacing:.14em;color:#444;text-transform:uppercase;font-size:10px;font-weight:600}.ss-brand{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:22px;font-weight:700}.ss-ref{text-align:right;flex-direction:column;gap:2px;display:flex}.ss-ref-k{font-family:var(--font-mono);letter-spacing:.14em;color:#666;font-size:9px}.ss-ref-v{font-family:var(--font-mono);font-size:13px;font-weight:700}.ss-title-block{border-bottom:1px solid #ddd;padding:22px 0 18px}.ss-title{font-family:var(--font-display);margin:0 0 6px;font-size:30px;font-weight:700;line-height:1.1}.ss-title:lang(th){font-family:"Noto Sans Thai", var(--font-display);font-size:24px}.ss-title-en{color:#333;margin-bottom:10px;font-size:15px}.ss-cat{font-family:var(--font-mono);letter-spacing:.08em;color:#555;text-transform:uppercase;margin-bottom:12px;font-size:11px}.ss-std{flex-wrap:wrap;gap:6px;display:flex}.ss-std-tag{font-family:var(--font-mono);letter-spacing:.04em;border-radius:var(--radius-1);text-transform:uppercase;border:1px solid #000;padding:3px 8px;font-size:10px}.ss-section{border-bottom:1px solid #eee;padding:20px 0}.ss-h2{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#000;margin:0 0 12px;font-size:11px;font-weight:700}.ss-kv{border-collapse:collapse;width:100%}.ss-kv th{text-align:left;color:#555;vertical-align:top;width:38%;padding:7px 10px 7px 0;font-size:12px;font-weight:600}.ss-kv td{color:#000;padding:7px 0;font-size:13px}.ss-skus{border-collapse:collapse;width:100%;font-size:12px}.ss-skus thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;background:#f2f2f2;border-bottom:1.5px solid #000;padding:8px 10px;font-size:10px;font-weight:700}.ss-skus thead th.num,.ss-skus td.num{text-align:right}.ss-skus tbody td{border-bottom:1px solid #eee;padding:7px 10px}.ss-skus tbody tr:nth-child(2n) td{background:#fafafa}.ss-skus .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ss-note{color:#666;margin-top:10px;font-size:10.5px;line-height:1.5}.ss-foot{border-top:2px solid #000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:4px;padding-top:18px;display:flex}.ss-foot-brand{align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.ss-foot-logo{width:auto;height:26px}.ss-foot-contact{font-family:var(--font-mono);color:#333;flex-wrap:wrap;gap:18px;font-size:11px;display:flex}@media print{.sug-header,.sug-metabar,.quote-drawer,.quote-scrim,.quote-fab,.pdp-buybar,.mx-actionbar,.specsheet-toolbar,.sug-footer{display:none!important}html,body{background:#fff!important;margin:0!important}.specsheet-page{background:#fff!important;padding:0!important}.specsheet{max-width:none!important;box-shadow:none!important;color:#000!important;border:none!important;margin:0!important;padding:12mm 12mm 10mm!important}.ss-skus,.ss-kv{page-break-inside:auto}.ss-skus tr,.ss-kv tr,.ss-avoid-break,.ss-foot{page-break-inside:avoid}@page{size:A4;margin:12mm}}.trust-strip{background:var(--nav-raised);border-top:1px solid var(--hair-dark);border-bottom:1px solid var(--hair-dark)}.trust-strip-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;padding-top:28px;padding-bottom:28px;display:flex}.trust-std{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.trust-std-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#ffffff9e;font-size:10px;font-weight:600}.trust-std-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.trust-std-badge{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffffd1;border:1px solid var(--hair-dark);border-radius:var(--radius-1);background:#ffffff08;padding:5px 10px;font-size:12px;font-weight:600}.trust-stats{align-items:stretch;gap:0;margin:0;padding:0;list-style:none;display:flex}.trust-stat{border-left:1px solid var(--hair-dark);flex-direction:column;gap:2px;padding:0 28px;display:flex}.trust-stat:first-child{border-left:none;padding-left:0}.trust-stat:last-child{padding-right:0}.trust-stat-n{font-family:var(--font-display);color:#fff;letter-spacing:.01em;font-size:2rem;font-weight:700;line-height:1}.trust-stat-l{letter-spacing:.02em;color:#ffffff8c;font-size:12px}.section-logos{border-top:1px solid var(--border-hairline);padding:72px 0}.logos-head{flex-direction:column;gap:8px;margin-bottom:36px;display:flex}.logos-kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);font-size:10px;font-weight:600}.logos-sub{color:var(--fg-2);max-width:620px;margin:0;font-size:16px;line-height:1.6}.logos-sub-th{font-size:16px;line-height:1.8}.logos-row{background:var(--border-hairline);border:1px solid var(--border-hairline);grid-template-columns:repeat(4,1fr);gap:1px;margin:0;padding:0;list-style:none;display:grid}.logo-chip{text-align:center;background:var(--sug-white);letter-spacing:.01em;min-height:84px;color:var(--sug-mist);filter:grayscale();transition:color var(--dur-2), background var(--dur-2);justify-content:center;align-items:center;padding:18px 20px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.logo-chip:hover{color:var(--fg-3);background:var(--sug-paper)}.logos-note{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin:16px 0 0;font-size:10px}.footer-contact{gap:12px;margin:0;padding:0;list-style:none;display:grid}.footer-contact li{align-items:baseline;gap:14px;display:flex}.footer-contact-k{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff6;flex-shrink:0;width:44px;font-size:10px}.footer-contact a{color:#ffffff9e;transition:color var(--dur-2);word-break:break-word;font-size:14px}.footer-contact a:hover{color:var(--sug-orange)}.footer-legal{color:#ffffff80;flex-wrap:wrap;align-items:baseline;gap:10px;padding-top:28px;font-size:12px;line-height:1.6;display:flex}.footer-legal-name{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffffb8;font-size:11px;font-weight:600}.footer-legal-tax{font-family:var(--font-mono);letter-spacing:.04em;font-size:11px}.footer-legal-sep{color:#ffffff40}.footer-legal-addr{color:#ffffff80}@media (max-width:900px){.trust-strip-inner{justify-content:flex-start;gap:28px}.logos-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.trust-stats{flex-wrap:wrap;gap:20px 0}.trust-stat{padding:0 20px}.trust-stat:nth-child(3){border-left:none;padding-left:0}.trust-stat-n{font-size:1.6rem}.logos-row{grid-template-columns:repeat(2,1fr)}.footer-legal{gap:6px 10px}.footer-legal-sep{display:none}}