/* 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; transition:transform 0.16s ease; }
.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){
  /* Hover hap menune ne desktop — me ure pa shkeputje mbi hapesiren
     mes linkut dhe menuse, qe rreshqitja e miut te mos e mbylle. */
  .navbar-impex .nav-dropdown:hover > .dropdown-menu,
  .navbar-impex .nav-dropdown:focus-within > .dropdown-menu{ display:block; }
  .navbar-impex .nav-dropdown > .dropdown-menu::before{
    content:""; position:absolute; bottom:100%; left:0; right:0; height:0.6rem;
  }
  .navbar-impex .nav-dropdown:hover .nav-dropdown-caret,
  .navbar-impex .nav-dropdown:focus-within .nav-dropdown-caret{ transform:rotate(180deg); }
}

/* 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-cta{ display:flex; flex-wrap:wrap; gap:0.75rem; margin-top:1.6rem; }
.hero-cta .btn{ display:inline-flex; align-items:center; gap:0.5rem; }

.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:min(660px, 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:min(660px, calc(100vh - 76px)); display:flex; flex-direction:row; align-items:flex-end; justify-content:space-between; gap:3rem; padding-top:5rem; 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:1.02; letter-spacing:-0.01em; color:var(--paper); text-wrap:balance; text-shadow:0 3px 26px rgba(0,0,0,0.45); }
.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:1.05rem; letter-spacing:0.06em; color:var(--rust-bright); font-weight:600; text-shadow:0 2px 12px rgba(0,0,0,0.45); }
.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; font-weight:500; color:var(--ink-soft); }
.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) - shirit i holle, klienti perballet direkt me produktin. */
.section-pad-category{ padding-top:1.4rem; padding-bottom:3rem; }
/* Kuver minimalist mbi shiritin e markave — i qendërzuar, vetem sa mbush
   hapesiren header -> marka. */
.category-slim-cover{ position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:0.9rem 1.2rem; margin-bottom:0.9rem; color:var(--paper); background:linear-gradient(120deg, var(--ink) 0%, var(--ink-soft) 70%); border-radius:12px; border-bottom:3px solid var(--rust); }
.category-slim-cover::before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:0.5; background:repeating-linear-gradient(135deg, transparent 0 18px, rgba(70,98,108,0.10) 18px 19px); }
.category-slim-cover::after{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 50% 0%, rgba(232,106,46,0.14), transparent 55%); }
.category-slim-cover > *{ position:relative; z-index:1; }
.slim-title{ flex:1 1 auto; margin:0; font-family:'Oswald',sans-serif; font-size:1.35rem; line-height:1.2; letter-spacing:0.06em; text-transform:uppercase; color:var(--paper); text-wrap:balance; }
.slim-sub{ margin:0.2rem 0 0; font-size:0.8rem; line-height:1.45; color:rgba(237,232,220,0.72); }
.category-slim-cover .slim-sub{ flex:none; max-width:44%; margin:0; padding:0.45rem 1rem; background:var(--rust); color:#fff; border-radius:999px; font-family:'Oswald',sans-serif; font-size:0.8rem; font-weight:600; letter-spacing:0.1em; line-height:1.5; text-transform:uppercase; text-align:center; text-wrap:balance; box-shadow:0 3px 12px rgba(193,68,14,0.4); display:inline-flex; align-items:center; justify-content:center; gap:0.45rem; }
@media (max-width: 575px){ .section-pad-category{ padding-top:1rem; } .category-slim-cover{ flex-direction:column; align-items:stretch; text-align:left; padding:0.8rem 0.95rem; } .category-slim-cover .slim-sub{ max-width:none; } .slim-title{ font-size:1.1rem; } }
.category-head-compact{ margin:0.2rem 0 1rem; }
.category-head-compact .category-head-title{ font-family:'Oswald',sans-serif; font-size:clamp(1.6rem,3vw,2.1rem); line-height:1.1; margin:0 0 0.3rem; color:var(--ink); }
.category-head-compact .category-head-intro{ margin:0; color:var(--ink-soft); font-size:0.95rem; max-width:640px; line-height:1.55; }
.brand-filter{ position:relative; z-index:2; clear:both; background:transparent; border:0; box-shadow:none; padding:0; margin-top:0.4rem; margin-bottom:1rem; }
.brand-strip-head{ display:flex; align-items:center; gap:0.55rem; margin-bottom:0.55rem; }
.brand-strip-head-centered{ justify-content:center; text-align:center; }
.brand-strip-head-centered .brand-strip-line{ flex:1; max-width:220px; }
.brand-strip-head-centered .brand-strip-line:first-child::before{ left:auto; right:0; }
.brand-strip-badge{ flex:none; display:inline-grid; place-items:center; min-width:1.5rem; height:1.5rem; padding:0 0.35rem; background:var(--ink); color:var(--paper); border-bottom:2px solid var(--rust); font-family:'Oswald',sans-serif; font-size:0.68rem; font-weight:700; letter-spacing:0.08em; }
.brand-strip-title{ flex:none; font-family:'Oswald', sans-serif; font-size:0.72rem; font-weight:600; letter-spacing:0.16em; text-transform:uppercase; color:var(--ink); }
.brand-strip-line{ position:relative; flex:1; height:1px; background:var(--line); }
.brand-strip-line::before{ content:""; position:absolute; left:0; top:-1px; width:26px; height:3px; background:var(--rust); }
.brand-filter-grid{ display:flex; flex-wrap:wrap; gap:0.5rem; justify-content:center; }
.brand-chip{ position:relative; display:flex; flex-direction:column; align-items:center; gap:0.35rem; width:82px; padding:0.55rem 0.4rem 0.5rem; text-decoration:none; color:var(--ink); border:1px solid var(--line); border-radius:10px; background:#fff; box-shadow:0 1px 5px rgba(28,36,32,0.06); 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:44px; height:44px; flex:none; display:grid; place-items:center; background:#fff; border:1px solid var(--line); border-radius:10px; padding:6px; 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:44px; height:44px; flex:none; display:grid; place-items:center; background:linear-gradient(150deg, var(--ink-soft), var(--ink)); border:1px solid var(--line); border-radius:10px; color:var(--rust-bright); font-size:1rem; }
.brand-chip-name{ font-family:'Oswald', sans-serif; font-size:0.66rem; 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:72px; } .brand-chip-logo,.brand-chip-noimg{ width:40px; height:40px; } }

/* 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; display:flex; align-items:center; gap:0.5rem; }
.listing-category::before{ content:""; flex:none; width:1.3rem; height:2px; background:var(--rust); }
.listing-title{ font-size:1.3rem; letter-spacing:0.01em; line-height:1.2; transition:color 0.18s ease; }
.listing-row:hover .listing-title{ color:var(--rust-dark); }
.listing-specs{ letter-spacing:0.02em; line-height:1.65; }
.listing-price .amt{ letter-spacing:0.02em; font-variant-numeric:tabular-nums; }
.listing-description{ color:var(--ink-soft); font-size:0.88rem; line-height:1.6; margin:0.65rem 0 0; max-width:650px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.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; }
.stock-all{ font-family:'Oswald', sans-serif; font-size:0.8rem; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--rust); text-decoration:none; }
.stock-all:hover{ color:var(--rust-dark); }
.service-cta{ display:flex; flex-wrap:wrap; gap:0.75rem; justify-content:flex-end; }
.service-cta .btn{ display:inline-flex; align-items:center; gap:0.5rem; }
@media (max-width: 991px){ .service-cta{ justify-content:flex-start; } }
.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:min(620px, 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:min(540px, calc(100vh - 64px)); }.about-hero-content{ min-height:min(540px, 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:min(560px, calc(100vh - 68px)); flex-direction:column; align-items:flex-start; justify-content:space-between; gap:1.2rem; padding-top:4rem; 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:min(540px, 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; }
.inventory-subtabs{ display:flex; flex-wrap:wrap; gap:0.5rem; padding-top:1rem; }
.inventory-tab{ border:1px solid var(--line); background:#fff; padding:0.55rem 1rem; color:var(--sand); font-family:'Oswald', sans-serif; text-transform:uppercase; letter-spacing:0.08em; font-size:0.82rem; cursor:pointer; }
.inventory-tab:hover{ border-color:var(--rust); color:var(--ink); }
.inventory-tab.is-active{ background:var(--ink); border-color:var(--ink); color:#fff; }
.inventory-count{ display:inline-block; min-width:1.6em; margin-left:0.4rem; padding:0.05rem 0.45rem; font-size:0.75rem; background:rgba(0,0,0,0.08); border-radius:999px; text-align:center; }
.inventory-tab.is-active .inventory-count{ background:rgba(255,255,255,0.2); }
.inventory-toolbar{ display:flex; align-items:center; gap:0.75rem; padding-top:0.9rem; }
.inventory-toolbar .form-control{ max-width:22rem; }
.stats-cards{ display:grid; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); gap:0.75rem; padding-top:1rem; }
.stat-card{ background:#fff; border:1px solid var(--line); border-top:3px solid var(--rust); padding:0.9rem 1rem; }
.stat-value{ font-family:'Oswald', sans-serif; font-size:1.7rem; color:var(--ink); line-height:1.1; }
.stat-label{ color:var(--sand); font-family:'Oswald', sans-serif; font-size:0.75rem; letter-spacing:0.08em; text-transform:uppercase; margin-top:0.25rem; }
.stats-grid{ display:grid; grid-template-columns:1.2fr 1fr; gap:1rem; margin-top:1rem; }
.stats-block{ background:#fff; border:1px solid var(--line); padding:1rem 1.1rem; }
.stats-title{ font-family:'Oswald', sans-serif; font-size:0.95rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--ink); margin:0 0 0.8rem; }
.stats-bars{ display:flex; align-items:flex-end; gap:0.45rem; min-height:9rem; }
.stat-bar-col{ flex:1; display:flex; flex-direction:column; align-items:center; gap:0.25rem; min-width:0; }
.stat-bar-track{ height:6.5rem; width:100%; max-width:2rem; display:flex; align-items:flex-end; background:var(--paper); border:1px solid var(--line); }
.stat-bar-fill{ width:100%; background:var(--rust); min-height:2px; }
.stat-bar-value{ font-family:'Oswald', sans-serif; font-size:0.72rem; color:var(--ink); }
.stat-bar-date{ font-size:0.68rem; color:var(--sand); }
.stats-top-list{ list-style:none; margin:0; padding:0; display:grid; gap:0.5rem; }
.stats-top-list li{ display:flex; justify-content:space-between; align-items:center; gap:0.75rem; border-bottom:1px dashed var(--line); padding-bottom:0.45rem; font-size:0.88rem; }
.stats-top-path{ color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.stats-top-views{ font-family:'Oswald', sans-serif; background:var(--ink); color:#fff; border-radius:999px; padding:0.1rem 0.6rem; font-size:0.75rem; flex:none; }
@media (max-width:767px){ .stats-grid{ grid-template-columns:1fr; } }
.vehicle-incoming-badge{ display:inline-flex; align-items:center; gap:0.35rem; margin-left:0.45rem; background:var(--steel); 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-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; }
.auto-title-preview{ margin:0 0 0.5rem; padding:0.7rem 0.9rem; background:var(--paper); border:1px dashed var(--line); font-family:'Inter', sans-serif; font-size:0.9rem; color:var(--ink); }
.vehicle-details{ margin:1rem 0; border:1px solid var(--line); background:#fff; }
.vehicle-details summary{ cursor:pointer; padding:0.7rem 0.9rem; font-family:'Oswald', sans-serif; font-size:0.78rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--sand); }
.vehicle-details .vehicle-language-fields{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; padding:0 0.9rem 0.9rem; }
.vehicle-details .vehicle-language-fields 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; }
@media (max-width:575px){ .vehicle-details .vehicle-language-fields{ grid-template-columns:1fr; } }
.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; }
  .inventory-toolbar{ flex-direction:column; align-items:stretch; }
  .inventory-toolbar .form-control{ max-width:none; }
  .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; }
.part-empty-catalog--flush{ margin-bottom:0; }

/* 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; justify-content:center; gap:0.5rem; margin:1rem 0 1.2rem;}
.sale-tab{display:inline-flex; align-items:center; gap:0.4rem; padding:0.45rem 0.9rem; border:1px solid var(--line); border-radius:10px; background:#fff; color:var(--ink-soft); font-family:'Oswald',sans-serif; font-size:0.74rem; 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.3rem; height:1.3rem; padding:0 0.35rem; background:rgba(28,36,32,0.1); border-radius:7px; font-size:0.64rem;}

/* 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; letter-spacing:0.015em; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:3.2rem; transition:color 0.18s ease;}
.featured-card:hover .featured-card-title{color:var(--rust-dark);}
.featured-card-specs{color:var(--ink-soft); font-size:0.85rem; font-weight:500; line-height:1.55; letter-spacing:0.02em; 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; letter-spacing:0.02em; font-variant-numeric:tabular-nums;}
.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; transition:color 0.18s ease, transform 0.18s ease; display:inline-block;}
.featured-card:hover .featured-more{color:var(--rust); transform:translateX(3px);}

/* ============================================================
   POLISH LAYER — prompt1.md
   "E njëjta faqe, më e pastër dhe më harmonike."
   Vetëm rafinim vizual: pa ndryshim layout-i, pa ndryshim
   funksionaliteti, pa ngjyra të rastësishme.
   Harmonia (Itten): dominante neutrale të ngrohta (paper/ink),
   theks kryesor portokalli e djegur (rust), komplementare e
   ftohtë e matur (steel), analoge e heshtur (sand).
   ============================================================ */
:root{
  --paper-soft:#ECE7D6;
  --card:#FFFFFF;
  --paper-ink:#EDE8DC;
  --ink-lift:#2C342E;
  --rust-darker:#7E2B08;
  --rust-subtle:#F9E7D8;
  --rust-focus:rgba(193,68,14,0.14);
  --rust-soft:rgba(193,68,14,0.08);
  --steel-dark:#2C3F46;
  --steel-bright:#5C7883;
  --steel-soft:rgba(62,86,95,0.10);
  --steel-subtle:#E4EBED;
  --sand-dark:#4E4938;
  --line-strong:rgba(23,29,26,0.28);
  --shadow-sm:0 2px 8px rgba(28,36,32,0.06);
  --shadow-md:0 12px 28px rgba(28,36,32,0.12);
  --shadow-accent:0 10px 26px rgba(193,68,14,0.16);
  --radius-sharp:2px;
  --success:#2F6B3C;
  --success-bg:rgba(47,107,60,0.09);
  --status-sale:var(--rust);
  --status-sale-dark:var(--rust-dark);
  --status-incoming:var(--steel);
  --status-sold:var(--sand-dark);
}

/* Baza: tranzicione dhe focus të unifikuar, të njëjtat ngjyra. */
a{ text-underline-offset:2px; }
.btn,.sale-tab,.brand-chip,.page-link,.featured-card,.sold-card,.listing-row,.cat-tile,.part-card{
  transition-property:color,background,border-color,box-shadow,transform;
  transition-duration:0.18s,0.18s,0.18s,0.18s,0.18s;
  transition-timing-function:ease;
}
:focus-visible{ outline:2px solid var(--rust); outline-offset:3px; border-radius:1px; }

/* Hierarki tipografike: të njëjtat tone, më shumë qëndrueshmëri. */
.section-label{ color:var(--sand-dark); }
.section-title{ text-wrap:balance; }
.hero .kicker,.service-band .section-label{ color:var(--rust-bright); }

/* Butona: e njëjta gjuhë — radius 2px, peshë dhe hover/active koherent. */
.btn-rust,.btn-outline-paper,.btn-outline-ink,.navbar-impex .phone-btn,.parts-call-actions .btn{
  border-radius:var(--radius-sharp);
  letter-spacing:0.01em;
}
.btn-rust{ box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06); }
.btn-rust:hover{ background:var(--rust-dark); box-shadow:var(--shadow-accent); }
.btn-rust:active{ background:var(--rust-darker); transform:translateY(0); box-shadow:none; }
.btn-rust:disabled{ background:var(--sand-bright); cursor:not-allowed; transform:none; box-shadow:none; }
.btn-outline-paper:hover{ background:rgba(237,232,220,0.10); border-color:rgba(237,232,220,0.65); }
.btn-outline-paper:active{ background:rgba(237,232,220,0.16); }
.btn-outline-ink:hover{ background:var(--ink); border-color:var(--ink); }
.btn-outline-ink:active{ background:var(--ink-soft); }
.navbar-impex .phone-btn{ box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08); }
.navbar-impex .phone-btn:hover{ background:var(--rust-dark); box-shadow:var(--shadow-accent); }
.navbar-impex .phone-btn:active{ background:var(--rust-darker); transform:translateY(0); }

/* Çmimet: një zë i vetëm, tabular-nums kudo. */
.listing-price .amt,.detail-price,.featured-price,.part-card-meta .part-price{
  font-variant-numeric:tabular-nums;
  letter-spacing:0.02em;
}
.listing-price .amt,.featured-price{ color:var(--status-sale); }
.detail-price{ color:var(--status-sale-dark); }
.part-card-meta .part-price{ color:var(--status-sale-dark); }

/* Badge-t: e njëjta familje Oswald, dallimi vetëm nga ngjyra e sistemit. */
.featured-badge,.sold-badge,.gallery-badge,.gallery-photo-count,.vehicle-sold-badge,
.vehicle-incoming-badge,.stock-status,.plate-tag,.brand-strip-badge,.sale-tab-count,
.lead-status{
  font-family:'Oswald',sans-serif;
  letter-spacing:0.08em;
  text-transform:uppercase;
  line-height:1.4;
}
/* Në shitje / showroom — rust (theksi dominues). */
.featured-badge{ border-color:rgba(237,232,220,0.28); }
.stock-status{ background:var(--steel-soft); border-left-color:var(--status-incoming); color:var(--steel-dark); }
.stock-status-ne_port{ background:var(--rust-soft); border-left-color:var(--status-sale); color:var(--status-sale-dark); }
.stock-status-ne_gjendje_servisuar{ background:rgba(98,92,71,0.12); border-left-color:var(--sand); color:var(--ink-soft); }
/* Në ardhje — steel (komplementarja e matur blu-gri). */
.vehicle-incoming-badge{ background:var(--status-incoming); border:1px solid var(--steel-dark); }
/* Shitur — sand i heshtur (e njëjta familje, saturim i ulur). */
.vehicle-sold-badge{ background:var(--sand-dark); border:1px solid var(--sand-dark); letter-spacing:0.08em; }
.vehicle-admin-item.is-sold{ border-color:rgba(98,92,71,0.45); background:rgba(98,92,71,0.06); }
.vehicle-admin-item.is-sold h3{ color:var(--sand-dark); }
.sold-card{ border-top-color:var(--sand); }
.sold-card:hover{ border-color:rgba(98,92,71,0.45); box-shadow:var(--shadow-md); }
.sold-badge{ border-color:rgba(237,232,220,0.28); }
.sold-date{ color:var(--sand-dark); }

/* Kartat: i njëjti kufi, e njëjta hije, e njëjta ngritje në hover. */
.featured-card,.sold-card,.listing-row,.part-card,.service-offer,.purchase-card,.cat-tile{
  border-color:var(--line);
  box-shadow:var(--shadow-sm);
}
.featured-card:hover,.sold-card:hover,.part-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
}
.featured-card:hover{ border-color:rgba(193,68,14,0.40); }
.listing-row:hover{ box-shadow:var(--shadow-md); border-color:rgba(193,68,14,0.30); }
.cat-tile:hover{ box-shadow:var(--shadow-md); }
.service-offer:hover{ box-shadow:var(--shadow-sm); border-color:var(--line-strong); }
.detail-info-card,.contact-info-card,.support-form,.admin-auth-panel,.admin-vehicle-form{
  box-shadow:var(--shadow-sm);
}

/* Filtra + tabs + chips: një sistem, jo ngjyra të pavarura. */
.sale-tab{ box-shadow:var(--shadow-sm); }
.sale-tab:hover{ border-color:var(--rust); box-shadow:var(--shadow-sm); }
.sale-tab.is-active{ background:var(--ink); border-color:var(--ink); }
.sale-tab.is-active .sale-tab-count{ background:var(--rust); color:#fff; }
.brand-chip{ box-shadow:var(--shadow-sm); }
.brand-chip:hover{ box-shadow:var(--shadow-accent); }
.brand-chip.is-active{ background:linear-gradient(180deg, var(--rust-soft), rgba(193,68,14,0.02)); }
.parts-index a:hover{ border-color:var(--rust); color:var(--rust-dark); background:var(--rust-soft); }
.pagination .page-link{ box-shadow:var(--shadow-sm); }
.pagination .page-link:hover{ color:var(--rust-dark); border-color:var(--rust); background:var(--paper-soft); }
.pagination .page-item.active .page-link{ background:var(--rust); border-color:var(--rust-dark); box-shadow:var(--shadow-accent); }

/* Forma / inpute / dropdown: e njëjta bazë, e njëjta fokus-unazë rust. */
.filter-bar .form-control,.filter-bar .form-select,
.support-form input,.support-form select,.support-form textarea,
.admin-form input,.vehicle-form-grid input,.vehicle-form-grid select,.admin-vehicle-form textarea,
.inventory-toolbar .form-control,.admin-toolbar .form-control,.admin-toolbar .form-select{
  border-color:var(--line);
  background:var(--card);
}
.filter-bar .form-control,.filter-bar .form-select{ background:var(--paper-soft); }
.support-form input:focus,.support-form select:focus,.support-form textarea:focus,
.admin-form input:focus,.vehicle-form-grid input:focus,.vehicle-form-grid select:focus,
.admin-vehicle-form textarea:focus,.filter-bar .form-control:focus,.filter-bar .form-select:focus{
  border-color:var(--rust);
  box-shadow:0 0 0 3px var(--rust-focus);
  background:var(--card);
}
.support-form input::placeholder,.admin-form input::placeholder,.filter-bar .form-control::placeholder{ color:var(--sand-bright); }
.dropdown-menu-impex{ background:var(--ink-soft); border-color:rgba(237,232,220,0.16); box-shadow:var(--shadow-md); }
.dropdown-menu-impex .dropdown-item:hover,.dropdown-menu-impex .dropdown-item:focus{ background:rgba(193,68,14,0.18); }
.mega-icon{ background:rgba(193,68,14,0.14); }

/* Navbar / hero / trust / footer: balancë më e qetë, e njëjta atmosferë. */
.navbar-impex{ background:linear-gradient(180deg, var(--ink-lift) 0%, var(--ink) 100%); }
.sticky-nav{ box-shadow:0 2px 14px rgba(15,20,17,0.30); }
.hero-cover-shade{ background:linear-gradient(90deg, rgba(15,20,17,0.88) 0%, rgba(15,20,17,0.55) 48%, rgba(15,20,17,0.14) 100%); }
.trust-strip{ border-top:1px solid rgba(237,232,220,0.10); border-bottom:1px solid rgba(237,232,220,0.10); }
.trust-strip .num{ color:var(--rust-bright); }
footer{ background:linear-gradient(180deg, var(--paper-soft) 0%, var(--paper-dim) 100%); }
footer a:hover{ color:var(--rust-dark); }
.social-links a:hover{ background:var(--ink); border-color:var(--ink); }
.back-to-top:hover{ background:var(--rust-dark); }

/* Kategori-cover dhe shirita: ruhet theksi rust/steel/sand, pa kontrast të ashpër. */
.category-cover{ border-bottom-color:var(--steel-dark); }
.category-cover-motociklete{ border-color:var(--sand-dark); }
.category-slim-cover{ border-bottom-color:var(--rust-dark); box-shadow:var(--shadow-sm); }
.category-heading{ background:rgba(255,255,255,0.45); border-left-color:var(--steel); }
.models-heading{ border-left-color:var(--rust); }
.detail-shell{ border-top-color:var(--steel); }
.detail-price-block{ background:var(--paper-soft); border-left-color:var(--rust); }
.detail-description{ background:var(--paper-soft); }
.brand-band{ border-bottom-color:var(--rust-dark); }

/* Njoftime / rezultate: kodim i qetë me anë të shiritit të majtë. */
.support-result.is-success,.admin-success{ color:var(--success); }
.support-result.is-error,.admin-error{ color:var(--rust-dark); }
.lead-message-box{ background:rgba(228,222,204,0.55); border-left-color:var(--rust); }
.admin-toast-success{ border-left-color:var(--success); }
.part-empty-catalog,.sold-empty,.admin-empty{ border-color:var(--line-strong); }

/* Admin: e njëjta gjuhë vizuale si pjesa publike. */
.stat-card{ border-top-color:var(--rust); box-shadow:var(--shadow-sm); }
.stat-bar-fill{ background:linear-gradient(180deg, var(--rust-bright), var(--rust)); }
.inventory-tab.is-active{ background:var(--ink); border-color:var(--ink); }
.inventory-tab:hover{ border-color:var(--rust); }
.admin-tab.is-active{ border-color:var(--rust); }
.vehicle-admin-item:hover{ border-color:rgba(193,68,14,0.40); }
.lead-item{ box-shadow:var(--shadow-sm); }
.status-new{ color:var(--rust-dark); }
.status-contacted{ color:var(--steel-dark); }
.status-closed{ color:var(--sand-dark); }
.user-state.is-active{ color:var(--steel-dark) !important; }
.user-state.is-inactive{ color:var(--rust-dark) !important; }
.photo-btn:hover:not(:disabled){ background:var(--rust-dark); border-color:var(--rust-dark); }

@media (prefers-reduced-motion:reduce){
  .btn,.sale-tab,.brand-chip,.page-link,.featured-card,.sold-card,.listing-row,.cat-tile,.part-card{ transition:none; }
}

/* Breadcrumbs — Kreu / Autovetura / Volvo XC60 */
.breadcrumbs{ gap:0.55rem; margin-bottom:1.1rem; color:var(--sand-dark); }
.breadcrumbs a{ color:var(--sand-dark); font-weight:500; padding:0.1rem 0; border-bottom:1px solid transparent; }
.breadcrumbs a:hover{ color:var(--rust-dark); border-bottom-color:var(--rust); }
.breadcrumbs .sep{ color:var(--sand-bright); font-weight:400; }
.breadcrumbs [aria-current="page"]{ color:var(--ink); font-weight:600; max-width:46ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:bottom; }

/* Kover modern i Autoveturave — e njëjta identitet, me foto dhe thellësi */
.section-pad-detail{ padding-top:1.6rem; }
.category-cover-modern{ min-height:420px; border-bottom:3px solid var(--rust-dark); border-radius:14px; box-shadow:var(--shadow-md); }
.category-cover-modern::after{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 50% 0%, rgba(232,106,46,0.16), transparent 55%); }
.category-cover-modern .category-cover-main{ padding:2.8rem 3rem 2.2rem; }
.category-cover-modern .category-cover-content{ max-width:680px; border-left:3px solid var(--rust); padding-left:1.5rem; }
.category-cover-modern .section-label{ color:var(--rust-bright); letter-spacing:0.18em; }
.category-cover-modern p{ text-wrap:balance; }
.cover-pills{ display:flex; flex-wrap:wrap; gap:0.5rem; margin-top:1.2rem; }
.cover-pill{ display:inline-flex; align-items:center; gap:0.45rem; padding:0.45rem 0.95rem; border-radius:999px; border:1px solid rgba(237,232,220,0.28); background:rgba(255,255,255,0.06); color:var(--paper); font-family:'Oswald',sans-serif; font-size:0.74rem; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; }
.cover-pill i{ color:var(--rust-bright); font-size:0.75rem; }
.cover-pill-accent{ background:var(--rust); border-color:var(--rust-dark); color:#fff; box-shadow:0 4px 14px rgba(193,68,14,0.4); }
.cover-pill-accent i{ color:#fff; }
@media (max-width: 767px){
  .category-cover-modern{ min-height:340px; border-radius:12px; }
  .category-cover-modern .category-cover-main{ padding:2rem 1.5rem 1.6rem; }
  .category-cover-modern .category-cover-content{ padding-left:1rem; }
  .breadcrumbs [aria-current="page"]{ max-width:26ch; }
}

/* Kërkim/filtrim aktiv — pa kover, rezultatet full lart */
#rezultatet{ scroll-margin-top:84px; }
.category-head-compact{ border-left:4px solid var(--rust); background:rgba(255,255,255,0.55); padding:1rem 1.25rem; margin-bottom:1.2rem; box-shadow:var(--shadow-sm); }
.category-head-compact .category-head-title{ margin:0 0 0.25rem; text-wrap:balance; }
.category-head-compact .category-head-intro{ margin:0; color:var(--ink-soft); }
.clear-filter{ color:var(--rust-dark); font-weight:600; text-decoration:none; border-bottom:1px solid transparent; white-space:nowrap; }
.clear-filter:hover{ color:var(--rust-darker); border-bottom-color:var(--rust); text-decoration:none; }

/* Kover i ngushte — VETEM faqja Autovetura: titull + foto, pa shirit stoku,
   pa shkrime te vogla. Motoçikletat nuk preken. */
.category-cover-slim{ min-height:170px; border-bottom:3px solid var(--rust-dark); border-radius:14px; box-shadow:var(--shadow-sm); justify-content:center; margin-bottom:1.2rem; }
.category-cover-slim .category-cover-main{ padding:1.6rem 2rem; align-items:center; }
.category-cover-slim .category-cover-content{ max-width:100%; border-left:3px solid var(--rust); padding-left:1.2rem; }
.category-cover-slim .category-motto{ font-size:clamp(1.9rem, 3.5vw, 2.6rem); }
@media (max-width: 767px){
  .category-cover-slim{ min-height:130px; border-radius:12px; }
  .category-cover-slim .category-cover-main{ padding:1.2rem 1.2rem; }
  .category-cover-slim .category-cover-content{ padding-left:1rem; }
}

/* Galeria moderne e detajeve — e thjeshtë, e lehtë, e qartë për blerësin */
.detail-gallery{ border-radius:14px; border:1px solid var(--line); border-bottom:3px solid var(--rust); box-shadow:var(--shadow-md); touch-action:pan-y; }
.detail-gallery img.gallery-main{ transition:transform 0.35s ease, opacity 0.18s ease; }
.gallery-expand{ position:absolute; z-index:2; top:0.85rem; right:0.85rem; width:2.2rem; height:2.2rem; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(237,232,220,0.25); background:rgba(23,29,26,0.72); color:var(--paper); font-size:0.85rem; cursor:pointer; transition:background 0.15s ease, transform 0.15s ease; }
.gallery-expand:hover{ background:var(--rust); transform:scale(1.06); }
.gallery-nav{ position:absolute; z-index:2; top:50%; transform:translateY(-50%); width:2.6rem; height:2.6rem; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(237,232,220,0.25); background:rgba(23,29,26,0.68); color:var(--paper); font-size:0.9rem; cursor:pointer; opacity:0; transition:opacity 0.18s ease, background 0.15s ease, transform 0.15s ease; }
.detail-gallery:hover .gallery-nav,.detail-gallery:focus-within .gallery-nav{ opacity:1; }
.gallery-nav:hover{ background:var(--rust); transform:translateY(-50%) scale(1.06); }
.gallery-prev{ left:0.85rem; }
.gallery-next{ right:0.85rem; }
@media (max-width: 767px){ .gallery-nav{ opacity:1; width:2.3rem; height:2.3rem; } }
@media (hover: none){ .gallery-nav{ opacity:1; } }
.gallery-thumbnails{ scroll-snap-type:x mandatory; scrollbar-width:thin; padding-bottom:0.4rem; }
.gallery-thumbnail{ scroll-snap-align:start; flex:0 0 84px; height:64px; border-radius:8px; border:2px solid transparent; outline:2px solid var(--line); outline-offset:-2px; }
.gallery-thumbnail img{ border-radius:6px; }
.gallery-thumbnail.is-active{ border-color:var(--rust); outline-color:var(--rust); box-shadow:var(--shadow-accent); }
.gallery-count{ color:var(--sand-dark); }

/* Lightbox — overlay i lehtë fullscreen */
.gallery-lightbox{ position:fixed; inset:0; z-index:2000; display:flex; align-items:center; justify-content:center; background:rgba(12,16,14,0.92); padding:1.2rem; }
.gallery-lightbox[hidden]{ display:none; }
.lightbox-image{ max-width:min(1100px, 92vw); max-height:84vh; object-fit:contain; border-radius:10px; box-shadow:0 20px 60px rgba(0,0,0,0.5); background:var(--ink); }
.lightbox-close{ position:absolute; top:1rem; right:1rem; width:2.6rem; height:2.6rem; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.08); color:#fff; font-size:1rem; cursor:pointer; }
.lightbox-close:hover{ background:var(--rust); }
.lightbox-nav{ position:absolute; top:50%; transform:translateY(-50%); width:2.8rem; height:2.8rem; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.08); color:#fff; font-size:1rem; cursor:pointer; }
.lightbox-nav:hover{ background:var(--rust); }
.lightbox-prev{ left:1rem; }
.lightbox-next{ right:1rem; }
.lightbox-counter{ position:absolute; bottom:1rem; left:50%; transform:translateX(-50%); background:rgba(23,29,26,0.82); color:var(--paper); border:1px solid rgba(237,232,220,0.25); border-radius:999px; padding:0.3rem 0.85rem; font-family:'Oswald',sans-serif; font-size:0.78rem; letter-spacing:0.08em; }
@media (max-width: 575px){ .lightbox-prev{ left:0.4rem; } .lightbox-next{ right:0.4rem; } }
@media (prefers-reduced-motion:reduce){
  .detail-gallery img.gallery-main,.gallery-nav,.gallery-expand,.gallery-thumbnail{ transition:none; }
}

/* Rreth Nesh — kover i ngushtë (vetëm kjo faqe) */
.about-hero{ min-height:400px; align-items:center; }
.about-hero-content{ min-height:400px; align-items:center; padding:2.2rem 0; }
.about-hero h1{ font-size:clamp(2.4rem, 4.5vw, 3.6rem); line-height:1.02; }
.about-hero-subtitle{ font-size:clamp(1.1rem, 1.8vw, 1.4rem); margin-top:0.8rem; }
.about-hero .lead{ font-size:0.98rem; margin-top:0.6rem; }
.about-hero .d-flex{ margin-top:1.2rem !important; }
.about-hero-meta{ max-width:340px; }
.about-transmission{ width:300px; height:190px; right:7%; }
.transmission-wheel-large{ width:150px; height:150px; }
.transmission-wheel-medium{ width:112px; height:112px; left:124px; }
.transmission-wheel-small{ width:82px; height:82px; left:198px; top:88px; }
@media (max-width: 767px){
  .about-hero,.about-hero-content{ min-height:340px; }
  .about-hero-content{ padding:1.8rem 0; }
}

/* Motoçikleta në Rreth Nesh — garancia në qendër, paraqitje estetike */
.moto-highlights{ gap:0.7rem; background:transparent; border:0; }
.moto-highlights div{ position:relative; background:#fff; border:1px solid var(--line); border-top:3px solid var(--steel); border-radius:12px; box-shadow:var(--shadow-sm); padding:1.2rem 0.9rem 1.1rem; text-align:center; overflow:hidden; }
.moto-highlights div::after{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 50% 0%, rgba(193,68,14,0.07), transparent 60%); opacity:0; transition:opacity 0.25s ease; }
.moto-highlights div:hover::after{ opacity:1; }
.moto-highlights div i{ display:inline-grid; place-items:center; width:2.4rem; height:2.4rem; border-radius:50%; background:var(--steel-soft); color:var(--steel-dark); font-size:1rem; margin-bottom:0.6rem; }
.moto-highlights div strong{ font-size:1.05rem; }
.moto-highlights div.is-featured{ border-top-color:var(--rust); background:linear-gradient(180deg, var(--rust-soft), rgba(193,68,14,0.02)); box-shadow:var(--shadow-accent); }
.moto-highlights div.is-featured i{ background:var(--rust); color:#fff; box-shadow:0 4px 12px rgba(193,68,14,0.35); }
.moto-highlights div.is-featured strong{ color:var(--rust-dark); }
.moto-highlights div:hover{ transform:translateY(-3px); box-shadow:var(--shadow-md); }
.moto-intro .service-status{ border-radius:999px; box-shadow:var(--shadow-sm); font-size:0.85rem; }
@media (max-width: 767px){
  .moto-highlights{ grid-template-columns:1fr 1fr; }
  .moto-highlights div{ padding:1rem 0.5rem; }
}