/* ================================================================
   ProCar Luxury Car Rental — v6.1 Public CSS
   ─────────────────────────────────────────────────────────────
   Card:  .procar-card-frame (overflow:hidden) + .procar-card-btns (outside)
   Image: background-size:contain — FULL CAR, ZERO CROP
   Bar:   outer pill + inner pills (exact match of reference image)
   Book:  Gold "Book Now" bar below every card
   ================================================================ */

:root {
  --g:      #0f2f24;   /* dark military green  */
  --gm:     #173d2f;   /* mid green            */
  --gl:     #1e4d3b;   /* light green          */
  --gc:     #1a3c2f;   /* cell inner bg        */
  --gd:     #091810;   /* deep green           */
  --go:     #0c2219;   /* card bottom bg       */
  --gold:   #d4af37;
  --gold2:  #e8cc6a;
  --golda:  rgba(212,175,55,.15);
  --goldb:  rgba(212,175,55,.28);
  --wa:     #25d366;
  --wa2:    #128c4e;
  --w:      #fff;
  --w95:    rgba(255,255,255,.95);
  --w80:    rgba(255,255,255,.80);
  --w60:    rgba(255,255,255,.60);
  --w40:    rgba(255,255,255,.40);
  --w08:    rgba(255,255,255,.06);
  --r:      18px;      /* card radius          */
  --sc:     0 14px 48px rgba(0,0,0,.50);
  --sh:     0 26px 68px rgba(0,0,0,.62), 0 0 28px rgba(212,175,55,.16);
  --serif:  'Cormorant Garamond','Playfair Display',Georgia,serif;
  --sans:   'Montserrat','Helvetica Neue',Arial,sans-serif;
  --ease:   cubic-bezier(.25,.46,.45,.94);
  --dur:    .34s;
  --fast:   .18s;
}

/* ── Reset ───────────────────────────────────────────────────── */
.procar-grid *,.procar-grid,
.procar-card *,.procar-card,
.procar-bar-wrap *,.procar-bar-wrap,
.procar-search-wrap *,.procar-search-wrap,
.procar-single-wrap *,.procar-single-wrap,
.procar-tax-wrap *,.procar-tax-wrap {
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* ── Grid ───────────────────────────────────────────────────── */
.procar-grid{display:grid;gap:24px;padding:4px 0 48px}
.procar-cols-3{grid-template-columns:repeat(3,1fr)}
.procar-cols-2{grid-template-columns:repeat(2,1fr)}
.procar-cols-1{grid-template-columns:1fr}

/* ════════════════════════════════════════════════════════════════
   CARS SLIDER — horizontal swipe, shows 1 card on mobile,
   1.15 on mobile (peek), up to 3 on desktop.
   Used by [procar_list], [procar_search_bar] results,
   and category archive page.
════════════════════════════════════════════════════════════════ */
.procar-cars-slider{
  position:relative;
  width:100%;
  padding-bottom:48px;   /* space for pagination dots */
  overflow:hidden;
}
.procar-cars-slider .swiper-wrapper{
  align-items:stretch;
}

/* Each slide: card fills the slide height naturally */
.procar-cars-slide{
  height:auto;
  display:flex;
  flex-direction:column;
}
.procar-cars-slide .procar-card{
  height:100%;
}

/* Prev / Next arrow buttons */
.procar-cars-prev,
.procar-cars-next{
  position:absolute;
  top:50%;
  transform:translateY(-calc(50% + 24px)); /* offset for pagination */
  z-index:10;
  width:44px;height:44px;
  border-radius:50%;
  background:rgba(9,32,26,.88);
  border:1px solid var(--goldb);
  backdrop-filter:blur(6px);
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background var(--fast),transform var(--fast);
}
.procar-cars-prev::after,
.procar-cars-next::after{
  content:'';
  width:10px;height:10px;
  border-top:2px solid var(--gold);
  border-right:2px solid var(--gold);
  display:block;
}
.procar-cars-prev{
  left:12px;
}
.procar-cars-prev::after{
  transform:rotate(-135deg) translate(2px,-2px);
}
.procar-cars-next{
  right:12px;
}
.procar-cars-next::after{
  transform:rotate(45deg) translate(-2px,2px);
}
.procar-cars-prev:hover,
.procar-cars-next:hover{
  background:var(--gm);
  border-color:var(--gold);
}
/* Hide arrows when disabled */
.procar-cars-prev.swiper-button-disabled,
.procar-cars-next.swiper-button-disabled{
  opacity:.28;pointer-events:none;
}

/* Pagination dots */
.procar-cars-pag{
  position:absolute;
  bottom:14px;
  left:0;right:0;
  display:flex;
  justify-content:center;
  gap:6px;
  z-index:10;
}
.procar-cars-pag .swiper-pagination-bullet{
  width:7px;height:7px;border-radius:50%;
  background:rgba(255,255,255,.28);opacity:1;
  transition:all .22s;cursor:pointer;
}
.procar-cars-pag .swiper-pagination-bullet-active{
  background:var(--gold);width:22px;border-radius:4px;
}

/* ════════════════════════════════════════════════════════════════
   CAR CARD  v6.1
   ─────────────────────────────────────────────────────────────
   Key insight: .procar-card has NO overflow:hidden.
   .procar-card-frame has overflow:hidden (clips Swiper).
   .procar-card-btns is a sibling of .procar-card-frame,
   absolutely positioned on .procar-card — never clipped.
════════════════════════════════════════════════════════════════ */
.procar-card{
  position:relative;
  border-radius:var(--r);
  background:var(--gd);
  border:1px solid var(--goldb);
  box-shadow:var(--sc);
  transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
  animation:pc-rise .5s var(--ease) both;
  animation-play-state:paused;
  display:flex;
  flex-direction:column;
}
.procar-card.is-visible{animation-play-state:running}
.procar-card:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.procar-card::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold2) 50%,var(--gold) 70%,transparent);
  opacity:0;transition:opacity var(--dur);pointer-events:none;z-index:10;
  border-radius:0 0 var(--r) var(--r);
}
.procar-card:hover::after{opacity:1}

/* Stagger */
.procar-cols-3 .procar-card:nth-child(3n+1){animation-delay:.05s}
.procar-cols-3 .procar-card:nth-child(3n+2){animation-delay:.16s}
.procar-cols-3 .procar-card:nth-child(3n+3){animation-delay:.27s}
.procar-cols-2 .procar-card:nth-child(2n+1){animation-delay:.05s}
.procar-cols-2 .procar-card:nth-child(2n+2){animation-delay:.18s}

/*
 * IMAGE FRAME — overflow:hidden clips the Swiper slides.
 * padding-top trick creates a fixed-ratio container.
 * 62% ≈ 16:10 — wide cinematic, perfect for cars.
 * border-radius on top corners only (bottom is separate bar).
 */
.procar-card-frame{
  position:relative;
  width:100%;
  padding-top:62%;
  overflow:hidden;
  background:var(--g);
  border-radius:var(--r) var(--r) 0 0;
  flex-shrink:0;
}

/* Swiper fills frame absolutely */
.procar-card-swiper{
  position:absolute!important;
  top:0;left:0;
  width:100%!important;
  height:100%!important;
}
.procar-card-swiper .swiper-wrapper,
.procar-card-swiper .swiper-slide{
  width:100%;
  height:100%;
}

/*
 * SLIDE BACKGROUND — background-size:contain
 * The entire car is always visible.
 * Dark green fills the letterbox. Zero cropping.
 */
.procar-card-slide-bg{
  position:absolute;
  inset:0;
  background-color:var(--g);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;      /* ← FULL CAR, ZERO CROP */
  transition:transform .75s var(--ease);
}
.procar-card:hover .procar-card-slide-bg{transform:scale(1.04)}

/* Fallback: no image */
.procar-card-noimg{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--gm);color:var(--gold);opacity:.28;
}
.procar-card-noimg svg{width:64px;height:64px}

/*
 * TRANSPARENT NAV OVERLAY — z:2
 * Clicking anywhere on the image navigates to detail page.
 * Sits BELOW pagination bullets (z:4) and action buttons (z:5).
 */
.procar-card-nav{
  position:absolute;inset:0;
  z-index:2;
  display:block;
  text-decoration:none;
}

/* Bottom gradient — z:3 */
.procar-overlay{
  position:absolute;
  bottom:0;left:0;right:0;
  height:58%;
  background:linear-gradient(0deg,rgba(7,22,14,.97) 0%,rgba(7,22,14,.55) 45%,transparent 100%);
  z-index:3;
  pointer-events:none;
}

/* Pagination — z:4, above gradient */
.procar-card-pag{
  position:absolute!important;
  bottom:46px!important;
  left:0;right:0;
  z-index:4!important;
  display:flex;
  justify-content:center;
  gap:5px;
  pointer-events:none;
}
.procar-card-pag .swiper-pagination-bullet{
  width:6px;height:6px;border-radius:50%;
  background:rgba(255,255,255,.55);opacity:1;
  transition:all .22s;cursor:pointer;pointer-events:all;
}
.procar-card-pag .swiper-pagination-bullet-active{
  background:var(--gold);width:18px;border-radius:3px;
}

/* Title foot — z:5 */
.procar-card-foot{
  position:absolute;
  bottom:0;left:0;right:0;
  padding:12px 16px 14px;
  z-index:5;
}
.procar-card-title{
  font-family:var(--serif);
  font-size:1.4rem;font-weight:700;
  color:var(--w);margin:0;line-height:1.15;
  letter-spacing:.015em;
  text-shadow:0 2px 12px rgba(0,0,0,.6);
  transition:color var(--fast);
}
.procar-card:hover .procar-card-title{color:var(--gold2)}

/* ── SPECS STRIP — icon + value chips below image ────────── */
/*
 * Thin dark bar showing Seats / Body / Doors / Fuel.
 * Each chip: gold icon left, text right.
 * Hidden when no specs are filled in the admin.
 */
.procar-card-specs{
  display:flex;
  align-items:center;
  justify-content:space-around;
  gap:4px;
  padding:8px 14px;
  background:var(--gm);
  border-top:1px solid rgba(212,175,55,.15);
  border-bottom:1px solid rgba(212,175,55,.15);
  flex-shrink:0;
}
.procar-spec-chip{
  display:flex;
  align-items:center;
  gap:5px;
  flex:1;
  justify-content:center;
  min-width:0;
}
.procar-spec-chip__icon{
  display:flex;
  align-items:center;
  color:var(--gold);
  flex-shrink:0;
  opacity:.85;
}
.procar-spec-chip__icon svg{width:14px;height:14px}
.procar-spec-chip__val{
  font-family:var(--sans);
  font-size:.68rem;
  font-weight:500;
  color:var(--w60);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* ── BOTTOM CONTACT BAR — WA (green) + Call (gold) ─────── */
/*
 * Two equal-width buttons filling the full card width.
 * Replaces the old "Book Now" bar.
 * WA = green left half, Call = gold right half.
 * Rounded bottom corners to match card radius.
 */
.procar-card-bottom{
  display:flex;
  border-top:1px solid var(--goldb);
  border-radius:0 0 var(--r) var(--r);
  overflow:hidden;
  flex-shrink:0;
}
.procar-card-contact{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 12px;
  text-decoration:none;
  font-family:var(--sans);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.06em;
  transition:filter var(--fast),transform var(--fast);
}
.procar-card-contact svg{width:20px;height:20px;flex-shrink:0}
/* WhatsApp — left half, green */
.procar-card-contact--wa{
  background:var(--wa);
  color:#fff;
  border-right:1px solid rgba(0,0,0,.12);
}
.procar-card-contact--wa:hover{color:#fff;filter:brightness(1.08)}
/* Call — right half, gold */
.procar-card-contact--call{
  background:var(--gold);
  color:var(--g);
}
.procar-card-contact--call:hover{filter:brightness(1.08)}
/* Fallback (no contact info) */
.procar-card-contact--book{
  background:linear-gradient(135deg,var(--gold) 0%,var(--gold2) 55%,var(--gold) 100%);
  color:var(--g);border-radius:0 0 var(--r) var(--r);
}
.procar-card-contact--book:hover{filter:brightness(1.08);color:var(--g)}

.procar-no-cars{
  text-align:center;font-family:var(--sans);font-size:1rem;
  color:var(--gold);padding:80px 24px;letter-spacing:.06em;opacity:.55;
}

/* ════════════════════════════════════════════════════════════════
   [procar_search_bar] — MATCHES REFERENCE IMAGE EXACTLY
   ─────────────────────────────────────────────────────────────
   Reference: outer dark-green pill, inner lighter-green pill cells,
   plain text labels, calendar icons on dates, gold "Rent Now" pill.
   NO labels above — just the text inside each cell.
════════════════════════════════════════════════════════════════ */
.procar-bar-wrap{font-family:var(--sans)}

/* Outer pill */
.procar-bar{
  display:flex;
  align-items:center;
  gap:8px;
  background:var(--gm);
  border:1px solid var(--goldb);
  border-radius:60px;
  padding:10px 10px 10px 14px;
  box-shadow:0 10px 40px rgba(0,0,0,.40),inset 0 1px 0 rgba(212,175,55,.10);
  margin-bottom:40px;
  min-height:70px;
}

/* Inner pill cell */
.procar-bar__cell{
  flex:1;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  background:var(--gc);
  border-radius:40px;
  height:48px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.05);
  position:relative;
  transition:background var(--fast),border-color var(--fast);
  overflow:hidden;
}
.procar-bar__cell:hover{
  background:var(--gl);
  border-color:var(--goldb);
}

/* Select cell */
.procar-bar__cell--sel{cursor:pointer}
.procar-bar__sel{
  width:100%;
  appearance:none;-webkit-appearance:none;
  background:transparent;
  border:none;outline:none;
  color:var(--w80);
  font-family:var(--sans);
  font-size:.84rem;font-weight:400;
  padding:0 20px 0 0;
  cursor:pointer;
  color-scheme:dark;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.procar-bar__sel option{background:var(--gm);color:var(--w)}
.procar-bar__chev{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);
  color:var(--w60);display:flex;pointer-events:none;flex-shrink:0;
}

/* Date cell — text + icon visible, invisible input overlaid */
.procar-bar__cell--date{cursor:pointer}
.procar-bar__date-txt{
  font-family:var(--sans);
  font-size:.84rem;font-weight:400;
  color:var(--w80);
  white-space:nowrap;
  pointer-events:none;
  flex:1;
}
.procar-bar__date-ico{
  display:flex;align-items:center;flex-shrink:0;
  color:var(--w60);pointer-events:none;
}
/* Invisible date input covers full cell, triggers native picker on click */
.procar-bar__date-inp{
  position:absolute;inset:0;
  width:100%;height:100%;
  opacity:0;
  cursor:pointer;
  -webkit-appearance:none;
  background:transparent;
  border:none;
  color-scheme:dark;
  z-index:1;
}

/* Rent Now pill */
.procar-bar__btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(135deg,var(--gold) 0%,var(--gold2) 55%,var(--gold) 100%);
  color:var(--g);
  font-family:var(--sans);font-size:.82rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  border:none;border-radius:40px;
  padding:0 28px;height:48px;
  cursor:pointer;flex-shrink:0;
  white-space:nowrap;
  position:relative;overflow:hidden;
  box-shadow:0 4px 18px rgba(212,175,55,.40);
  transition:filter var(--dur),transform var(--dur),box-shadow var(--dur);
}
.procar-bar__btn:hover{
  filter:brightness(1.08);transform:translateY(-1px);
  box-shadow:0 8px 26px rgba(212,175,55,.55);
}
.procar-bar__btn-lbl{white-space:nowrap}
.procar-bar__btn-spin{
  position:absolute;width:15px;height:15px;
  border:2px solid rgba(9,32,26,.25);border-top-color:var(--g);
  border-radius:50%;opacity:0;animation:pc-spin .7s linear infinite;
}
.procar-bar__btn.is-loading .procar-bar__btn-lbl{opacity:0}
.procar-bar__btn.is-loading .procar-bar__btn-spin{opacity:1}

/* Results */
.procar-bar-results{min-height:60px;transition:opacity .25s}
.procar-bar-results.is-loading{opacity:.35;pointer-events:none}

/* Results meta */
.procar-results-meta{
  display:flex;align-items:center;flex-wrap:wrap;
  justify-content:space-between;gap:12px;
  margin-bottom:20px;padding-bottom:14px;
  border-bottom:1px solid var(--goldb);
}
.procar-results-count{font-family:var(--sans);font-size:.78rem;color:var(--w60)}
.procar-results-count strong{color:var(--gold);font-weight:600}
.procar-active-filters{display:flex;flex-wrap:wrap;gap:8px}
.procar-filter-tag{
  display:inline-flex;align-items:center;
  background:var(--golda);border:1px solid var(--goldb);
  color:var(--gold);font-family:var(--sans);
  font-size:.66rem;font-weight:600;letter-spacing:.08em;
  padding:4px 10px;border-radius:20px;
}
.procar-search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}
.procar-empty-icon{color:var(--gold);opacity:.3;margin-bottom:18px}
.procar-empty-icon svg{width:52px;height:52px}
.procar-empty-text,.procar-search-error{font-family:var(--sans);font-size:.88rem;color:var(--w60);max-width:320px;line-height:1.65}

/* ════════════════════════════════════════════════════════════════
   [procar_search] FULL PANEL
════════════════════════════════════════════════════════════════ */
.procar-search-wrap{font-family:var(--sans)}
.procar-search-form{
  position:relative;
  background:linear-gradient(145deg,var(--gm),var(--g));
  border:1px solid var(--goldb);border-radius:20px;
  padding:36px 36px 28px;margin-bottom:40px;
  box-shadow:0 20px 60px rgba(0,0,0,.40),inset 0 1px 0 rgba(212,175,55,.12);
  overflow:hidden;
}
.procar-search-form::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold2) 50%,var(--gold) 80%,transparent);
}
.procar-search-header{text-align:center;margin-bottom:30px}
.procar-search-eyebrow{display:block;font-size:.59rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);opacity:.72;margin-bottom:8px}
.procar-search-title{font-family:var(--serif);font-size:2rem;font-weight:700;color:var(--w);margin:0}
.procar-search-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.procar-search-field{display:flex;flex-direction:column;gap:8px}
.procar-search-label{display:flex;align-items:center;gap:7px;font-size:.64rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:.85}
.procar-search-label svg{width:13px;height:13px}
.procar-select-wrap{position:relative}
.procar-search-select{
  width:100%;appearance:none;-webkit-appearance:none;
  background:var(--w08);border:1px solid var(--goldb);
  border-radius:10px;color:var(--w);font-family:var(--sans);font-size:.85rem;
  padding:13px 38px 13px 15px;cursor:pointer;color-scheme:dark;
  transition:border-color var(--dur),background var(--dur),box-shadow var(--dur);
}
.procar-search-select:focus{outline:none;border-color:var(--gold);background:rgba(212,175,55,.07);box-shadow:0 0 0 3px rgba(212,175,55,.14)}
.procar-search-select option{background:var(--gm);color:var(--w)}
.procar-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--gold);pointer-events:none;display:flex}
.procar-select-arrow svg{width:15px;height:15px}
.procar-input-wrap{position:relative}
.procar-search-input{
  width:100%;background:var(--w08);border:1px solid var(--goldb);
  border-radius:10px;color:var(--w);font-family:var(--sans);font-size:.85rem;
  padding:13px 15px;-webkit-appearance:none;color-scheme:dark;
  transition:border-color var(--dur),background var(--dur),box-shadow var(--dur);
}
.procar-search-input:focus{outline:none;border-color:var(--gold);background:rgba(212,175,55,.07);box-shadow:0 0 0 3px rgba(212,175,55,.14)}
.procar-search-actions{display:flex;align-items:center;justify-content:center;gap:14px}
.procar-search-btn{
  display:inline-flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,var(--gold),var(--gold2) 55%,var(--gold));
  color:var(--g);font-family:var(--sans);font-size:.85rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:11px;
  padding:15px 34px;cursor:pointer;position:relative;overflow:hidden;
  box-shadow:0 6px 22px rgba(212,175,55,.35);
  transition:filter var(--dur),transform var(--dur);
}
.procar-search-btn-icon{display:flex;align-items:center}
.procar-search-btn-icon svg{width:18px;height:18px}
.procar-search-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}
.procar-search-btn-spinner{
  position:absolute;width:18px;height:18px;
  border:2px solid rgba(15,47,36,.3);border-top-color:var(--g);
  border-radius:50%;opacity:0;animation:pc-spin .7s linear infinite;
}
.procar-search-btn.is-loading{color:transparent}
.procar-search-btn.is-loading .procar-search-btn-spinner{opacity:1}
.procar-search-reset{
  display:inline-flex;align-items:center;gap:7px;
  background:transparent;border:1px solid var(--goldb);color:var(--w60);
  font-family:var(--sans);font-size:.78rem;font-weight:500;letter-spacing:.06em;
  border-radius:10px;padding:13px 20px;cursor:pointer;transition:all var(--dur);
}
.procar-search-reset svg{width:15px;height:15px}
.procar-search-reset:hover{border-color:var(--gold);color:var(--gold);background:var(--golda)}
.procar-search-results-wrap{min-height:80px;transition:opacity .25s}
.procar-search-results-wrap.is-loading{opacity:.35;pointer-events:none}

/* ════════════════════════════════════════════════════════════════
   SINGLE CAR PAGE
════════════════════════════════════════════════════════════════ */
.procar-single-wrap{font-family:var(--sans);background:var(--g);color:var(--w);min-height:100vh}
body:has(.procar-single-wrap){background:var(--g)!important}

.procar-hero-slider{width:100%;background:var(--g)}
.procar-swiper-main{
  width:100%;aspect-ratio:16/7;max-height:640px;position:relative;overflow:hidden;
}
.procar-slide-img{
  width:100%;height:100%;
  background-color:var(--g);background-repeat:no-repeat;
  background-position:center;background-size:contain;
}
.procar-swiper-main::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,transparent 30%,rgba(9,32,26,.35) 100%);
  pointer-events:none;z-index:2;
}
.procar-swiper-main .swiper-button-prev,
.procar-swiper-main .swiper-button-next{
  width:42px;height:42px;border-radius:50%;
  color:var(--gold);background:rgba(9,32,26,.78);
  border:1px solid var(--goldb);backdrop-filter:blur(6px);z-index:3;
  transition:background var(--dur),transform var(--dur);
}
.procar-swiper-main .swiper-button-prev:hover,
.procar-swiper-main .swiper-button-next:hover{background:var(--gm);transform:scale(1.1)}
.procar-swiper-main .swiper-button-prev::after,
.procar-swiper-main .swiper-button-next::after{font-size:13px;font-weight:800}
.procar-swiper-main .swiper-pagination{z-index:3}
.procar-swiper-main .swiper-pagination-bullet{background:var(--gold);opacity:.40;transition:all .3s}
.procar-swiper-main .swiper-pagination-bullet-active{opacity:1;transform:scale(1.5);width:18px;border-radius:4px}

.procar-swiper-thumbs{height:90px;background:rgba(8,22,16,.96);padding:8px 14px;border-top:1px solid var(--goldb)}
.procar-swiper-thumbs .swiper-slide{width:120px;opacity:.45;cursor:pointer;border-radius:7px;overflow:hidden;transition:opacity .25s}
.procar-swiper-thumbs .swiper-slide-thumb-active{opacity:1;outline:2px solid var(--gold);outline-offset:-2px}
.procar-thumb-img{width:100%;height:74px;background-size:cover;background-position:center;border-radius:7px}

.procar-no-gallery{background:var(--g)}
.procar-hero-img{display:block;width:100%;max-height:640px;object-fit:contain;object-position:center;background:var(--g)}
.procar-hero-placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:16/7;background:var(--gm);color:var(--gold);opacity:.4}
.procar-hero-placeholder svg{width:80px;height:80px}

.procar-details-container{display:grid;grid-template-columns:1fr 400px;gap:48px;max-width:1320px;margin:0 auto;padding:56px 40px 80px;align-items:start}
.procar-details-main{min-width:0}
.procar-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--goldb)}
.procar-eyebrow{display:block;font-family:var(--sans);font-size:.60rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.procar-car-title{font-family:var(--serif);font-size:3rem;font-weight:700;color:var(--w);margin:0;line-height:1.05}
.procar-car-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.procar-car-tag{font-family:var(--sans);font-size:.60rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);background:var(--golda);border:1px solid var(--goldb);padding:4px 12px;border-radius:4px;text-decoration:none;transition:background var(--fast),color var(--fast)}
.procar-car-tag:hover{background:var(--gold);color:var(--g)}
.procar-header-actions{display:flex;gap:12px;flex-shrink:0;padding-top:10px}
.procar-quick-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;text-decoration:none;transition:transform var(--dur),box-shadow var(--dur)}
.procar-quick-btn svg{width:24px;height:24px}
.procar-quick-wa{background:var(--wa);color:#fff;box-shadow:0 4px 14px rgba(37,211,102,.35)}
.procar-quick-wa:hover{background:var(--wa2);color:#fff;transform:scale(1.1)}
.procar-quick-call{background:var(--gold);color:var(--g);box-shadow:0 4px 14px rgba(212,175,55,.35)}
.procar-quick-call:hover{background:var(--gold2);transform:scale(1.1)}

.procar-car-desc-section{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--goldb)}
.procar-section-title{font-family:var(--serif);font-size:1.75rem;font-weight:600;color:var(--w);margin:0 0 8px}
.procar-section-rule{width:44px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);border-radius:2px;margin-bottom:22px}
.procar-car-rich-desc{font-family:var(--sans);font-size:.91rem;font-weight:300;color:var(--w60);line-height:1.82}
.procar-car-rich-desc p{margin:0 0 1em}
.procar-car-rich-desc ul,.procar-car-rich-desc ol{padding-left:1.4em;margin:.6em 0}
.procar-car-rich-desc li{margin-bottom:.3em}
.procar-car-rich-desc strong,.procar-car-rich-desc b{color:var(--w80);font-weight:600}
.procar-car-rich-desc em,.procar-car-rich-desc i{color:var(--gold2)}
.procar-car-rich-desc h2,.procar-car-rich-desc h3{font-family:var(--serif);color:var(--w);margin:1.2em 0 .5em}
.procar-car-rich-desc a{color:var(--gold);text-decoration:underline}
.procar-car-rich-desc a:hover{color:var(--gold2)}

.procar-specs-section{margin-bottom:0}
.procar-specs-display-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.procar-spec-item{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.04);border:1px solid var(--goldb);border-radius:12px;padding:16px 18px;backdrop-filter:blur(4px);transition:background var(--dur),border-color var(--dur)}
.procar-spec-item:hover{background:var(--golda);border-color:rgba(212,175,55,.5)}
.procar-spec-icon-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--golda);border-radius:9px;color:var(--gold);flex-shrink:0}
.procar-spec-icon-wrap svg{width:17px;height:17px}
.procar-spec-content{display:flex;flex-direction:column;gap:2px;min-width:0}
.procar-spec-label{font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);opacity:.8}
.procar-spec-value{font-size:.88rem;font-weight:500;color:var(--w95);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.procar-booking-sidebar{position:sticky;top:24px}
.procar-booking-card{background:linear-gradient(145deg,rgba(23,61,47,.98),rgba(15,47,36,.98));border:1px solid var(--goldb);border-radius:22px;overflow:hidden;box-shadow:0 28px 65px rgba(0,0,0,.5),inset 0 1px 0 rgba(212,175,55,.12)}
.procar-booking-card::before{content:'';display:block;height:3px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold2),var(--gold),transparent)}
.procar-booking-header{padding:26px 28px 18px;border-bottom:1px solid var(--goldb)}
.procar-booking-eyebrow{display:block;font-size:.60rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.72;margin-bottom:6px}
.procar-booking-header h3{font-family:var(--serif);font-size:1.5rem;font-weight:700;color:var(--w);margin:0}
.procar-booking-body{padding:24px 28px}
.procar-booking-subtitle{font-size:.78rem;color:var(--w60);margin:0 0 22px;line-height:1.65}
.procar-date-group{margin-bottom:15px}
.procar-date-group label{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:.67rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);opacity:.85}
.procar-date-group label svg{width:12px;height:12px}
.procar-date-input{width:100%;padding:13px 16px;background:rgba(255,255,255,.06);border:1px solid var(--goldb);border-radius:10px;color:var(--w);font-family:var(--sans);font-size:.88rem;-webkit-appearance:none;color-scheme:dark;transition:border-color var(--dur),background var(--dur),box-shadow var(--dur)}
.procar-date-input:focus{outline:none;border-color:var(--gold);background:rgba(212,175,55,.07);box-shadow:0 0 0 3px rgba(212,175,55,.14)}
.procar-book-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 20px;border-radius:11px;font-family:var(--sans);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-decoration:none;border:none;cursor:pointer;margin-bottom:11px;transition:all var(--dur) var(--ease)}
.procar-book-btn svg{width:19px;height:19px;flex-shrink:0}
.procar-book-wa{background:linear-gradient(135deg,var(--wa),var(--wa2));color:#fff;box-shadow:0 5px 18px rgba(37,211,102,.3)}
.procar-book-wa:hover{color:#fff;filter:brightness(1.08);transform:translateY(-2px)}
.procar-book-call{background:transparent;color:var(--gold);border:1.5px solid var(--goldb)}
.procar-book-call:hover{background:var(--gold);color:var(--g);border-color:var(--gold);transform:translateY(-2px)}
.procar-booking-divider{display:flex;align-items:center;gap:10px;margin:4px 0 12px;color:var(--w40);font-size:.70rem;letter-spacing:.1em;text-transform:uppercase}
.procar-booking-divider::before,.procar-booking-divider::after{content:'';flex:1;height:1px;background:var(--goldb)}
.procar-booking-footer{padding:15px 28px;background:rgba(0,0,0,.22);font-size:.70rem;color:var(--w40);display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid var(--goldb)}
.procar-booking-footer svg{width:12px;height:12px;color:var(--gold);opacity:.55}

/* ════════════════════════════════════════════════════════════════
   CATEGORY ARCHIVE PAGE
════════════════════════════════════════════════════════════════ */
.procar-tax-wrap{font-family:var(--sans);background:var(--g);min-height:100vh;color:var(--w)}
.procar-tax-nav{position:sticky;top:0;z-index:100;background:rgba(9,26,19,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--goldb)}
.procar-tax-nav-inner{max-width:1320px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:60px}
.procar-tax-logo{font-family:var(--serif);font-size:1.4rem;font-weight:700;color:var(--gold);text-decoration:none;letter-spacing:.03em}
.procar-tax-back-nav{display:flex;align-items:center;gap:7px;color:var(--w60);text-decoration:none;font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:color var(--fast)}
.procar-tax-back-nav svg{width:15px;height:15px}
.procar-tax-back-nav:hover{color:var(--gold)}
.procar-tax-header{padding:64px 32px 48px;text-align:center;border-bottom:1px solid var(--goldb);background:linear-gradient(180deg,var(--gm) 0%,var(--g) 100%)}
.procar-tax-header-inner{max-width:700px;margin:0 auto}
.procar-tax-rule{display:block;width:48px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:0 auto 20px;border-radius:2px}
.procar-tax-eyebrow{font-size:.62rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);opacity:.7;margin:0 0 10px}
.procar-tax-title{font-family:var(--serif);font-size:3.2rem;font-weight:700;color:var(--w);margin:0;line-height:1.05}
.procar-tax-desc{font-family:var(--sans);font-size:.88rem;color:var(--w60);line-height:1.7;margin:14px auto 0;max-width:500px}
.procar-tax-count{font-family:var(--sans);font-size:.75rem;color:var(--w40);margin:18px 0 0;letter-spacing:.08em}
.procar-tax-count strong{color:var(--gold)}
.procar-tax-content{max-width:1320px;margin:0 auto;padding:40px 32px 80px}
.procar-tax-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px;text-align:center}
.procar-tax-empty-icon{width:72px;height:72px;color:var(--gold);opacity:.25;margin-bottom:20px}
.procar-tax-empty p{font-family:var(--sans);font-size:.9rem;color:var(--w40);max-width:280px}
.procar-tax-footer{border-top:1px solid var(--goldb);padding:24px 32px;background:var(--gd)}
.procar-tax-footer-text{text-align:center;font-family:var(--sans);font-size:.70rem;color:var(--w40);letter-spacing:.08em}

/* ════════════════════════════════════════════════════════════════
   KEYFRAMES + UTILITIES
════════════════════════════════════════════════════════════════ */
@keyframes pc-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes pc-spin{to{transform:rotate(360deg)}}
@keyframes pc-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.procar-date-input.pc-shake{animation:pc-shake .5s ease;border-color:var(--gold2)!important;box-shadow:0 0 0 3px rgba(212,175,55,.25)!important}

/* A11y focus */
.procar-cbtn:focus-visible,.procar-quick-btn:focus-visible,
.procar-book-btn:focus-visible,.procar-bar__btn:focus-visible,
.procar-search-btn:focus-visible,.procar-card-nav:focus-visible,
.procar-card-book-btn:focus-visible,.procar-car-tag:focus-visible{
  outline:2px solid var(--gold);outline-offset:3px;
}

/* ════════════════════════════════════════════════════════════════
   RESPONSIVE — TABLET ≤ 1280px
════════════════════════════════════════════════════════════════ */
@media(max-width:1280px){
  .procar-cols-3{grid-template-columns:repeat(2,1fr)}
  .procar-swiper-main{aspect-ratio:16/8;max-height:500px}
  .procar-details-container{grid-template-columns:1fr;padding:40px 24px 60px;gap:40px}
  .procar-booking-sidebar{position:static}
  .procar-car-title{font-size:2.4rem}
  .procar-search-fields{grid-template-columns:repeat(2,1fr)}
  /* Bar wraps to 2 rows on tablet */
  .procar-bar{flex-wrap:wrap;border-radius:24px;padding:10px;gap:8px}
  .procar-bar__cell{flex:1 1 calc(50% - 8px);min-width:130px}
  .procar-bar__btn{flex:0 0 100%;height:44px;border-radius:14px}
}
@media(max-width:960px){
  .procar-swiper-main{aspect-ratio:16/9;max-height:420px}
}

/* ════════════════════════════════════════════════════════════════
   RESPONSIVE — MOBILE ≤ 768px
════════════════════════════════════════════════════════════════ */
@media(max-width:768px){
  .procar-cols-3,.procar-cols-2{grid-template-columns:1fr}
  /* Bar stacks to single column */
  .procar-bar{flex-direction:column;border-radius:18px;padding:10px;gap:8px;min-height:auto}
  .procar-bar__cell{flex:none;width:100%}
  .procar-bar__btn{width:100%;height:46px;border-radius:12px}
  /* Single-col card: buttons shift to horizontal row below image */
  .procar-card-btns{
    position:static;
    height:auto;
    flex-direction:row;
    justify-content:flex-end;
    gap:10px;
    padding:10px 12px 0;
    background:var(--go);
  }
  .procar-cbtn{border-radius:10px;width:46px;height:46px}
  .procar-cbtn--wa:hover,.procar-cbtn--call:hover{transform:scale(1.08)}
  /* Swiper */
  .procar-swiper-main{aspect-ratio:4/3;max-height:360px}
  .procar-swiper-thumbs{height:72px}
  .procar-thumb-img{height:56px}
  .procar-swiper-thumbs .swiper-slide{width:86px}
  /* Details */
  .procar-details-container{padding:28px 16px 48px;gap:32px}
  .procar-details-header{flex-direction:column;gap:16px}
  .procar-car-title{font-size:2rem}
  .procar-specs-display-grid{grid-template-columns:1fr}
  .procar-booking-header,.procar-booking-body,.procar-booking-footer{padding-left:20px;padding-right:20px}
  /* Search panel */
  .procar-search-form{padding:24px 18px 22px;border-radius:16px}
  .procar-search-fields{grid-template-columns:1fr;gap:12px}
  .procar-search-title{font-size:1.55rem}
  .procar-search-actions{flex-direction:column}
  .procar-search-btn,.procar-search-reset{width:100%;justify-content:center}
  /* Category page */
  .procar-tax-title{font-size:2.2rem}
  .procar-tax-content{padding:28px 16px 60px}
  .procar-tax-header{padding:44px 20px 36px}
}

/* ════════════════════════════════════════════════════════════════
   RESPONSIVE — SMALL MOBILE ≤ 480px
════════════════════════════════════════════════════════════════ */
@media(max-width:480px){
  .procar-grid{gap:16px}
  .procar-card-title{font-size:1.25rem}
  .procar-swiper-main{aspect-ratio:3/2;max-height:280px}
  .procar-car-title{font-size:1.7rem}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .procar-card,.procar-card-slide-bg,.procar-cbtn,.procar-quick-btn,
  .procar-book-btn,.procar-bar__btn,.procar-search-btn,.procar-card-book-btn{
    animation:none!important;transition:none!important;
  }
}