:root{--red:#e92628;--red-dark:#bd181e;--ink:#202126;--muted:#73757f;--line:#e7e8ec;--bg:#f6f7f9;--soft:#fff1f1;--green:#24734d;--radius:18px;font-family:'Kanit',sans-serif;color:var(--ink);font-size:calc(15px * var(--font-scale))}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f39b9d;outline-offset:3px}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4}p{line-height:1.8}.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.primary,.secondary,.ghost{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:10px;font-weight:600}.primary{background:var(--red);color:white}.primary:hover{background:var(--red-dark)}.secondary{border:1px solid var(--line);background:var(--surface)}.secondary:hover{border-color:#e8a6a6;background:var(--surface-hover)}.ghost{color:var(--muted)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.eyebrow{font-size:calc(11px * var(--font-scale));letter-spacing:2.3px;font-weight:750;text-transform:uppercase}.muted{color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:6px;background:var(--soft);color:var(--accent-ink);font-size:calc(11px * var(--font-scale));padding:5px 9px;border-radius:5px;font-weight:650}.tag.gray{color:#6a6e79;background:#f1f2f5}.tag.green{color:var(--green);background:#edf8f0}.logo{width:148px;height:48px;object-fit:contain}.language{border:1px solid var(--line);padding:10px 11px;border-radius:8px;background:var(--surface);font-size:calc(13px * var(--font-scale));min-height:44px}.login{min-height:100dvh;display:grid;grid-template-columns:1.08fr 1fr;background:var(--surface)}.login-story{position:relative;overflow:hidden;padding:45px 54px;background:#202126;color:white;display:flex;flex-direction:column;isolation:isolate}.login-story:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#1c1d22 25%,#38373a 100%)}.login-story:after{content:'';position:absolute;width:340px;height:900px;background:var(--red);transform:rotate(24deg);top:-100px;right:-200px;z-index:-1}.login-brand{display:flex;align-items:center;gap:20px}.login-brand .logo{width:168px;filter:none}.login-brand span{border-left:1px solid #ffffff35;padding-left:20px;letter-spacing:2px;font-size:calc(10px * var(--font-scale));color:#c0c1c6}.login-copy{margin-top:76px;position:relative;z-index:1}.login-copy .eyebrow{color:#ff7677;margin-bottom:18px}.login-copy h1{font-size:calc(clamp(30px,3.1vw,50px) * var(--font-scale));font-weight:700;line-height:1.45;letter-spacing:-1.5px}.login-copy h1 span{color:#ff4448}.login-copy p{color:#c3c3c9;max-width:410px;margin-top:19px;font-size:calc(15px * var(--font-scale))}.login-product{position:relative;margin:18px -35px 0;min-height:190px;display:grid;place-items:center}.login-product:before{content:'';position:absolute;inset:20px 50px;background:radial-gradient(ellipse,#ffffff28,transparent 65%)}.login-product img{width:100%;max-height:240px;object-fit:contain;mix-blend-mode:screen;filter:invert(1) grayscale(1) contrast(1.3) brightness(1.4);transform:rotate(-7deg)}.login-story-foot{margin-top:auto;display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #ffffff24;gap:16px;font-size:calc(12px * var(--font-scale));color:#bfc0c6}.login-story-foot strong{display:block;color:white;font-size:calc(20px * var(--font-scale));margin-bottom:2px}.login-main{display:flex;flex-direction:column;padding:32px 44px;min-width:0}.login-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px}.login-form{width:100%;max-width:400px;margin:auto; padding:42px 0}.login-form h2{font-size:calc(30px * var(--font-scale));font-weight:750;letter-spacing:-.8px;margin-top:16px}.login-form>.muted{margin-top:8px;font-size:calc(14px * var(--font-scale))}.field{display:flex;flex-direction:column;gap:8px;margin-top:20px;font-size:calc(13px * var(--font-scale));font-weight:550}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid var(--field-line);border-radius:9px;background:var(--surface);min-height:48px;color:var(--ink);font-weight:400}.field textarea{min-height:85px;resize:vertical}.input-wrap{position:relative}.input-wrap input{padding-right:48px}.input-wrap button{position:absolute;right:2px;top:2px;width:44px;height:44px;color:var(--muted)}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:calc(12px * var(--font-scale));margin:15px 0 21px}.login-options label{display:flex;align-items:center;gap:7px;color:var(--muted)}input[type=checkbox]{accent-color:var(--accent-ink);width:16px;height:16px}.login-form .primary{width:100%}.demo-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:calc(11px * var(--font-scale));margin:24px 0 13px}.demo-divider:before,.demo-divider:after{content:'';height:1px;background:var(--line);flex:1}.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.role{border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column;min-height:68px;font-size:calc(11px * var(--font-scale));background:var(--surface)}.role .icon{width:20px;height:20px;color:#858792}.role.active{background:var(--soft);border-color:#f1a8aa;color:var(--accent-ink)}.role.active .icon{color:var(--accent-ink)}.demo-note{font-size:calc(11px * var(--font-scale));text-align:center;color:var(--muted);margin-top:14px;line-height:1.65}.login-foot{font-size:calc(10px * var(--font-scale));color:#a0a2aa;display:flex;justify-content:space-between;gap:15px}.app-header{background:var(--surface);border-bottom:1px solid var(--line);height:88px;display:flex;align-items:center;padding:0 max(30px,calc((100vw - 1376px)/2));gap:34px;position:sticky;top:0;z-index:20}.brand-lockup{display:flex;align-items:center;gap:19px;flex-shrink:0}.brand-lockup .logo{width:137px}.brand-lockup .divider{height:29px;width:1px;background:var(--line)}.brand-lockup small{font-size:calc(10px * var(--font-scale));letter-spacing:1.6px;line-height:1.65;color:#6c6f79}.top-nav{display:flex;gap:8px;align-self:stretch;margin-left:auto}.nav-link{display:flex;align-items:center;gap:8px;position:relative;font-size:calc(13px * var(--font-scale));color:var(--muted);padding:0 14px;white-space:nowrap}.nav-link .icon{width:18px;height:18px}.nav-link.active{color:var(--accent-ink);font-weight:650}.nav-link.active:after{content:'';height:3px;background:var(--red);position:absolute;bottom:0;left:12px;right:12px}.header-tools{display:flex;gap:13px;align-items:center}.user-btn{display:flex;align-items:center;gap:10px;font-size:calc(12px * var(--font-scale));padding:0}.avatar{border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:var(--soft);color:var(--accent-ink);font-size:calc(12px * var(--font-scale));font-weight:700}.user-btn small{display:block;color:var(--muted);font-size:calc(10px * var(--font-scale));text-align:left}.preview-strip{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff8eb;color:#897047;padding:7px 20px;font-size:calc(10px * var(--font-scale));letter-spacing:.1px}.preview-strip .icon{width:13px;height:13px}.container{max-width:1376px;margin:0 auto;padding:0 34px}.catalog-hero{background:var(--surface);padding:36px 0 27px;border-bottom:1px solid var(--line)}.hero-row{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;min-height:190px}.hero-copy .eyebrow{display:flex;gap:9px;align-items:center;color:var(--accent-ink);font-size:calc(10px * var(--font-scale));letter-spacing:2px}.hero-copy .eyebrow:before{content:'';height:2px;width:24px;background:var(--red)}.hero-copy h1{font-size:calc(clamp(29px,3vw,43px) * var(--font-scale));letter-spacing:-1.2px;font-weight:750;margin:13px 0 10px}.hero-copy h1 span{color:var(--accent-ink)}.hero-copy p{color:var(--muted);font-size:calc(13px * var(--font-scale))}.hero-art{height:192px;position:relative;overflow:hidden;border-radius:12px;background:#f7f7f7;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'YONGKEE';font-size:calc(70px * var(--font-scale));letter-spacing:-4px;font-weight:800;position:absolute;top:19px;color:#e8e8e8;line-height:1;transform:skew(-8deg)}.hero-art img{width:90%;height:160px;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:1;transform:rotate(-5deg)}.art-label{position:absolute;bottom:15px;left:20px;z-index:2;font-size:calc(9px * var(--font-scale));letter-spacing:1px;color:#8c8d94;display:flex;align-items:center;gap:7px}.art-label i{width:5px;height:5px;background:var(--red);border-radius:50%}.search-area{margin-top:24px;position:relative}.search-box{display:flex;align-items:center;gap:14px;border:1.5px solid #dadce2;box-shadow:0 3px 12px #20212604;border-radius:12px;background:var(--surface);padding:6px 7px 6px 20px}.search-box:focus-within{border-color:var(--accent-ink);box-shadow:0 0 0 3px #e926280c}.search-box>.icon{color:var(--accent-ink);width:24px;height:24px}.search-box input{min-width:0;flex:1;border:0;outline:none!important;box-shadow:none;font-size:calc(14px * var(--font-scale));padding:12px 0}.search-box input::placeholder{color:#9698a3}.search-box .primary{min-height:44px;padding:10px 25px}.search-kbd{color:#9a9ca5;border:1px solid var(--line);padding:3px 7px;font-size:calc(11px * var(--font-scale));border-radius:4px}.popular{display:flex;gap:8px;align-items:center;margin-top:11px;font-size:calc(10px * var(--font-scale));color:var(--muted);flex-wrap:wrap}.popular button{color:#6d6e78;background:#f3f4f6;border-radius:4px;padding:4px 9px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px}.section-header h2{font-size:calc(23px * var(--font-scale));font-weight:700;letter-spacing:-.4px}.section-header p{color:var(--muted);font-size:calc(12px * var(--font-scale));margin-top:5px}.section-header .count{font-size:calc(11px * var(--font-scale));color:var(--muted);display:flex;gap:7px;align-items:center}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.category-card{text-align:left;position:relative;border:1px solid var(--line);border-radius:13px;background:var(--surface);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;padding:0}.category-card:hover{border-color:#eaa1a2;transform:translateY(-4px);box-shadow:0 10px 24px #2526290a}.cat-img{height:132px;margin:0 12px;display:grid;place-items:center;position:relative;padding:15px 7px 0}.cat-img:after{content:'';width:80%;height:12px;background:radial-gradient(ellipse,#2021260e,transparent);position:absolute;bottom:12px}.cat-img img{width:100%;height:105px;object-fit:contain;mix-blend-mode:multiply}.cat-index{position:absolute;top:12px;left:14px;font-size:calc(9px * var(--font-scale));color:#b8bac2;z-index:1;font-weight:500}.cat-copy{padding:13px 17px 15px;border-top:1px solid var(--line);position:relative}.cat-copy h3{font-size:calc(15px * var(--font-scale));font-weight:650;padding-right:13px}.cat-copy p{font-size:calc(10px * var(--font-scale));color:#9597a0;margin-top:2px;line-height:1.7}.cat-copy .arrow{position:absolute;right:14px;top:19px;color:#9b9da6}.cat-copy .arrow .icon{width:16px;height:16px}.category-card:hover .arrow{color:var(--accent-ink)}.main-content{padding-bottom:35px}.brand-ribbon{margin-top:33px;padding:20px 0;display:flex;align-items:center;gap:20px;border-top:1px solid var(--line)}.brand-ribbon>span{font-size:calc(10px * var(--font-scale));color:#92949f;white-space:nowrap}.brand-logos{display:flex;align-items:center;justify-content:space-between;gap:25px;flex:1;overflow:hidden}.brand-logos img{height:24px;width:80px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);opacity:.6}.support-banner{display:flex;align-items:center;gap:18px;padding:22px 26px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-top:6px}.support-symbol{width:45px;height:45px;background:var(--soft);border-radius:50%;display:grid;place-items:center;color:var(--accent-ink)}.support-banner h3{font-size:calc(14px * var(--font-scale))}.support-banner p{font-size:calc(11px * var(--font-scale));color:var(--muted);margin-top:3px}.support-banner button{margin-left:auto;min-height:42px;font-size:calc(12px * var(--font-scale))}.site-footer{max-width:1376px;padding:22px 34px;margin:auto;display:flex;align-items:center;justify-content:space-between;color:#9698a1;font-size:calc(10px * var(--font-scale));border-top:1px solid var(--line);gap:20px}.footer-links{display:flex;gap:20px}.chat-float{position:fixed;bottom:24px;right:25px;width:54px;height:54px;display:grid;place-items:center;background:var(--red);color:white;border-radius:17px;box-shadow:0 7px 22px #e926283b;z-index:25}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:calc(11px * var(--font-scale));color:var(--muted);margin-bottom:22px;flex-wrap:wrap}.breadcrumbs button{padding:3px 0;color:var(--muted)}.breadcrumbs .icon{width:13px;height:13px}.selection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.selection-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;min-height:160px;text-align:center;padding:27px 20px;transition:.2s}.selection-card:hover{border-color:var(--accent-ink);transform:translateY(-3px)}.selection-card img{height:45px;width:130px;object-fit:contain;margin:0 auto 19px}.selection-card .car-word{height:45px;font-size:calc(27px * var(--font-scale));font-weight:800;display:grid;place-items:center;margin-bottom:19px;letter-spacing:-1px}.selection-card h3{font-size:calc(15px * var(--font-scale))}.selection-card p{font-size:calc(11px * var(--font-scale));color:var(--muted);margin-top:6px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;flex-wrap:wrap}.list-toolbar .filters{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{display:flex;align-items:center;gap:7px;font-size:calc(11px * var(--font-scale));border:1px solid var(--line);padding:9px 12px;border-radius:8px;background:var(--surface)}.list-toolbar select{border:1px solid var(--line);padding:9px 12px;background:var(--surface);border-radius:8px;font-size:calc(11px * var(--font-scale));min-height:40px}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{border:1px solid var(--line);border-radius:13px;background:var(--surface);overflow:hidden;position:relative;transition:.2s}.product-card:hover{border-color:#e9b1b2;box-shadow:0 8px 24px #27282d08;transform:translateY(-2px)}.product-image{height:174px;padding:25px 28px 12px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#fafafa);position:relative}.product-image img{height:130px;width:100%;object-fit:contain;mix-blend-mode:multiply}.product-body{padding:16px 18px 18px;text-align:left;width:100%}.product-brand{font-size:calc(10px * var(--font-scale));color:var(--accent-ink);font-weight:750;letter-spacing:.7px}.product-body h3{font-size:calc(14px * var(--font-scale));font-weight:650;margin:8px 0 5px;min-height:40px}.product-code{font-family:inherit;font-size:calc(12px * var(--font-scale));color:#5c5f6a}.product-vehicle{display:flex;align-items:center;gap:7px;font-size:calc(10px * var(--font-scale));color:#858894;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.product-vehicle .icon{width:16px;height:16px}.product-vehicle .icon:last-child{margin-left:auto}.empty{text-align:center;background:var(--surface);border:1px dashed #d7d9e1;border-radius:14px;padding:54px 20px}.empty>.icon{width:40px;height:40px;color:#b3b5bd;margin:auto auto 15px}.empty h3{font-size:calc(18px * var(--font-scale))}.empty p{font-size:calc(13px * var(--font-scale));color:var(--muted);margin:9px 0 21px}.overlay-backdrop{position:fixed;inset:0;background:#15171f77;z-index:50;display:flex;justify-content:flex-end;backdrop-filter:blur(3px)}.drawer{width:580px;background:var(--surface);max-width:100%;height:100dvh;overflow-y:auto;box-shadow:-15px 0 50px #16171e15;animation:slide .25s ease}.drawer-head{position:sticky;top:0;background:var(--surface-overlay);backdrop-filter:blur(10px);z-index:1;border-bottom:1px solid var(--line);padding:20px 27px;display:flex;align-items:center;justify-content:space-between}.drawer-head h2{font-size:calc(17px * var(--font-scale))}.drawer-body{padding:25px 30px 36px}.detail-img{height:240px;padding:18px;background:#f7f8fa;border-radius:14px;position:relative;display:grid;place-items:center}.detail-img img{height:200px;width:100%;object-fit:contain;mix-blend-mode:multiply}.detail-img .tag{position:absolute;top:12px;left:12px;background:var(--surface)}.detail-name{font-size:calc(25px * var(--font-scale));margin:13px 0 8px;letter-spacing:-.5px}.detail-actions{display:flex;gap:9px;margin:23px 0}.detail-actions .primary{flex:1}.specs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:17px 0 24px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.specs div{padding:14px 16px;border-bottom:1px solid var(--line)}.specs div:nth-child(odd){border-right:1px solid var(--line)}.specs div:nth-last-child(-n+2){border-bottom:0}.specs small{font-size:calc(10px * var(--font-scale));color:var(--muted);display:block;margin-bottom:4px}.specs strong{font-size:calc(12px * var(--font-scale));font-weight:550}.panel-title{font-size:calc(15px * var(--font-scale));margin-top:25px}.notice{background:#fff8eb;border:1px solid #f0e4c9;border-radius:9px;font-size:calc(11px * var(--font-scale));color:#89724b;padding:12px 14px;line-height:1.75;margin-top:14px}.similar-item{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:10px;width:100%;text-align:left}.similar-item img{height:50px;width:65px;object-fit:contain}.similar-item h3{font-size:calc(12px * var(--font-scale))}.similar-item p{font-size:calc(10px * var(--font-scale));color:var(--muted)}.similar-item .icon{margin-left:auto;width:16px;height:16px}.modal-wrap{position:fixed;inset:0;background:#15171f77;z-index:60;display:grid;place-items:center;padding:25px;backdrop-filter:blur(3px)}.modal{width:580px;max-width:100%;max-height:92dvh;overflow:auto;border-radius:17px;background:var(--surface);box-shadow:0 20px 70px #15171f20}.modal .drawer-head{position:static}.modal-body{padding:24px 28px}.modal-body>p{font-size:calc(13px * var(--font-scale));color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.wide{grid-column:1/-1}.image-upload{display:flex;align-items:center;gap:14px;padding:13px;background:var(--bg);border:1px dashed #daddE5;border-radius:10px;margin-top:15px}.image-upload img{width:70px;height:60px;object-fit:contain}.image-upload input{font-size:calc(11px * var(--font-scale));max-width:260px;width:100%}.admin-layout{display:grid;grid-template-columns:210px 1fr;gap:30px;padding-top:30px;min-height:65vh}.admin-nav{background:var(--surface);border:1px solid var(--line);padding:14px 12px;border-radius:12px;height:fit-content}.admin-nav button{display:flex;align-items:center;gap:11px;font-size:calc(12px * var(--font-scale));width:100%;padding:14px 13px;border-radius:8px;color:var(--muted);text-align:left}.admin-nav button.active{background:var(--soft);color:var(--accent-ink);font-weight:650}.admin-nav .icon{width:18px;height:18px}.admin-nav small{display:block;font-size:calc(9px * var(--font-scale));color:#a5a7b0;letter-spacing:1px;margin:8px 13px 13px}.admin-content{min-width:0}.admin-content .section-header{margin-bottom:20px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:23px}.stat-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:18px 22px}.stat-card strong{display:block;font-size:calc(28px * var(--font-scale));font-weight:650;margin-top:6px}.stat-card span{font-size:calc(11px * var(--font-scale));color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.table th{font-size:calc(10px * var(--font-scale));color:var(--muted);font-weight:500;background:var(--surface-soft);padding:15px 17px;border-bottom:1px solid var(--line)}.table td{font-size:calc(11px * var(--font-scale));padding:12px 17px;border-bottom:1px solid var(--line)}.table tr:last-child td{border-bottom:0}.table .table-product{display:flex;align-items:center;gap:12px;max-width:350px;white-space:normal}.table-product img{width:44px;height:44px;object-fit:contain}.table-product strong{font-size:calc(11px * var(--font-scale));font-weight:600}.table-product small{display:block;font-family:inherit;color:var(--muted);margin-top:3px}.table .icon-btn{min-width:34px;min-height:34px;border-color:transparent}.table .icon{width:16px;height:16px}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.permission-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:23px}.permission-card h3{font-size:calc(16px * var(--font-scale));display:flex;align-items:center;gap:10px;margin-bottom:17px}.permission-card h3 .icon{color:var(--accent-ink)}.permission-card p{font-size:calc(11px * var(--font-scale));color:var(--muted);display:flex;gap:8px;margin:8px 0}.permission-card p .icon{width:15px;height:15px;color:var(--green)}.permission-card p.no{opacity:.45}.permission-card p.no .icon{color:#8b8e98}.upload-zone{border:1px dashed #d2d6df;background:var(--surface);border-radius:13px;text-align:center;padding:35px 28px}.upload-zone>.icon{color:var(--accent-ink);width:38px;height:38px;margin:auto auto 15px}.upload-zone h3{font-size:calc(18px * var(--font-scale))}.upload-zone p{font-size:calc(12px * var(--font-scale));color:var(--muted);margin:10px 0 20px}.upload-zone .secondary{font-size:calc(12px * var(--font-scale))}.data-fields{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.data-fields span{font-family:inherit;background:#eceef2;padding:6px 10px;border-radius:6px;font-size:calc(11px * var(--font-scale));color:#6f7380}.import-preview{margin-top:20px}.chat-bubble{font-size:calc(12px * var(--font-scale));background:#f0f2f5;padding:14px 16px;max-width:92%;border-radius:12px 12px 12px 2px;line-height:1.75;margin:16px 0}.chat-bubble.me{background:var(--soft);margin-left:auto;border-radius:12px 12px 2px 12px}.contact-method{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:10px;margin-top:12px}.contact-method strong{display:block;font-size:calc(13px * var(--font-scale))}.contact-method small{font-size:calc(10px * var(--font-scale));color:var(--muted)}.contact-method>.icon{color:var(--accent-ink)}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,20px);padding:13px 22px;border-radius:10px;background:#25262d;color:white;font-size:calc(12px * var(--font-scale));box-shadow:0 6px 25px #1f202c25;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.result-main{padding-top:30px}.page-top{margin:28px 0 22px}.page-top h1{font-size:calc(27px * var(--font-scale))}.page-top p{font-size:calc(12px * var(--font-scale));color:var(--muted);margin-top:5px}@keyframes slide{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-width:1600px){.login-copy{margin-top:100px}.login-product{min-height:280px}.login-product img{max-height:310px}.login-form{max-width:430px}}
@media(max-width:1150px){.app-header{gap:16px;padding:0 25px}.brand-lockup small,.brand-lockup .divider{display:none}.top-nav{gap:0}.nav-link{padding:0 11px}.user-btn .user-text{display:none}.header-tools{gap:10px}.category-grid{gap:12px}.cat-copy{padding:12px}.cat-copy h3{font-size:calc(13px * var(--font-scale))}.cat-img{height:115px}.cat-img img{height:90px}.container{padding:0 26px}.products-grid{gap:14px}.product-body{padding:15px}.login-story{padding:36px}.login-copy{margin-top:65px}.login-main{padding:28px 35px}.login-copy h1{font-size:calc(36px * var(--font-scale))}.brand-logos{gap:15px}.brand-logos img{width:65px}.hero-art:before{font-size:calc(60px * var(--font-scale))}}
@media(max-width:900px){.login{grid-template-columns:.92fr 1fr}.login-story{padding:32px}.login-brand span{display:none}.login-copy h1{font-size:calc(32px * var(--font-scale))}.login-copy p{font-size:calc(13px * var(--font-scale))}.login-main{padding:25px}.login-story-foot{flex-wrap:wrap}.login-story-foot strong{font-size:calc(18px * var(--font-scale))}.login-story-foot>div:last-child{display:none}.roles{grid-template-columns:repeat(2,1fr)}.role{flex-direction:row;min-height:46px}.app-header{height:76px}.nav-link{font-size:calc(11px * var(--font-scale));padding:0 9px;gap:5px}.nav-link .icon{width:17px}.header-tools .language{font-size:calc(11px * var(--font-scale));width:73px}.hero-row{gap:24px}.hero-copy h1{font-size:calc(33px * var(--font-scale))}.hero-art{height:170px}.hero-art:before{font-size:calc(47px * var(--font-scale))}.category-grid{grid-template-columns:repeat(3,1fr)}.cat-img{height:135px}.cat-img img{height:110px}.cat-copy h3{font-size:calc(15px * var(--font-scale))}.cat-copy{padding:13px 16px}.brand-ribbon>span{max-width:110px;white-space:normal}.brand-logos img{width:63px}.brand-logos img:nth-child(n+6){display:none}.selection-grid,.products-grid{grid-template-columns:repeat(3,1fr)}.admin-layout{grid-template-columns:160px 1fr;gap:18px}.admin-nav{padding:10px 6px}.admin-nav button{font-size:calc(11px * var(--font-scale));padding:12px 10px}.stat-card{padding:15px}.stat-card strong{font-size:calc(24px * var(--font-scale))}.permission-grid{grid-template-columns:1fr}.admin-content .section-header{align-items:flex-start}.admin-content .section-header h2{font-size:calc(20px * var(--font-scale))}.admin-content .section-header .primary{font-size:calc(11px * var(--font-scale));padding:10px 12px}}
@media(max-width:650px){:root{font-size:calc(14px * var(--font-scale))}.login{display:block}.login-story{min-height:242px;padding:25px 26px}.login-brand .logo{width:128px;height:31px}.login-copy{margin-top:28px}.login-copy .eyebrow{font-size:calc(8px * var(--font-scale));margin-bottom:8px}.login-copy h1{font-size:calc(28px * var(--font-scale));line-height:1.4;max-width:270px}.login-copy p{display:none}.login-product{position:absolute;width:210px;height:170px;min-height:0;right:-45px;bottom:2px;opacity:.55;margin:0;z-index:-1}.login-product img{height:160px}.login-story:after{width:170px;right:-100px}.login-story-foot{display:none}.login-main{padding:21px 26px}.login-tools{position:absolute;top:23px;right:21px}.login-tools>.icon{display:none}.login-tools .language{background:#ffffff14;color:white;border-color:#ffffff35;min-height:34px;font-size:calc(11px * var(--font-scale));padding:4px 6px}.language option{color:#202126;background:var(--surface)}.login-form{padding:11px 0 26px;max-width:450px}.login-form h2{font-size:calc(25px * var(--font-scale));margin-top:9px}.login-form>.tag{display:none}.login-form>.muted{font-size:calc(12px * var(--font-scale))}.field{margin-top:17px}.login-options{margin:13px 0 17px}.demo-divider{margin-top:21px}.roles{grid-template-columns:repeat(4,1fr)}.role{flex-direction:column;font-size:calc(9px * var(--font-scale));gap:5px;min-height:60px}.role .icon{width:19px}.login-foot{font-size:calc(8px * var(--font-scale));padding-bottom:10px}.app-header{height:67px;padding:0 18px;gap:10px}.brand-lockup .logo{width:120px;height:38px}.header-tools{margin-left:auto;gap:9px}.header-tools .language{width:70px;font-size:calc(11px * var(--font-scale));min-height:37px;padding:5px}.user-btn .avatar{width:33px;height:33px}.top-nav{position:fixed;bottom:0;left:0;right:0;height:65px;padding-bottom:env(safe-area-inset-bottom,0px);display:flex;justify-content:space-around;background:var(--surface);box-shadow:0 -4px 24px #15171e07;border-top:1px solid var(--line);z-index:30;margin:0}.nav-link{padding:7px 9px;flex-direction:column;justify-content:center;gap:3px;font-size:calc(9px * var(--font-scale));min-width:65px}.nav-link .icon{width:20px;height:20px}.nav-link.active:after{top:0;bottom:auto;left:14px;right:14px;height:2px}.preview-strip{font-size:calc(8px * var(--font-scale));padding:6px 10px}.preview-strip .icon{width:11px;height:11px}.container{padding:0 19px}.catalog-hero{padding:26px 0 18px}.hero-row{display:block;min-height:0}.hero-copy .eyebrow{font-size:calc(8px * var(--font-scale));letter-spacing:1.8px}.hero-copy h1{font-size:calc(30px * var(--font-scale));letter-spacing:-1px;margin:11px 0 8px;line-height:1.45}.hero-copy p{font-size:calc(11px * var(--font-scale));max-width:300px}.hero-art{display:none}.search-area{margin-top:21px}.search-box{gap:9px;padding:4px 5px 4px 12px;border-radius:10px}.search-box>.icon{width:21px;height:21px}.search-box input{font-size:calc(11px * var(--font-scale));padding:12px 0}.search-box .primary{padding:10px 13px;min-height:40px;font-size:calc(11px * var(--font-scale));border-radius:7px}.search-kbd{display:none}.popular{font-size:calc(8px * var(--font-scale));gap:5px;margin-top:9px}.popular button{padding:4px 7px}.section-header{margin-bottom:17px}.section-header h2{font-size:calc(21px * var(--font-scale))}.section-header p{font-size:calc(10px * var(--font-scale));max-width:270px}.section-header .count{font-size:calc(9px * var(--font-scale));white-space:nowrap}.section-header .count .icon{display:none}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cat-img{height:119px;margin:0 8px;padding:13px 7px 0}.cat-img img{height:94px}.cat-copy{padding:11px 13px}.cat-copy h3{font-size:calc(13px * var(--font-scale))}.cat-copy p{font-size:calc(8px * var(--font-scale))}.cat-copy .arrow{right:10px;top:17px}.cat-copy .arrow .icon{width:13px}.cat-index{font-size:calc(8px * var(--font-scale));top:10px;left:12px}.brand-ribbon{margin-top:24px;padding:18px 0;display:block}.brand-ribbon>span{display:block;max-width:none;margin-bottom:15px;font-size:calc(9px * var(--font-scale))}.brand-logos{gap:12px;justify-content:flex-start}.brand-logos img{height:20px;width:55px}.brand-logos img:nth-child(n+6){display:none}.support-banner{padding:18px 16px;gap:12px;flex-wrap:wrap}.support-symbol{width:38px;height:38px}.support-symbol .icon{width:20px}.support-banner h3{font-size:calc(12px * var(--font-scale))}.support-banner p{font-size:calc(9px * var(--font-scale));max-width:225px}.support-banner button{width:100%;min-height:40px;font-size:calc(11px * var(--font-scale));margin:0}.main-content{padding-bottom:25px}.site-footer{padding:20px 19px 92px;display:block;font-size:calc(8px * var(--font-scale));line-height:1.9}.footer-links{gap:14px;margin-top:7px;font-size:calc(9px * var(--font-scale))}.chat-float{bottom:84px;right:17px;width:45px;height:45px;border-radius:14px}.chat-float .icon{width:22px}.selection-grid{grid-template-columns:repeat(2,1fr);gap:12px}.selection-card{min-height:145px;padding:22px 13px}.selection-card img{height:37px;width:105px;margin-bottom:15px}.selection-card .car-word{font-size:calc(23px * var(--font-scale));margin-bottom:11px}.selection-card h3{font-size:calc(13px * var(--font-scale))}.selection-card p{font-size:calc(9px * var(--font-scale))}.breadcrumbs{font-size:calc(9px * var(--font-scale));gap:7px;margin-bottom:18px}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-image{height:133px;padding:24px 13px 9px}.product-image img{height:98px}.product-body{padding:12px}.product-brand{font-size:calc(8px * var(--font-scale))}.product-body h3{font-size:calc(12px * var(--font-scale));min-height:36px}.product-code{font-size:calc(10px * var(--font-scale))}.product-vehicle{font-size:calc(8px * var(--font-scale));gap:4px;margin-top:11px;padding-top:10px}.product-vehicle .icon{width:12px;height:12px}.list-toolbar .filters{gap:5px}.filter-chip{font-size:calc(9px * var(--font-scale));padding:7px 9px}.list-toolbar select{font-size:calc(10px * var(--font-scale))}.drawer-head{padding:17px 20px}.drawer-head h2{font-size:calc(15px * var(--font-scale))}.drawer-body{padding:20px 21px 90px}.detail-img{height:200px}.detail-img img{height:165px}.detail-name{font-size:calc(22px * var(--font-scale))}.detail-actions{margin:20px 0}.detail-actions .primary{font-size:calc(12px * var(--font-scale))}.modal-wrap{padding:12px}.modal-body{padding:19px 20px}.modal .drawer-head{padding:15px 20px}.modal{max-height:94dvh}.form-grid{gap:0 11px}.image-upload{display:block}.image-upload img{margin-bottom:10px}.modal-actions .primary,.modal-actions .secondary{font-size:calc(12px * var(--font-scale));padding:10px 15px}.admin-layout{display:block;padding-top:20px}.admin-nav{display:flex;padding:6px;margin-bottom:22px;gap:4px;overflow:auto}.admin-nav small{display:none}.admin-nav button{min-width:fit-content;justify-content:center;font-size:calc(10px * var(--font-scale));padding:11px 9px;gap:6px}.admin-nav .icon{width:16px;height:16px}.admin-content .section-header h2{font-size:calc(19px * var(--font-scale))}.stat-grid{gap:9px;margin-bottom:18px}.stat-card{padding:12px}.stat-card span{font-size:calc(8px * var(--font-scale))}.stat-card strong{font-size:calc(23px * var(--font-scale))}.table th{padding:12px}.table td{padding:10px 12px}.table-product img{width:36px}.permission-card{padding:20px}.upload-zone{padding:28px 18px}.data-fields span{font-size:calc(9px * var(--font-scale));padding:5px 7px}.page-top h1{font-size:calc(23px * var(--font-scale))}.page-top p{font-size:calc(11px * var(--font-scale))}.notice{font-size:calc(10px * var(--font-scale))}.result-main{padding-top:22px}}
.login-product{margin:30px 0 25px;min-height:210px;overflow:hidden;border-radius:12px;border:1px solid #ffffff25}.login-product:before{display:none}.login-product img{height:240px;max-height:none;object-fit:cover;filter:brightness(.8);mix-blend-mode:normal;transform:none}.hero-art img{object-fit:cover}.cat-img img[src*="leaf-spring"],.cat-img img[src*="u-bolt"],.product-image img[src*="leaf-spring"],.detail-img img[src*="leaf-spring"]{object-fit:cover}.hero-copy h1 span{display:inline-block}.product-card:has(.product-body .product-code) .product-body{cursor:pointer}
@media(max-width:650px){.login-product{width:240px;height:180px;right:-55px;bottom:-10px;opacity:.35;border:0;margin:0;border-radius:0}.login-product img{height:180px;object-fit:cover}.hero-copy h1{max-width:350px}.hero-copy h1 span{margin-left:3px}.selection-grid{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

::file-selector-button{font:inherit}

/* Company slogan */
.login-copy h1,.hero-copy h1{overflow-wrap:break-word;word-break:normal;text-wrap:balance}.hero-copy h1 span{display:block;margin-left:0}.art-label.brand-slogan{letter-spacing:0;text-transform:none;font-size:calc(10px * var(--font-scale));white-space:normal;text-align:center}
@media(max-width:650px){.login-copy h1{max-width:100%;font-size:calc(27px * var(--font-scale))}.hero-copy h1{font-size:calc(28px * var(--font-scale))}}

/* Catalog product name */
.eyebrow.catalog-name{letter-spacing:1.2px;text-transform:none}.login-form .tag.catalog-name{text-transform:none}.login-brand .catalog-name{max-width:170px;letter-spacing:1px;line-height:1.5;text-transform:none}.brand-lockup .catalog-name{max-width:108px;white-space:normal;letter-spacing:.8px;line-height:1.45;text-transform:none}

/* Master leaf-spring catalog: paging, filters, item codes, set composition table */
.list-selects{display:flex;gap:8px;flex-wrap:wrap}
.product-type{color:var(--muted);font-weight:500;letter-spacing:0}
.product-item-code{display:block;font-size:calc(10px * var(--font-scale));color:var(--muted);margin-top:2px}
.product-image.is-illustration img{opacity:.55}
.load-more-row{display:flex;flex-direction:column;align-items:center;gap:10px;margin:26px 0 6px;font-size:calc(11px * var(--font-scale));color:var(--muted)}
.detail-photo-note{font-size:calc(9px * var(--font-scale));margin:8px 0 20px;min-height:1em}
.subs-note{font-size:calc(10px * var(--font-scale));margin-top:6px;line-height:1.7}
.bom-table td,.bom-table th{font-size:calc(11px * var(--font-scale));padding:9px 10px}
.link-btn{color:var(--red,#d71920);text-align:left;text-decoration:underline;text-underline-offset:2px;padding:0}
@media (max-width:640px){.list-selects{width:100%}.list-selects select{flex:1 1 140px}}

/* Product detail as a full-screen page (instead of the right-hand drawer) */
.overlay-backdrop.full{justify-content:stretch;backdrop-filter:none}
.drawer.product-page{width:100%;box-shadow:none;animation:page-in .2s ease}
@keyframes page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.product-page .drawer-head{position:sticky;top:0}
.product-page .drawer-body{max-width:1240px;margin:0 auto;padding:32px 40px 60px}
.pp-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:start}
.pp-media{position:sticky;top:88px}
.product-page .detail-img{height:min(52vh,460px);padding:28px}
.product-page .detail-img img{height:100%}
.product-page .detail-name{margin-top:6px}
.specs.wide{grid-template-columns:repeat(4,1fr)}
.specs.wide div{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.specs.wide div:nth-child(4n){border-right:0}
.pp-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:0 12px}
.product-page .panel-title{margin-top:34px}
@media(max-width:1100px){.specs.wide{grid-template-columns:repeat(3,1fr)}.specs.wide div:nth-child(4n){border-right:1px solid var(--line)}.specs.wide div:nth-child(3n){border-right:0}}
@media(max-width:900px){.pp-top{grid-template-columns:1fr;gap:18px}.pp-media{position:static}.product-page .detail-img{height:280px}.product-page .drawer-body{padding:22px 22px 80px}.specs.wide{grid-template-columns:repeat(2,1fr)}.specs.wide div:nth-child(n){border-right:1px solid var(--line)}.specs.wide div:nth-child(2n){border-right:0}}
@media(prefers-reduced-motion:reduce){.drawer.product-page{animation:none}}
.specs.wide{border-bottom:0}