*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    --primary: #4f46e5;
    --primary-dark: #4338ca;
    --accent: #f59e0b;
    --bg: #f8fafc;
    --surface: #ffffff;
    --border: #e2e8f0;
    --text: #0f172a;
    --muted: #64748b;
    --danger: #dc2626;
    --success: #16a34a;
    --radius: 10px;
    --shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 4px 12px rgba(15, 23, 42, .05);
}

body {
    margin: 0;
    font-family: "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
}

a {
    color: var(--primary);
    text-decoration: none;
}

a:hover {
    color: var(--primary-dark);
}

img {
    max-width: 100%;
    display: block;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header */
.site-header {
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 0;
    z-index: 50;
}

.header-inner {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 14px 20px;
}

.brand a {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--text);
    letter-spacing: -.5px;
}

.brand span {
    color: var(--primary);
}

.search-form {
    flex: 1;
    display: flex;
}

.search-form input {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid var(--border);
    border-right: 0;
    border-radius: var(--radius) 0 0 var(--radius);
    font-size: .95rem;
    outline: none;
}

.search-form input:focus {
    border-color: var(--primary);
}

.search-form button {
    padding: 10px 18px;
    border: 1px solid var(--primary);
    background: var(--primary);
    color: #fff;
    border-radius: 0 var(--radius) var(--radius) 0;
    cursor: pointer;
    font-weight: 600;
}

.search-form button:hover {
    background: var(--primary-dark);
}

.account-links {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    font-size: .9rem;
}

.account-links > a {
    color: var(--muted);
}

.account-links > a:hover {
    color: var(--primary);
}

.nav-btn {
    padding: 8px 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
}

.nav-btn:hover {
    border-color: var(--primary);
}

.nav-btn-primary {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff !important;
}

.nav-btn-primary:hover {
    background: var(--primary-dark);
}

.inline-form {
    display: inline;
}

.link-btn {
    background: none;
    border: none;
    color: var(--muted);
    font-weight: 600;
    font-size: .9rem;
    cursor: pointer;
    padding: 8px 14px;
}

.link-btn:hover {
    color: var(--danger);
}

.main-nav {
    display: flex;
    gap: 4px;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    padding: 0 20px;
    overflow-x: auto;
}

.main-nav a {
    padding: 12px 16px;
    color: var(--muted);
    font-weight: 600;
    font-size: .95rem;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
}

.main-nav a:hover {
    color: var(--text);
}

.main-nav a.active {
    color: var(--primary);
    border-bottom-color: var(--primary);
}

/* Footer */
.site-footer {
    background: #0f172a;
    color: #cbd5e1;
    margin-top: 60px;
}

.footer-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
    padding: 40px 20px;
}

.site-footer h4 {
    color: #fff;
    margin: 0 0 12px;
}

.site-footer a {
    color: #cbd5e1;
}

.footer-bottom {
    border-top: 1px solid #1e293b;
    padding: 16px 20px;
    text-align: center;
    font-size: .85rem;
    color: #64748b;
}

/* Hero */
.hero {
    background: linear-gradient(135deg, var(--primary), #7c3aed);
    color: #fff;
    padding: 64px 20px;
    margin-bottom: 40px;
}

.hero h1 {
    font-size: 2.4rem;
    margin: 0 0 8px;
}

.hero p {
    font-size: 1.1rem;
    opacity: .9;
    margin: 0 0 24px;
}

.btn {
    display: inline-block;
    padding: 11px 22px;
    border-radius: var(--radius);
    font-weight: 600;
    cursor: pointer;
    border: none;
    font-size: .95rem;
}

.btn-primary {
    background: #fff;
    color: var(--primary);
}

.btn-primary:hover {
    background: #eef2ff;
    color: var(--primary);
}

.btn-outline {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text);
}

.btn-outline:hover {
    border-color: var(--primary);
    color: var(--primary);
}

/* Sections */
.section {
    margin-bottom: 40px;
}

.section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.section-head h2 {
    margin: 0;
    font-size: 1.4rem;
}

/* Product grid */
.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 20px;
}

.product-card {
    position: relative;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: transform .15s ease, box-shadow .15s ease;
}

.product-media { position:relative; }
.quick-cart-form { position:absolute; z-index:4; right:15px; bottom:-23px; margin:0; }
.quick-cart-button { position:relative; width:48px; height:48px; display:grid; place-items:center; padding:0; border:4px solid #fff; border-radius:50%; color:#fff; background:linear-gradient(135deg,#0033FF,#3156ff 60%,#877DFF); box-shadow:0 12px 27px rgba(0,51,255,.3); cursor:pointer; transition:transform .28s ease,box-shadow .28s ease,filter .28s ease; }
.quick-cart-button::after { content:"Add to cart"; position:absolute; right:50px; top:50%; width:max-content; padding:7px 10px; border-radius:7px; color:#fff; background:#00033D; font-size:.62rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; opacity:0; pointer-events:none; transform:translate(6px,-50%); transition:opacity .2s ease,transform .2s ease; }
.quick-cart-button svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; transition:transform .28s ease; }
.quick-cart-button:hover { transform:translateY(-3px) scale(1.08); filter:saturate(1.15); box-shadow:0 17px 34px rgba(0,51,255,.4),0 0 0 5px rgba(0,51,255,.08); }
.quick-cart-button:hover::after { opacity:1; transform:translate(0,-50%); }
.quick-cart-button:hover svg { transform:rotate(-4deg) scale(1.06); }
.quick-cart-button:active { transform:translateY(0) scale(.96); }
.product-card .product-media + .body { padding-top:23px; }

.product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .12);
}

.product-card .thumb {
    aspect-ratio: 1;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.product-card .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-card .body {
    padding: 14px;
}

.product-card .cat {
    font-size: .75rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 4px;
}

.product-card .title {
    font-weight: 700;
    color: var(--text);
    margin-bottom: 6px;
    display: block;
    line-height: 1.35;
}

.product-card .title:hover {
    color: var(--primary);
}

.price-row {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.price {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--text);
}

.price-compare {
    color: var(--muted);
    text-decoration: line-through;
    font-size: .85rem;
}

.price-discount {
    color: var(--success);
    font-size: .8rem;
    font-weight: 700;
}

/* Category chips */
.category-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.chip {
    background: var(--surface);
    border: 1px solid var(--border);
    padding: 10px 18px;
    border-radius: 999px;
    font-weight: 600;
    color: var(--text);
}

.chip:hover {
    border-color: var(--primary);
    color: var(--primary);
}

/* Catalog layout */
.catalog-layout {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 28px;
    padding-top: 28px;
}

.catalog-layout .filters {
    align-self: start;
}

.filter-group {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 16px;
    margin-bottom: 16px;
}

.filter-group h3 {
    margin: 0 0 12px;
    font-size: .95rem;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.filter-group label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 0;
    color: var(--text);
    font-size: .92rem;
    cursor: pointer;
}

.toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.toolbar .count {
    color: var(--muted);
    font-size: .9rem;
}

.toolbar select {
    padding: 8px 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface);
}

/* Product show */
.product-show {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding-top: 32px;
}

.gallery-main {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    aspect-ratio: 1;
}

.gallery-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-thumbs {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.gallery-thumbs img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border: 2px solid transparent;
    border-radius: 8px;
    cursor: pointer;
}

.gallery-thumbs img.active {
    border-color: var(--primary);
}

.product-info .brand-link {
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: .8rem;
    color: var(--muted);
    font-weight: 700;
}

.product-info h1 {
    margin: 6px 0 10px;
    font-size: 1.8rem;
    line-height: 1.2;
}

.product-meta {
    color: var(--muted);
    font-size: .85rem;
    margin-bottom: 16px;
}

.product-price {
    font-size: 1.7rem;
    font-weight: 800;
    margin-bottom: 6px;
}

.stock-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 700;
}

.stock-in {
    background: #dcfce7;
    color: var(--success);
}

.stock-low {
    background: #fef3c7;
    color: #b45309;
}

.stock-out {
    background: #fee2e2;
    color: var(--danger);
}

.variant-selector {
    margin-top: 20px;
}

.variant-selector label {
    display: block;
    font-weight: 700;
    font-size: .9rem;
    margin-bottom: 8px;
}

.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.variant-option {
    padding: 8px 16px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface);
    cursor: pointer;
    font-weight: 600;
    font-size: .9rem;
}

.variant-option:hover {
    border-color: var(--primary);
}

.variant-option.active {
    border-color: var(--primary);
    background: var(--primary);
    color: #fff;
}

.add-to-cart {
    margin-top: 24px;
}

.product-description {
    margin-top: 48px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 24px;
}

/* Pagination */
.pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 32px;
}

.pagination a,
.pagination span {
    padding: 8px 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--text);
    font-weight: 600;
    background: var(--surface);
}

.pagination span {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

/* Empty state */
.empty-state {
    text-align: center;
    padding: 60px 20px;
    color: var(--muted);
}

.empty-state h2 {
    color: var(--text);
    margin-bottom: 8px;
}

@media (max-width: 768px) {
    .catalog-layout {
        grid-template-columns: 1fr;
    }

    .product-show {
        grid-template-columns: 1fr;
    }

    .header-inner {
        flex-wrap: wrap;
    }

    .search-form {
        order: 3;
        flex-basis: 100%;
    }
}

/* FBA commerce visual refresh */
:root { --primary:#5b46f6; --primary-dark:#4632dc; --ink:#101828; --lime:#c8f36a; --radius:14px; --shadow:0 18px 50px rgba(16,24,40,.08); }
body { background:#fbfbfd; color:var(--ink); }
.container { max-width:1240px; }
.site-header { border:0; box-shadow:0 1px 0 rgba(16,24,40,.08); }
.header-inner { min-height:76px; gap:28px; }
.brand a { display:flex; align-items:center; gap:10px; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:var(--ink); color:#fff!important; font-size:1rem; }
.brand-name { color:var(--ink)!important; white-space:nowrap; }
.search-form { max-width:560px; margin-inline:auto; }
.search-form input { background:#f7f7fa; border-color:transparent; border-radius:12px 0 0 12px; padding:12px 16px; }
.search-form button { width:48px; padding:0; border:0; border-radius:0 12px 12px 0; font-size:1.35rem; }
.main-nav { justify-content:center; border:0; padding-block:2px; }
.main-nav a { border:0; font-size:.88rem; }
.main-nav a.active { color:var(--primary); }

.hero-fba { position:relative; overflow:hidden; background:#101127; padding:84px 20px 74px; margin:0; }
.hero-fba::before { content:""; position:absolute; inset:0; opacity:.08; background-image:linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to right,transparent,#000,transparent); }
.hero-grid { position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:center; }
.hero-copy { max-width:660px; }
.eyebrow,.section-kicker { color:#8e7dff; text-transform:uppercase; letter-spacing:.13em; font-size:.72rem; font-weight:800; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; color:#d6d0ff; }
.eyebrow>span { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 5px rgba(200,243,106,.12); }
.hero-fba h1 { max-width:700px; margin:20px 0; font-size:clamp(3rem,5.4vw,5.2rem); line-height:.96; letter-spacing:-.055em; }
.hero-fba h1 em { color:var(--lime); font-style:normal; }
.hero-fba .hero-copy>p { max-width:590px; color:#b5b8ca; font-size:1.08rem; line-height:1.75; }
.hero-actions { display:flex; gap:12px; margin-top:30px; flex-wrap:wrap; }
.hero-actions .btn { padding:14px 20px; }
.hero-actions .btn-primary { background:var(--primary); color:#fff; }
.hero-actions .btn-primary:hover { background:#6e5aff; color:#fff; }
.btn-ghost { color:#fff; border:1px solid rgba(255,255,255,.2); }
.btn-ghost:hover { border-color:rgba(255,255,255,.5); color:#fff; }
.hero-trust { display:flex; gap:34px; margin-top:44px; padding-top:26px; border-top:1px solid rgba(255,255,255,.1); }
.hero-trust div { display:flex; flex-direction:column; }
.hero-trust strong { color:#fff; font-size:.96rem; }
.hero-trust span { color:#74798f; font-size:.75rem; }
.hero-visual { position:relative; min-height:440px; display:grid; place-items:center; }
.glow { position:absolute; border-radius:50%; filter:blur(25px); opacity:.55; }
.glow-one { width:320px; height:320px; background:#5b46f6; }
.glow-two { width:180px; height:180px; background:#b8ec57; right:5%; bottom:2%; opacity:.22; }
.ops-card { position:relative; z-index:2; width:min(100%,440px); padding:28px; border:1px solid rgba(255,255,255,.16); border-radius:26px; background:rgba(255,255,255,.095); backdrop-filter:blur(18px); box-shadow:0 35px 90px rgba(0,0,0,.28); transform:rotate(1.5deg); }
.ops-head { display:flex; justify-content:space-between; align-items:flex-start; }
.ops-head>div { display:flex; flex-direction:column; }
.ops-kicker { color:#9699aa; font-size:.72rem; }
.ops-head strong { color:#fff; font-size:1.2rem; margin-top:4px; }
.live-pill { padding:5px 9px; border-radius:99px; background:rgba(200,243,106,.12); color:var(--lime); font-size:.7rem; }
.live-pill i { display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; margin-right:4px; }
.ops-chart { height:150px; display:flex; gap:10px; align-items:end; margin:30px 0 22px; border-bottom:1px solid rgba(255,255,255,.12); }
.ops-chart span { flex:1; border-radius:5px 5px 0 0; background:linear-gradient(#9b8cff,#5b46f6); }
.ops-chart span:nth-child(6),.ops-chart span:nth-child(8) { background:linear-gradient(var(--lime),#77ac36); }
.ops-metrics { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ops-metrics div { display:flex; flex-direction:column; padding:14px; border-radius:14px; background:rgba(255,255,255,.07); }
.ops-metrics span { color:#898d9f; font-size:.7rem; }
.ops-metrics strong { color:#fff; margin-top:3px; }
.float-card { position:absolute; z-index:3; background:#fff; color:var(--ink); border-radius:15px; box-shadow:0 18px 45px rgba(0,0,0,.22); }
.float-stock { left:-7px; top:64px; display:flex; align-items:center; gap:10px; padding:12px 16px; }
.float-stock div,.float-margin { display:flex; flex-direction:column; }
.float-stock small,.float-margin small,.float-margin span { color:#7c8293; font-size:.67rem; }
.float-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; background:#eafbc7; color:#588a1e; font-weight:900; }
.float-margin { right:-4px; bottom:38px; padding:15px 18px; }
.float-margin strong { color:var(--primary); font-size:1.05rem; }
.proof-strip { background:#fff; border-bottom:1px solid #ececf1; }
.proof-grid { display:grid; grid-template-columns:1.3fr repeat(3,1fr); align-items:center; min-height:86px; gap:20px; }
.proof-grid>span { color:#727788; font-size:.82rem; }
.proof-grid div { font-size:.82rem; font-weight:700; }
.proof-grid b { color:var(--primary); margin-right:8px; font-size:.7rem; }
.home-content { padding-top:76px; }
.home-content .section { margin-bottom:84px; }
.section-head-modern { align-items:flex-end; margin-bottom:28px; }
.section-head-modern h2 { margin-top:7px; font-size:clamp(1.8rem,3vw,2.55rem); letter-spacing:-.04em; }
.section-head-modern>a { color:var(--ink); font-size:.86rem; font-weight:800; }
.section-head-modern>a span { color:var(--primary); margin-left:4px; }
.category-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.category-tile { min-height:180px; padding:22px; border-radius:20px; color:var(--ink); display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden; transition:transform .2s ease; }
.category-tile:hover { transform:translateY(-4px); color:var(--ink); }
.category-tone-1 { background:#eeeaff; }.category-tone-2 { background:#e9f7f1; }.category-tone-3 { background:#fff2dc; }
.category-number { color:rgba(16,24,40,.35); font-size:.72rem; font-weight:800; }
.category-tile h3 { margin:0; font-size:1.35rem; }
.category-tile p { margin:3px 0 0; color:#6f7482; font-size:.78rem; }
.category-arrow { position:absolute; right:20px; top:18px; font-size:1.15rem; }
.product-grid { gap:18px; }
.product-card { border:0; border-radius:18px; box-shadow:0 1px 0 #e8e8ee; }
.product-card .thumb { background:#f1f2f6; }
.product-card .body { padding:17px; }
.product-card .cat { color:var(--primary); font-weight:800; }
.dealer-cta { margin-bottom:20px; padding:48px; border-radius:26px; background:var(--primary); color:#fff; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.dealer-cta .section-kicker { color:#d6d0ff; }
.dealer-cta h2 { margin:8px 0 6px; font-size:2rem; letter-spacing:-.035em; }
.dealer-cta p { margin:0; color:#d9d5ff; }
.btn-light { flex:0 0 auto; background:#fff; color:var(--primary); padding:14px 20px; }
.btn-light:hover { color:var(--primary-dark); background:#f4f2ff; }
.site-footer { background:#101127; }

@media (max-width:900px) { .hero-grid{grid-template-columns:1fr}.hero-copy{max-width:none}.hero-visual{min-height:390px}.proof-grid{grid-template-columns:1fr 1fr;padding-block:20px}.category-grid{grid-template-columns:1fr 1fr} }
@media (max-width:640px) { .header-inner{gap:12px}.account-links{margin-left:auto}.account-links .nav-btn:not(.nav-btn-primary),.account-links>a:not(.cart-link){display:none}.hero-fba{padding:62px 20px 50px}.hero-fba h1{font-size:3.1rem}.hero-trust{gap:16px;justify-content:space-between}.hero-visual{min-height:330px}.ops-card{padding:20px}.float-stock{left:-4px;top:20px}.float-margin{right:-4px;bottom:5px}.proof-grid,.category-grid{grid-template-columns:1fr}.proof-grid>span{margin-bottom:4px}.home-content{padding-top:52px}.section-head-modern{align-items:flex-start;flex-direction:column}.dealer-cta{padding:32px 24px;align-items:flex-start;flex-direction:column} }

/* Configurable HITEK-inspired structure */
.utility-bar { background:var(--theme-ink); color:#fff; border-bottom:2px solid var(--theme-accent); font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; }
.utility-inner { min-height:31px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.utility-links,.utility-contact { display:flex; align-items:center; gap:0; min-width:0; }
.utility-bar a { color:#EAEDF8; padding:0 16px; border-right:1px solid rgba(135,125,255,.28); }
.utility-links a:first-child { padding-left:0; }
.utility-bar a:hover { color:#fff; }
.utility-fba,.utility-location { display:flex; align-items:center; gap:7px; padding:0 15px; border-right:1px solid rgba(135,125,255,.28); color:#aeb8dc; white-space:nowrap; }
.utility-fba { color:#dce2ff; font-weight:800; }
.utility-fba i { width:6px; height:6px; border-radius:50%; background:#3de69a; box-shadow:0 0 0 4px rgba(61,230,154,.12),0 0 10px rgba(61,230,154,.55); }
.utility-email { display:flex; align-items:center; gap:7px; }
.utility-email span { width:15px; height:15px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.28); border-radius:50%; font-size:.5rem; }
.utility-location span { color:#8ea0ff; font-size:.65rem; }
.utility-phone { display:flex; align-items:center; gap:7px; font-weight:800; letter-spacing:.04em; }
.utility-phone span { color:#8fa1ff; font-size:.72rem; }
@media(max-width:1150px){.utility-location{display:none}}
.site-header { background:rgba(255,255,255,.92); color:#00033D; border:0; position:sticky; top:0; box-shadow:0 12px 38px rgba(0,3,61,.08); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); }
.site-header::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:linear-gradient(90deg,transparent 4%,#0033FF 34%,#877DFF 66%,transparent 96%); opacity:.34; }
.header-inner { min-height:92px; gap:30px; }
.site-header .brand { position:relative; flex:0 0 auto; }
.site-header .brand::after { content:""; position:absolute; width:54px; height:15px; left:50%; bottom:-7px; transform:translateX(-50%); background:radial-gradient(ellipse,rgba(0,51,255,.2),transparent 70%); filter:blur(4px); pointer-events:none; }
.site-logo { display:block; width:auto; height:70px; max-width:140px; object-fit:contain; filter:none; transition:transform .3s ease; }
.brand a:hover .site-logo { transform:translateY(-2px); }
.brand-name { color:#00033D!important; }
.brand-mark { background:#00033D; color:#fff!important; }
.desktop-nav { flex:1; display:flex; justify-content:center; align-items:center; gap:36px; }
.desktop-nav a { position:relative; padding:12px 2px; color:#00033D; text-transform:uppercase; letter-spacing:.13em; font-size:.7rem; font-weight:900; transition:color .25s ease,transform .25s ease; }
.desktop-nav a::after { content:""; position:absolute; left:50%; right:50%; bottom:4px; height:2px; border-radius:2px; background:linear-gradient(90deg,#0033FF,#877DFF); transition:left .25s ease,right .25s ease; }
.desktop-nav a:hover { color:#0033FF; transform:translateY(-1px); }
.desktop-nav a:hover::after { left:0; right:0; }
.site-header .account-links { gap:10px; }
.site-header .account-links>a { color:#00033D; }
.site-header .cart-link { min-height:42px; display:flex; align-items:center; padding:0 12px; border-radius:12px; transition:background .25s ease,color .25s ease; }
.site-header .cart-link:hover { color:#0033FF; background:#f3f5ff; }
.site-header .nav-btn { border-color:#dfe3f3; border-radius:12px; padding:11px 16px; }
.site-header .nav-btn-primary { position:relative; overflow:hidden; border-color:transparent; background:linear-gradient(120deg,#0033FF,#244dff 62%,#6f65ff); border-radius:12px; padding:14px 22px; text-transform:uppercase; letter-spacing:.09em; font-size:.68rem; box-shadow:0 12px 28px rgba(0,51,255,.24); transition:transform .25s ease,box-shadow .25s ease; }
.site-header .nav-btn-primary::before { content:""; position:absolute; width:70px; height:160%; top:-30%; left:-100px; transform:rotate(18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent); transition:left .55s ease; }
.site-header .nav-btn-primary:hover { color:#fff; transform:translateY(-2px); box-shadow:0 16px 34px rgba(0,51,255,.34); }
.site-header .nav-btn-primary:hover::before { left:120%; }
.header-search { position:relative; display:flex; align-items:center; width:220px; height:44px; border:1px solid #dfe3f3; border-radius:14px; overflow:hidden; background:linear-gradient(180deg,#f8f9ff,#f1f3fb); box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(0,3,61,.06); transition:width .3s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease; }
.header-search::before { content:"Search products"; position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#7b839e; font-size:.76rem; pointer-events:none; transition:opacity .2s ease; }
.header-search:focus-within { width:270px; border-color:rgba(0,51,255,.55); background:#fff; box-shadow:0 0 0 4px rgba(0,51,255,.08),0 12px 28px rgba(0,3,61,.09); }
.header-search:focus-within::before,.header-search:has(input:not(:placeholder-shown))::before { opacity:0; }
.header-search input { position:relative; z-index:1; width:100%; height:100%; opacity:1; padding:0 44px 0 15px; border:0; outline:0; background:transparent; color:#030812; font:inherit; font-size:.8rem; }
.header-search input::placeholder { color:transparent; }
.header-search button { position:absolute; z-index:2; right:4px; top:4px; width:36px; height:36px; overflow:hidden; color:transparent; background:linear-gradient(135deg,#0033FF 0%,#3157ff 58%,#877DFF 100%); border:0; border-radius:11px; cursor:pointer; box-shadow:0 7px 16px rgba(0,51,255,.28),inset 0 1px 0 rgba(255,255,255,.32); transition:transform .25s ease,box-shadow .25s ease,filter .25s ease; }
.header-search button::before { content:""; position:absolute; left:10px; top:9px; width:10px; height:10px; border:2px solid #fff; border-radius:50%; box-shadow:0 0 8px rgba(255,255,255,.2); }
.header-search button::after { content:""; position:absolute; left:21px; top:21px; width:7px; height:2px; transform:rotate(45deg); transform-origin:left center; border-radius:3px; background:#fff; }
.header-search button:hover { transform:translateY(-1px) scale(1.06); filter:saturate(1.15); box-shadow:0 10px 22px rgba(0,51,255,.38),0 0 0 4px rgba(0,51,255,.08),inset 0 1px 0 rgba(255,255,255,.38); }
.header-search button:active { transform:translateY(0) scale(.97); box-shadow:0 4px 10px rgba(0,51,255,.28); }
.mobile-nav { display:none; background:var(--theme-secondary); }

.reference-hero { min-height:650px; display:flex; align-items:center; position:relative; overflow:hidden; background-color:#00033D; background-image:radial-gradient(ellipse at 78% 18%,rgba(0,51,255,.25),transparent 38%),linear-gradient(120deg,#030812 0%,#00033D 68%,#07176f 125%); background-size:cover; background-position:center; color:#fff; }
.reference-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.08)); }
.hero-scan { position:absolute; z-index:1; width:100%; height:180px; top:12%; opacity:.42; background:repeating-radial-gradient(ellipse at center,#607cff 0 1px,transparent 2px 15px); transform:perspective(400px) rotateX(65deg) scale(1.5); }
.reference-hero-content { position:relative; z-index:2; padding-top:40px; }
.hero-logo-watermark { position:absolute; z-index:1; right:5%; bottom:-7%; width:min(42vw,560px); height:auto; opacity:.07; filter:brightness(0) invert(1); pointer-events:none; }
.hero-label { display:block; color:#A8B5FF; text-transform:uppercase; letter-spacing:.18em; font-size:.78rem; font-weight:900; margin-bottom:18px; }
.reference-hero h1 { max-width:760px; font-size:clamp(3.4rem,7vw,6.8rem); line-height:.9; text-transform:uppercase; letter-spacing:-.045em; margin:0 0 24px; }
.reference-hero p { max-width:620px; color:#c2c2c2; font-size:1.1rem; line-height:1.75; }
.reference-hero .hero-actions { margin-top:30px; }
.reference-hero .btn { border-radius:2px; padding:14px 22px; text-transform:uppercase; letter-spacing:.07em; font-size:.75rem; }
.btn-outline-light { border:1px solid rgba(255,255,255,.5); color:#fff; background:transparent; }
.btn-outline-light:hover { color:#fff; border-color:#fff; }
.btn-light { background:#fff; color:#111; }

.benefits-section { padding:100px 20px; background:var(--surface); }
.center-heading { text-align:center; max-width:760px; margin:0 auto 55px; }
.center-heading h2,.reference-head h2,.values-intro h2 { font-size:clamp(2.2rem,4vw,4rem); letter-spacing:-.045em; margin:8px 0 0; text-transform:uppercase; }
.section-kicker { color:#0033FF; }
.benefits-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#d9ddef; border:1px solid #d9ddef; }
.benefit-card { position:relative; min-height:300px; padding:42px 34px; background:var(--surface); }
.benefit-number { position:absolute; right:24px; top:20px; color:#c8c8c8; font-size:.75rem; font-weight:800; }
.benefit-icon { color:#00033D; font-size:2.8rem; }
.benefit-card h3 { margin:28px 0 10px; font-size:1.25rem; text-transform:uppercase; }
.benefit-card p { color:#686868; }
.application-strip { position:relative; overflow:hidden; background:linear-gradient(128deg,#030812 0%,#00033D 58%,#061570 140%); padding:90px 20px 100px; color:#fff; }
.application-strip::before { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:64px 64px; -webkit-mask-image:linear-gradient(to bottom,transparent,#000 34%,#000); mask-image:linear-gradient(to bottom,transparent,#000 34%,#000); pointer-events:none; }
.application-strip::after { content:""; position:absolute; width:620px; height:620px; right:-230px; top:-340px; border-radius:50%; background:radial-gradient(circle,rgba(0,51,255,.42),transparent 67%); pointer-events:none; }
.application-strip .container { position:relative; z-index:1; }
.application-strip .section-kicker { display:inline-flex; align-items:center; gap:12px; color:#aab5ff; letter-spacing:.2em; }
.application-strip .section-kicker::before { content:""; width:36px; height:2px; background:#0033FF; box-shadow:0 0 16px #0033FF; }
.application-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:32px; }
.application-links a { position:relative; isolation:isolate; min-width:0; min-height:170px; display:flex; align-items:center; padding:34px 34px; overflow:hidden; color:#fff; border:1px solid rgba(151,165,255,.26); background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025)); box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 26px 60px rgba(0,0,0,.18); backdrop-filter:blur(12px); text-transform:uppercase; font-size:clamp(1.25rem,2vw,1.7rem); font-weight:900; letter-spacing:-.025em; transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease; }
.application-links a::before { content:"Explore collection"; position:absolute; left:94px; top:38px; color:#8995bf; font-size:.61rem; font-weight:800; letter-spacing:.18em; transition:color .35s ease; }
.application-links a::after { content:""; position:absolute; z-index:-1; width:165px; height:165px; right:-100px; bottom:-110px; border:1px solid rgba(255,255,255,.16); border-radius:50%; box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 56px rgba(255,255,255,.018); transition:transform .5s ease; }
.application-links a:hover { transform:translateY(-7px); border-color:rgba(135,125,255,.78); box-shadow:0 30px 70px rgba(0,20,120,.34),inset 0 0 55px rgba(0,51,255,.14); }
.application-links a:hover::before { color:#c5ccff; }
.application-links a:hover::after { transform:scale(1.18); }
.application-links a span { flex:0 0 44px; align-self:flex-start; color:#8292ff; font-size:.68rem; margin-right:16px; letter-spacing:.16em; }
.application-links a b { margin-left:auto; width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:50%; color:#aab6ff; font-size:1.1rem; font-weight:500; transition:transform .35s ease,color .35s ease,background .35s ease; }
.application-links a:hover b { transform:rotate(45deg); color:#00033D; background:#fff; }
.series-section { padding:100px 20px; background:#EAEDF8; }
.reference-head { margin-bottom:44px; }.reference-head>a{color:#111;text-transform:uppercase;font-size:.75rem;font-weight:800}
.series-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.series-card { background:#fff; border-bottom:3px solid transparent; transition:.2s; box-shadow:0 12px 34px rgba(0,3,61,.06) }.series-card:hover{border-bottom-color:#0033FF;transform:translateY(-4px)}
.series-card .product-card { border-radius:0; box-shadow:none; }.series-card .product-card .body{min-height:115px}
.series-meta { border-top:1px solid #ececec; padding:12px 17px; display:flex; justify-content:space-between; font-size:.68rem; text-transform:uppercase; }.series-meta span{color:var(--primary);font-weight:800}.series-meta b{color:#777}
.values-section { padding:110px 20px; background:linear-gradient(135deg,#030812 0%,#00033D 78%,#07176f 140%); color:#fff; }
.values-section>.container { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.values-intro p { color:#a8a8a8; max-width:530px; margin:20px 0 28px; }
.values-list article { display:grid; grid-template-columns:55px 1fr; gap:22px; padding:28px 0; border-bottom:1px solid rgba(135,125,255,.3); }
.values-list article>span { color:var(--primary); font-size:.72rem; font-weight:900; }
.values-list h3 { margin:0 0 8px; text-transform:uppercase; }.values-list p{margin:0;color:#999}
.network-section { display:grid; grid-template-columns:1fr 1fr; }
.network-panel { padding:80px max(30px,calc((100vw - 1240px)/2)); min-height:420px; display:flex; flex-direction:column; justify-content:center; color:#fff; }
.network-panel h2 { max-width:570px; font-size:clamp(2rem,3vw,3.5rem); line-height:1; text-transform:uppercase; margin:12px 0 18px; }.network-panel p{max-width:540px;color:#d5d5d5}.network-panel .btn{margin-top:20px;margin-right:8px}
.network-products { background:#030812; padding-right:60px; }.network-dealer{background:linear-gradient(135deg,#00033D,#0033FF);padding-left:60px}.network-dealer .section-kicker{color:#cbd3ff}
.footer-inner { display:grid; grid-template-columns:1.4fr repeat(3,1fr); padding-top:65px; padding-bottom:55px; }.footer-brand p{max-width:330px}.footer-logo{width:auto;height:105px;max-width:170px;object-fit:contain;margin-bottom:18px;filter:brightness(0) invert(1)}.footer-coming{display:inline-block;border:1px solid #3c3c3c;padding:5px 10px;font-size:.68rem;text-transform:uppercase}

@media(max-width:1100px){.header-search{width:46px}.header-search::before{display:none}.header-search input{padding-left:8px}.header-search:focus-within{width:220px}}

@media(max-width:1000px){.desktop-nav{display:none}.mobile-nav{display:flex}.series-grid{grid-template-columns:repeat(2,1fr)}.network-section{grid-template-columns:1fr}.network-panel{padding:65px 30px}.values-section>.container{grid-template-columns:1fr;gap:45px}.footer-inner{grid-template-columns:1fr 1fr}.application-links a{padding:28px 24px}.application-links a::before{left:84px}}
@media(max-width:700px){.utility-links{display:none}.utility-inner{justify-content:flex-end}.header-search{display:none}.site-logo{height:54px;max-width:100px}.reference-hero{min-height:580px}.reference-hero h1{font-size:3.6rem}.hero-logo-watermark{width:70vw;right:-18%;bottom:2%}.benefits-grid,.series-grid{grid-template-columns:1fr}.benefits-section,.series-section,.values-section{padding:70px 20px}.reference-head{align-items:flex-start}.footer-inner{grid-template-columns:1fr}.site-header .account-links>a:not(.nav-btn-primary){display:none}.application-strip{padding:68px 18px 76px}.application-links{grid-template-columns:1fr;margin-top:26px}.application-links a{min-height:145px;font-size:1.2rem;padding:26px 20px}.application-links a span{flex-basis:36px;margin-right:10px}.application-links a::before{left:66px;top:30px}.application-links a b{width:40px;height:40px}}

/* ---- Utilities ---- */
.muted {
    color: var(--muted);
}

.right {
    text-align: right;
}

.page-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.page-head h1 {
    margin: 0;
    font-size: 1.6rem;
}

.page-head p {
    margin: 4px 0 0;
    color: var(--muted);
}

.btn-sm {
    padding: 5px 10px;
    font-size: .82rem;
}

.btn-lg {
    padding: 13px 22px;
    font-size: 1rem;
}

.btn-danger {
    background: var(--danger);
    color: #fff;
}

.btn-danger:hover {
    background: #b91c1c;
}

/* ---- Alerts ---- */
.alert {
    padding: 12px 16px;
    border-radius: var(--radius);
    margin: 16px 0;
    font-size: .92rem;
}

.alert-success {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
}

.alert-error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.alert-info {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e40af;
}

/* ---- Forms ---- */
.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.form-group {
    margin-bottom: 14px;
}

.form-group label {
    display: block;
    font-weight: 600;
    font-size: .88rem;
    margin-bottom: 6px;
}

.form-group input,
.form-group select,
.form-group textarea,
.checkout-form input,
.checkout-form select,
.checkout-form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    font: inherit;
    background: var(--surface);
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: 2px solid var(--primary);
    outline-offset: -1px;
    border-color: var(--primary);
}

.field-error {
    display: block;
    color: var(--danger);
    font-size: .8rem;
    margin-top: 4px;
}

.qty-row {
    display: flex;
    gap: 10px;
    align-items: center;
}

.qty-row input {
    width: 80px;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    font: inherit;
}

/* ---- Badges ---- */
.badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}

.badge-muted {
    background: #f1f5f9;
    color: #475569;
}

.badge-info {
    background: #eff6ff;
    color: #1e40af;
}

.badge-status-pending,
.badge-status-processing,
.badge-pay-unpaid {
    background: #fef3c7;
    color: #92400e;
}

.badge-status-confirmed {
    background: #eff6ff;
    color: #1e40af;
}

.badge-status-shipped {
    background: #f3e8ff;
    color: #6b21a8;
}

.badge-status-delivered,
.badge-pay-paid,
.badge-pay-refunded,
.badge-status-approved,
.badge-status-completed {
    background: #f0fdf4;
    color: #166534;
}

.badge-status-cancelled,
.badge-status-rejected {
    background: #fef2f2;
    color: #991b1b;
}

.badge-pay-refunded {
    background: #f1f5f9;
    color: #475569;
}

/* ---- Panels & tables ---- */
.panel {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    margin-bottom: 20px;
}

.panel-body {
    padding: 18px;
}

.panel-body h3 {
    margin: 0 0 12px;
    font-size: 1rem;
}

table.data {
    width: 100%;
    border-collapse: collapse;
    font-size: .9rem;
}

table.data th,
table.data td {
    padding: 11px 14px;
    text-align: left;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
}

table.data thead th {
    background: #f8fafc;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--muted);
}

table.data tbody tr:hover {
    background: #f8fafc;
}

table.data tfoot td {
    font-weight: 600;
    border-top: 1px solid var(--border);
    border-bottom: none;
}

/* ---- Cart ---- */
.cart-link {
    font-weight: 600;
    position: relative;
}

.cart-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--primary);
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
}

.cart-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 24px;
    align-items: start;
}

.cart-item {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    gap: 16px;
    align-items: center;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 16px;
    margin-bottom: 12px;
}

.cart-item-name {
    font-weight: 600;
    color: var(--text);
}

.cart-item-meta {
    font-size: .8rem;
    color: var(--muted);
    margin-top: 2px;
}

.cart-item-price {
    font-size: .9rem;
    margin-top: 6px;
}

.cart-item-qty input {
    width: 64px;
    padding: 7px 8px;
    border: 1px solid var(--border);
    border-radius: 8px;
}

.cart-summary {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 20px;
    box-shadow: var(--shadow);
    position: sticky;
    top: 90px;
}

.summary-line {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    font-size: .9rem;
    border-bottom: 1px dashed var(--border);
}

.summary-line:last-of-type {
    border-bottom: none;
}

.summary-total {
    font-weight: 700;
    font-size: 1.05rem;
    border-top: 1px solid var(--border);
    border-bottom: none !important;
    padding-top: 14px;
}

.clear-cart {
    margin-top: 12px;
    text-align: center;
}

/* ---- Checkout ---- */
.checkout-layout {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 24px;
    align-items: start;
}

.checkout-form {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 24px;
    box-shadow: var(--shadow);
}

.checkout-form h3 {
    margin: 0 0 14px;
    font-size: 1.05rem;
}

.checkout-form textarea {
    min-height: 90px;
    resize: vertical;
}

.checkout-summary {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 20px;
    box-shadow: var(--shadow);
    position: sticky;
    top: 90px;
}

/* ---- Order pages ---- */
.order-layout {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 24px;
    align-items: start;
}

.info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 18px;
}

.info-grid div {
    font-size: .9rem;
}

.info-grid span {
    display: block;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--muted);
    margin-bottom: 2px;
}

/* ---- Success ---- */
.success-box {
    max-width: 520px;
    margin: 60px auto;
    text-align: center;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 40px 32px;
    box-shadow: var(--shadow);
}

.success-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: #f0fdf4;
    color: var(--success);
    font-size: 30px;
    line-height: 64px;
    font-weight: 700;
}

.success-box h1 {
    margin: 0 0 8px;
    font-size: 1.4rem;
}

.success-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 24px;
}

/* ---- Stats ---- */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 28px;
}

.stat-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 18px;
    box-shadow: var(--shadow);
}

.stat-value {
    font-size: 1.5rem;
    font-weight: 800;
}

.stat-label {
    color: var(--muted);
    font-size: .82rem;
    margin-top: 2px;
}

/* ---- Dealer portal ---- */
.dealer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 18px;
}

.dealer-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 18px;
    box-shadow: var(--shadow);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dealer-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.dealer-card-head h3 {
    margin: 0;
    font-size: 1rem;
}

.dealer-price {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--primary);
}

.dealer-variant-select,
.dealer-qty-row input {
    width: 100%;
    padding: 9px 11px;
    border: 1px solid var(--border);
    border-radius: 8px;
    font: inherit;
    background: var(--surface);
}

.dealer-qty-row {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.dealer-qty-row input {
    width: 90px;
}

/* ---- Misc ---- */
.empty-state {
    text-align: center;
    padding: 60px 20px;
    color: var(--muted);
}

.empty-state p {
    margin-bottom: 18px;
}

.account-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 18px 0;
}

.auth-card.wide {
    max-width: 640px;
}

@media (max-width: 768px) {
    .cart-layout,
    .checkout-layout,
    .order-layout {
        grid-template-columns: 1fr;
    }

    .cart-item {
        grid-template-columns: 1fr auto;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .info-grid {
        grid-template-columns: 1fr;
    }
}