/* ══════════════════════════════════════
   EXTRA STYLES — Inventory / Auction / Order /
   Process / Shipping / About / Contact pages
   ══════════════════════════════════════ */

/* ── PAGE HERO (sub-page banner) ── */
.page-hero{
  padding:11rem 4rem 5rem;
  position:relative;overflow:hidden;
  background:var(--ink);
  border-bottom:1px solid rgba(201,168,76,0.12);
}
.page-hero .hero-grid{opacity:0.6}
.page-hero-inner{position:relative;z-index:2;max-width:900px}
.page-crumb{
  font-family:var(--ui);font-size:9px;letter-spacing:3px;text-transform:uppercase;
  color:rgba(255,255,255,0.3);margin-bottom:1.2rem;
}
.page-crumb a{color:rgba(255,255,255,0.3);text-decoration:none;transition:color .2s}
.page-crumb a:hover{color:var(--gold)}
.page-crumb span{color:var(--gold);opacity:0.8}
.page-hero h1{
  font-family:var(--serif);font-size:clamp(2.4rem,5vw,4.2rem);
  font-weight:400;line-height:1.08;color:var(--white);margin-bottom:1.2rem;
}
.page-hero h1 .g{color:var(--gold)}
.page-hero h1 .i{font-style:italic;font-weight:300}
.page-hero-sub{
  font-size:1.05rem;color:rgba(255,255,255,0.45);max-width:640px;line-height:1.85;
}

/* ── NAV ACTIVE STATE & DENSER 8-ITEM NAV ── */
.nav-links a.active{color:var(--gold)}
.nav-links{gap:1.6rem}
.nav-links a{font-size:10px;letter-spacing:1.6px}
@media(max-width:1200px){
  .nav-links{gap:1.1rem}
  .logo-sub{display:none}
}

/* ── LANGUAGE SWITCHER ── */
.lang-switch{display:flex;align-items:center;gap:2px;margin-left:1.8rem;border:1px solid rgba(201,168,76,0.25);padding:3px}
.lang-btn{
  background:none;border:none;cursor:pointer;padding:6px 11px;
  font-family:var(--ui);font-size:9.5px;letter-spacing:1.5px;
  color:rgba(255,255,255,0.4);transition:background .2s,color .2s;
}
.lang-btn.active{background:var(--gold);color:var(--black)}
.lang-btn:hover:not(.active){color:rgba(255,255,255,0.75)}
@media(max-width:1200px){.lang-switch{margin-left:0.8rem}}
@media(max-width:900px){
  .nav-links{display:none}
  .lang-switch{margin-left:auto}
}

/* ══ INVENTORY / AUCTION LAYOUT ══ */
.inv-wrap{
  display:grid;grid-template-columns:280px 1fr;gap:3.5rem;
  padding:5rem 4rem 8rem;align-items:flex-start;
}
.filter-panel{
  position:sticky;top:110px;
  background:var(--ink3);border:1px solid rgba(201,168,76,0.15);
  padding:2.2rem 1.8rem;
}
.filter-panel-title{
  font-family:var(--serif);font-size:1.15rem;font-weight:500;color:var(--white);
  margin-bottom:1.6rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(201,168,76,0.15);
  display:flex;align-items:center;justify-content:space-between;
}
.filter-clear{
  font-family:var(--ui);font-size:8.5px;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--gold);opacity:0.7;cursor:pointer;background:none;border:none;
}
.filter-clear:hover{opacity:1}
.filter-group{margin-bottom:1.8rem}
.filter-group-title{
  font-family:var(--ui);font-size:9px;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--gold);opacity:0.85;margin-bottom:0.9rem;
}
.filter-checks{display:flex;flex-direction:column;gap:0.65rem}
.filter-chk{display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none}
.filter-chk input{
  appearance:none;width:15px;height:15px;border:1px solid rgba(201,168,76,0.35);
  background:rgba(255,255,255,0.02);flex-shrink:0;cursor:pointer;position:relative;
  transition:border-color .2s,background .2s;
}
.filter-chk input:checked{background:var(--gold);border-color:var(--gold)}
.filter-chk input:checked::after{
  content:'';position:absolute;left:4px;top:0px;width:4px;height:8px;
  border:solid var(--black);border-width:0 2px 2px 0;transform:rotate(45deg);
}
.filter-chk span{
  font-family:var(--body);font-size:0.9rem;color:rgba(255,255,255,0.55);
  transition:color .2s;
}
.filter-chk:hover span{color:var(--white)}
.filter-count{
  margin-left:auto;font-family:var(--ui);font-size:8.5px;color:rgba(255,255,255,0.25);
}
.filter-range-row{display:flex;align-items:center;gap:0.6rem}
.filter-range-row input[type=number]{
  width:100%;background:rgba(255,255,255,0.03);border:1px solid rgba(201,168,76,0.2);
  color:var(--white);padding:9px 10px;font-family:var(--ui);font-size:0.82rem;outline:none;
}
.filter-range-row input:focus{border-color:var(--gold)}
.filter-range-sep{color:rgba(255,255,255,0.25);font-size:0.8rem}
.filter-select{
  width:100%;background:rgba(255,255,255,0.03);border:1px solid rgba(201,168,76,0.2);
  color:var(--white);padding:10px 12px;font-family:var(--body);font-size:0.92rem;outline:none;
}
.filter-select:focus{border-color:var(--gold)}
.filter-select option{background:var(--ink3)}
.filter-apply{
  width:100%;background:var(--gold);color:var(--black);border:none;padding:13px;
  font-family:var(--ui);font-size:9.5px;letter-spacing:2.5px;text-transform:uppercase;
  cursor:pointer;transition:background .2s;margin-top:0.5rem;
}
.filter-apply:hover{background:var(--gold-bright)}

.inv-results-bar{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:2.2rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(201,168,76,0.12);
  flex-wrap:wrap;gap:1rem;
}
.inv-count{font-family:var(--body);font-size:0.95rem;color:rgba(255,255,255,0.5)}
.inv-count strong{color:var(--gold);font-weight:500}
.inv-sort{display:flex;align-items:center;gap:10px}
.inv-sort label{font-family:var(--ui);font-size:8.5px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.3)}
.inv-sort select{
  background:rgba(255,255,255,0.03);border:1px solid rgba(201,168,76,0.2);color:var(--white);
  padding:8px 12px;font-family:var(--ui);font-size:0.8rem;outline:none;
}
.inv-sort select option{background:var(--ink3)}

.car-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}

.car-card{
  background:var(--ink3);border:1px solid rgba(201,168,76,0.13);
  overflow:hidden;transition:border-color .3s,transform .3s;position:relative;
}
.car-card:hover{border-color:rgba(201,168,76,0.4);transform:translateY(-4px)}
.car-photo{
  position:relative;height:210px;overflow:hidden;
  background:linear-gradient(135deg,var(--ink4),var(--ink2));
}
.car-photo img{width:100%;height:100%;object-fit:cover;display:block}
.car-photo-placeholder{
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;color:rgba(201,168,76,0.35);
}
.car-photo-placeholder svg{width:64px;height:64px;opacity:0.5}
.car-photo-placeholder span{
  font-family:var(--ui);font-size:8.5px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,0.2);
}
.car-badge{
  position:absolute;top:12px;left:12px;
  background:rgba(8,8,8,0.75);backdrop-filter:blur(6px);
  border:1px solid rgba(201,168,76,0.4);color:var(--gold);
  font-family:var(--ui);font-size:8px;letter-spacing:2px;text-transform:uppercase;
  padding:5px 10px;
}
.car-badge.auction{border-color:rgba(201,168,76,0.7);background:rgba(201,168,76,0.15)}
.car-grade{
  position:absolute;top:12px;right:12px;
  background:var(--gold);color:var(--black);
  font-family:var(--serif);font-weight:700;font-size:0.85rem;
  width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}
.car-body{padding:1.5rem 1.5rem 1.7rem}
.car-title{
  font-family:var(--serif);font-size:1.15rem;font-weight:500;color:var(--white);
  margin-bottom:0.3rem;line-height:1.3;
}
.car-sub{
  font-family:var(--ui);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(255,255,255,0.3);margin-bottom:1.1rem;
}
.car-specs{
  display:grid;grid-template-columns:1fr 1fr;gap:0.6rem 1rem;
  margin-bottom:1.3rem;padding-bottom:1.3rem;border-bottom:1px solid rgba(201,168,76,0.1);
}
.car-spec{display:flex;flex-direction:column;gap:2px}
.car-spec-l{font-family:var(--ui);font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.25)}
.car-spec-v{font-family:var(--body);font-size:0.88rem;color:rgba(255,255,255,0.65)}
.car-foot{display:flex;align-items:center;justify-content:space-between}
.car-price-wrap{display:flex;flex-direction:column}
.car-price-l{font-family:var(--ui);font-size:7.5px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.25)}
.car-price{font-family:var(--serif);font-size:1.3rem;color:var(--gold);font-weight:500}
.car-btn{
  font-family:var(--ui);font-size:9px;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold);border:1px solid var(--gold);padding:9px 18px;
  text-decoration:none;transition:background .2s,color .2s;white-space:nowrap;
}
.car-btn:hover{background:var(--gold);color:var(--black)}

.car-photo-img{position:absolute;inset:0}
.car-photo-img svg{width:100%;height:100%}
.car-thumbs{display:flex;gap:6px;padding:10px 12px;background:var(--ink4);border-bottom:1px solid rgba(201,168,76,0.12)}
.car-thumb{
  flex:1;aspect-ratio:1.4/1;background:var(--ink2);border:1px solid rgba(201,168,76,0.18);
  padding:2px;cursor:pointer;transition:border-color .2s,opacity .2s;opacity:0.55;
}
.car-thumb svg{width:100%;height:100%;display:block}
.car-thumb:hover{opacity:0.85;border-color:rgba(201,168,76,0.4)}
.car-thumb.active{opacity:1;border-color:var(--gold)}
.car-thumb-label{
  position:absolute;bottom:6px;left:12px;z-index:2;
  font-family:var(--ui);font-size:7.5px;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(255,255,255,0.55);background:rgba(8,8,8,0.6);padding:3px 8px;
}

.no-results{
  grid-column:1/-1;text-align:center;padding:5rem 2rem;
  color:rgba(255,255,255,0.3);font-family:var(--body);font-size:1.05rem;
}

/* ══ AUCTION TABLE / TIMER ══ */
.auction-notice{
  background:var(--gold-pale);border:1px solid rgba(201,168,76,0.3);
  padding:1.6rem 2rem;margin-bottom:2.5rem;display:flex;align-items:center;gap:1.2rem;
}
.auction-notice-icon{font-size:1.6rem}
.auction-notice p{font-size:0.92rem;color:rgba(255,255,255,0.6);line-height:1.7}
.auction-notice strong{color:var(--gold)}

.auction-timer{
  display:flex;align-items:center;gap:6px;
  font-family:var(--ui);font-size:8px;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--gold);opacity:0.85;margin-bottom:0.6rem;
}
.auction-timer-dot{width:5px;height:5px;background:#e05555;border-radius:50%;animation:pulse 1.5s infinite}

/* ══ STEP TIMELINE (Export Process / Order pages) ══ */
.timeline{max-width:900px;margin:0 auto;position:relative}
.timeline::before{
  content:'';position:absolute;left:29px;top:10px;bottom:10px;width:1px;
  background:linear-gradient(to bottom,transparent,rgba(201,168,76,0.35) 5%,rgba(201,168,76,0.35) 95%,transparent);
}
.tl-step{display:grid;grid-template-columns:60px 1fr;gap:2rem;margin-bottom:3.2rem;position:relative}
.tl-step:last-child{margin-bottom:0}
.tl-num{
  width:60px;height:60px;border-radius:50%;border:1px solid rgba(201,168,76,0.4);
  background:var(--ink);display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:1.3rem;color:var(--gold);position:relative;z-index:2;
  flex-shrink:0;
}
.tl-content{padding-top:0.6rem}
.tl-title{font-family:var(--serif);font-size:1.3rem;font-weight:500;color:var(--white);margin-bottom:0.6rem}
.tl-body{font-size:0.95rem;color:rgba(255,255,255,0.45);line-height:1.85;max-width:640px}
.tl-meta{
  display:inline-flex;align-items:center;gap:8px;margin-top:0.9rem;
  font-family:var(--ui);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);opacity:0.8;
}

/* ══ SHIPPING SCHEDULE TABLE ══ */
.ship-table-wrap{overflow-x:auto;border:1px solid rgba(201,168,76,0.15)}
table.ship-table{width:100%;border-collapse:collapse;min-width:760px}
.ship-table thead th{
  background:var(--ink3);text-align:left;padding:1.1rem 1.4rem;
  font-family:var(--ui);font-size:8.5px;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold);border-bottom:1px solid rgba(201,168,76,0.2);
}
.ship-table tbody td{
  padding:1.2rem 1.4rem;border-bottom:1px solid rgba(255,255,255,0.05);
  font-family:var(--body);font-size:0.92rem;color:rgba(255,255,255,0.6);
}
.ship-table tbody tr:hover{background:rgba(201,168,76,0.03)}
.ship-table tbody tr:last-child td{border-bottom:none}
.ship-status{
  display:inline-flex;align-items:center;gap:6px;font-family:var(--ui);
  font-size:8.5px;letter-spacing:1.5px;text-transform:uppercase;
}
.ship-status.on-time{color:#6ec97a}
.ship-status.transit{color:var(--gold)}
.ship-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}

/* ══ ORDER FORM (multi-column) ══ */
.order-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:4rem;align-items:start}
.order-steps{display:flex;flex-direction:column;gap:1.2rem;margin-top:2rem}
.order-step-mini{display:flex;gap:1rem;align-items:flex-start}
.order-step-mini .num{
  width:30px;height:30px;border:1px solid rgba(201,168,76,0.4);border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  font-family:var(--serif);font-size:0.85rem;color:var(--gold);
}
.order-step-mini p{font-size:0.9rem;color:rgba(255,255,255,0.45);line-height:1.7;padding-top:4px}
.order-step-mini strong{color:rgba(255,255,255,0.8);font-weight:500}

.radio-row{display:flex;gap:0.8rem;flex-wrap:wrap;margin-top:0.4rem}
.radio-pill{
  border:1px solid rgba(201,168,76,0.25);padding:9px 16px;cursor:pointer;
  font-family:var(--ui);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(255,255,255,0.5);transition:all .2s;
}
.radio-pill input{display:none}
.radio-pill.sel,.radio-pill:has(input:checked){background:var(--gold);color:var(--black);border-color:var(--gold)}

/* ══ VALUES / GRID CARDS (About page) ══ */
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,168,76,0.1);margin-top:3rem}
.value-card{background:var(--ink);padding:2.4rem 1.8rem;text-align:center}
.value-icon{font-size:1.8rem;margin-bottom:1rem}
.value-title{font-family:var(--serif);font-size:1.05rem;color:var(--white);margin-bottom:0.6rem}
.value-body{font-size:0.85rem;color:rgba(255,255,255,0.4);line-height:1.7}

.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.team-card{background:var(--ink3);border:1px solid rgba(201,168,76,0.13);padding:2.2rem 1.8rem;text-align:center}
.team-photo{
  width:84px;height:84px;border-radius:50%;margin:0 auto 1.2rem;
  background:linear-gradient(135deg,var(--ink4),var(--ink2));
  border:1px solid rgba(201,168,76,0.25);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:1.25rem;letter-spacing:0.5px;color:var(--gold);
}
.team-name{font-family:var(--serif);font-size:1.05rem;color:var(--white);margin-bottom:0.3rem}
.team-role{font-family:var(--ui);font-size:8.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);opacity:0.8}

/* ══ CONTACT PAGE MAP BLOCK ══ */
.map-block{
  height:280px;border:1px solid rgba(201,168,76,0.15);background:var(--ink3);
  display:flex;align-items:center;justify-content:center;margin-top:1.5rem;
  flex-direction:column;gap:0.6rem;
}
.map-block span{font-family:var(--ui);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.25)}

/* ══ FAQ (accordion) ══ */
.faq-item{border-bottom:1px solid rgba(201,168,76,0.12)}
.faq-q{
  padding:1.6rem 0;display:flex;align-items:center;justify-content:space-between;
  cursor:pointer;font-family:var(--serif);font-size:1.1rem;color:var(--white);
}
.faq-q .plus{color:var(--gold);font-size:1.3rem;transition:transform .3s;flex-shrink:0;margin-left:1rem}
.faq-item.open .plus{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
.faq-a p{padding-bottom:1.6rem;font-size:0.92rem;color:rgba(255,255,255,0.45);line-height:1.85;max-width:700px}

/* ══ RESPONSIVE for new components ══ */
@media(max-width:1024px){
  .inv-wrap{grid-template-columns:1fr;padding:4rem 2.5rem 6rem}
  .filter-panel{position:static}
  .car-grid{grid-template-columns:1fr 1fr}
  .value-grid{grid-template-columns:1fr 1fr}
  .team-grid{grid-template-columns:1fr 1fr}
  .order-grid{grid-template-columns:1fr;gap:3rem}
  .page-hero{padding:9rem 2.5rem 4rem}
}
@media(max-width:640px){
  .car-grid{grid-template-columns:1fr}
  .value-grid{grid-template-columns:1fr 1fr}
  .team-grid{grid-template-columns:1fr}
  .inv-results-bar{flex-direction:column;align-items:flex-start}
  .page-hero{padding:8rem 1.5rem 3.5rem}
  .inv-wrap{padding:3rem 1.5rem 5rem}
}