@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  --bg:#F7F8FA; --surface:#FFFFFF; --ink:#10141F; --ink-muted:#5B6270; --ink-faint:#9CA1AC;
  --line:#E2E5EA; --accent:#12297D; --accent-dark:#0C1B5C; --accent-tint:#E7EAF7;
  --red:#C81E1E; --success:#1F7A4D; --success-tint:#E3F2E9; --warn:#B4790E; --warn-tint:#FBF0DD;
  --danger:#C23A3A; --danger-tint:#FBEAEA;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;margin:0;}
p{margin:0;}
button,input,select,textarea{font-family:'Inter',sans-serif;}
.mono{font-family:'IBM Plex Mono',monospace;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;}
svg.ic{display:inline-block;vertical-align:middle;}

.top-strip{height:6px;background:repeating-linear-gradient(-45deg,var(--accent) 0 10px,var(--red) 10px 20px);}

.brand-lockup{display:flex;align-items:center;gap:11px;cursor:pointer;}
.brand-word{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;letter-spacing:.3px;line-height:1.05;color:var(--accent);text-transform:uppercase;}
.brand-tag{font-family:'Inter',sans-serif;font-size:8px;letter-spacing:1.2px;margin-top:3px;color:var(--red);font-weight:700;text-transform:uppercase;white-space:nowrap;}
.brand-tag i{font-style:normal;color:#D1D5DB;margin:0 4px;font-weight:400;}

.header{position:sticky;top:0;z-index:40;background:rgba(247,248,250,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);transition:box-shadow .35s ease;}
.header.is-scrolled{box-shadow:0 4px 18px rgba(16,20,31,.07);}
.header-inner{width:100%;max-width:100%;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.header-right{display:flex;align-items:center;gap:24px;}
.nav{display:flex;align-items:center;gap:8px;}
.nav-link{font-size:14px;font-weight:500;color:var(--ink);background:none;border:none;cursor:pointer;padding:8px 14px;border-radius:6px;transition:background .2s,color .2s;white-space:nowrap;}
.nav-link:hover{background:var(--accent-tint);color:var(--accent);}
.nav-link.active{background:var(--accent);color:#fff;font-weight:600;}
.header-actions{display:flex;align-items:center;}
.whatsapp-pill{display:flex;align-items:center;gap:7px;background:#25D366;color:#fff;border:none;padding:9px 18px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px rgba(37,211,102,.2);}
.whatsapp-pill:hover{background:#1DA851;}

.hero{padding:60px 24px 40px;}
.hero-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-bottom:14px;display:block;}
.hero-title{font-size:44px;font-weight:700;line-height:1.08;letter-spacing:-.5px;}
.hero-sub{font-size:16px;color:var(--ink-muted);margin-top:18px;max-width:480px;}
.hero-ctas{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap;}
.btn-primary{background:var(--accent);color:#fff;border:none;padding:13px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;}
.btn-primary:hover{background:var(--accent-dark);}
.btn-primary:disabled{opacity:.5;cursor:not-allowed;}
.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--line);padding:13px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;}
.btn-secondary:hover{border-color:var(--ink);}
.btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);padding:8px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;}
.btn-danger:hover{background:var(--danger);color:#fff;}
.btn-ghost{background:none;border:1px solid var(--line);color:var(--ink);padding:8px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent);}
.hero-stamp-wrap{display:flex;justify-content:center;align-items:center;position:relative;animation:fadeIn .9s .2s cubic-bezier(.16,.84,.44,1) both;}
.hero-stamp-wrap img{width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(18,41,125,.12));}

.trust-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);}
.trust-inner{max-width:1180px;margin:0 auto;padding:20px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.trust-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-muted);}
.trust-item b{color:var(--ink);font-weight:600;}

.section{padding:56px 24px;}
.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px;max-width:1180px;margin-left:auto;margin-right:auto;}
.section-title{font-size:26px;font-weight:700;}
.section-link{background:none;border:none;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;}

.category-strip{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.category-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px;cursor:pointer;text-align:left;transition:border-color .25s,transform .35s cubic-bezier(.16,.84,.44,1),box-shadow .35s;}
.category-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 14px 28px rgba(16,20,31,.08);}
.category-icon{width:44px;height:44px;border-radius:50%;background:var(--accent-tint);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:20px;transition:transform .35s cubic-bezier(.16,.84,.44,1);}
.category-card:hover .category-icon{transform:scale(1.1);}
.category-card p:first-of-type{font-weight:600;font-size:14px;margin-bottom:3px;}
.category-card p:last-of-type{font-size:12px;color:var(--ink-muted);}

.product-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.product-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:border-color .25s,transform .35s cubic-bezier(.16,.84,.44,1),box-shadow .35s;}
.product-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 14px 28px rgba(16,20,31,.08);}
.product-media{background:#fff;height:170px;display:flex;align-items:center;justify-content:center;position:relative;padding:12px;overflow:hidden;border-bottom:1px solid var(--line);}
.product-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .35s cubic-bezier(.16,.84,.44,1);}
.product-card:hover .product-img{transform:scale(1.08);}
.product-icon-circle{width:68px;height:68px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);font-size:30px;transition:transform .35s cubic-bezier(.16,.84,.44,1);}
.product-card:hover .product-icon-circle{transform:scale(1.08) rotate(-4deg);}
.best-tag{position:absolute;top:10px;left:10px;background:var(--accent);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;letter-spacing:.3px;z-index:2;}
.cert-chip{position:absolute;bottom:10px;right:10px;background:#fff;border:1px dashed var(--accent);color:var(--accent-dark);font-family:'IBM Plex Mono',monospace;font-size:9px;padding:3px 6px;border-radius:20px;transform:rotate(-4deg);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2;}
.product-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;}
.product-cat{font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.5px;}
.product-name{font-size:14px;font-weight:600;line-height:1.3;min-height:36px;}
.product-meta{display:flex;align-items:center;gap:6px;margin-top:2px;}
.review-count{font-size:12px;color:var(--ink-faint);}
.price{font-family:'IBM Plex Mono',monospace;font-size:16px;font-weight:500;margin-top:4px;color:var(--ink-muted);}
.stars{display:inline-flex;align-items:center;gap:3px;}

.stock-badge{position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.3px;display:inline-flex;align-items:center;gap:5px;}
.stock-badge.in{background:var(--success-tint);color:var(--success);}
.stock-badge.low{background:var(--warn-tint);color:var(--warn);}
.stock-badge.out{background:var(--danger-tint);color:var(--danger);}
.stock-dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
.stock-line{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin-top:16px;}
.stock-line.in{color:var(--success);}
.stock-line.low{color:var(--warn);}
.stock-line.out{color:var(--danger);}

.footer{background:var(--accent-dark);color:#E7EAF7;padding:48px 24px 24px;margin-top:40px;}
.footer-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:32px;}
.footer-grid h3{font-size:14px;margin-bottom:14px;color:#fff;font-weight:700;}
.footer-grid p,.footer-grid a{font-size:13px;color:#B7BEDA;display:block;text-decoration:none;margin-bottom:8px;cursor:pointer;font-weight:400;line-height:1.45;}
.footer-grid a:hover{color:#fff;}
.footer-contact{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#B7BEDA;margin-bottom:10px;line-height:1.45;font-weight:400;}
.footer-contact span,.footer-contact a{font-size:13px;color:#B7BEDA;font-weight:400;text-decoration:none;margin-bottom:0;display:inline;}
.footer-contact a:hover{color:#fff;}
.footer-contact svg{flex-shrink:0;margin-top:2px;color:#8E96C4;}
.footer-bottom{max-width:1180px;margin:32px auto 0;padding-top:20px;border-top:1px solid #2A3A80;font-size:12px;color:#8E96C4;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.footer-bottom a{color:#8E96C4;}
.footer-bottom a:hover{color:#fff;}

.shop-header{padding:40px 24px 0;max-width:1180px;margin:0 auto;}
.breadcrumb{font-size:13px;color:var(--ink-muted);display:flex;align-items:center;gap:6px;margin-bottom:14px;cursor:pointer;width:fit-content;}
.shop-layout{max-width:1180px;margin:0 auto;padding:24px 24px 64px;display:grid;grid-template-columns:220px 1fr;gap:32px;}
.filter-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-faint);margin-bottom:12px;}
.filter-option{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:14px;cursor:pointer;border:none;background:none;width:100%;text-align:left;color:var(--ink);}
.filter-option.active{color:var(--accent);font-weight:600;}
.filter-count{color:var(--ink-faint);font-size:12px;}
.sort-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap;}
.sort-select{font-size:13px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.checkbox-inline{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-muted);}

.detail-layout{max-width:1180px;margin:0 auto;padding:28px 24px 64px;display:grid;grid-template-columns:1fr 1fr;gap:56px;}
.detail-media{background:#fff;border-radius:14px;border:1px solid var(--line);height:420px;display:flex;align-items:center;justify-content:center;position:relative;padding:24px;overflow:hidden;}
.detail-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .4s ease;}
.detail-media:hover .detail-img{transform:scale(1.04);}
.detail-icon-circle{width:150px;height:150px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);font-size:64px;}
.detail-cat{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-weight:600;}
.detail-title{font-size:30px;font-weight:700;margin-top:8px;line-height:1.15;}
.detail-meta{display:flex;align-items:center;gap:10px;margin-top:10px;}
.detail-price{font-family:'IBM Plex Mono',monospace;font-size:24px;font-weight:500;margin-top:18px;color:var(--ink-muted);}
.detail-price-label{font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.5px;margin-top:16px;}
.detail-desc{font-size:14px;color:var(--ink-muted);margin-top:16px;line-height:1.7;}
.enquire-row{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap;}
.spec-table{margin-top:32px;border-top:1px solid var(--line);}
.spec-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;}
.spec-row .spec-label{color:var(--ink-muted);}
.spec-row .spec-value{font-family:'IBM Plex Mono',monospace;font-weight:500;text-align:right;}

.about-layout{max-width:1180px;margin:0 auto;padding:24px 24px 64px;}
.about-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:32px;margin-bottom:28px;}
.about-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px;}
.about-feature{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;}
.about-feature-icon{font-size:26px;margin-bottom:10px;}
.about-feature h3{font-size:15px;margin-bottom:6px;}
.about-feature p{font-size:13px;color:var(--ink-muted);line-height:1.5;}
.about-cta-box{background:var(--accent-tint);border:1px solid #CCD5F0;border-radius:12px;padding:36px 24px;text-align:center;}
.about-cta-box h2{font-size:22px;color:var(--accent-dark);}

.contact-layout{max-width:1180px;margin:0 auto;padding:24px 24px 64px;}
.contact-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px;}
.contact-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;}
.contact-card-icon{width:46px;height:46px;border-radius:50%;background:var(--accent-tint);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.contact-card h3{font-size:16px;}
.contact-info-banner{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px;max-width:680px;}

.brands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.brand-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .25s cubic-bezier(.16,.84,.44,1),box-shadow .25s,border-color .25s;}
.brand-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(16,20,31,.08);border-color:var(--accent);}
.brand-card-top{display:flex;align-items:center;gap:14px;}
.brand-logo-wrap{width:76px;height:52px;border-radius:8px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:6px;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.03);}
.brand-logo-img{max-width:100%;max-height:100%;object-fit:contain;}
.brand-info{display:flex;flex-direction:column;gap:3px;}
.brand-title{font-size:16px;font-weight:700;color:var(--ink);line-height:1.2;}
.brand-badge{font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-tint);padding:2px 8px;border-radius:12px;width:fit-content;}
.brand-arrow{color:var(--ink-faint);display:flex;align-items:center;justify-content:center;transition:transform .2s,color .2s;}
.brand-card:hover .brand-arrow{transform:translateX(3px);color:var(--accent);}

/* ---- admin / CMS ---- */
.admin-login-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:24px;}
.admin-login-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:36px;max-width:360px;width:100%;text-align:center;}
.admin-login-card .icon-circle{width:52px;height:52px;border-radius:50%;background:var(--accent-tint);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.admin-shell{max-width:1180px;margin:0 auto;padding:28px 24px 80px;display:grid;grid-template-columns:200px 1fr;gap:32px;}
.admin-side{display:flex;flex-direction:column;gap:4px;}
.admin-side button{text-align:left;background:none;border:none;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;color:var(--ink);display:flex;align-items:center;gap:8px;}
.admin-side button:hover{background:var(--line);}
.admin-side button.active{background:var(--accent-tint);color:var(--accent);font-weight:600;}
.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px;}
.admin-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.admin-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-faint);padding:12px 14px;border-bottom:1px solid var(--line);background:#F7F8FA;}
.admin-table td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle;}
.admin-table tr:last-child td{border-bottom:none;}
.admin-actions-cell{display:flex;gap:8px;}
.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:16px;}
.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.admin-badge{display:inline-block;background:var(--accent-tint);color:var(--accent);font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;}
.admin-note{font-size:12px;color:var(--ink-faint);margin-top:6px;}
.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;}
.form-section{margin-bottom:28px;}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.form-label{font-size:12px;font-weight:500;color:var(--ink-muted);}
.form-input,.form-textarea,.form-select{border:1px solid var(--line);border-radius:6px;padding:10px 12px;font-size:14px;background:#fff;width:100%;}
.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);}
.field-error{font-size:12px;color:var(--danger);}
.modal-overlay{position:fixed;inset:0;background:rgba(16,20,31,.65);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:30px 16px;overflow-y:auto;z-index:300;animation:fadeIn .25s ease;}
.modal-card{background:#fff;border-radius:14px;max-width:760px;width:100%;padding:28px 32px;box-shadow:0 24px 60px rgba(16,20,31,.22);border:1px solid var(--line);position:relative;animation:fadeInUp .35s cubic-bezier(.16,.84,.44,1);}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line);}
.modal-close-btn{background:#F3F4F6;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ink-muted);transition:background .2s,color .2s;}
.modal-close-btn:hover{background:#E5E7EB;color:var(--ink);}

/* ---- INSTANT RFQ ENGINE STYLES ---- */
.rfq-engine-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(18,41,125,.08);color:var(--accent);padding:4px 10px;border-radius:16px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;}
.rfq-title{font-size:24px;font-weight:700;color:var(--accent);line-height:1.2;}
.rfq-sub{font-size:13px;color:var(--ink-muted);margin-top:4px;}
.rfq-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:16px;}
.rfq-section-title{font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ink);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;}
.rfq-items-box{background:#F9FAFB;border:1px solid var(--line);border-radius:10px;padding:14px;max-height:300px;overflow-y:auto;}
.rfq-empty{padding:24px 12px;text-align:center;color:var(--ink-faint);font-size:13px;}
.rfq-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;transition:border-color .2s;}
.rfq-item:hover{border-color:var(--accent);}
.rfq-item-info{flex:1;min-width:0;}
.rfq-item-name{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rfq-item-brand{font-size:11px;color:var(--ink-muted);}
.rfq-qty-ctrl{display:flex;align-items:center;gap:4px;}
.rfq-qty-btn{width:24px;height:24px;background:#F3F4F6;border:1px solid var(--line);border-radius:4px;cursor:pointer;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;}
.rfq-qty-btn:hover{background:#E5E7EB;}
.rfq-qty-val{font-size:13px;font-weight:700;min-width:32px;text-align:center;font-family:'IBM Plex Mono',monospace;}
.rfq-cat-builder{background:#F0F4FF;border:1px solid #D0DBFF;border-radius:10px;padding:12px;margin-bottom:12px;}
.rfq-builder-grid{display:grid;grid-template-columns:1fr 74px auto;gap:8px;align-items:center;margin-top:8px;}
.rfq-item-tag{display:inline-block;background:var(--accent-tint);color:var(--accent);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;margin-bottom:3px;}
.rfq-item-desc{font-size:12px;color:var(--ink-muted);line-height:1.4;}

.rfq-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;}
.rfq-btn-wa{background:#25D366;color:#fff;border:none;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s;box-shadow:0 3px 10px rgba(37,211,102,.25);}
.rfq-btn-wa:hover{background:#1DA851;}
.rfq-btn-mail{background:var(--accent);color:#fff;border:none;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s;}
.rfq-btn-mail:hover{background:var(--accent-dark);}
.rfq-btn-slip{background:#fff;color:var(--ink);border:1px solid var(--line);padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;grid-column:1/-1;}
.rfq-btn-slip:hover{border-color:var(--ink);background:#F9FAFB;}

.rfq-floating-launcher{position:fixed;bottom:24px;right:24px;z-index:90;display:flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:12px 20px;border-radius:30px;font-size:13px;font-weight:700;letter-spacing:.3px;box-shadow:0 8px 24px rgba(18,41,125,.35);cursor:pointer;transition:transform .2s,box-shadow .2s;border:2px solid #fff;}
.rfq-floating-launcher:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(18,41,125,.45);background:var(--accent-dark);}
.rfq-count-badge{background:var(--red);color:#fff;padding:2px 7px;border-radius:12px;font-size:11px;font-weight:700;font-family:'IBM Plex Mono',monospace;}

/* ---- scroll & entrance animation ---- */
@keyframes fadeInUp{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,14px);}to{opacity:1;transform:translate(-50%,0);}}
@keyframes badgePop{0%{transform:scale(0);}60%{transform:scale(1.3);}100%{transform:scale(1);}}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,.84,.44,1),transform .7s cubic-bezier(.16,.84,.44,1);transition-delay:var(--reveal-delay,0s);}
.reveal.reveal-visible{opacity:1;transform:translateY(0);}
.reveal-scale{opacity:0;transform:scale(.92);transition:opacity .6s cubic-bezier(.16,.84,.44,1),transform .6s cubic-bezier(.16,.84,.44,1);transition-delay:var(--reveal-delay,0s);}
.reveal-scale.reveal-visible{opacity:1;transform:scale(1);}

.hero-eyebrow-in{animation:fadeInUp .6s cubic-bezier(.16,.84,.44,1) both;}
.hero-title-in{animation:fadeInUp .7s .08s cubic-bezier(.16,.84,.44,1) both;}
.hero-sub-in{animation:fadeInUp .7s .18s cubic-bezier(.16,.84,.44,1) both;}
.hero-ctas-in{animation:fadeInUp .7s .28s cubic-bezier(.16,.84,.44,1) both;}

@media (prefers-reduced-motion:reduce){
  .reveal,.reveal-scale{opacity:1!important;transform:none!important;transition:none!important;}
  .hero-eyebrow-in,.hero-title-in,.hero-sub-in,.hero-ctas-in,.hero-stamp-wrap,.toast{animation:none!important;}
}

/* ---- RESPONSIVE & MOBILE POLISH ---- */
.mobile-menu-btn{display:none;background:#F3F4F6;border:1px solid var(--line);width:38px;height:38px;border-radius:8px;align-items:center;justify-content:center;font-size:20px;color:var(--ink);cursor:pointer;line-height:1;}
.mobile-nav-drawer{display:none;}

.mobile-bottom-bar{display:none;}

@media (max-width:900px){
  .header-inner{padding:10px 16px;}
  .brand-word{font-size:18px;}
  .brand-tag{font-size:7px;letter-spacing:.8px;}
  .nav{display:none;}
  .mobile-menu-btn{display:flex;}
  
  .mobile-nav-drawer{display:none;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(16,20,31,.08);padding:12px 16px;animation:fadeIn .2s ease;}
  .mobile-nav-drawer.open{display:block;}
  .mobile-nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;font-size:15px;font-weight:600;color:var(--ink);background:none;border:none;border-radius:6px;text-align:left;cursor:pointer;}
  .mobile-nav-link:hover,.mobile-nav-link.active{background:var(--accent-tint);color:var(--accent);}

  .hero{padding:36px 16px 28px;}
  .hero-grid{grid-template-columns:1fr;gap:20px;}
  .hero-stamp-wrap{display:none;}
  .hero-title{font-size:28px!important;line-height:1.25;}
  .hero-sub{font-size:14px;margin-bottom:20px;}
  .hero-ctas{flex-direction:column;gap:10px;}
  .hero-ctas .btn-primary,.hero-ctas .btn-secondary{width:100%;justify-content:center;padding:12px 16px;}

  .trust-bar{padding:14px 16px;}
  .trust-inner{grid-template-columns:1fr 1fr;gap:12px;}
  .trust-item{font-size:12px;}

  .category-strip{grid-template-columns:repeat(2,1fr);gap:10px;}
  .category-card{padding:14px 10px;}
  .category-icon{font-size:24px;margin-bottom:6px;}

  .section{padding:32px 16px;}
  .product-grid,.shop-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .product-card{padding:12px;}
  .product-img-wrap{height:130px;}
  .product-title{font-size:13px;}
  .product-price{font-size:14px;}

  .detail-layout{grid-template-columns:1fr;gap:20px;padding:16px;}
  .detail-img-wrap{height:240px;}
  .detail-title{font-size:22px;}
  .enquire-row{flex-direction:column;gap:8px;}
  .enquire-row button,.enquire-row a{width:100%;justify-content:center;}

  .shop-layout{grid-template-columns:1fr;}
  .shop-header{padding:16px;}

  /* RFQ Modal Responsive */
  .modal-overlay{padding:16px 10px;align-items:center;}
  .modal-card{padding:18px 16px;max-height:92vh;overflow-y:auto;}
  .rfq-grid{grid-template-columns:1fr;gap:18px;}
  .rfq-title{font-size:20px;}
  .rfq-builder-grid{grid-template-columns:1fr;gap:6px;}
  .rfq-builder-grid button{width:100%;}
  .rfq-actions-row{grid-template-columns:1fr;gap:8px;}

  .about-grid,.contact-cards-grid,.brands-grid{grid-template-columns:1fr;gap:16px;}
  .footer-grid{grid-template-columns:1fr;gap:24px;}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center;}

  /* Mobile Sticky Bottom Bar */
  .mobile-bottom-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:8px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;z-index:99;box-shadow:0 -4px 16px rgba(0,0,0,.08);}
  .mobile-bar-btn-wa{background:#25D366;color:#fff;border:none;border-radius:8px;padding:10px 8px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;}
  .mobile-bar-btn-rfq{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 8px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;}
  
  body{padding-bottom:60px;}
}

@media (max-width:480px){
  .product-grid,.shop-grid{grid-template-columns:1fr 1fr;}
  .trust-inner{grid-template-columns:1fr;}
  .header-actions .whatsapp-pill{padding:7px 12px;font-size:12px;}
}

/* =========================================================
   BRAND COMPARISON MATRIX & BENCHMARK STYLES
   ========================================================= */

/* Product Card Compare Button */
.product-media{position:relative;}
.compare-card-btn{position:absolute;bottom:8px;right:8px;z-index:3;background:rgba(255,255,255,0.92);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:14px;padding:3px 8px;font-size:11px;font-weight:600;color:var(--ink);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,0.08);}
.compare-card-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);}
.compare-card-btn.is-active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px rgba(18,41,125,0.25);}

/* Home Page Matrix Promo Banner */
.matrix-promo-banner{background:linear-gradient(135deg, #0a1f44 0%, #12297D 60%, #1c3d9c 100%);border-radius:12px;padding:32px 36px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;cursor:pointer;box-shadow:0 12px 32px rgba(10,31,68,0.16);transition:transform .3s ease,box-shadow .3s ease;max-width:1180px;margin:0 auto;}
.matrix-promo-banner:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(10,31,68,0.22);}
.matrix-promo-tag{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:1.5px;color:#f59e0b;font-weight:700;text-transform:uppercase;display:inline-block;margin-bottom:8px;}
.matrix-promo-title{font-size:26px;font-weight:700;color:#ffffff;line-height:1.2;}
.matrix-promo-desc{font-size:14px;color:#cbd5e1;margin-top:8px;max-width:680px;line-height:1.5;}
.matrix-promo-chips{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;}
.matrix-promo-chips span{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);padding:4px 10px;border-radius:20px;font-size:12px;color:#e2e8f0;}
.matrix-promo-action button{box-shadow:0 4px 14px rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.2);}

/* Matrix Page Layout */
.matrix-page{background:var(--bg);min-height:90vh;padding-bottom:60px;}
.matrix-hero{background:linear-gradient(135deg, #07152e 0%, #0c2340 70%, #163670 100%);color:#fff;padding:48px 24px 40px;border-bottom:1px solid rgba(255,255,255,0.1);}
.matrix-hero-inner{max-width:1240px;margin:0 auto;}
.matrix-top-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(245,158,11,0.18);border:1px solid rgba(245,158,11,0.4);color:#fbbf24;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:700;letter-spacing:1.5px;padding:4px 12px;border-radius:20px;margin-bottom:12px;}
.matrix-hero-title{font-size:36px;font-weight:700;color:#fff;line-height:1.15;letter-spacing:-.5px;}
.matrix-hero-subtitle{font-size:15px;color:#94a3b8;margin-top:10px;max-width:760px;line-height:1.5;}

.matrix-content-wrap{max-width:1240px;margin:0 auto;padding:24px 20px;}

/* Category Navigator */
.matrix-cat-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:20px;scrollbar-width:thin;}
.matrix-cat-btn{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.04);}
.matrix-cat-btn:hover{border-color:var(--accent);background:var(--accent-tint);}
.matrix-cat-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(18,41,125,0.25);}
.matrix-cat-emoji{font-size:16px;}
.matrix-cat-label{font-size:13px;font-weight:600;}
.matrix-cat-badge{background:rgba(0,0,0,0.06);padding:2px 7px;border-radius:10px;font-size:11px;font-weight:700;color:inherit;}
.matrix-cat-btn.active .matrix-cat-badge{background:rgba(255,255,255,0.25);color:#fff;}

/* Toolbar Card */
.matrix-toolbar-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px;box-shadow:0 1px 4px rgba(0,0,0,0.04);}
.matrix-selection-counter{font-size:15px;color:var(--ink);}
.matrix-selection-counter b{color:var(--accent);font-weight:700;}
.matrix-hint{font-size:12px;color:var(--ink-muted);margin-top:2px;}
.matrix-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.btn-ghost.is-active{background:var(--warn-tint);color:var(--warn);border-color:var(--warn);}

/* Quick Add Drawer */
.matrix-add-drawer{background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:10px;padding:14px 18px;margin-bottom:20px;}
.matrix-add-header{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;}
.matrix-add-title{font-size:13px;font-weight:700;color:var(--ink);}
.matrix-add-sub{font-size:12px;color:var(--ink-muted);}
.matrix-add-chips{display:flex;gap:8px;flex-wrap:wrap;}
.matrix-add-chip{background:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:5px 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .15s ease;font-size:12px;}
.matrix-add-chip:hover{border-color:var(--accent);background:var(--accent-tint);color:var(--accent);}
.chip-brand{font-weight:700;color:var(--accent-dark);}
.chip-name{color:var(--ink);}
.chip-price{font-family:'IBM Plex Mono',monospace;color:var(--ink-muted);font-size:11px;}
.chip-plus{background:var(--accent-tint);color:var(--accent);width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;}

/* Comparison Table Container */
.matrix-table-container{background:#fff;border:1px solid var(--line);border-radius:12px;overflow-x:auto;box-shadow:0 4px 20px rgba(0,0,0,0.05);margin-bottom:28px;}
.matrix-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;table-layout:fixed;}
.matrix-table th,.matrix-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:14px 18px;vertical-align:top;text-align:left;}
.matrix-table th:last-child,.matrix-table td:last-child{border-right:none;}

/* Table Columns */
.matrix-feature-col{width:260px;background:#f8fafc;position:sticky;left:0;z-index:10;box-shadow:2px 0 6px rgba(0,0,0,0.03);}
.matrix-header-info .matrix-col-title{font-size:15px;font-weight:700;color:var(--ink);display:block;}
.matrix-header-info .matrix-col-desc{font-size:11px;color:var(--ink-muted);font-weight:400;margin-top:2px;}
.matrix-prod-col{min-width:240px;width:calc((100% - 260px)/3);background:#fff;position:relative;}

/* Card Header inside Table */
.matrix-card-header{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding-top:10px;}
.matrix-remove-btn{position:absolute;top:0;right:0;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink-muted);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;}
.matrix-remove-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger);}
.matrix-badge-best{background:#fef3c7;color:#92400e;border:1px solid #fde68a;font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;}
.matrix-badge-corp{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;}

.matrix-img-wrap{width:130px;height:130px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;margin-bottom:10px;cursor:pointer;}
.matrix-prod-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease;}
.matrix-img-wrap:hover .matrix-prod-img{transform:scale(1.06);}
.matrix-prod-fallback{font-size:42px;}

.matrix-prod-brand{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--ink-muted);}
.matrix-prod-title{font-size:15px;font-weight:700;color:var(--ink);margin:4px 0 2px;cursor:pointer;line-height:1.25;}
.matrix-prod-title:hover{color:var(--accent);}
.matrix-prod-cert{font-size:11px;color:var(--accent);font-weight:600;}

.matrix-price-row{margin:10px 0;display:flex;flex-direction:column;align-items:center;}
.matrix-price{font-family:'IBM Plex Mono',monospace;font-size:20px;font-weight:700;color:var(--accent-dark);}
.matrix-price-note{font-size:10px;color:var(--ink-faint);}

.matrix-actions-row{width:100%;display:flex;flex-direction:column;gap:6px;margin-top:6px;}

/* Table Rows & Labels */
.matrix-feature-label{background:#f8fafc;position:sticky;left:0;z-index:5;box-shadow:2px 0 6px rgba(0,0,0,0.03);}
.matrix-feature-label b{font-size:13px;color:var(--ink);display:block;}
.matrix-feature-sub{font-size:11px;color:var(--ink-muted);margin-top:2px;}

.matrix-section-divider td{background:#edf2f7;padding:10px 18px;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;}
.matrix-section-title{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#1e293b;}

.matrix-val-cell{background:#fff;line-height:1.5;color:#334155;font-size:13px;}
.matrix-summary-tr .matrix-verdict-cell{background:#faf5ff;border-left:3px solid #8b5cf6;font-size:12px;line-height:1.45;}
.matrix-val-text{display:block;}

/* Differential Highlight Mode */
.matrix-diff-highlight .matrix-feature-label{background:#fffbeb;border-left:4px solid #f59e0b;}
.matrix-val-diff{background:#fefce8;color:#854d0e;font-weight:500;}

/* Stock Tag */
.matrix-stock-tag{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;}
.matrix-stock-tag.tag-in{background:var(--success-tint);color:var(--success);}
.matrix-stock-tag.tag-out{background:var(--warn-tint);color:var(--warn);}

/* Corporate Consultation Card */
.matrix-consult-card{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;box-shadow:0 2px 10px rgba(0,0,0,0.03);}
.matrix-consult-tag{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:1.2px;color:var(--accent);font-weight:700;text-transform:uppercase;margin-bottom:4px;display:block;}
.matrix-consult-title{font-size:20px;font-weight:700;color:var(--ink);}
.matrix-consult-text{font-size:14px;color:var(--ink-muted);margin-top:6px;max-width:680px;line-height:1.5;}
.matrix-consult-right{display:flex;align-items:center;gap:12px;}

/* Print / PDF Styles */
@media print {
  .header,.top-strip,.footer,.mobile-bottom-bar,.matrix-hero .breadcrumb,.matrix-cat-nav,.matrix-toolbar-card,.matrix-add-drawer,.matrix-actions-row,.matrix-remove-btn,.matrix-consult-card{display:none !important;}
  body{background:#fff;padding:0;margin:0;font-size:11px;}
  .matrix-page{padding:0;}
  .matrix-hero{background:#fff !important;color:#000 !important;padding:10px 0 20px;border-bottom:2px solid #0c2340;}
  .matrix-hero-title{color:#0c2340 !important;font-size:20px;}
  .matrix-hero-subtitle{color:#555 !important;font-size:11px;}
  .matrix-top-badge{border:1px solid #0c2340;color:#0c2340;background:#fff;}
  .matrix-content-wrap{padding:0;}
  .matrix-table-container{border:1px solid #000;box-shadow:none;}
  .matrix-table th,.matrix-table td{padding:8px 10px;font-size:11px;border-color:#ccc;}
  .matrix-feature-col,.matrix-feature-label{position:static;box-shadow:none;background:#f0f0f0 !important;}
  .matrix-img-wrap{height:80px;width:80px;}
}

@media (max-width:768px){
  .matrix-promo-banner{flex-direction:column;padding:24px 20px;align-items:flex-start;}
  .matrix-promo-action{width:100%;}
  .matrix-promo-action button{width:100%;justify-content:center;}
  .matrix-hero-title{font-size:26px;}
  .matrix-toolbar-card{flex-direction:column;align-items:flex-start;gap:12px;}
  .matrix-toolbar-right{width:100%;}
  .matrix-toolbar-right button{flex:1;justify-content:center;}
  .matrix-feature-col{width:160px;}
  .matrix-prod-col{min-width:200px;}
  .matrix-consult-card{flex-direction:column;align-items:flex-start;}
  .matrix-consult-right{width:100%;flex-direction:column;}
  .matrix-consult-right a,.matrix-consult-right button{width:100%;justify-content:center;}
}