/* Brand band (Rreth Nesh) — pozicion i dedikuar me sfond të lehtë,
   ikonat ma afër njëra-tjetrës, nuancë e lehtë rreth erret. */
.brand-band{ background:linear-gradient(180deg, rgba(228,222,204,0.95) 0%, rgba(213,205,185,0.92) 100%), radial-gradient(circle at 50% 0%, rgba(193,68,14,0.10), transparent 55%); border-top:1px solid rgba(28,36,32,0.1); border-bottom:3px solid var(--rust); padding:3rem 0; text-align:center; }
.brand-band-label{ font-family:'Oswald', sans-serif; font-size:0.8rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--sand); margin-bottom:1.8rem; }
.brand-band-logos{ display:flex; align-items:stretch; justify-content:center; gap:275px; max-width:760px; margin-left:auto; margin-right:auto; }
.brand-band-logos figure{ width:220px; margin:0; }
.brand-band-logos img{ width:100%; aspect-ratio:1/1; object-fit:cover; object-position:center; display:block; border-radius:14px; border:1px solid rgba(28,36,32,0.14); box-shadow:0 10px 28px rgba(28,36,32,0.25); transition:transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; }
.brand-band-logos figure:hover img{ transform:translateY(-5px); border-color:var(--rust); box-shadow:0 14px 32px rgba(193,68,14,0.22); }
.brand-band-logos figcaption{ margin-top:1rem; font-family:'Oswald', sans-serif; font-size:1.05rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink); }
.brand-band-logos figcaption small{ display:block; margin-top:0.3rem; font-family:'Oswald', sans-serif; font-size:0.7rem; letter-spacing:0.26em; text-transform:uppercase; color:var(--rust); }
.brand-band-divider{ display:none; }
@media (max-width: 575px){ .brand-band-logos{ gap:60vw; } .brand-band-logos figure{ width:36vw; max-width:150px; } }
/* Seksioni moto pa kornize foto — shkrimi i perqendruar bukur. */
.moto-intro{ text-align:center; }
.moto-intro .section-title{ margin-left:auto; margin-right:auto; }
.moto-intro .machine-copy{ max-width:640px; margin-left:auto; margin-right:auto; }
.moto-intro .highlight-grid{ text-align:left; max-width:720px; margin-left:auto; margin-right:auto; }
.moto-intro .service-status{ display:inline-flex; align-items:center; gap:0.4rem; margin-top:1.4rem; padding:0.7rem 1.1rem; background:#fff; border:1px solid var(--line); border-left:3px solid var(--rust); }
.moto-cta{ margin-top:1.6rem; }
:root{
  --ink:#171D1A;
  --ink-soft:#242C27;
  --paper:#E4DECE;
  --paper-dim:#D5CDB9;
  --rust:#C1440E;
  --rust-dark:#9C360A;
  --rust-bright:#E86A2E;
  --steel:#3E565F;
  --sand:#625C47;
  --sand-bright:#8C8466;
  --line: rgba(23,29,26,0.16);
}

html{ scroll-behavior:smooth; }
body{ background:var(--paper); color:var(--ink); font-family:'Inter', sans-serif; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
h1,h2,h3,h4,.display-font{ font-family:'Oswald', sans-serif; letter-spacing:0.01em; }
::selection{ background:var(--rust); color:#fff; }
:focus-visible{ outline:2px solid var(--rust); outline-offset:2px; }
a{ transition:color 0.15s ease; }

.plate-tag{
  font-family:'Oswald', sans-serif; font-size:0.72rem; letter-spacing:0.14em;
  color:var(--sand); border:1px solid var(--line); padding:0.25rem 0.6rem; border-radius:2px; display:inline-block;
}

/* Navbar */
.navbar-impex{ background:var(--ink); padding:0.9rem 0; border-bottom:3px solid var(--rust); }
.sticky-nav{ position:sticky; top:0; z-index:1030; box-shadow:0 2px 14px rgba(15,20,17,0.28); }
.navbar-impex .brand-mark{ display:inline-flex; align-items:center; gap:0.45rem; font-family:'Oswald', sans-serif; font-weight:700; font-size:1.35rem; color:var(--rust-bright); letter-spacing:0.08em; white-space:nowrap; }
.brand-logo{ width:3.2rem; height:3.2rem; object-fit:cover; object-position:center; border-radius:50%; flex:none; background:var(--ink); border:2px solid var(--rust); box-shadow:0 0 0 2px rgba(193,68,14,0.16),0 0 14px rgba(193,68,14,0.38); }.brand-name{ display:inline-flex; gap:0.3em; }.brand-name span{ color:var(--rust-bright); }.footer-brand-mark{ color:var(--rust) !important; }.footer-brand-mark .brand-logo{ width:3rem; height:3rem; }
.nav-tools{ display:flex; align-items:center; margin-left:1rem; }
.navbar-impex .container{ gap:0.75rem; }
.lang-switcher{ display:inline-flex; align-items:center; gap:0.25rem; padding:0.22rem; border:1px solid rgba(237,232,220,0.18); border-radius:999px; background:rgba(255,255,255,0.04); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.02); }
.lang-switch{ display:inline-flex; align-items:center; justify-content:center; min-width:2.2rem; height:2rem; padding:0 0.6rem; border-radius:999px; color:rgba(237,232,220,0.8); font-size:0.72rem; font-weight:700; letter-spacing:0.08em; text-decoration:none; }
.lang-switch:hover{ color:var(--paper); text-decoration:none; }
.lang-switch.is-active{ background:var(--rust); color:#fff; box-shadow:0 0 0 1px rgba(193,68,14,0.3), 0 6px 16px rgba(193,68,14,0.2); transform:translateY(-1px); }
.navbar-impex .nav-link{ color:rgba(237,232,220,0.78); font-weight:500; font-size:0.95rem; margin:0 0.5rem; padding:0.4rem 0; position:relative; letter-spacing:0.02em; }
.navbar-impex .nav-link::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--rust); transform:scaleX(0); transform-origin:left; transition:transform 0.18s ease; }
.navbar-impex .nav-link:hover{ color:var(--paper); }
.navbar-impex .nav-link:hover::after,.navbar-impex .nav-link.is-active::after{ transform:scaleX(1); }
.navbar-impex .nav-link.is-active{ color:var(--paper); }
.navbar-impex .phone-btn{ background:var(--rust); color:#fff; font-weight:600; padding:0.5rem 1.1rem; }
.navbar-impex .phone-btn::after{ display:none; }
.navbar-impex .phone-btn:hover{ background:var(--rust-dark); color:#fff; transform:translateY(-1px); }
@media (max-width: 991px){
  .nav-tools{ margin-left:auto; margin-right:0.25rem; }
  .navbar-impex .container{ flex-wrap:wrap; }
  .navbar-impex .nav-link{ padding:0.7rem 0; border-bottom:1px solid rgba(237,232,220,0.06); }
}

/* Nav dropdown (Fly ADV) */
.nav-dropdown{ position:relative; }
.nav-dropdown .nav-dropdown-caret{ font-size:0.6rem; opacity:0.7; margin-left:0.3rem; vertical-align:0.1em; }
.dropdown-menu-impex{
  background:var(--ink-soft); border:1px solid rgba(237,232,220,0.16); border-radius:0;
  padding:0.35rem 0; margin:0.55rem 0 0; min-width:15rem;
  box-shadow:0 16px 34px rgba(15,20,17,0.42);
}
.dropdown-menu-impex .dropdown-item{
  color:rgba(237,232,220,0.85); font-size:0.9rem; font-weight:500;
  padding:0.6rem 1.15rem; letter-spacing:0.02em;
}
.dropdown-menu-impex .dropdown-item:hover,.dropdown-menu-impex .dropdown-item:focus{
  background:rgba(193,68,14,0.16); color:#fff;
}
@media (min-width: 992px){
  .nav-dropdown:hover .dropdown-menu{ display:block; }
}

/* Hero */
.hero{ background:var(--ink); color:var(--paper); padding:5rem 0 4.5rem; position:relative; overflow:hidden; border-bottom:1px solid var(--line); }
.hero::before{
  content:""; position:absolute; right:-8%; top:-30%; width:620px; height:620px;
  background: repeating-linear-gradient(115deg, rgba(193,68,14,0.10) 0 2px, transparent 2px 22px);
  border-radius:50%; pointer-events:none;
}
.hero .kicker{ font-family:'Oswald', sans-serif; color:var(--rust-bright); font-size:0.85rem; letter-spacing:0.16em; text-transform:uppercase; margin-bottom:1rem; }
.hero h1{ font-size:3.1rem; font-weight:600; line-height:1.08; max-width:620px; }
.hero p.lead{ color:rgba(237,232,220,0.78); max-width:520px; font-size:1.08rem; margin-top:1.2rem; }
.btn-rust{ background:var(--rust); border:none; color:#fff; font-weight:600; padding:0.75rem 1.6rem; border-radius:2px; transition:background 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease; }
.btn-rust:hover{ background:var(--rust-dark); color:#fff; transform:translateY(-1px); box-shadow:0 6px 16px rgba(193,68,14,0.28); }
.btn-rust:active{ transform:translateY(0); }
.btn-outline-paper{ border:1px solid rgba(237,232,220,0.4); color:var(--paper); font-weight:600; padding:0.75rem 1.6rem; border-radius:2px; transition:background 0.15s ease, color 0.15s ease; }
.btn-outline-paper:hover{ background:rgba(237,232,220,0.08); color:var(--paper); }
.hero-highlights{ display:flex; flex-wrap:wrap; gap:0.75rem; margin-top:1.5rem; }
.hero-chip{ display:inline-flex; align-items:center; gap:0.5rem; padding:0.5rem 0.8rem; border:1px solid rgba(237,232,220,0.18); background:rgba(255,255,255,0.04); color:rgba(237,232,220,0.85); font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; border-radius:999px; }
.hero-chip i{ color:var(--rust-bright); font-size:0.7rem; }

.hero-stats{ margin-top:3rem; padding-top:2rem; border-top:1px solid rgba(237,232,220,0.16); display:flex; gap:3rem; max-width:560px; flex-wrap: wrap; }
.hero-stats .num{ font-family:'Oswald', sans-serif; font-size:2rem; font-weight:600; color:var(--rust-bright); line-height:1; }
.hero-stats .lbl{ font-size:0.82rem; color:rgba(237,232,220,0.65); margin-top:0.3rem; }

.hero-visual{
  height:100%; min-height:340px; border:1px solid rgba(237,232,220,0.18); border-radius:2px;
  background: linear-gradient(160deg, rgba(70,98,108,0.35), rgba(28,36,32,0.1)),
              repeating-linear-gradient(45deg, rgba(237,232,220,0.05) 0 1px, transparent 1px 14px);
  position:relative; display:flex; align-items:flex-end; padding:1.4rem;
}
.hero-visual img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-visual .cap{ font-family:'Oswald', sans-serif; font-size:0.78rem; letter-spacing:0.1em; color:rgba(237,232,220,0.7); position:relative; z-index:1; }
.hero-cover{ min-height:calc(100vh - 76px); padding:0; display:flex; align-items:flex-end; }
.hero-cover-video{ position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; opacity:0.82; filter:saturate(0.82) contrast(1.08); }
.hero-cover-shade{ position:absolute; z-index:2; inset:0; background:linear-gradient(90deg, rgba(15,20,17,0.9) 0%, rgba(15,20,17,0.55) 48%, rgba(15,20,17,0.14) 100%); }
.hero-cover-content{ position:relative; z-index:3; min-height:calc(100vh - 76px); display:flex; flex-direction:row; align-items:flex-end; justify-content:space-between; gap:3rem; padding-top:8rem; padding-bottom:3rem; }
.hero-copy{ max-width:660px; padding-left:1.5rem; border-left:3px solid var(--rust); }
.hero-copy h1{ font-size:clamp(2.8rem, 5.4vw, 5.1rem); max-width:700px; line-height:0.98; letter-spacing:0; }
.hero-cover-caption{ display:flex; flex-direction:column; gap:0.5rem; max-width:360px; padding:1.4rem 1.6rem; border-left:1px solid rgba(237,232,220,0.38); margin-bottom:0.5rem; }
.hero-cover-caption span{ font-family:'Oswald', sans-serif; letter-spacing:0.18em; font-size:0.68rem; color:rgba(237,232,220,0.66); }
.hero-cover-caption strong{ font-family:'Oswald', sans-serif; font-size:1.4rem; line-height:1.2; color:var(--paper); }

/* Sections */
.section-pad{ padding:5rem 0; }
.section-label{ font-family:'Oswald', sans-serif; font-size:0.85rem; letter-spacing:0.14em; color:var(--sand); margin-bottom:0.5rem; text-transform:uppercase; }
.section-title{ font-size:2.1rem; font-weight:600; max-width:560px; line-height:1.15; }

/* Breadcrumbs */
.breadcrumbs{ display:flex; flex-wrap:wrap; align-items:center; gap:0.5rem; font-family:'Oswald', sans-serif; font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--sand); margin-bottom:1.2rem; }
.breadcrumbs a{ color:var(--sand); text-decoration:none; }
.breadcrumbs a:hover{ color:var(--rust); }
.breadcrumbs .sep{ color:var(--line); }

/* Category tiles */
.cat-tile{
  position:relative; border:1px solid var(--line); background:#fff; padding:2rem;
  display:flex; flex-direction:column; justify-content:flex-end; text-decoration:none;
  color:var(--ink); transition:transform 0.15s ease, box-shadow 0.15s ease; min-height:230px;
}
.cat-tile:hover{ transform:translateY(-4px); box-shadow:0 16px 34px rgba(28,36,32,0.18); color:var(--ink); }
.cat-tile:hover .go{ color:var(--rust-bright); }
.cat-tile .count{ position:absolute; top:1.5rem; left:2rem; font-family:'Oswald', sans-serif; font-size:0.78rem; letter-spacing:0.08em; color:var(--sand-bright); }
.cat-tile h3{ font-size:1.6rem; font-weight:600; margin-bottom:0.35rem; }
.cat-tile p{ font-size:0.92rem; color:var(--ink-soft); margin-bottom:0.9rem; }
.cat-tile .go{ font-family:'Oswald', sans-serif; font-size:0.82rem; letter-spacing:0.06em; color:var(--rust-bright); font-weight:600; }
.cat-tile.large{ min-height:480px; }
.cat-tile.large h3{ font-size:2.1rem; }
.cat-tile.tile-cars{ border-top:3px solid var(--steel); }
.cat-tile.tile-moto{ border-top:3px solid var(--sand); }
.cat-tile.tile-cars{ background:linear-gradient(rgba(28,36,32,0.08), rgba(28,36,32,0.08)), url('/static/images/brand/company-cars.png') center/cover; }
.cat-tile.tile-moto{ background:linear-gradient(rgba(28,36,32,0.12), rgba(28,36,32,0.12)), url('/static/images/brand/motorcycle-albania.png') center/cover; }
.cat-tile.tile-cars h3,.cat-tile.tile-moto h3,.cat-tile.tile-cars p,.cat-tile.tile-moto p{ text-shadow:0 2px 18px rgba(0,0,0,0.5); }
.cat-tile.tile-cars h3,.cat-tile.tile-moto h3{ color:#fff; }
.cat-tile.tile-cars p,.cat-tile.tile-moto p{ color:rgba(255,255,255,0.86); }

/* Listing rows */
.listing-row{ border:1px solid var(--line); background:#fff; display:flex; align-items:stretch; margin-bottom:1rem; text-decoration:none; color:var(--ink); }
.listing-thumb{
  width:220px; flex:none; position:relative; overflow:hidden;
  background: linear-gradient(160deg, rgba(70,98,108,0.18), rgba(193,68,14,0.10)),
              repeating-linear-gradient(45deg, rgba(28,36,32,0.05) 0 1px, transparent 1px 12px);
  display:flex; align-items:center; justify-content:center;
  font-family:'Oswald', sans-serif; font-size:0.72rem; letter-spacing:0.08em; color:var(--sand);
}
.listing-thumb img{ position:absolute; inset:0; box-sizing:border-box; width:100%; height:100%; padding:0.45rem; object-fit:contain; object-position:center; background:#fff; }
.listing-body{ padding:1.2rem 1.4rem; flex:1; display:flex; flex-wrap:wrap; align-items:center; gap:1.5rem; }
.listing-title{ font-family:'Oswald', sans-serif; font-size:1.15rem; font-weight:600; margin-bottom:0.2rem; color: var(--ink); }
.listing-specs{ font-size:0.85rem; color:var(--sand); }
.listing-price{ margin-left:auto; text-align:right; }
.listing-price .amt{ font-family:'Oswald', sans-serif; font-size:1.35rem; font-weight:600; color:var(--rust); }
.listing-price .tag{ font-size:0.75rem; color:var(--sand); }
@media (max-width: 767px){
  .listing-row{ flex-direction:column; }
  .listing-thumb{ width:100%; height:120px; }
  .listing-price{ margin-left:0; text-align:left; width:100%; }
}

/* Trust strip */
.trust-strip{ background:var(--ink); color:var(--paper); padding:2.6rem 0; }
.trust-strip .item{ border-left:1px solid rgba(237,232,220,0.18); padding-left:1.2rem; }
.trust-strip .num{ font-family:'Oswald', sans-serif; font-size:1.7rem; font-weight:600; color:var(--rust); }
.trust-strip .lbl{ font-size:0.85rem; color:rgba(237,232,220,0.7); }

/* Filters (category page) */
.filter-bar{ position:relative; z-index:2; clear:both; background:#fff; border:1px solid var(--line); box-shadow:0 4px 16px rgba(28,36,32,0.05); padding:1.3rem; margin-top:2rem; margin-bottom:2rem; }
.filter-bar label{ font-family:'Oswald', sans-serif; font-size:0.78rem; letter-spacing:0.06em; color:var(--sand); margin-bottom:0.35rem; text-transform:uppercase; }
.filter-bar .form-control,.filter-bar .form-select{ border:1px solid var(--line); border-radius:0; background:var(--paper); padding:0.6rem 0.75rem; font-size:0.9rem; color:var(--ink); transition:border-color 0.15s ease, box-shadow 0.15s ease; }
.filter-bar .form-control:focus,.filter-bar .form-select:focus{ border-color:var(--rust); box-shadow:0 0 0 2px rgba(193,68,14,0.12); }

/* Brand filter (category page) - logot e markave si butona kerkimi. */
.brand-filter{ position:relative; z-index:2; clear:both; background:#fff; border:1px solid var(--line); border-top:3px solid var(--steel); box-shadow:0 6px 20px rgba(28,36,32,0.06); padding:1.4rem 1.5rem; margin-top:2rem; margin-bottom:2rem; }
.brand-filter-label{ display:flex; align-items:center; gap:0.7rem; font-family:'Oswald', sans-serif; font-size:0.8rem; letter-spacing:0.14em; color:var(--sand); text-transform:uppercase; margin-bottom:1.1rem; }
.brand-filter-label::after{ content:""; flex:1; height:1px; background:var(--line); }
.brand-filter-grid{ display:flex; flex-wrap:wrap; gap:0.9rem; }
.brand-chip{ position:relative; display:flex; flex-direction:column; align-items:center; gap:0.55rem; width:108px; padding:0.95rem 0.6rem 0.85rem; text-decoration:none; color:var(--ink); border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 2px 8px rgba(28,36,32,0.05); transition:border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease; }
.brand-chip:hover{ border-color:var(--rust); transform:translateY(-4px); box-shadow:0 12px 24px rgba(193,68,14,0.16); color:var(--ink); }
.brand-chip.is-active{ border-color:var(--rust); background:linear-gradient(180deg, rgba(193,68,14,0.09), rgba(193,68,14,0.02)); box-shadow:0 0 0 2px rgba(193,68,14,0.25), 0 10px 20px rgba(193,68,14,0.12); }
.brand-chip.is-active::after{ content:"✓"; position:absolute; top:7px; right:9px; width:1.25rem; height:1.25rem; display:grid; place-items:center; background:var(--rust); color:#fff; font-size:0.7rem; font-weight:700; border-radius:50%; box-shadow:0 2px 6px rgba(193,68,14,0.4); }
.brand-chip-logo{ width:72px; height:72px; flex:none; display:grid; place-items:center; background:#fff; border:1px solid var(--line); border-radius:14px; padding:10px; box-shadow:inset 0 0 0 1px rgba(28,36,32,0.03); transition:transform 0.18s ease, box-shadow 0.18s ease; }
.brand-chip:hover .brand-chip-logo{ transform:scale(1.05); box-shadow:inset 0 0 0 1px rgba(193,68,14,0.15), 0 4px 10px rgba(28,36,32,0.08); }
.brand-chip-logo img{ width:100%; height:100%; object-fit:contain; }
.brand-chip-noimg{ width:72px; height:72px; flex:none; display:grid; place-items:center; background:linear-gradient(150deg, var(--ink-soft), var(--ink)); border:1px solid var(--line); border-radius:14px; color:var(--rust-bright); font-size:1.5rem; }
.brand-chip-name{ font-family:'Oswald', sans-serif; font-size:0.74rem; font-weight:600; letter-spacing:0.05em; text-transform:uppercase; text-align:center; line-height:1.2; color:var(--ink); max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.brand-chip.is-active .brand-chip-name{ color:var(--rust-dark); }
@media (max-width: 575px){ .brand-chip{ width:96px; } .brand-chip-logo,.brand-chip-noimg{ width:64px; height:64px; } }

/* Pagination */
.pagination .page-link{ border-radius:0; color:var(--ink); border:1px solid var(--line); padding:0.5rem 0.9rem; background:#fff; font-family:'Oswald', sans-serif; }
.pagination .page-link:hover{ color:var(--rust); background:var(--paper-dim); }
.pagination .page-item.active .page-link{ background:var(--rust); border-color:var(--rust); color:#fff; }

/* Footer */
footer{ background:linear-gradient(180deg, rgba(226,219,203,0.95), rgba(226,219,203,1)); border-top:1px solid var(--line); box-shadow:inset 0 4px 0 rgba(23,29,26,0.85); padding:3.5rem 0 1.5rem; }
footer h5{ font-family:'Oswald', sans-serif; font-size:1rem; margin-bottom:1.1rem; letter-spacing:0.04em; }
footer a{ color:var(--ink-soft); text-decoration:none; font-size:0.9rem; display:block; margin-bottom:0.55rem; transition:color 0.15s ease, transform 0.15s ease; }
footer a:hover{ color:var(--rust); transform:translateX(1px); }
.footer-about{ font-size:0.88rem; color:var(--ink-soft); max-width:300px; line-height:1.6; }
.footer-icon{ width:1.1rem; margin-right:0.4rem; color:var(--sand); font-size:0.85rem; text-align:center; }
.social-links{ display:flex; gap:0.55rem; margin-top:1.1rem; }
.social-links a{ display:grid; place-items:center; width:2.1rem; height:2.1rem; margin:0; border:1px solid var(--line); color:var(--ink-soft); font-size:0.9rem; transition:background 0.15s ease, color 0.15s ease, border-color 0.15s ease; }
.social-links a:hover{ background:var(--ink); border-color:var(--ink); color:var(--paper); }
.foot-bottom{ border-top:1px solid var(--line); margin-top:2rem; padding-top:1.2rem; font-size:0.8rem; color:var(--sand); display:flex; justify-content:space-between; flex-wrap:wrap; gap:0.5rem; align-items:center; }

/* Back to top */
.back-to-top{ position:fixed; right:1.4rem; bottom:1.4rem; z-index:1020; width:2.8rem; height:2.8rem; display:grid; place-items:center; background:var(--ink); color:var(--paper); border:1px solid rgba(237,232,220,0.2); box-shadow:0 6px 18px rgba(15,20,17,0.3); transition:background 0.15s ease, transform 0.12s ease; }
.back-to-top:hover{ background:var(--rust); color:#fff; transform:translateY(-2px); }
.back-to-top[hidden]{ display:none; }

/* New catalog presentation */
.hero-vehicle-label{ position:relative; z-index:1; display:flex; flex-direction:column; gap:0.25rem; max-width:80%; }
.hero-vehicle-label span,.listing-category{ font-family:'Oswald', sans-serif; font-size:0.72rem; letter-spacing:0.14em; color:var(--rust-bright); }
.hero-vehicle-label strong{ font-family:'Oswald', sans-serif; font-size:1.65rem; line-height:1.05; color:var(--paper); }
.cat-tile::after{ content:""; position:absolute; inset:0; pointer-events:none; opacity:0.5; }
.cat-tile.tile-cars::after{ background:repeating-linear-gradient(135deg, transparent 0 18px, rgba(70,98,108,0.08) 18px 19px); }
.cat-tile.tile-moto::after{ background:radial-gradient(circle at 85% 18%, rgba(110,103,82,0.18), transparent 35%); }
.cat-tile > h3,.cat-tile > p,.cat-tile > .count,.cat-tile > .go{ position:relative; z-index:1; }
.tile-mark{ position:absolute; top:1.35rem; right:1.5rem; font-family:'Oswald', sans-serif; font-size:2.5rem; line-height:1; color:rgba(28,36,32,0.12); }
.listing-row{ transition:transform 0.15s ease, box-shadow 0.15s ease; }
.listing-row:hover{ color:var(--ink); transform:translateY(-2px); box-shadow:0 8px 20px rgba(28,36,32,0.1); }
.listing-category{ color:var(--sand); margin-bottom:0.3rem; }
.listing-title{ font-size:1.3rem; }
.listing-description{ color:var(--ink-soft); font-size:0.88rem; margin:0.65rem 0 0; max-width:650px; }
.listing-thumb{ transition:filter 0.18s ease; }
.listing-row:hover .listing-thumb img{ filter:saturate(1.05) contrast(1.02); }
.listing-row .listing-thumb .thumb-shade{ position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(28,36,32,0.35)); opacity:0; transition:opacity 0.18s ease; }
.listing-row:hover .listing-thumb .thumb-shade{ opacity:1; }
.category-heading{ border-left:4px solid var(--steel); padding:1.2rem 1.5rem; margin-bottom:2rem; background:rgba(255,255,255,0.38); }
.category-heading p{ color:var(--ink-soft); max-width:650px; margin:0; }
.category-motociklete .category-heading,.detail-shell.category-motociklete{ border-color:var(--sand); }
.results-meta{ display:flex; justify-content:space-between; color:var(--sand); font-size:0.9rem; margin-bottom:1rem; }
.models-heading{ border-left:3px solid var(--rust); padding-left:0.9rem; margin:2.5rem 0 1.5rem; }
.models-heading span{ color:var(--rust); font-size:0.78rem; letter-spacing:0.12em; text-transform:uppercase; font-weight:600; }
.models-heading h2{ font-family:'Oswald',sans-serif; font-weight:600; font-size:1.5rem; letter-spacing:0.04em; text-transform:uppercase; color:var(--ink); margin:0; }
.detail-shell{ border-top:4px solid var(--steel); padding-top:1.5rem; }
.detail-shell.category-motociklete{ border-color:var(--sand); }
/* Galeria kryesore — foto e mbuluar mire ne kornize (cover + 4/3),
   pa shirita bosh; badge statusi + numerues fotosh mbi foto. */
.detail-gallery{ position:relative; aspect-ratio:4/3; min-height:0; height:auto; display:block; background:var(--ink); padding:0; overflow:hidden; border:1px solid var(--line); border-bottom:3px solid var(--rust); }
.detail-gallery img.gallery-main{ width:100%; height:100%; aspect-ratio:4/3; object-fit:cover; object-position:center; display:block; background:var(--ink); transition:transform 0.35s ease; }
.detail-gallery:hover img.gallery-main{ transform:scale(1.02); }
.gallery-badge{ position:absolute; z-index:2; top:0.85rem; left:0.85rem; display:inline-flex; align-items:center; gap:0.45rem; background:rgba(23,29,26,0.85); color:var(--paper); border:1px solid rgba(237,232,220,0.25); font-family:'Oswald', sans-serif; font-size:0.7rem; letter-spacing:0.1em; text-transform:uppercase; padding:0.35rem 0.65rem; }
.gallery-badge i{ color:var(--rust-bright); }
.gallery-photo-count{ position:absolute; z-index:2; right:0.85rem; bottom:0.85rem; display:inline-flex; align-items:center; gap:0.4rem; background:rgba(23,29,26,0.82); color:var(--paper); font-family:'Oswald', sans-serif; font-size:0.75rem; letter-spacing:0.06em; padding:0.3rem 0.6rem; border:1px solid rgba(237,232,220,0.2); }
.gallery-photo-count i{ color:var(--rust-bright); font-size:0.7rem; }
.gallery-placeholder{ aspect-ratio:4/3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.7rem; color:rgba(237,232,220,0.75); font-family:'Oswald', sans-serif; letter-spacing:0.12em; }
.gallery-placeholder i{ font-size:2.6rem; color:var(--rust-bright); }
.gallery-count{ display:inline-flex; align-items:center; gap:0.45rem; color:var(--sand); font-size:0.82rem; margin-top:0.7rem; }
.gallery-count i{ color:var(--rust); }
.gallery-thumbnails{ display:flex; gap:0.7rem; overflow-x:auto; padding:0.85rem 0.2rem 0.3rem; scrollbar-width:thin; }
.gallery-thumbnail{ border:2px solid var(--line); border-radius:2px; padding:0; background:var(--ink); flex:0 0 96px; height:72px; cursor:pointer; opacity:0.65; overflow:hidden; transition:border-color 0.15s ease, opacity 0.15s ease, transform 0.15s ease; }
.gallery-thumbnail img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.gallery-thumbnail:hover{ opacity:1; transform:translateY(-2px); }
.gallery-thumbnail.is-active{ border-color:var(--rust); opacity:1; box-shadow:0 4px 14px rgba(193,68,14,0.3); }
/* Karta e informacionit — te gjitha te dhenat e mjetit ne nje karte te bardhe. */
.detail-info-card{ background:#fff; border:1px solid var(--line); border-top:3px solid var(--steel); padding:1.7rem 1.7rem 1.8rem; box-shadow:0 10px 30px rgba(28,36,32,0.08); }
.category-motociklete .detail-info-card{ border-top-color:var(--sand); }
.detail-title{ font-size:2rem; font-weight:600; line-height:1.12; margin:0.15rem 0 0; text-wrap:balance; }
.detail-price-block{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:0.7rem; margin-top:1.1rem; padding:1rem 1.1rem; background:var(--paper); border:1px solid var(--line); border-left:4px solid var(--rust); }
.detail-price{ font-family:'Oswald', sans-serif; font-size:2rem; font-weight:600; color:var(--rust); line-height:1; }
.detail-warranty{ display:inline-flex; align-items:center; gap:0.45rem; font-size:0.82rem; font-weight:600; color:var(--steel); }
.detail-warranty i{ color:var(--rust); }
.detail-warranty.is-muted{ color:var(--sand); font-weight:500; }
.detail-keyfacts{ display:grid; grid-template-columns:1fr 1fr; gap:0.7rem; margin-top:1.1rem; }
.keyfact{ display:flex; flex-direction:column; gap:0.15rem; padding:0.8rem 0.9rem; background:rgba(255,255,255,0.6); border:1px solid var(--line); }
.keyfact i{ color:var(--rust); font-size:1rem; margin-bottom:0.25rem; }
.keyfact span{ font-family:'Oswald', sans-serif; font-size:0.68rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--sand); }
.keyfact strong{ font-size:0.95rem; color:var(--ink); }
.detail-specs{ border:1px solid var(--line); padding:0.4rem 1rem; background:rgba(255,255,255,0.5); display:grid; grid-template-columns:1fr; column-gap:1.5rem; }
.detail-specs-heading{ font-family:'Oswald', sans-serif; font-size:0.8rem; letter-spacing:0.14em; color:var(--sand); text-transform:uppercase; margin-top:1.6rem; }
.detail-specs li{ display:flex; justify-content:space-between; align-items:baseline; gap:1rem; padding:0.55rem 0; color:var(--sand); font-size:0.88rem; border-bottom:1px solid rgba(28,36,32,0.07); }
.detail-specs li:last-child{ border-bottom:0; }
.detail-specs strong{ color:var(--ink); text-align:right; font-weight:600; }
.detail-phone{ display:flex; align-items:center; justify-content:center; gap:0.5rem; margin-top:0.8rem; padding:0.8rem 1rem; border:1px solid var(--line); color:var(--ink-soft); font-size:0.92rem; text-decoration:none; transition:border-color 0.15s ease, color 0.15s ease; }
.detail-phone i{ color:var(--rust); }
.detail-phone:hover{ color:var(--rust-dark); border-color:var(--rust); }
.detail-phone strong{ font-weight:700; }
.detail-desc-heading{ font-family:'Oswald', sans-serif; font-size:0.8rem; letter-spacing:0.14em; color:var(--sand); text-transform:uppercase; margin-top:1.8rem; }
.detail-description{ margin-top:0.7rem; padding:1rem 1.1rem; background:var(--paper); border-left:3px solid var(--steel); color:var(--ink-soft); font-size:0.93rem; line-height:1.7; }
.detail-cta{ border-top:1px solid var(--line); padding-top:1.4rem; }
.detail-cta-btn{ width:100%; display:inline-flex; align-items:center; justify-content:center; gap:0.6rem; }
@media (min-width: 992px){ .detail-info-card{ position:sticky; top:90px; } }
.category-cover{ min-height:380px; box-sizing:border-box; position:relative; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; margin-bottom:2rem; color:var(--paper); overflow:hidden; border-bottom:3px solid var(--steel); background:radial-gradient(circle at 78% 48%,rgba(70,98,108,0.38),transparent 28%),linear-gradient(135deg,var(--ink-soft),var(--ink)); }
.category-cover::before{ content:""; position:absolute; inset:0; opacity:0.35; background:linear-gradient(90deg,transparent 49.8%,rgba(237,232,220,0.14) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(237,232,220,0.1) 50%,transparent 50.2%); background-size:100px 100px; transform:perspective(450px) rotateX(52deg) scale(1.6); transform-origin:bottom; }
.category-cover-motociklete{ border-color:var(--sand); background-image:linear-gradient(90deg,rgba(15,20,17,0.78),rgba(15,20,17,0.2)),url('/static/images/brand/motorcycle-albania.webp'),url('/static/images/brand/motorcycle-albania.png'); background-position:center 60%; }
.category-cover-makina{ background-image:linear-gradient(90deg,rgba(15,20,17,0.8),rgba(15,20,17,0.22)),url('/static/images/brand/company-cars.webp'),url('/static/images/brand/company-cars.png'); background-position:center 55%; }
.category-cover-shade{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(15,20,17,0.58), rgba(15,20,17,0.26) 55%, rgba(15,20,17,0.02)); }
.category-cover-main{ position:relative; z-index:1; display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; padding:2.6rem 3rem 2rem; width:100%; }
.category-cover-content{ position:relative; max-width:640px; }
.category-cover .section-label{ color:rgba(237,232,220,0.7); }
.category-cover .section-title{ color:var(--paper); font-size:clamp(2.6rem,5vw,3.6rem); line-height:1; margin-bottom:1rem; }
.category-cover p{ color:rgba(237,232,220,0.88); font-size:1.08rem; max-width:600px; margin:0; line-height:1.6; }
.category-cover-stats{ position:relative; z-index:1; display:flex; flex-wrap:wrap; width:100%; border-top:1px solid rgba(237,232,220,0.22); background:rgba(15,20,17,0.28); }
.category-cover-stat{ display:grid; gap:0.15rem; padding:0.95rem 2.6rem 1.05rem; border-right:1px solid rgba(237,232,220,0.16); min-width:150px; }
.category-cover-stat:first-child{ padding-left:3rem; }
.category-cover-stat:last-child{ border-right:0; }
.category-cover-stat strong,.category-cover-stat i{ font-family:'Oswald',sans-serif; font-size:1.4rem; line-height:1; color:var(--rust-bright); font-style:normal; }
.category-cover-stat span{ font-family:'Oswald',sans-serif; font-size:0.72rem; letter-spacing:0.12em; text-transform:uppercase; color:rgba(237,232,220,0.74); }
.category-cover-word{ gap:0.3rem; }
.category-cover-word strong{ font-size:1.15rem; letter-spacing:0.32em; }
.category-cover-word span{ letter-spacing:0.28em; color:rgba(237,232,220,0.55); }
.detail-specs{ border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:0.6rem; background:rgba(255,255,255,0.5); display:grid; grid-template-columns:1fr 1fr; column-gap:1.5rem; }
.detail-specs-heading{ font-family:'Oswald', sans-serif; font-size:0.8rem; letter-spacing:0.14em; color:var(--sand); text-transform:uppercase; margin-top:1.6rem; }
.detail-specs li{ display:flex; justify-content:space-between; gap:1rem; color:var(--sand); border-bottom:1px solid rgba(28,36,32,0.06); }
.detail-specs li:last-child{ border-bottom:0; }
.detail-specs strong{ color:var(--ink); text-align:right; font-weight:600; white-space:nowrap; }
@media (max-width: 575px){ .detail-specs{ grid-template-columns:1fr; } }
.detail-phone{ display:block; margin-top:0.9rem; color:var(--steel); font-size:0.9rem; text-decoration:none; }
.detail-phone:hover{ color:var(--rust); }
.detail-desc-heading{ font-family:'Oswald', sans-serif; font-size:0.8rem; letter-spacing:0.14em; color:var(--sand); text-transform:uppercase; margin-top:1.8rem; }
.detail-cta{ border-top:1px solid var(--line); padding-top:1.6rem; }
.stock-status{ display:inline-block; margin-top:0.8rem; padding:0.35rem 0.65rem; border-left:3px solid var(--steel); background:rgba(70,98,108,0.08); color:var(--steel); font-family:'Oswald', sans-serif; font-size:0.78rem; letter-spacing:0.06em; }
.stock-status-ne_port{ border-color:var(--rust); background:rgba(193,68,14,0.08); color:var(--rust-dark); }
.stock-status-ne_gjendje_servisuar{ border-color:var(--sand); background:rgba(110,103,82,0.12); color:var(--ink-soft); }
.service-band{ background:var(--ink); color:var(--paper); padding:3.2rem 0; border-top:1px solid rgba(237,232,220,0.12); }
.service-band .section-label{ color:var(--rust-bright); }
.service-band .section-title{ color:var(--paper); }
.service-band p{ color:rgba(237,232,220,0.7); max-width:620px; }
.service-hero{ background:var(--ink); color:var(--paper); padding:4rem 0; border-bottom:3px solid var(--rust); position:relative; overflow:hidden; }
.service-hero::before{ content:""; position:absolute; inset:0; opacity:0.5; background:radial-gradient(circle at 12% 88%, rgba(193,68,14,0.22), transparent 42%), radial-gradient(circle at 85% 35%,rgba(70,98,108,0.4),transparent 34%); }
.service-hero::after{ content:""; position:absolute; inset:0; opacity:0.28; background:linear-gradient(90deg,transparent 49.8%,rgba(237,232,220,0.1) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(237,232,220,0.08) 50%,transparent 50.2%); background-size:100px 100px; transform:perspective(450px) rotateX(52deg) scale(1.6); transform-origin:bottom; }
.service-hero .container{ position:relative; z-index:1; }
.service-hero .section-label{ color:rgba(237,232,220,0.72); }
.service-hero h1{ max-width:760px; font-size:3.2rem; line-height:1.05; padding-left:1.4rem; border-left:3px solid var(--rust); }
.service-hero p{ max-width:640px; color:rgba(237,232,220,0.78); font-size:1.05rem; padding-left:1.4rem; margin-top:1rem; }
.parts-call-band{ background:linear-gradient(135deg,var(--rust-dark),var(--rust)); color:var(--paper); padding:2.2rem 0; }
.parts-call-inner{ display:flex; flex-wrap:wrap; gap:1.5rem; align-items:center; justify-content:space-between; }
.parts-call-icon{ font-size:2.6rem; color:rgba(237,232,220,0.92); }
.parts-call-copy{ flex:1; min-width:280px; }
.parts-call-label{ font-family:'Oswald',sans-serif; font-size:0.78rem; letter-spacing:0.14em; text-transform:uppercase; color:rgba(237,232,220,0.75); }
.parts-call-phone{ display:block; font-family:'Oswald',sans-serif; font-size:2.1rem; font-weight:600; line-height:1.15; color:#fff; text-decoration:none; }
.parts-call-phone:hover{ color:#fff; text-decoration:underline; }
.parts-call-copy p{ margin:0.45rem 0 0; color:rgba(237,232,220,0.86); font-size:0.95rem; max-width:520px; }
.parts-call-actions{ display:flex; gap:0.75rem; flex-wrap:wrap; }
.parts-call-actions .btn{ padding:0.65rem 1.4rem; font-weight:600; }
.support-list a{ color:var(--rust); font-weight:600; text-decoration:none; }
.support-list a:hover{ color:var(--rust-dark); text-decoration:underline; }
.support-list{ margin-top:2rem; border-top:1px solid var(--line); }
.support-list div{ display:grid; gap:0.2rem; padding:1rem 0; border-bottom:1px solid var(--line); }
.support-list span{ color:var(--sand); font-size:0.9rem; }
.service-offerings{ margin-bottom:3.5rem !important; }
.service-offer{ height:100%; display:grid; grid-template-columns:3.2rem 1fr; gap:1rem; padding:1.5rem; border:1px solid var(--line); border-top:3px solid var(--steel); background:#fff; }
.service-offer-moto{ border-top-color:var(--sand); }
.service-offer-icon{ color:var(--rust); font-size:1.35rem; padding-top:0.1rem; }
.service-offer-moto .service-offer-icon{ color:var(--steel); }
.service-offer-kicker{ color:var(--sand); font-family:'Oswald',sans-serif; font-size:0.7rem; letter-spacing:0.14em; }
.service-offer h3{ font-size:1.45rem; margin:0.25rem 0 0.5rem; }
.service-offer p{ color:var(--ink-soft); font-size:0.9rem; line-height:1.55; margin-bottom:0.9rem; }
.service-offer ul{ list-style:none; padding:0; margin:0; color:var(--ink-soft); font-size:0.82rem; }
.service-offer li{ border-top:1px solid var(--line); padding:0.5rem 0 0.5rem 1rem; position:relative; }
.service-offer li::before{ content:"✓"; color:var(--rust); position:absolute; left:0; font-weight:700; }
.service-offer-moto li:last-child{ color:var(--rust-dark); font-weight:600; }
.service-guidance{ max-width:440px; color:var(--ink-soft); line-height:1.65; }
.support-list strong i{ width:1.2rem; color:var(--rust); margin-right:0.25rem; text-align:center; }
.support-form-heading{ border-bottom:1px solid var(--line); margin-bottom:1.4rem; padding-bottom:0.8rem; }
.support-form-heading .section-label{ margin-bottom:0.35rem; }
.support-form-heading p{ color:var(--ink-soft); font-size:0.86rem; margin:0; }
.contact-details{ margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--line); display:grid; gap:0.6rem; }
.contact-details strong{ font-family:'Oswald', sans-serif; font-size:0.82rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--sand); }
.contact-details a{ color:var(--rust); font-weight:600; font-size:1.15rem; text-decoration:none; }
.contact-details a:hover{ color:var(--rust-dark); text-decoration:underline; }
/* Karta e informacionit te kontaktit — kolona e majte ne karte te bardhe. */
.contact-info-card{ background:#fff; border:1px solid var(--line); border-top:3px solid var(--rust); padding:1.7rem; box-shadow:0 10px 28px rgba(28,36,32,0.07); height:100%; }
.contact-info-card .section-title{ font-size:1.7rem; }
.contact-info-card .support-list{ margin-top:1.4rem; }
.contact-info-card .support-list strong i{ color:var(--rust); margin-right:0.45rem; }
.contact-phone{ display:inline-flex; align-items:center; gap:0.55rem; }
.contact-phone i{ font-size:0.95rem; }
.contact-address{ display:flex; align-items:flex-start; gap:0.55rem; color:var(--sand); font-size:0.88rem; line-height:1.55; }
.contact-address i{ color:var(--rust); margin-top:0.2rem; }
.support-form{ background:#fff; border-top:3px solid var(--rust); padding:1.8rem; box-shadow:0 6px 20px rgba(28,36,32,0.05); }
.support-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.support-form label{ display:grid; gap:0.4rem; color:var(--sand); font-family:'Oswald', sans-serif; font-size:0.78rem; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:1.1rem; }
.support-form input,.support-form select,.support-form textarea{ border:1px solid var(--line); padding:0.7rem 0.8rem; background:var(--paper); font-family:'Inter', sans-serif; color:var(--ink); border-radius:0; transition:border-color 0.15s ease, box-shadow 0.15s ease; }
.support-form input:focus,.support-form select:focus,.support-form textarea:focus{ outline:none; border-color:var(--rust); box-shadow:0 0 0 2px rgba(193,68,14,0.12); background:#fff; }
.support-form textarea{ resize:vertical; }
.support-result{ margin:1rem 0 0; font-size:0.9rem; }
.support-result.is-success{ color:var(--steel); }
.support-result.is-error{ color:var(--rust-dark); }

/* About page */
.about-page{ overflow-x:hidden; }
.about-hero{ min-height:calc(100vh - 76px); position:relative; overflow:hidden; display:flex; align-items:flex-end; background:linear-gradient(160deg, var(--ink) 0%, var(--ink-soft) 100%); color:var(--paper); border-bottom:3px solid var(--rust); }
.about-hero::before{ content:""; position:absolute; right:-12%; top:-20%; width:680px; height:680px; background:radial-gradient(circle, rgba(193,68,14,0.12) 0%, transparent 60%); pointer-events:none; z-index:0; }
.about-hero::after{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 78% 48%, rgba(70,98,108,0.36), transparent 26%),linear-gradient(90deg, rgba(15,20,17,0.97) 0%, rgba(15,20,17,0.72) 48%, rgba(15,20,17,0.15) 100%); pointer-events:none; z-index:1; }
.about-transmission{ position:absolute; z-index:1; right:9%; top:50%; width:420px; height:260px; transform:translateY(-50%); filter:drop-shadow(0 12px 20px rgba(0,0,0,0.22)); animation:transmission-float 6s ease-in-out infinite; }
@keyframes transmission-float{ 0%,100%{ transform:translateY(-50%) translateY(0); } 50%{ transform:translateY(-50%) translateY(-12px); } }
.transmission-wheel{ position:absolute; display:block; border:12px solid rgba(237,232,220,0.78); border-radius:50%; background:radial-gradient(circle, var(--rust) 0 14%, transparent 15% 28%, rgba(237,232,220,0.72) 29% 34%, transparent 35%); box-shadow:inset 0 0 0 2px rgba(193,68,14,0.4),0 0 0 1px rgba(237,232,220,0.15); }
.transmission-wheel-large{ animation:wheel-rotate 20s linear infinite; }
.transmission-wheel-medium{ animation:wheel-rotate-reverse 15s linear infinite; }
.transmission-wheel-small{ animation:wheel-rotate 10s linear infinite; }
@keyframes wheel-rotate{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
@keyframes wheel-rotate-reverse{ from{ transform:rotate(0deg); } to{ transform:rotate(-360deg); } }
.transmission-wheel::before,.transmission-wheel::after{ content:""; position:absolute; inset:-22px; border:8px solid transparent; border-top-color:rgba(237,232,220,0.78); border-bottom-color:rgba(237,232,220,0.78); border-radius:50%; transform:rotate(35deg); }
.transmission-wheel::after{ transform:rotate(125deg); }
.transmission-wheel-large{ width:210px; height:210px; left:8px; top:25px; }.transmission-wheel-medium{ width:158px; height:158px; left:174px; top:6px; border-color:rgba(193,68,14,0.88); }.transmission-wheel-small{ width:116px; height:116px; left:278px; top:124px; border-width:9px; }
.about-hero-content{ position:relative; z-index:2; width:100%; box-sizing:border-box; display:flex; flex-direction:row; align-items:flex-end; justify-content:space-between; gap:3rem; padding:0 0 3.5rem; }
.about-hero-copy{ max-width:680px; padding-left:1.5rem; border-left:3px solid var(--rust); animation:slide-in-left 0.8s ease-out both; }.about-hero h1{ font-size:clamp(3.3rem, 7vw, 6.4rem); line-height:0.95; margin:0; text-shadow:0 4px 30px rgba(0,0,0,0.3); }.about-hero-subtitle{ font-family:'Oswald',sans-serif; font-size:clamp(1.4rem, 2.4vw, 2rem); margin:1.2rem 0 0; color:var(--paper); text-shadow:0 2px 12px rgba(0,0,0,0.2); }.about-hero .lead{ max-width:560px; color:rgba(237,232,220,0.78); font-size:1.05rem; margin-top:0.7rem; line-height:1.65; }.about-hero-meta{ max-width:430px; padding-left:1rem; border-left:1px solid rgba(237,232,220,0.38); display:flex; flex-direction:column; gap:0.35rem; animation:slide-in-right 0.8s ease-out 0.3s both; }.about-hero-meta span,.machine-visual-label{ font-family:'Oswald',sans-serif; font-size:0.7rem; letter-spacing:0.18em; color:var(--rust); }.about-hero-meta strong{ font-family:'Oswald',sans-serif; font-size:1.35rem; line-height:1.1; }.about-hero .d-flex{ animation:slide-in-left 0.8s ease-out 0.15s both; }
@keyframes slide-in-left{ from{ opacity:0; transform:translateX(-30px); } to{ opacity:1; transform:translateX(0); } }
@keyframes slide-in-right{ from{ opacity:0; transform:translateX(30px); } to{ opacity:1; transform:translateX(0); } }
.about-hero-orbit{ position:absolute; z-index:1; border:1px solid rgba(237,232,220,0.18); border-radius:50%; transform:rotate(-26deg); opacity:0.7; transition:opacity 0.5s ease; }.about-hero-orbit:hover{ opacity:1; }.about-hero-orbit-one{ width:600px; height:250px; right:-60px; top:25%; }.about-hero-orbit-two{ width:480px; height:180px; right:20px; top:33%; border-color:rgba(193,68,14,0.4); }.about-hero-engine{ position:absolute; z-index:1; right:13%; top:25%; width:270px; height:270px; border:1px solid rgba(237,232,220,0.2); border-radius:50%; transform:rotate(18deg); box-shadow:0 0 0 18px rgba(237,232,220,0.02),0 0 0 38px rgba(193,68,14,0.06); transition:transform 0.5s ease, box-shadow 0.5s ease; }.about-hero-engine:hover{ transform:rotate(18deg) scale(1.04); box-shadow:0 0 0 18px rgba(237,232,220,0.04),0 0 0 38px rgba(193,68,14,0.1); }.engine-ring{ position:absolute; inset:34px; border:2px solid rgba(237,232,220,0.25); border-radius:50%; transition:border-color 0.3s ease; }.engine-ring-two{ inset:82px; border-color:var(--rust); }.engine-core{ position:absolute; inset:112px; background:var(--rust); border-radius:50%; box-shadow:0 0 35px rgba(193,68,14,0.5); animation:pulse-glow 3s ease-in-out infinite; }.engine-tooth{ position:absolute; width:16px; height:38px; background:var(--paper); left:127px; top:-20px; }.engine-tooth-two{ transform:rotate(120deg); transform-origin:8px 155px; }.engine-tooth-three{ transform:rotate(240deg); transform-origin:8px 155px; }
@keyframes pulse-glow{ 0%,100%{ box-shadow:0 0 35px rgba(193,68,14,0.5); } 50%{ box-shadow:0 0 55px rgba(193,68,14,0.75),0 0 80px rgba(193,68,14,0.3); } }
.about-intro{ background:var(--paper); }
.about-intro-copy,.machine-copy{ color:var(--ink-soft); font-size:1.05rem; line-height:1.75; }.about-display{ font-size:clamp(2.2rem,4vw,3.4rem); }.about-intro .section-title{ color:var(--ink); }
.purchase-section{ background:var(--paper-dim); }
.purchase-card{ height:100%; min-height:475px; padding:1.5rem; border:1px solid var(--line); border-top:3px solid var(--steel); background:rgba(255,255,255,0.54); display:flex; flex-direction:column; transition:transform 0.25s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.25s ease, border-color 0.25s ease; position:relative; overflow:hidden; }.purchase-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:3px; background:var(--steel); transform:scaleX(0); transform-origin:left; transition:transform 0.3s ease; }.purchase-card:hover{ transform:translateY(-8px); box-shadow:0 18px 40px rgba(28,36,32,0.16); border-color:rgba(193,68,14,0.2); }.purchase-card:hover::before{ transform:scaleX(1); }.purchase-card-featured{ border-top-color:var(--rust); background:#fff; }.purchase-card-featured::before{ background:var(--rust); }.purchase-card-featured:hover{ border-color:rgba(193,68,14,0.3); box-shadow:0 18px 40px rgba(193,68,14,0.12); }.purchase-number{ font-family:'Oswald',sans-serif; color:var(--sand); font-size:0.78rem; letter-spacing:0.1em; }.purchase-icon{ color:var(--rust); font-size:1.5rem; margin:1.7rem 0 1rem; transition:transform 0.3s ease, color 0.3s ease; }.purchase-card:hover .purchase-icon{ transform:scale(1.15) rotate(-3deg); color:var(--rust-bright); }.purchase-card h3{ font-size:1.35rem; line-height:1.1; min-height:3rem; }.purchase-badge{ display:inline-block; color:var(--steel); font-family:'Oswald',sans-serif; font-size:0.62rem; letter-spacing:0.1em; margin:0.8rem 0; padding:0.3rem 0.6rem; background:rgba(62,86,95,0.08); border-radius:2px; border:1px solid rgba(62,86,95,0.15); transition:background 0.3s ease, border-color 0.3s ease; }.purchase-card:hover .purchase-badge{ background:rgba(193,68,14,0.08); border-color:rgba(193,68,14,0.2); }.purchase-card p{ color:var(--ink-soft); font-size:0.87rem; line-height:1.55; }.purchase-card ul{ list-style:none; padding:0; margin:0.8rem 0 0; font-size:0.83rem; color:var(--ink-soft); }.purchase-card li{ border-top:1px solid var(--line); padding:0.58rem 0 0.58rem 1.1rem; position:relative; transition:padding-left 0.25s ease; }.purchase-card li::before{ content:"✓"; color:var(--rust); position:absolute; left:0; font-weight:700; }.purchase-card:hover li{ padding-left:1.3rem; }.purchase-note{ border-left:2px solid var(--rust); color:var(--rust-dark); font-size:0.75rem; margin-top:auto; padding:0.7rem 0 0.7rem 0.8rem; background:rgba(193,68,14,0.04); }
.warranty-band{ background:linear-gradient(160deg, var(--ink) 0%, var(--ink-soft) 100%); color:var(--paper); padding:5rem 0; border-top:3px solid var(--rust); position:relative; overflow:hidden; }.warranty-band::before{ content:""; position:absolute; left:-10%; top:-30%; width:500px; height:500px; background:radial-gradient(circle, rgba(193,68,14,0.1) 0%, transparent 60%); pointer-events:none; }.warranty-band .section-title{ color:var(--paper); }.warranty-band p{ color:rgba(237,232,220,0.72); font-size:1.05rem; line-height:1.65; }.warranty-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(237,232,220,0.16); }.warranty-grid>div{ min-height:150px; padding:1.5rem; background:var(--ink-soft); display:flex; flex-direction:column; gap:0.5rem; transition:background 0.3s ease; }.warranty-grid>div:hover{ background:rgba(36,44,39,0.95); }.warranty-grid i{ color:var(--rust-bright); font-size:1.3rem; margin-bottom:0.3rem; }.warranty-grid strong{ font-family:Oswald, sans-serif; font-size:1.15rem; }.warranty-grid span{ color:rgba(237,232,220,0.66); font-size:0.88rem; line-height:1.5; }.warranty-grid .warranty-warning{ grid-column:span 2; background:rgba(193,68,14,0.1); border:1px solid rgba(193,68,14,0.2); }.warranty-grid .warranty-wide{ grid-column:span 2; }
.machine-section{ background:var(--paper); }.machine-section:nth-of-type(even){ background:var(--paper-dim); }.machine-visual{ min-height:380px; position:relative; overflow:hidden; display:flex; align-items:end; padding:1.5rem; background:linear-gradient(160deg, var(--ink) 0%, var(--ink-soft) 100%); color:var(--paper); border:1px solid var(--line); transition:box-shadow 0.3s ease; }.machine-visual:hover{ box-shadow:0 12px 30px rgba(28,36,32,0.18); }.machine-visual::before{ content:""; position:absolute; inset:12%; border:1px solid rgba(237,232,220,0.18); transform:skewY(-12deg); transition:border-color 0.4s ease; }.machine-visual:hover::before{ border-color:rgba(193,68,14,0.3); }.machine-visual-lines{ position:absolute; inset:0; background:repeating-linear-gradient(145deg,transparent 0 25px,rgba(237,232,220,0.06) 25px 27px); }.moto-visual{ border-bottom:4px solid var(--steel); background:radial-gradient(circle at 40% 48%,rgba(70,98,108,0.58),transparent 28%),var(--ink); }.moto-mark{ position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%,-50%); font-size:7rem; color:rgba(237,232,220,0.82); transition:transform 0.5s ease, color 0.3s ease; }.machine-visual:hover .moto-mark{ transform:translate(-50%,-50%) scale(1.08); color:var(--rust-bright); }.machine-visual-label{ position:relative; z-index:1; }.highlight-grid{ display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-top:1.7rem; background:#fff; }.highlight-grid div{ padding:1.2rem 1rem; border-right:1px solid var(--line); transition:background 0.25s ease; }.highlight-grid div:last-child{ border:0; }.highlight-grid div:hover{ background:rgba(193,68,14,0.05); }.highlight-grid strong,.highlight-grid span{ display:block; }.highlight-grid strong{ font-family:'Oswald',sans-serif; color:var(--rust); font-size:1.15rem; margin-bottom:0.2rem; }.highlight-grid span{ color:var(--sand); font-size:0.7rem; letter-spacing:0.06em; text-transform:uppercase; margin-top:0.2rem; }.service-status{ margin-top:1.2rem; color:var(--rust-dark); font-size:0.86rem; padding:0.7rem 1.1rem; background:#fff; border:1px solid var(--line); border-left:3px solid var(--rust); display:inline-flex; align-items:center; gap:0.4rem; transition:background 0.25s ease, box-shadow 0.25s ease; }.service-status:hover{ background:var(--paper); box-shadow:0 4px 12px rgba(28,36,32,0.08); }.service-status i{ margin-right:0.35rem; }
.why-grid{ border-top:1px solid var(--line); border-left:1px solid var(--line); }.why-item{ min-height:190px; padding:1.5rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); transition:background 0.25s ease; }.why-item:hover{ background:rgba(193,68,14,0.03); }.why-item i{ color:var(--rust); font-size:1.2rem; margin-bottom:1.2rem; transition:transform 0.3s ease, color 0.3s ease; }.why-item:hover i{ transform:scale(1.1); color:var(--rust-bright); }.why-item h3{ font-size:1.2rem; transition:color 0.25s ease; }.why-item:hover h3{ color:var(--rust-dark); }.why-item p{ color:var(--ink-soft); font-size:0.86rem; line-height:1.55; margin:0; }.about-final-cta{ background:linear-gradient(135deg, var(--rust-dark), var(--rust)); color:#fff; padding:4rem 0; position:relative; overflow:hidden; }.about-final-cta::before{ content:""; position:absolute; right:-10%; top:-40%; width:450px; height:450px; background:radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%); pointer-events:none; }.about-final-cta-inner{ position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; gap:2rem; }.about-final-cta h2{ font-size:2.5rem; max-width:590px; margin:0; text-shadow:0 2px 16px rgba(0,0,0,0.15); }.about-final-cta .section-label{ color:rgba(255,255,255,0.7); letter-spacing:0.18em; }.about-final-cta .btn-rust{ background:var(--ink); transition:background 0.25s ease, transform 0.2s ease; }.about-final-cta .btn-rust:hover{ background:var(--ink-soft); transform:translateY(-2px); }
@media (max-width:767px){ .about-hero{ min-height:calc(100vh - 64px); }.about-hero-content{ min-height:calc(100vh - 64px); padding-top:5rem; }.about-transmission{ right:-70px; top:28%; transform:scale(0.62); transform-origin:center; opacity:0.42; }.purchase-card{ min-height:0; }.warranty-grid{ grid-template-columns:1fr; }.warranty-grid .warranty-warning{ grid-column:auto; }.warranty-grid .warranty-wide{ grid-column:auto; }.machine-visual{ min-height:280px; }.highlight-grid{ grid-template-columns:1fr 1fr; }.highlight-grid div:nth-child(2){ border-right:0; }.about-final-cta-inner{ align-items:flex-start; flex-direction:column; }.about-final-cta h2{ font-size:1.9rem; }.category-cover-content{ max-width:100%; }.category-cover-stat{ padding:0.85rem 1.4rem; min-width:0; flex:1 1 33.33%; }.category-cover-stat:first-child{ padding-left:1.5rem; }.category-cover-stat:last-child{ padding-right:1.5rem; } }
@media (prefers-reduced-motion:reduce){ .purchase-card{ transition:none; } }
@media (max-width: 767px){
  .hero{ padding:3.5rem 0; }
  .hero h1{ font-size:2.35rem; }
  .hero-visual{ min-height:270px; }
  .listing-row{ flex-direction:column; }
  .listing-thumb{ width:100%; height:150px; }
  .listing-price{ margin-left:0; text-align:left; width:100%; }
  .listing-body{ gap:0.8rem; }
  .detail-gallery{ aspect-ratio:4/3; min-height:0; height:auto; }
  .detail-info-card{ padding:1.3rem 1.2rem 1.4rem; }
  .detail-title{ font-size:1.6rem; }
  .detail-keyfacts{ grid-template-columns:1fr 1fr; }
  .detail-specs li{ align-items:flex-start; }
  .service-hero h1{ font-size:2.35rem; }
  .support-form-grid{ grid-template-columns:1fr; gap:0; }
  .hero-cover-content{ min-height:calc(100vh - 68px); flex-direction:column; align-items:flex-start; justify-content:space-between; gap:1.2rem; padding-top:5rem; padding-bottom:1.5rem; }
  .hero-copy{ padding-left:1rem; }
  .hero-copy h1{ font-size:2.8rem; }
  .hero-cover-caption{ padding:0.6rem 0 0.6rem 0.8rem; margin-bottom:0; }
  .category-cover{ min-height:320px; }
  .category-cover-main{ padding:2rem 1.5rem 1.6rem; }
  .category-cover .section-title{ font-size:2.35rem; }
}

/* Shared cover dimensions */
.service-hero{ min-height:360px; height:360px; box-sizing:border-box; display:flex; align-items:flex-end; }
.service-hero{ padding:2.5rem 0; }
.contact-hero{ height:360px; }
.scroll-reveal{ opacity:0; transform:translateY(24px); transition:opacity 0.6s ease-out, transform 0.6s ease-out; }
.scroll-reveal.is-visible{ opacity:1; transform:translateY(0); }
html.no-js .scroll-reveal{ opacity:1; transform:none; transition:none; }
.stagger-1{ transition-delay:0.08s; }.stagger-2{ transition-delay:0.16s; }.stagger-3{ transition-delay:0.24s; }.stagger-4{ transition-delay:0.32s; }
.scroll-hint{ display:inline-flex; align-items:center; gap:0.5rem; color:rgba(237,232,220,0.55); font-family:'Oswald',sans-serif; font-size:0.7rem; letter-spacing:0.18em; text-transform:uppercase; animation:fade-bounce 2.5s ease-in-out infinite; }
@keyframes fade-bounce{ 0%,100%{ opacity:0.4; transform:translateY(0); } 50%{ opacity:0.8; transform:translateY(5px); } }
@media (max-width:767px){
  .service-hero,.contact-hero{ min-height:300px; height:300px; }
  .service-hero{ padding:1.5rem 0; }
  .about-hero{ min-height:calc(100vh - 64px); }
  .about-hero-content{ flex-direction:column; justify-content:flex-end; align-items:flex-start; gap:1.6rem; padding:0 0 2rem; }
  .about-hero-copy{ max-width:100%; }
  .about-hero h1{ font-size:2.5rem; }
  .about-hero-subtitle{ font-size:1.15rem; margin-top:0.55rem; }
  .about-hero .lead{ font-size:0.88rem; line-height:1.4; margin-top:0.45rem; }
  .about-hero .d-flex{ gap:0.6rem !important; margin-top:0.8rem !important; }
  .about-hero .btn{ padding:0.6rem 0.9rem; font-size:0.86rem; }
  .about-hero-meta{ display:none; }
  .purchase-card{ min-height:0; }
  .warranty-grid{ grid-template-columns:1fr; }
  .warranty-grid .warranty-warning{ grid-column:auto; }
  .machine-visual{ min-height:280px; }
  .highlight-grid{ grid-template-columns:1fr 1fr; }
  .highlight-grid div:nth-child(2){ border-right:0; }
  .about-final-cta-inner{ align-items:flex-start; flex-direction:column; }
  .about-final-cta h2{ font-size:1.9rem; }
  .category-cover-content{ max-width:100%; }
  .category-cover-stat{ padding:0.85rem 1.4rem; min-width:0; flex:1 1 33.33%; }
  .category-cover-stat:first-child{ padding-left:1.5rem; }
  .category-cover-stat:last-child{ padding-right:1.5rem; }
  .brand-band-logos{ gap:0.8rem; }
  .brand-band-logos figure{ width:40vw; max-width:160px; }
  .brand-band-divider{ display:none; }
  .moto-intro .section-title{ font-size:1.8rem; }
  .about-intro .section-title{ font-size:1.8rem; }
  .purchase-card h3{ font-size:1.15rem; }
  .highlight-grid strong{ font-size:1rem; }
  .highlight-grid span{ font-size:0.6rem; }
}
@media (max-width: 575px){
  .about-hero-copy{ padding-left:1rem; }
  .about-hero h1{ font-size:2.2rem; }
  .about-hero-content{ padding:0 0 1.5rem; }
  .purchase-card{ padding:1.2rem; }
  .highlight-grid div{ padding:0.8rem 0.5rem; }
  .why-item{ padding:1.1rem; }
  .about-final-cta{ padding:2.5rem 0; }
}
@media (min-width: 768px) and (max-width: 991px){
  .purchase-card{ min-height:420px; }
  .why-item{ min-height:170px; }
}
@media (prefers-reduced-motion:reduce){
  .purchase-card,.purchase-card::before,.purchase-icon,.purchase-badge,.why-item,.why-item i,.why-item h3,.machine-visual,.machine-visual::before,.moto-mark,.service-status,.about-hero-transmission,.about-hero-engine,.engine-core,.about-final-cta,.about-final-cta .btn-rust{ transition:none; animation:none; }
}

/* Admin workspace */
.admin-auth{ min-height:65vh; display:grid; place-items:center; padding:4rem 1rem; }
.admin-auth-panel{ width:min(100%, 440px); background:#fff; border-top:4px solid var(--rust); padding:2.5rem; box-shadow:0 14px 35px rgba(28,36,32,0.08); }
.admin-muted{ color:var(--sand); }
.admin-form{ display:grid; gap:0.55rem; margin-top:2rem; }
.admin-form label,.admin-toolbar label{ font-family:'Oswald', sans-serif; font-size:0.78rem; letter-spacing:0.08em; color:var(--sand); text-transform:uppercase; }
.admin-form input{ border:1px solid var(--line); padding:0.75rem; background:var(--paper); border-radius:0; transition:border-color 0.15s ease, box-shadow 0.15s ease; }
.admin-form input:focus{ outline:none; border-color:var(--rust); box-shadow:0 0 0 2px rgba(193,68,14,0.12); background:#fff; }
.admin-form button{ margin-top:0.8rem; }
.admin-error{ color:var(--rust-dark); font-size:0.9rem; margin:0.5rem 0 0; }
.admin-success{ color:#2a6f3d; font-size:0.9rem; margin:0.5rem 0 0; }
.admin-link-row{ margin-top:1.2rem; font-size:0.85rem; }
.admin-link-row a{ color:var(--rust); text-decoration:underline; }
.admin-page{ padding:3.5rem 0 5rem; }
.admin-topbar{ display:flex; align-items:flex-end; justify-content:space-between; gap:1.5rem; border-bottom:1px solid var(--line); padding-bottom:1.7rem; }
.admin-toolbar{ display:flex; align-items:center; gap:0.8rem; padding:1.2rem 0; }
.admin-toolbar .form-select{ max-width:220px; }
.admin-toolbar .form-control{ max-width:280px; }
.lead-list{ display:grid; gap:0.75rem; }
.lead-item{ background:#fff; border:1px solid var(--line); border-left:4px solid var(--steel); padding:0; overflow:hidden; }
.lead-status-border-new{ border-left-color:var(--rust); }
.lead-status-border-contacted{ border-left-color:var(--steel); }
.lead-status-border-closed{ border-left-color:var(--sand); }
.lead-item-header,.lead-item-content,.lead-item-footer{ padding-left:1.4rem; padding-right:1.4rem; }
.lead-item-header{ display:flex; justify-content:space-between; align-items:center; gap:1rem; padding-top:0.85rem; padding-bottom:0.85rem; border-bottom:1px solid rgba(28,36,32,0.07); }
.lead-heading{ display:flex; align-items:center; flex-wrap:wrap; gap:0.8rem; }
.lead-type-badge{ display:inline-flex; align-items:center; gap:0.5rem; font-family:'Oswald', sans-serif; font-size:0.76rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--rust); }
.lead-type-badge i{ font-size:0.9rem; }
.lead-reference{ color:var(--sand); font-family:'Oswald', sans-serif; font-size:0.7rem; letter-spacing:0.1em; }
.lead-date{ display:inline-flex; align-items:center; gap:0.35rem; color:var(--sand); font-size:0.78rem; white-space:nowrap; }
.lead-item-content{ display:flex; justify-content:space-between; gap:2rem; padding-top:1.2rem; padding-bottom:1.2rem; }
.lead-item h2{ font-size:1.5rem; margin:0 0 0.55rem; }
.lead-item-main{ min-width:0; flex:1; }
.lead-item p{ color:var(--ink-soft); margin:0 0 0.7rem; max-width:720px; }
.lead-contact{ display:flex; flex-wrap:wrap; gap:0.9rem; color:var(--sand); font-size:0.85rem; margin-bottom:0.9rem; }
.lead-contact a{ color:var(--sand); text-decoration:none; }
.lead-contact a:hover{ color:var(--rust); }
.lead-contact i,.lead-item-footer i{ margin-right:0.35rem; }
.lead-message-label{ display:flex; align-items:center; gap:0.35rem; color:var(--sand); font-family:'Oswald', sans-serif; font-size:0.68rem; letter-spacing:0.08em; text-transform:uppercase; margin:0.9rem 0 0.4rem; }
.lead-message-label i{ color:var(--rust); font-size:0.8rem; }
.lead-message-box{ max-width:760px; padding:0.9rem 1rem; border-left:3px solid var(--rust); background:rgba(237,232,220,0.55); }
.lead-message{ white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; }
.lead-item-side{ min-width:175px; display:flex; flex-direction:column; align-items:stretch; gap:0.55rem; }
.admin-pagination{ display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:0.75rem; padding:1.25rem 0; }
.lead-status{ font-family:'Oswald', sans-serif; font-size:0.75rem; letter-spacing:0.08em; padding:0.25rem 0.55rem; border:1px solid var(--line); }
.status-new{ color:var(--rust); }
.status-contacted{ color:var(--steel); }
.status-closed{ color:var(--sand); }
.lead-status-select{ font-size:0.85rem; }
.lead-status-block{ display:grid; gap:0.3rem; }
.lead-status-label{ color:var(--sand); font-family:'Oswald', sans-serif; font-size:0.68rem; letter-spacing:0.06em; text-transform:uppercase; }
.lead-item-footer{ display:flex; flex-wrap:wrap; gap:1rem 1.5rem; padding-top:0.75rem; padding-bottom:0.75rem; border-top:1px solid rgba(28,36,32,0.07); color:var(--sand); font-size:0.78rem; }
.lead-item-footer a{ color:var(--steel); text-decoration:none; }
.lead-item-footer a:hover{ color:var(--rust); }
.lead-meta{ display:inline-flex; align-items:center; }
.admin-empty{ border:1px dashed var(--line); padding:3rem; text-align:center; color:var(--sand); }
.admin-tabs{ display:flex; gap:0.5rem; }
.admin-tab{ border:0; border-bottom:2px solid transparent; background:transparent; padding:0.6rem 1rem; color:var(--sand); font-family:'Oswald', sans-serif; text-transform:uppercase; letter-spacing:0.08em; }
.admin-tab.is-active{ border-color:var(--rust); color:var(--ink); }
.admin-panel[hidden],.admin-vehicle-form[hidden]{ display:none; }
.admin-toolbar-filter{ border-top:1px solid var(--line); }
.inventory-header{ display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--line); padding:1.2rem 0; }
.vehicle-admin-list{ display:grid; gap:0.75rem; padding-top:1rem; }
.vehicle-admin-item{ display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 1.25rem; background:#fff; border:1px solid var(--line); transition:box-shadow 0.15s ease, border-color 0.15s ease; }
.admin-item-actions{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:0.5rem; }
.admin-item-actions .btn{ white-space:nowrap; }
.vehicle-admin-item:hover{ border-color:rgba(193,68,14,0.4); box-shadow:0 4px 14px rgba(28,36,32,0.07); }
.vehicle-admin-item h3{ font-size:1.2rem; margin:0.15rem 0; }
.vehicle-admin-item p{ color:var(--sand); margin:0; font-size:0.85rem; }
.admin-en-badge{ font-size:0.7rem; font-weight:600; color:var(--rust); border:1px solid var(--rust); border-radius:999px; padding:0.1rem 0.5rem; vertical-align:middle; }
#vehicle-form input.en-missing, #vehicle-form textarea.en-missing{ border-color:var(--rust); box-shadow:0 0 0 0.15rem rgba(193,68,14,0.2); }
#vehicle-form label:has(input.en-missing), #vehicle-form label:has(textarea.en-missing){ color:var(--rust); }
.user-state{ font-family:'Oswald', sans-serif; letter-spacing:0.05em; text-transform:uppercase; }
.user-state.is-active{ color:var(--steel) !important; }
.user-state.is-inactive{ color:var(--rust) !important; }
.user-admin-actions{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:0.5rem; }
.user-admin-actions .btn{ white-space:nowrap; }
.admin-vehicle-form{ margin-top:1.5rem; padding:1.5rem; background:#fff; border-top:3px solid var(--steel); }
.vehicle-form-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:1rem; margin:1rem 0; }
.vehicle-form-grid label,.admin-vehicle-form > label{ display:grid; gap:0.35rem; color:var(--sand); font-family:'Oswald', sans-serif; font-size:0.78rem; letter-spacing:0.06em; text-transform:uppercase; }
.vehicle-form-grid input,.vehicle-form-grid select,.admin-vehicle-form textarea{ width:100%; border:1px solid var(--line); padding:0.7rem; background:var(--paper); font-family:'Inter', sans-serif; color:var(--ink); border-radius:0; transition:border-color 0.15s ease, box-shadow 0.15s ease; }
.vehicle-form-grid input:focus,.vehicle-form-grid select:focus,.admin-vehicle-form textarea:focus{ outline:none; border-color:var(--rust); box-shadow:0 0 0 2px rgba(193,68,14,0.12); background:#fff; }
.admin-vehicle-form textarea{ resize:vertical; }
@media (max-width:575px){ .vehicle-admin-item{ align-items:flex-start; flex-direction:column; }.admin-item-actions{ width:100%; justify-content:flex-start; } }
.checkbox-field{ display:flex !important; grid-template-columns:auto 1fr; align-items:center; gap:0.7rem !important; }
.checkbox-field input{ width:auto; }
.admin-form-actions{ display:flex; gap:0.7rem; margin-top:1rem; }
.photos-field{ margin-top:1rem; display:grid; gap:0.35rem; color:var(--sand); font-family:'Oswald', sans-serif; font-size:0.78rem; letter-spacing:0.06em; text-transform:uppercase; }
.photos-dropzone{ margin-top:0.4rem; }
.photos-dropzone input{ display:none; }
.photos-dropzone-label{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.35rem; padding:1.75rem 1rem; text-align:center; border:1.5px dashed var(--line); background:var(--paper); cursor:pointer; transition:border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease; }
.photos-dropzone-label:hover{ border-color:var(--rust); background:#fff; }
.photos-dropzone-label:focus-within{ outline:none; border-color:var(--rust); box-shadow:0 0 0 2px rgba(193,68,14,0.12); }
.photos-dropzone-label i{ font-size:1.6rem; color:var(--rust); }
.photos-dropzone-title{ font-family:'Oswald', sans-serif; font-size:0.95rem; letter-spacing:0.04em; text-transform:uppercase; color:var(--ink); }
.photos-dropzone-hint{ font-family:'Inter', sans-serif; font-size:0.8rem; text-transform:none; letter-spacing:0; color:var(--sand); max-width:30rem; }
.photos-hint{ font-family:'Inter', sans-serif; font-size:0.8rem; text-transform:none; letter-spacing:0; color:var(--sand); margin:0; }
.photo-gallery{ margin-top:1.25rem; }
.photo-gallery-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:0.75rem; margin-top:0.75rem; }
.photo-card{ position:relative; aspect-ratio:4/3; overflow:hidden; background:var(--paper); border:1px solid var(--line); }
.photo-card img{ width:100%; height:100%; object-fit:cover; display:block; }
.photo-card.is-pending img{ opacity:0.5; }
.photo-card-overlay{ position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; padding:0.5rem; background:linear-gradient(180deg, rgba(14,20,18,0.55), transparent 40%, transparent 55%, rgba(14,20,18,0.5)); opacity:1; }
.photo-count{ align-self:flex-start; color:#fff; font-family:'Oswald', sans-serif; font-size:0.7rem; letter-spacing:0.08em; background:rgba(14,20,18,0.55); padding:0.15rem 0.45rem; }
.photo-actions{ display:flex; justify-content:flex-end; gap:0.35rem; }
.photo-btn{ width:1.9rem; height:1.9rem; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.92); color:var(--ink); border:1px solid var(--line); cursor:pointer; font-size:0.8rem; transition:background 0.15s ease, color 0.15s ease, border-color 0.15s ease; }
.photo-btn:hover:not(:disabled){ background:var(--rust); color:#fff; border-color:var(--rust); }
.photo-btn:disabled{ opacity:0.4; cursor:not-allowed; }
.photo-btn.photo-delete:hover:not(:disabled){ background:var(--rust); color:#fff; border-color:var(--rust); }
.photo-pending-badge{ position:absolute; bottom:0.5rem; left:0.5rem; display:inline-flex; align-items:center; gap:0.4rem; background:rgba(14,20,18,0.75); color:#fff; font-family:'Oswald', sans-serif; font-size:0.7rem; letter-spacing:0.06em; padding:0.3rem 0.55rem; }
.section-label{ font-family:'Oswald', sans-serif; letter-spacing:0.14em; font-size:0.8rem; color:var(--sand); margin-bottom:0.25rem; }
.admin-muted{ color:var(--sand); font-size:0.85rem; margin:0.6rem 0 0; }
/* Njoftimet toast te panelit admin */
.admin-toast-stack{ position:fixed; top:1rem; right:1rem; z-index:1080; display:flex; flex-direction:column; gap:0.6rem; width:min(92vw, 360px); }
.admin-toast{ display:flex; align-items:flex-start; gap:0.7rem; background:#1c2420; color:#fff; border-left:4px solid var(--steel); padding:0.85rem 1rem; box-shadow:0 10px 30px rgba(0,0,0,0.25); opacity:0; transform:translateX(12px); transition:opacity 0.2s ease, transform 0.2s ease; font-size:0.9rem; line-height:1.45; }
.admin-toast.is-visible{ opacity:1; transform:none; }
.admin-toast i{ font-size:1.05rem; margin-top:0.1rem; }
.admin-toast-success{ border-left-color:#2a9d48; }
.admin-toast-success i{ color:#4ade80; }
.admin-toast-error{ border-left-color:var(--rust); }
.admin-toast-error i{ color:#ff9c7a; }
.admin-toast-info{ border-left-color:var(--steel); }
.admin-toast-info i{ color:#9ec5ff; }
.admin-toast-text{ flex:1; }
.admin-toast-close{ background:transparent; border:0; color:rgba(255,255,255,0.7); cursor:pointer; font-size:0.9rem; padding:0.1rem 0.3rem; }
.admin-toast-close:hover{ color:#fff; }
@media (max-width: 575px){ .admin-toast-stack{ left:1rem; right:1rem; width:auto; } }
@media (max-width: 767px){
  .admin-auth-panel{ padding:1.5rem; }
  .admin-topbar{ align-items:stretch; flex-direction:column; }
  .admin-toolbar{ align-items:stretch; flex-direction:column; }
  .admin-toolbar .form-select{ max-width:none; }
  .admin-toolbar .form-control{ max-width:none; }
  .admin-pagination{ justify-content:center; }
  .lead-item-side{ align-items:stretch; min-width:0; }
  .lead-item-content{ flex-direction:column; gap:1rem; }
  .lead-item-header{ align-items:flex-start; flex-direction:column; gap:0.45rem; }
  .lead-item-header,.lead-item-content,.lead-item-footer{ padding-left:1rem; padding-right:1rem; }
  .inventory-header{ align-items:stretch; flex-direction:column; }
  .vehicle-form-grid{ grid-template-columns:1fr; }
  .user-admin-actions{ justify-content:stretch; }
  .user-admin-actions .btn{ flex:1; }
}

/* 404 page */
.notfound-section{ text-align:center; padding-bottom:1rem; }
.notfound-title{ font-size:clamp(2rem, 5vw, 3.4rem); max-width:640px; margin:0 auto; }
.notfound-copy{ color:var(--ink-soft); font-size:1.05rem; max-width:520px; margin:1rem auto 2rem; line-height:1.6; }
.notfound-actions{ display:flex; justify-content:center; gap:0.8rem; flex-wrap:wrap; margin-bottom:2.5rem; }
.notfound-links{ display:flex; justify-content:center; gap:1.2rem; flex-wrap:wrap; font-family:'Oswald', sans-serif; letter-spacing:0.08em; text-transform:uppercase; font-size:0.8rem; }
.notfound-links a{ color:var(--sand); text-decoration:none; }
.notfound-links a:hover{ color:var(--rust); }

/* Utility classes */
.bg-paper-dim{ background:var(--paper-dim); }
.text-sand{ color:var(--sand); }
.text-rust{ color:var(--rust); }
.text-ink-soft{ color:var(--ink-soft); }
.lh-copy{ line-height:1.7; }
.nav-impex-toggler{ border-color:rgba(237,232,220,0.3); }
.nav-impex-toggler-icon{ filter:invert(1); }

/* Pjese kembimi - katalogu publik */
.part-catalog-intro{ display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between; align-items:center; margin-bottom:2rem; }
.parts-index{ display:flex; flex-wrap:wrap; gap:0.5rem; margin-bottom:2rem; padding:1.2rem; background:#fff; border:1px solid var(--line); }
.parts-index a{ font-family:'Oswald', sans-serif; font-size:0.78rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--ink); border:1px solid var(--line); padding:0.4rem 0.7rem; text-decoration:none; }
.parts-index a:hover{ border-color:var(--rust); color:var(--rust); }
.part-system{ margin-bottom:3rem; }
.part-system-header{ display:flex; align-items:center; gap:0.9rem; border-bottom:2px solid var(--rust); padding-bottom:0.6rem; margin-bottom:1.2rem; }
.part-system-header i{ font-size:1.3rem; color:var(--rust); }
.part-system-header h3{ margin:0; font-size:1.5rem; }
.part-system-header .part-count{ margin-left:auto; color:var(--sand); font-family:'Oswald', sans-serif; font-size:0.75rem; letter-spacing:0.08em; text-transform:uppercase; }
.part-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:1rem; }
.part-card{ display:flex; gap:1rem; padding:1rem; background:#fff; border:1px solid var(--line); border-top:3px solid var(--steel); }
.part-card img{ width:88px; height:88px; object-fit:cover; flex:none; background:var(--paper); }
.part-card-noimg{ width:88px; height:88px; flex:none; display:grid; place-items:center; background:var(--paper); color:var(--sand); font-size:1.4rem; }
.part-card-body{ min-width:0; }
.part-card-body h4{ margin:0 0 0.3rem; font-size:1.05rem; line-height:1.25; }
.part-card-body p{ margin:0; color:var(--ink-soft); font-size:0.85rem; line-height:1.5; }
.part-card-meta{ display:flex; flex-wrap:wrap; gap:0.4rem 1rem; margin-top:0.6rem; font-size:0.8rem; color:var(--sand); }
.part-card-meta .part-price{ color:var(--rust); font-weight:700; font-family:'Oswald', sans-serif; font-size:0.95rem; }
.part-empty{ color:var(--sand); font-size:0.9rem; font-style:italic; }
.part-empty-catalog{ border:1px dashed var(--line); background:#fff; padding:3rem 1.5rem; text-align:center; color:var(--sand); margin-bottom:3rem; }
.part-empty-catalog i{ font-size:2rem; color:var(--rust); margin-bottom:0.8rem; }
.part-empty-catalog p{ font-size:1.05rem; margin-bottom:1.1rem; font-style:italic; }

/* Pjese kembimi - admin */
.part-unpublished{ color:var(--rust); font-family:'Oswald', sans-serif; font-size:0.7rem; letter-spacing:0.06em; text-transform:uppercase; }
.part-photo-preview{ margin-top:1rem; }
.part-preview-wrap{ display:flex; align-items:center; gap:1rem; }
.part-preview-wrap img{ width:120px; height:120px; object-fit:cover; background:var(--paper); border:1px solid var(--line); }
.brand-logo-field{ padding:1rem 0 0; border-top:1px solid var(--line); margin-top:0.5rem; display:grid; gap:0.4rem; }
.brand-logo-field input[type="file"]{ font-size:0.85rem; }
.brand-logo-preview{ margin-top:0.5rem; }
.brand-logo-preview-wrap{ display:flex; align-items:center; gap:1rem; }
.brand-logo-preview-wrap img{ width:64px; height:64px; object-fit:contain; background:#fff; border:1px solid var(--line); padding:4px; }
#part-form .admin-vehicle-form{} 
@media (max-width:575px){ .part-card{ flex-direction:column; }.part-card img,.part-card-noimg{ width:100%; height:150px; } }

/* Shitjet e fundit - faqja publike */
.sold-cover{ position:relative; overflow:hidden; margin-bottom:2.5rem; padding:2.4rem 2rem; background:var(--ink); color:var(--paper); border-bottom:3px solid var(--rust); }
.sold-cover::before{ content:""; position:absolute; right:-8%; top:-40%; width:420px; height:420px; background:repeating-linear-gradient(115deg, rgba(193,68,14,0.12) 0 2px, transparent 2px 22px); border-radius:50%; pointer-events:none; }
.sold-cover-content{ position:relative; }
.sold-cover .section-label{ color:rgba(237,232,220,0.6); }
.sold-cover p{ color:rgba(237,232,220,0.75); margin:0; }
.sold-grid{ margin-top:0.5rem; }
.sold-card{ background:#fff; border:1px solid var(--line); border-top:3px solid var(--rust); height:100%; display:flex; flex-direction:column; }
.sold-card-photo{ position:relative; aspect-ratio:4/3; overflow:hidden; background:var(--ink); }
.sold-card-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.sold-card-noimg{ width:100%; height:100%; display:grid; place-items:center; color:rgba(237,232,220,0.75); font-family:'Oswald', sans-serif; font-size:0.85rem; letter-spacing:0.1em; }
.sold-card-noimg i{ font-size:2.4rem; margin-bottom:0.6rem; }
.sold-badge{ position:absolute; top:0.75rem; left:0.75rem; display:inline-flex; align-items:center; gap:0.4rem; background:rgba(23,29,26,0.82); color:var(--paper); border:1px solid rgba(237,232,220,0.25); font-family:'Oswald', sans-serif; font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase; padding:0.3rem 0.6rem; }
.sold-badge i{ color:var(--rust-bright); }
.sold-card-body{ padding:1.1rem 1.2rem 1.2rem; display:flex; flex-direction:column; gap:0.35rem; min-width:0; }
.sold-card-title{ font-size:1.25rem; margin:0; line-height:1.25; }
.sold-card-specs{ color:var(--ink-soft); font-size:0.85rem; }
.sold-date{ margin-top:auto; padding-top:0.7rem; color:var(--sand); font-size:0.78rem; font-family:'Oswald', sans-serif; letter-spacing:0.05em; }
.sold-date i{ margin-right:0.35rem; color:var(--rust); }
.sold-empty{ border:1px dashed var(--line); background:#fff; text-align:center; padding:3.5rem 1.5rem; color:var(--sand); }
.sold-empty i{ font-size:2rem; color:var(--rust); margin-bottom:0.8rem; }
.sold-empty h2{ margin:0 0 0.4rem; }
.sold-empty p{ margin:0 0 1.3rem; font-style:italic; }

/* Admin: badge "Shitur" */
.vehicle-sold-badge{ display:inline-flex; align-items:center; gap:0.35rem; margin-left:0.45rem; background:var(--rust); color:#fff; font-family:'Oswald', sans-serif; font-size:0.68rem; letter-spacing:0.08em; padding:0.2rem 0.5rem; vertical-align:middle; }
.vehicle-admin-item.is-sold{ border-color:rgba(193,68,14,0.45); background:rgba(193,68,14,0.05); }
.vehicle-admin-item.is-sold h3{ color:var(--rust-dark); }
.toggle-sold.restore{ color:var(--rust-dark); }


/* Mega-menu "Automjetet" / "Pjesë Këmbimi" — dropdown i pastër me kolona,
   konsistent me stilin ekzistues .dropdown-menu-impex. */
.mega-menu{min-width:19rem; padding:0.5rem;}
.mega-item{display:flex !important; align-items:center; gap:0.85rem; padding:0.75rem 1.1rem !important;}
.mega-icon{display:grid; place-items:center; width:2.6rem; height:2.6rem; flex:none; border:1px solid rgba(237,232,220,0.2); background:rgba(193,68,14,0.14); color:var(--rust-bright); font-size:1.05rem;}
.mega-text{display:flex; flex-direction:column; gap:0.1rem;}
.mega-text strong{font-family:'Oswald',sans-serif; font-size:0.95rem; letter-spacing:0.03em; color:#fff; font-weight:600;}
.mega-text small{font-size:0.76rem; color:rgba(237,232,220,0.62);}

/* Tabs "Në Shitje / Shitur" — filtër i dukshëm në krye të listës
   së Autoveturave; ndërrim pa ndryshuar faqe (vetëm ?status=). */
.sale-tabs{display:flex; flex-wrap:wrap; gap:0.6rem; margin:2rem 0 1.5rem;}
.sale-tab{display:inline-flex; align-items:center; gap:0.5rem; padding:0.65rem 1.3rem; border:1px solid var(--line); background:#fff; color:var(--ink-soft); font-family:'Oswald',sans-serif; font-size:0.85rem; letter-spacing:0.06em; text-transform:uppercase; text-decoration:none; transition:border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;}
.sale-tab:hover{border-color:var(--rust); color:var(--ink); text-decoration:none;}
.sale-tab.is-active{background:var(--ink); border-color:var(--ink); color:var(--paper);}
.sale-tab.is-active .sale-tab-count{background:var(--rust);}
.sale-tab-count{display:inline-grid; place-items:center; min-width:1.6rem; height:1.6rem; padding:0 0.4rem; background:rgba(28,36,32,0.1); font-size:0.72rem;}

/* Parts strip (homepage) — rrip i ngushte CTA per pjeset e kembimit,
   mes kategorive dhe stokut. */
.parts-strip{display:flex; align-items:center; justify-content:space-between; gap:1.25rem; flex-wrap:wrap; margin-top:1rem; padding:1.3rem 1.6rem; background:#fff; border:1px solid var(--line); border-left:4px solid var(--rust);}
.parts-strip-copy{display:flex; flex-direction:column; gap:0.15rem;}
.parts-strip-copy strong{font-family:'Oswald',sans-serif; font-size:1.2rem;}
.parts-strip-copy span{color:var(--ink-soft); font-size:0.92rem;}

/* Buton outline per sfond te hapur (homepage — stoku). */
.btn-outline-ink{border:1px solid var(--ink); color:var(--ink); font-weight:600; padding:0.75rem 1.6rem; border-radius:2px; text-decoration:none; transition:background 0.15s ease, color 0.15s ease;}
.btn-outline-ink:hover{background:var(--ink); color:var(--paper);}

/* Hero motto — vetem motoja, tipografi e rafinuar. */
.hero-motto{font-size:clamp(3rem,6vw,5.6rem); font-weight:600; line-height:1.02; letter-spacing:-0.01em; text-wrap:balance; text-shadow:0 3px 30px rgba(0,0,0,0.45); max-width:700px;}

/* Category motto — vetem titulli ne cover, tipografi e rafinuar. */
.category-motto{color:var(--paper); font-size:clamp(2.8rem,5.5vw,4.2rem); font-weight:600; line-height:1.02; letter-spacing:-0.01em; text-wrap:balance; text-shadow:0 3px 26px rgba(0,0,0,0.55); margin:0;}

/* Category tiles (homepage) — vetem titulli, tipografi e rafinuar. */
.cat-tile-title{font-size:2.4rem; font-weight:600; line-height:1.05; letter-spacing:-0.01em; text-wrap:balance; color:#fff; text-shadow:0 3px 22px rgba(0,0,0,0.55); margin-bottom:0.9rem;}

/* Featured grid (homepage — "Të zgjedhurat e javës"): 3 kolona me karta,
   foto e mbuluar mire ne kornize (cover + aspect-ratio). */
.featured-grid{margin-top:0.5rem;}
.featured-card{display:flex; flex-direction:column; height:100%; background:#fff; border:1px solid var(--line); border-top:3px solid var(--rust); text-decoration:none; color:var(--ink); overflow:hidden; transition:transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;}
.featured-card:hover{color:var(--ink); transform:translateY(-5px); box-shadow:0 16px 34px rgba(28,36,32,0.16); border-color:rgba(193,68,14,0.45);}
.featured-card-photo{position:relative; aspect-ratio:4/3; overflow:hidden; background:var(--ink); flex:none;}
.featured-card-photo img{width:100%; height:100%; object-fit:cover; object-position:center; display:block; transition:transform 0.35s ease, filter 0.2s ease;}
.featured-card:hover .featured-card-photo img{transform:scale(1.045); filter:saturate(1.06) contrast(1.02);}
.featured-card-photo::after{content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg, transparent 55%, rgba(23,29,26,0.32)); opacity:0.85;}
.featured-card-noimg{width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.5rem; color:rgba(237,232,220,0.75); font-family:'Oswald', sans-serif; font-size:0.8rem; letter-spacing:0.1em;}
.featured-card-noimg i{font-size:2.2rem;}
.featured-badge{position:absolute; z-index:1; top:0.75rem; left:0.75rem; display:inline-flex; align-items:center; background:rgba(23,29,26,0.85); color:var(--paper); border:1px solid rgba(237,232,220,0.25); font-family:'Oswald', sans-serif; font-size:0.68rem; letter-spacing:0.1em; text-transform:uppercase; padding:0.32rem 0.6rem;}
.featured-card-body{padding:1.15rem 1.25rem 1.2rem; display:flex; flex-direction:column; gap:0.4rem; flex:1;}
.featured-card-title{font-size:1.28rem; line-height:1.25; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:3.2rem;}
.featured-card-specs{color:var(--sand); font-size:0.85rem; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.55rem;}
.featured-warranty{display:inline-flex; align-items:center; gap:0.4rem; font-size:0.78rem; font-weight:600; color:var(--steel);}
.featured-warranty i{color:var(--rust);}
.featured-card-foot{margin-top:auto; padding-top:0.85rem; border-top:1px solid rgba(28,36,32,0.08); display:flex; align-items:center; justify-content:space-between; gap:0.75rem;}
.featured-price{font-family:'Oswald', sans-serif; font-size:1.4rem; font-weight:600; color:var(--rust); line-height:1;}
.featured-more{font-family:'Oswald', sans-serif; font-size:0.78rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--ink-soft); white-space:nowrap;}
.featured-card:hover .featured-more{color:var(--rust);}