/* =========================================
   صفحه لیست خودروها — نمایش لیستی
   ========================================= */

.cars-list-body{
  background:
    radial-gradient(circle at 15% 8%,rgba(246,199,71,.11),transparent 34%),
    radial-gradient(circle at 86% 20%,rgba(255,122,26,.08),transparent 30%),
    linear-gradient(180deg,#050505 0%,#090907 54%,#050505 100%);
  min-height:100vh;
}

.nav-links a.active-page{color:var(--gold)}
.nav-links a.active-page::after{left:0}

.cars-list-main{
  width:min(var(--container),100%);
  margin:0 auto;
  padding:calc(var(--nav-h) + 54px) 24px 92px;
}

.cars-list-hero{
  position:relative;
  overflow:hidden;
  border-radius:36px;
  padding:38px;
  margin-bottom:24px;
  border:1px solid rgba(246,199,71,.16);
  background:
    linear-gradient(135deg,rgba(18,18,16,.86),rgba(8,8,7,.66)),
    radial-gradient(circle at 20% 10%,rgba(246,199,71,.18),transparent 36%);
  box-shadow:0 28px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05);
}
.cars-list-hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(246,199,71,.06),transparent);
}
.list-hero-glow{
  position:absolute;width:270px;height:270px;border-radius:50%;
  left:-70px;top:-90px;background:radial-gradient(circle,rgba(255,122,26,.26),transparent 70%);
  filter:blur(4px);pointer-events:none;
}
.cars-list-hero-content{position:relative;z-index:1;max-width:840px}
.list-back{
  display:inline-flex;
  margin-bottom:18px;
  padding:9px 18px;
}
.cars-list-hero h1{
  font-size:clamp(34px,5vw,56px);
  line-height:1.35;
  letter-spacing:-1.5px;
  margin:14px 0 10px;
}
.cars-list-hero p{color:var(--muted);font-size:16px;line-height:2}
.list-stats{
  display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;
}
.list-stats div{
  min-width:150px;
  padding:14px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid var(--border);
}
.list-stats strong{display:block;color:var(--gold);font-size:24px;font-weight:900;line-height:1.1}
.list-stats span{display:block;color:var(--muted);font-size:12px;margin-top:6px}

.list-panel{
  position:sticky;
  top:calc(var(--nav-h) + 12px);
  z-index:30;
  border-radius:28px;
  padding:18px;
  margin-bottom:22px;
  box-shadow:0 22px 60px rgba(0,0,0,.24);
}
.list-search-row{
  display:grid;
  grid-template-columns:1fr 240px;
  gap:14px;
  margin-bottom:14px;
}
.search-box,.sort-box{
  display:flex;flex-direction:column;gap:7px;
  color:var(--muted);font-size:12px;font-weight:800;
}
.search-box input,.sort-box select{
  width:100%;
  min-height:48px;
  border-radius:16px;
  border:1px solid var(--border);
  outline:none;
  background:rgba(0,0,0,.28);
  color:var(--text);
  padding:0 16px;
  font-family:inherit;
  font-size:14px;
  transition:.25s;
}
.sort-box select{cursor:pointer}
.search-box input:focus,.sort-box select:focus{
  border-color:rgba(246,199,71,.55);
  box-shadow:0 0 0 3px rgba(246,199,71,.10);
}
.search-box input::placeholder{color:rgba(255,255,255,.32)}
.filter-group{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
.category-filters{opacity:.94}
.list-filter{
  border:1px solid var(--border);
  background:rgba(255,255,255,.055);
  color:var(--text-soft);
  padding:9px 17px;
  border-radius:999px;
  font-weight:800;
  font-size:13px;
  transition:.25s;
}
.list-filter:hover,.list-filter.active{
  color:#17130a;
  background:linear-gradient(135deg,var(--gold),var(--orange));
  border-color:transparent;
  box-shadow:0 9px 24px rgba(246,199,71,.20);
}

.cars-list{display:flex;flex-direction:column;gap:16px}
.list-loading{
  color:var(--muted);text-align:center;padding:46px;
  border-radius:24px;border:1px solid var(--border);
  background:rgba(255,255,255,.04);
}
.car-list-row{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:230px minmax(0,1fr) 230px;
  gap:22px;
  align-items:stretch;
  border-radius:28px;
  padding:16px;
  transition:.28s ease;
}
.car-list-row::before{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:.28s;
  background:linear-gradient(90deg,transparent,rgba(246,199,71,.07),transparent);
}
.car-list-row:hover{
  transform:translateY(-4px);
  border-color:rgba(246,199,71,.36);
  box-shadow:0 22px 58px rgba(0,0,0,.34);
}
.car-list-row:hover::before{opacity:1}
.list-image-box{
  position:relative;z-index:1;
  height:180px;min-height:180px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid var(--border);
  background:radial-gradient(circle at center,#302b25,#171717 80%);
  display:flex;align-items:center;justify-content:center;
}
.list-image-box img{
  display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transition:none;
}
.list-photo-badge{
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  min-width:66px;
  text-align:center;
  padding:4px 11px;
  border-radius:999px;
  background:rgba(8,8,6,.74);
  border:1px solid rgba(246,199,71,.42);
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.list-placeholder{display:none;color:var(--muted);font-weight:800;font-size:13px;text-align:center;padding:15px}
.list-image-box.no-image .list-placeholder,.list-image-box.image-load-error .list-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.list-main-info{
  position:relative;z-index:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:4px 0;
}
.list-topline{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.list-year{
  color:var(--gold);font-size:21px;font-weight:900;line-height:1;
}
.list-category{
  color:#17130a;
  background:linear-gradient(135deg,var(--gold),var(--orange));
  border-radius:999px;
  padding:4px 12px;
  font-size:12px;
  font-weight:900;
}
.list-status{
  border-radius:999px;
  padding:4px 12px;
  font-size:12px;
  font-weight:900;
}
.list-status.available{color:var(--green);background:rgba(37,196,107,.12);border:1px solid rgba(37,196,107,.22)}
.list-status.reserved{color:var(--purple);background:rgba(181,138,255,.12);border:1px solid rgba(181,138,255,.22)}
.list-status.sold{color:var(--red);background:rgba(255,79,79,.12);border:1px solid rgba(255,79,79,.22)}
.list-main-info h2{
  font-size:clamp(22px,3vw,31px);
  line-height:1.35;
  letter-spacing:-.7px;
}
.list-description{
  color:var(--muted);
  font-size:14px;
  line-height:1.9;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.list-specs{
  display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;
}
.list-specs span{
  color:var(--text-soft);
  background:rgba(255,255,255,.055);
  border:1px solid var(--border);
  border-radius:13px;
  padding:8px 12px;
  font-size:12px;
  font-weight:700;
}
.list-side{
  position:relative;z-index:1;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:12px;
  padding:8px 0 8px 6px;
}
.list-price{
  display:block;
  color:var(--green);
  font-weight:900;
  font-size:18px;
  line-height:1.8;
  text-align:center;
  padding:13px 12px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(37,196,107,.12),rgba(37,196,107,.04));
  border:1px solid rgba(37,196,107,.18);
}
.list-price.call{
  color:var(--gold);
  background:linear-gradient(135deg,rgba(246,199,71,.12),rgba(246,199,71,.04));
  border-color:rgba(246,199,71,.18);
}
.list-actions{display:flex;flex-direction:column;gap:9px}
.list-detail-btn,.list-order-btn{
  display:flex;align-items:center;justify-content:center;
  min-height:45px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  transition:.22s;
}
.list-detail-btn{
  color:#17130a;
  background:linear-gradient(135deg,var(--gold),var(--orange));
}
.list-order-btn{
  color:var(--gold);
  background:rgba(246,199,71,.07);
  border:1px solid rgba(246,199,71,.26);
}
.list-detail-btn:hover,.list-order-btn:hover{transform:translateY(-2px);opacity:.9}
.empty-list{
  text-align:center;
  max-width:620px;
  margin:28px auto 0;
  padding:40px 24px;
  border-radius:28px;
}
.empty-list h2{font-size:26px;margin-bottom:10px}
.empty-list p{color:var(--muted);margin-bottom:20px}

body.light .cars-list-body,
body.light.cars-list-body{
  background:
    radial-gradient(circle at 15% 8%,rgba(230,168,0,.17),transparent 34%),
    radial-gradient(circle at 86% 20%,rgba(255,122,26,.10),transparent 30%),
    linear-gradient(180deg,#f7f3e8 0%,#eee7d6 54%,#f7f3e8 100%);
}
body.light .cars-list-hero,
body.light .list-panel,
body.light .car-list-row,
body.light .empty-list{
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(246,243,232,.82));
  border-color:rgba(0,0,0,.09);
  box-shadow:0 24px 60px rgba(35,30,12,.11),inset 0 1px 0 rgba(255,255,255,.72);
}
body.light .search-box input,
body.light .sort-box select,
body.light .list-specs span,
body.light .list-image-box{
  background:rgba(255,255,255,.72);
  border-color:rgba(0,0,0,.09);
  color:#111;
}
body.light .search-box input::placeholder{color:#8a8372}
body.light .list-description{color:#5c5c5c}

@media(max-width:980px){
  .list-panel{position:relative;top:auto}
  .list-search-row{grid-template-columns:1fr}
  .car-list-row{grid-template-columns:200px 1fr;gap:18px}
  .list-side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0}
  .list-actions{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .cars-list-main{padding:calc(var(--nav-h) + 34px) 14px 72px}
  .cars-list-hero{padding:24px;border-radius:26px}
  .list-stats{display:grid;grid-template-columns:1fr;gap:10px}
  .list-stats div{min-width:0}
  .list-panel{padding:14px;border-radius:22px}
  .filter-group{gap:7px}
  .list-filter{padding:8px 13px;font-size:12px}
  .car-list-row{grid-template-columns:1fr;padding:13px;border-radius:24px}
  .list-image-box{height:220px;min-height:220px;border-radius:19px}
  .list-side{grid-template-columns:1fr}
  .list-actions{grid-template-columns:1fr}
  .list-main-info h2{text-align:center}
  .list-topline,.list-specs{justify-content:center}
  .list-description{text-align:center}
}
@media(max-width:420px){
  .cars-list-hero h1{font-size:31px}
  .list-image-box{height:185px;min-height:185px}
  .list-specs{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .list-specs span{text-align:center}
}

/* Inventory explorer: scoped to this page; navigation and footer unchanged. */
.cars-list-body{--gold:#dfb874;--orange:#c99b55;background:#090a0b}
.cars-list-main{width:min(1440px,100%);padding-top:140px}
.cars-list-hero{padding:12px 0 30px;background:none;border:0;box-shadow:none;border-radius:0;text-align:center}
.cars-list-hero::before,.list-hero-glow,.cars-list-hero .section-tag{display:none}
.cars-list-hero-content{max-width:none}
.cars-list-hero h1{font-size:clamp(28px,3.3vw,46px);letter-spacing:0}
.list-back{font-size:12px;margin-bottom:4px;padding:4px 12px}
.list-stats{justify-content:center;margin-top:20px;gap:28px}
.list-stats div{min-width:0;padding:0;border:0;background:none;border-radius:0}
.list-stats strong{font-size:21px}.list-stats span{font-size:11px}
.brand-explorer,.category-explorer{margin:0 0 34px}
.explore-title{display:flex;align-items:center;gap:10px;font-size:21px;margin:0 0 18px}
.explore-title:before{content:'';display:block;width:3px;height:21px;background:#dfb874;border-radius:2px}
.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.brand-card{position:relative;display:flex;align-items:center;gap:8px;min-width:0;padding:15px;color:#f6f6f6;font:inherit;text-align:right;border:1px solid #ffffff20;border-radius:8px;background:linear-gradient(140deg,#1c2022,#101214);cursor:pointer;transition:border-color .2s,background .2s}
.brand-card:hover,.brand-card.selected{border-color:#dfb874;background:#29251c}
.brand-card:focus-visible,.reset-filters:focus-visible{outline:2px solid #dfb874;outline-offset:4px}
.brand-mark{width:60px;height:38px;object-fit:contain;flex:none}
.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:16px}.brand-copy small{font-size:12px;color:#bfc0c0}
.brand-arrow{color:#dfb874;margin-inline-start:auto;font-size:23px}
.brand-featured{flex-wrap:wrap;align-content:flex-start;min-height:220px}
.brand-featured .brand-car{display:block;width:100%;height:138px;object-fit:contain;order:4}
.brand-featured .brand-arrow{position:absolute;left:14px;top:20px}
.brand-featured .brand-copy{margin-inline-start:auto;margin-inline-end:24px}
.brand-compact{min-height:78px}
.category-explorer .filter-group{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.cars-list-body .list-filter{font-family:inherit;cursor:pointer;border-radius:6px;background:#191c1e;color:#e6e6e6;box-shadow:none}
.cars-list-body .list-filter.active,.cars-list-body .list-filter:hover{border-color:#dfb874;background:#322c20;color:#f6d49c;box-shadow:none}
.inventory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;scroll-margin-top:120px}
.reset-filters{background:none;border:0;color:#dfb874;font:inherit;font-size:12px;cursor:pointer;padding:9px}
.active-car-filters{color:#cfbb95;font-size:13px;margin-bottom:12px;overflow-wrap:anywhere}.active-car-filters:empty{display:none}
.list-panel{position:relative;top:auto;z-index:1;border-radius:8px;padding:16px;background:#121416;box-shadow:none}
.list-search-row{grid-template-columns:minmax(0,1fr) 230px}
.search-box input,.sort-box select{border-radius:6px;background:#0d0f10;min-width:0}.sort-box option{background:#151719;color:#fff}
.car-list-row{grid-template-columns:240px minmax(0,1fr) 220px;border-radius:8px;padding:12px;gap:20px;background:#141719;box-shadow:none}
.list-image-box{height:170px;min-height:170px;border-radius:6px;background:#0d0f10}
.list-main-info h2{font-size:25px;letter-spacing:0}.list-description{font-size:12px}
.list-specs span{padding:5px 8px;border-radius:4px;font-size:11px}
.list-price{font-size:16px;border-radius:6px}.list-detail-btn,.list-order-btn{border-radius:6px}
[hidden]{display:none!important}
@media(max-width:1100px){.car-list-row{grid-template-columns:190px minmax(0,1fr)}.list-side{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:12px}.list-actions{display:grid;grid-template-columns:1fr 1fr}.brand-mark{width:45px}.brand-featured .brand-copy{margin-inline-end:16px}}
@media(max-width:700px){
.cars-list-main{padding:110px 14px 54px}.cars-list-hero{padding:0 0 18px}.cars-list-hero p{font-size:13px}.cars-list-hero h1{font-size:28px}
.list-stats{display:flex;gap:22px}.list-stats strong{font-size:19px}.list-stats div{min-width:0}
.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-card{padding:10px}.brand-featured{min-height:173px}.brand-featured .brand-car{height:100px}.brand-mark{width:44px;height:30px}.brand-copy strong{font-size:14px}.brand-copy small{font-size:11px}.brand-featured .brand-copy{margin-inline-end:14px}.brand-featured .brand-arrow{top:14px;left:9px}.brand-compact{min-height:68px}
.category-explorer .filter-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-explorer .list-filter:first-child{grid-column:1/-1}
.explore-title{font-size:18px;margin-bottom:14px}.brand-explorer,.category-explorer{margin-bottom:26px}
.inventory-heading{align-items:start;scroll-margin-top:100px}.reset-filters{font-size:11px;max-width:145px;padding-top:3px}
.list-search-row{grid-template-columns:1fr}.list-panel{padding:12px}.filter-group{gap:6px}.list-filter{flex:1;padding:9px 7px;font-size:11px}
.car-list-row{grid-template-columns:1fr;gap:12px;padding:10px}.list-image-box{height:auto;min-height:0;aspect-ratio:16/9}.list-main-info h2{text-align:right;font-size:22px}.list-topline,.list-specs{justify-content:flex-start}.list-description{text-align:right}
.list-side{grid-template-columns:1fr;gap:10px}.list-actions{grid-template-columns:1fr 1fr}.list-specs{display:flex}.list-specs span{text-align:right}.list-price{padding:8px}.list-year{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.brand-card,.car-list-row{transition:none}.car-list-row:hover{transform:none}}

/* Approved logo-only brand tiles: desktop 7 columns, mobile 3 columns. */
.cars-list-body .brand-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.cars-list-body .brand-logo-tile{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;flex:0 0 calc((100% - 72px)/7);min-width:0;min-height:0;aspect-ratio:1/1.04;padding:6px;border:1px solid #565044;border-radius:9px;background:radial-gradient(circle at var(--brand-x,50%) var(--brand-y,40%),#d9b8780c,transparent 75%),linear-gradient(135deg,#1d2124,#101214);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.cars-list-body .brand-logo-tile:before{content:'';position:absolute;inset:-100%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 43%,#f4d59924 50%,transparent 57%);transform:translateX(-75%) rotate(12deg);transition:transform .8s ease}
.cars-list-body .brand-logo-tile .brand-mark{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;animation:brand-logo-drift 5.5s ease-in-out infinite;animation-delay:var(--brand-delay,0s);filter:drop-shadow(0 6px 10px #0007);transition:filter .3s ease;pointer-events:none}
.cars-list-body .brand-logo-tile:hover,.cars-list-body .brand-logo-tile:focus-visible{transform:translateY(-4px);border-color:#e4bf79;box-shadow:0 9px 26px #0006,0 0 20px #d6ac5e17}
.cars-list-body .brand-logo-tile:hover:before,.cars-list-body .brand-logo-tile:focus-visible:before{transform:translateX(75%) rotate(12deg)}
.cars-list-body .brand-logo-tile.selected{border-color:#e9c67d;background:radial-gradient(ellipse at 45% 15%,#caa35235,transparent 80%),linear-gradient(135deg,#28251d,#111315);box-shadow:inset 0 0 22px #d7af6014,0 0 17px #dbb46622}
.cars-list-body .brand-logo-tile.selected .brand-mark{filter:drop-shadow(0 0 9px #e1bd7640)}
.cars-list-body .brand-logo-tile:active{transform:scale(.97)}
.cars-list-body .brand-logo-fallback{font:inherit;text-align:center;overflow-wrap:anywhere}
@keyframes brand-logo-drift{0%,100%{transform:translateY(0) rotateY(0)}50%{transform:translateY(-4px) rotateY(8deg)}}
@media(max-width:1050px) and (min-width:701px){.cars-list-body .brand-logo-tile{flex-basis:calc((100% - 48px)/5)}}
@media(max-width:700px){.cars-list-body .brand-grid{gap:10px}.cars-list-body .brand-logo-tile{flex-basis:calc((100% - 20px)/3);padding:3px;aspect-ratio:1/1.02;border-radius:8px}}
@media(hover:none){.cars-list-body .brand-logo-tile:hover{transform:none}.cars-list-body .brand-logo-tile:hover:before{transform:translateX(-75%) rotate(12deg)}}
@media(prefers-reduced-motion:reduce){.cars-list-body .brand-logo-tile .brand-mark{animation:none}.cars-list-body .brand-logo-tile,.cars-list-body .brand-logo-tile:before{transition:none}.cars-list-body .brand-logo-tile:hover{transform:none}}