:root{--kx-dark:#111827;--kx-yellow:#f5b400;--kx-orange:#f58220;--kx-line:#e5e7eb;--kx-soft:#f6f7fb;--kx-text:#1f2937}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--kx-text);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.kx-container{max-width:1240px;margin:auto;padding:0 18px}.kx-topline{background:var(--kx-dark);color:#fff;font-size:13px}.kx-topline .kx-container,.kx-head-grid{display:flex;align-items:center;justify-content:space-between;gap:18px}.kx-topline span,.kx-topline a{display:inline-flex;padding:10px 8px;color:#fff;opacity:.95}.kx-header{background:#fff;box-shadow:0 10px 30px rgba(16,24,40,.06);position:sticky;top:0;z-index:50}.kx-head-grid{padding:18px}.kx-logo{display:flex;align-items:baseline;gap:3px;font-weight:950;font-size:25px}.kx-logo span{color:var(--kx-orange)}.kx-logo b{color:var(--kx-dark)}.kx-search{flex:1;max-width:560px;display:flex;border:2px solid var(--kx-yellow);border-radius:12px;overflow:hidden;background:#fff}.kx-search input{flex:1;border:0;padding:14px;outline:0}.kx-search button,.kx-btn,.kx-product button,.kx-filter button{border:0;background:var(--kx-yellow);color:#111827;font-weight:950;padding:0 18px;cursor:pointer}.kx-actions{display:flex;align-items:center;gap:10px}.kx-action,.kx-cart,.kx-lang select,.kx-lang a{border:1px solid var(--kx-line);border-radius:10px;padding:10px 12px;font-size:13px;font-weight:800;background:#fff}.kx-nav{background:#171717;color:#fff}.kx-menu,.kx-nav ul{display:flex;gap:0;list-style:none;margin:0;padding:0;flex-wrap:wrap}.kx-menu a,.kx-nav li a{display:block;padding:14px 16px;font-size:13px;font-weight:900}.kx-menu li:first-child a,.kx-nav li:first-child a{background:var(--kx-yellow);color:#111827}.kx-hero{background:linear-gradient(135deg,#111827,#34270b);padding:46px 0;color:#fff}.kx-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}.kx-hero-left,.kx-hero-card{border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:28px;background:rgba(255,255,255,.06);box-shadow:0 24px 60px rgba(0,0,0,.25)}.kx-eyebrow{background:var(--kx-yellow);color:#111827;border-radius:999px;font-weight:950;padding:6px 12px;font-size:12px}.kx-hero h1{font-size:42px;line-height:1.05;margin:18px 0 12px}.kx-hero p{color:#e5e7eb}.kx-filter{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px}.kx-filter select,.kx-filter input{height:44px;border:0;border-radius:10px;padding:0 12px}.kx-section{padding:44px 0}.kx-soft{background:var(--kx-soft)}.kx-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.kx-title h2{margin:0;font-size:26px}.kx-title a{color:var(--kx-orange);font-weight:900}.kx-brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.kx-brand-card{background:#fff;border:1px solid var(--kx-line);border-radius:16px;min-height:132px;display:grid;place-items:center;text-align:center;padding:16px;box-shadow:0 12px 28px rgba(16,24,40,.06);transition:.18s}.kx-brand-card:hover,.kx-product:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(16,24,40,.10)}.kx-brand-logo{height:58px;max-width:120px;object-fit:contain}.kx-brand-text{width:110px;height:60px;border:2px solid #111827;border-radius:14px;display:grid;place-items:center;font-weight:950;background:linear-gradient(135deg,#fff,#f6f7fa)}.kx-products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kx-product{background:#fff;border:1px solid var(--kx-line);border-radius:16px;overflow:hidden;box-shadow:0 12px 28px rgba(16,24,40,.06);transition:.18s}.kx-product-img{height:190px;background:linear-gradient(135deg,#fff,#f6f7fa);display:grid;place-items:center;position:relative}.kx-product-img img{max-height:135px;object-fit:contain}.kx-sku{position:absolute;right:10px;top:10px;background:#111827;color:#fff;border-radius:9px;padding:6px 9px;font-size:11px;font-weight:950}.kx-badge{position:absolute;left:10px;top:10px;background:#16a34a;color:#fff;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:950}.kx-product-body{padding:14px}.kx-product-brand{display:block;color:var(--kx-orange);font-size:12px;font-weight:950;margin-bottom:6px}.kx-product-title{font-weight:900;min-height:44px;display:block}.kx-oem{font-size:12px;color:#667085;margin:9px 0}.kx-price{font-size:20px;font-weight:950;margin:10px 0;color:#111827}.kx-product button{height:40px;width:100%;border-radius:10px}.kx-page{background:#fff;border:1px solid var(--kx-line);border-radius:18px;padding:24px;box-shadow:0 12px 30px rgba(16,24,40,.06)}.kx-page h1{margin-top:0}.kx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kx-field{display:grid;gap:6px}.kx-field.full{grid-column:1/-1}.kx-field label{font-weight:900;font-size:13px}.kx-field input,.kx-field select,.kx-field textarea{border:1px solid var(--kx-line);border-radius:10px;height:42px;padding:0 12px}.kx-field textarea{height:120px;padding:12px}.kx-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kx-info-box{background:#fff;border:1px solid var(--kx-line);border-radius:16px;padding:20px;box-shadow:0 12px 28px rgba(16,24,40,.06)}.kx-bank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kx-bank-card{border:1px solid var(--kx-line);border-radius:16px;background:#fff;padding:18px;box-shadow:0 12px 28px rgba(16,24,40,.06)}.kx-bank-line{display:grid;grid-template-columns:90px 1fr;gap:8px;border-top:1px solid var(--kx-line);padding:9px 0;font-size:13px}.kx-service-strip{background:linear-gradient(135deg,var(--kx-orange),var(--kx-yellow));padding:28px 0}.kx-services{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kx-services div{background:rgba(255,255,255,.22);border-radius:16px;padding:18px}.kx-services b{display:block}.kx-services span{font-size:13px}.kx-footer{background:#111827;color:#fff}.kx-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:22px;padding:36px 18px}.kx-footer a{display:block;color:#e5e7eb;margin:8px 0}.kx-footer p{color:#cbd5e1}.kx-copy{border-top:1px solid rgba(255,255,255,.1);padding:14px;text-align:center;color:#cbd5e1}.kx-whatsapp{position:fixed;left:18px;bottom:18px;background:#25d366;color:#fff;border-radius:999px;padding:14px 18px;font-weight:950;box-shadow:0 14px 35px rgba(37,211,102,.35);z-index:80}.kx-alert{padding:12px 14px;border-radius:12px;margin:12px 0;background:#ecfdf5;border:1px solid #bbf7d0}.kx-admin-note{padding:14px;border-radius:12px;background:#fff8dc;border:1px solid #f7d56e;margin:12px 0}.kx-account-grid{display:grid;grid-template-columns:240px 1fr;gap:18px}.kx-account-menu a{display:block;border:1px solid var(--kx-line);border-radius:12px;padding:12px;margin-bottom:8px;font-weight:800}.kx-table{width:100%;border-collapse:collapse}.kx-table th,.kx-table td{border-bottom:1px solid var(--kx-line);padding:10px;text-align:left;font-size:13px}.kx-detail{display:grid;grid-template-columns:1fr 1fr;gap:22px}.kx-detail-img{border:1px solid var(--kx-line);border-radius:18px;background:#fff;min-height:360px;display:grid;place-items:center}.kx-detail-info{border:1px solid var(--kx-line);border-radius:18px;padding:24px;background:#fff}.kx-compat{margin-top:20px;border:1px solid var(--kx-line);border-radius:16px;overflow:hidden}.kx-compat div{display:grid;grid-template-columns:1.2fr 1fr .7fr .7fr}.kx-compat span{padding:10px;border-bottom:1px solid var(--kx-line);border-right:1px solid var(--kx-line);font-size:13px}.kx-compat .head span{font-weight:950;background:#f9fafb}
@media(max-width:980px){.kx-hero-grid,.kx-detail,.kx-account-grid{grid-template-columns:1fr}.kx-filter{grid-template-columns:1fr 1fr}.kx-products{grid-template-columns:repeat(2,1fr)}.kx-brand-grid{grid-template-columns:repeat(3,1fr)}.kx-info-grid,.kx-bank-grid,.kx-services,.kx-footer-grid{grid-template-columns:1fr 1fr}.kx-head-grid{display:grid}.kx-search{max-width:none}.kx-actions{flex-wrap:wrap}}
@media(max-width:620px){.kx-topline .kx-container{display:block}.kx-hero h1{font-size:30px}.kx-filter,.kx-products,.kx-brand-grid,.kx-info-grid,.kx-bank-grid,.kx-services,.kx-footer-grid,.kx-form-grid{grid-template-columns:1fr}.kx-compat div{grid-template-columns:1fr}.kx-menu,.kx-nav ul{display:block}.kx-whatsapp{right:14px;left:14px;text-align:center}}
