:root{
  --hp-red:#e10600;
  --hp-red-dark:#b00500;
  --hp-red-light:#ff3b30;
  --hp-black:#111;
  --hp-gray:#f5f5f7;
  --hp-gray-2:#eceef1;
  --hp-border:#e2e5e9;
  --hp-text:#1d1d1f;
  --hp-muted:#6e6e73;
  --hp-success:#1a7f37;
  --hp-warning:#b7791f;
  --shadow:0 6px 20px rgba(0,0,0,.06);
  --shadow-lg:0 12px 40px rgba(0,0,0,.1);
}
*{box-sizing:border-box}
body{font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;background:var(--hp-gray);color:var(--hp-text);font-size:15px;line-height:1.5}
a{color:var(--hp-red);text-decoration:none}
a:hover{color:var(--hp-red-dark)}
.btn-danger{background:var(--hp-red);border-color:var(--hp-red)}
.btn-danger:hover{background:var(--hp-red-dark);border-color:var(--hp-red-dark)}
.btn-outline-danger{color:var(--hp-red);border-color:var(--hp-red)}
.btn-outline-danger:hover{background:var(--hp-red);border-color:var(--hp-red)}
.text-danger{color:var(--hp-red)!important}

/* Header */
.site-header .topbar{background:var(--hp-black)}
.navbar{background:#fff!important}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--hp-red);color:#fff;font-weight:800;border-radius:6px;font-size:18px}
.brand-text{color:var(--hp-red);font-size:1.05rem}
.search-form{flex:1;max-width:520px}
.search-form .form-control{border-radius:8px 0 0 8px;border-right:0}
.search-form .btn{border-radius:0 8px 8px 0}
.motorbar{background:var(--hp-red);color:#fff}
.motorbar a{color:#fff}
.cart-badge{position:absolute;top:-2px;right:-6px;background:var(--hp-red);color:#fff;border-radius:50%;font-size:11px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.dropdown-motor{max-height:60vh;overflow:auto}

/* Hero */
.hero{background:linear-gradient(120deg,#1a1a1c 0%,#2a2a2e 60%,#3a1010 100%);color:#fff;padding:64px 0 56px}
.hero h1{font-weight:800;font-size:2.2rem;line-height:1.15}
.hero p{opacity:.92;font-size:1.05rem}
.hero .btn-light{font-weight:600}

/* Selector */
.motor-selector-card{background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);padding:24px}
.selector-step{display:none}
.selector-step.active{display:block}

/* Product card */
.product-card{background:#fff;border:1px solid var(--hp-border);border-radius:12px;overflow:hidden;transition:transform .15s,box-shadow .15s;height:100%;display:flex;flex-direction:column}
.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.product-card .img-wrap{aspect-ratio:1;background:var(--hp-gray-2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-card .img-wrap img{width:100%;height:100%;object-fit:cover}
.product-card .body{padding:14px;display:flex;flex-direction:column;flex:1}
.product-card .name{font-weight:600;font-size:.95rem;color:var(--hp-text);min-height:40px}
.product-card .part{font-size:.75rem;color:var(--hp-muted);font-family:monospace}
.product-card .compat{font-size:.72rem;color:var(--hp-muted);min-height:32px}
.product-card .price{font-size:1.15rem;font-weight:800;color:var(--hp-red)}
.product-card .price-old{font-size:.85rem;color:var(--hp-muted);text-decoration:line-through}
.badge-genuine{background:#fff0f0;color:var(--hp-red);border:1px solid #ffd1d1;font-size:.68rem;padding:3px 7px;border-radius:6px}
.stock-in{color:var(--hp-success);font-size:.78rem;font-weight:600}
.stock-out{color:var(--hp-red);font-size:.78rem;font-weight:600}

/* Section title */
.section-title{font-weight:800;font-size:1.4rem;margin-bottom:4px}
.section-sub{color:var(--hp-muted);font-size:.9rem;margin-bottom:18px}

/* Trust badges */
.trust-row{background:#fff;border-top:1px solid var(--hp-border);border-bottom:1px solid var(--hp-border)}
.trust-item{display:flex;align-items:center;gap:10px;padding:14px}
.trust-item i{font-size:1.4rem;color:var(--hp-red)}

/* Service card */
.service-card{background:#fff;border:1px solid var(--hp-border);border-radius:12px;padding:20px;text-align:center;transition:transform .15s,box-shadow .15s;height:100%}
.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.service-card .ico{font-size:2rem;color:var(--hp-red)}

/* Motor card */
.motor-card{background:#fff;border:1px solid var(--hp-border);border-radius:12px;padding:16px;text-align:center;transition:all .15s;height:100%;cursor:pointer}
.motor-card:hover{border-color:var(--hp-red);box-shadow:var(--shadow)}
.motor-card.selected{border-color:var(--hp-red);background:#fff5f5}

/* Product detail */
.gallery-main img{width:100%;border-radius:12px;background:var(--hp-gray-2)}
.gallery-thumbs img{width:80px;height:80px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent}
.gallery-thumbs img.active{border-color:var(--hp-red)}
.compat-list li{padding:6px 0;border-bottom:1px dashed var(--hp-border)}
.compat-list i{color:var(--hp-success)}

/* Cart */
.cart-item{background:#fff;border-radius:10px;padding:12px;display:flex;gap:12px;align-items:center}
.cart-item img{width:72px;height:72px;object-fit:cover;border-radius:8px;background:var(--hp-gray-2)}

/* Forms */
.form-control:focus,.form-select:focus{border-color:var(--hp-red);box-shadow:0 0 0 .2rem rgba(225,6,0,.15)}

/* WhatsApp float */
.btn-wa-float{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 6px 20px rgba(0,0,0,.2);z-index:1050;transition:transform .15s}
.btn-wa-float:hover{transform:scale(1.08);color:#fff}

/* Footer */
.site-footer{background:#111;color:#ccc;margin-top:40px}
.site-footer a{color:#ddd}
.site-footer a:hover{color:#fff}
.footer-bottom{background:#000;color:#888}

/* Admin */
.admin-sidebar{background:#1a1a1c;color:#ccc;min-height:100vh}
.admin-sidebar a{color:#ccc;display:block;padding:10px 16px;border-left:3px solid transparent}
.admin-sidebar a:hover,.admin-sidebar a.active{background:#222;color:#fff;border-left-color:var(--hp-red)}
.admin-sidebar .brand{color:#fff;font-weight:800;padding:16px;border-bottom:1px solid #333}
.admin-content{padding:24px}
.admin-card{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--shadow)}
.stat-card{background:#fff;border-radius:12px;padding:18px;box-shadow:var(--shadow);border-left:4px solid var(--hp-red)}
.stat-card .num{font-size:1.8rem;font-weight:800}
.stat-card .lbl{color:var(--hp-muted);font-size:.85rem}

/* Pagination */
.pagination .page-link{color:var(--hp-red)}
.pagination .page-item.active .page-link{background:var(--hp-red);border-color:var(--hp-red)}

/* Mobile sticky actions */
.sticky-bottom-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--hp-border);padding:10px;z-index:1020}

/* Mobile filter */
.filter-drawer .offcanvas-body{padding:16px}

/* Empty state */
.empty-state{text-align:center;padding:48px 16px;background:#fff;border-radius:12px;border:1px dashed var(--hp-border)}

/* Importer */
.import-status-NEW{background:#e3f2fd;color:#1565c0}
.import-status-EXISTING{background:#f3f4f6;color:#6b7280}
.import-status-CHANGED{background:#fff3cd;color:#856404}
.import-status-INVALID{background:#f8d7da;color:#721c24}
.import-status-APPROVED{background:#d4edda;color:#155724}
.import-status-REJECTED{background:#f8d7da;color:#721c24}
.price-change-badge{background:#fff3cd;color:#856404;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}
.compare-source{background:#f0f7ff;border:1px solid #d0e0f0;border-radius:8px;padding:12px}
.compare-local{background:#f0fff0;border:1px solid #d0e0d0;border-radius:8px;padding:12px}

@media(max-width:991px){
  .hero h1{font-size:1.7rem}
  .search-form{max-width:100%}
  .navbar-collapse{padding-top:10px}
}