/* =========================================================
   AEVRINO STATIC PRODUCT DETAIL — SECTION 1
   Hero + gallery + product summary
   ========================================================= */
:root{
  --pd-navy:#0b1622;
  --pd-ink:#122233;
  --pd-muted:#607283;
  --pd-line:#e4ebef;
  --pd-soft:#f5f8fa;
  --pd-green:#13c98b;
  --pd-red:#e21f26;
  --pd-blue:#1677ff;
}
*{box-sizing:border-box}
body.aevrino-product-page{
  margin:0;
  background:#fff;
  color:var(--pd-ink);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
}
.pd-header{
  position:sticky;top:0;z-index:1000;
  height:72px;background:#fff;border-bottom:1px solid #e5eaee;
  box-shadow:0 3px 18px rgba(14,31,45,.05);
}
.pd-header-inner{
  width:min(100% - 60px,1280px);height:100%;margin:auto;
  display:flex;align-items:center;gap:30px;
}
.pd-logo{
  flex:0 0 150px;text-decoration:none;display:flex;align-items:center;
}
.pd-logo img{width:145px;height:auto;display:block}
.pd-nav{display:flex;align-items:center;gap:26px;flex:1}
.pd-nav a{color:#132536;text-decoration:none;font-weight:750;font-size:15px;white-space:nowrap}
.pd-nav a:hover{color:#e21f26}
.pd-header-tools{display:flex;align-items:center;gap:10px}
.pd-search{
  width:42px;height:42px;border:1px solid #e0e7eb;border-radius:50%;
  display:grid;place-items:center;color:#183044;background:#fff;font-size:19px;
}
.pd-country{
  height:42px;padding:0 13px;border:1px solid #e0e7eb;border-radius:22px;
  display:flex;align-items:center;gap:8px;font-weight:750;background:#fff;
}
.pd-main{width:min(100% - 60px,1280px);margin:0 auto}
.pd-breadcrumb{
  height:52px;display:flex;align-items:center;gap:9px;color:#71808d;
  font-size:15px;white-space:nowrap;overflow:auto;
}
.pd-breadcrumb a{color:#607283;text-decoration:none}
.pd-breadcrumb strong{color:#152839}
.pd-hero{
  display:grid;grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);
  gap:34px;padding-bottom:24px;
}
.pd-gallery{min-width:0}
.pd-main-image{
  position:relative;width:100%;aspect-ratio:16 / 9;height:auto;border:1px solid #dce5ea;border-radius:12px;
  overflow:hidden;background:#eef3f5;
}
.pd-main-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.pd-gallery-arrow{
  position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;
  border-radius:50%;border:1px solid #dce5ea;background:#fff;color:#183044;
  display:grid;place-items:center;font-size:22px;box-shadow:0 6px 18px rgba(20,39,53,.1);
}
.pd-gallery-arrow.left{left:12px}.pd-gallery-arrow.right{right:12px}
.pd-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px}
.pd-thumb{
  height:72px;border:1px solid #dce5ea;border-radius:8px;overflow:hidden;background:#eef3f5;
  padding:0;appearance:none;cursor:pointer;display:block;
}
.pd-thumb.active{border:2px solid #1677ff}
.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pd-summary{padding:10px 2px 0}
.pd-brand-row{display:flex;align-items:center;gap:12px;margin-bottom:5px}
.pd-brand-mark{font-size:27px;line-height:1;color:var(--pd-red)}
.pd-brand-name{font-size:15px;font-weight:850;color:#273a4a}
.pd-model{margin:5px 0 3px;font-size:40px;line-height:1.06;letter-spacing:-1.3px;color:#101f2f}
.pd-subtitle{margin:0;color:#596d7d;font-size:15px}
.pd-rating{display:flex;align-items:center;gap:7px;margin:14px 0;color:#1b2e3d}
.pd-stars{color:#ffbe00;font-size:20px;letter-spacing:2px}
.pd-rating strong{font-size:15px}
.pd-rating a{color:#1677ff;text-decoration:none;font-weight:700}
.pd-description{max-width:570px;color:#4d6272;line-height:1.55;margin:0 0 13px}
.pd-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.pd-tag{
  padding:7px 11px;border:1px solid #dfe7eb;border-radius:18px;
  background:#fff;color:#3e5363;font-size:15px;font-weight:750;
}
.pd-price-label{color:#667887;font-size:15px;margin-bottom:3px}
.pd-price{font-size:31px;line-height:1.1;font-weight:900;color:#102233}
.pd-price-note{color:#7a8995;font-size:15px;margin-top:4px}
.pd-actions{display:flex;align-items:center;gap:10px;margin:14px 0 20px}
.pd-primary{
  height:44px;padding:0 20px;border:0;border-radius:23px;background:var(--pd-green);
  color:#06241b;font-weight:850;font-size:15px;text-decoration:none;display:flex;align-items:center;
}
.pd-secondary{
  height:44px;padding:0 18px;border:1px solid #dfe7eb;border-radius:23px;
  background:#fff;color:#142839;font-weight:800;font-size:15px;text-decoration:none;display:flex;align-items:center;
}
.pd-metrics{
  display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e5ecef;
  border-bottom:1px solid #e5ecef;
}
.pd-metric{padding:17px 10px 17px 0;display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center}
.pd-metric:not(:last-child){border-right:1px solid #e5ecef;padding-right:13px}
.pd-metric:not(:first-child){padding-left:13px}
.pd-metric-icon{
  width:34px;height:34px;border-radius:9px;background:#effaf6;color:#10aa77;
  display:grid;place-items:center;font-size:18px;font-weight:900;
}
.pd-metric strong{display:block;font-size:15px;color:#263b4b}
.pd-metric small{display:block;color:#7a8995;font-size:13px;line-height:1.25;margin-top:2px}
@media(max-width:1000px){
  .pd-header-inner,.pd-main{width:min(100% - 32px,1280px)}
  .pd-nav{gap:15px}.pd-hero{grid-template-columns:1fr;gap:20px}
  .pd-main-image{aspect-ratio:16 / 9;height:auto}
}
@media(max-width:760px){
  .pd-header{height:64px}.pd-header-inner{gap:12px}
  .pd-logo{flex:1 1 auto}.pd-logo img{width:125px}
  .pd-nav{display:none}.pd-header-tools{margin-left:auto}
  .pd-country{font-size:15px}.pd-breadcrumb{height:46px}
  .pd-main{width:min(100% - 22px,1280px)}
  .pd-main-image{aspect-ratio:16 / 9;height:auto;border-radius:10px}
  .pd-thumbs{gap:6px}.pd-thumb{height:58px}
  .pd-model{font-size:32px}.pd-metrics{grid-template-columns:1fr}
  .pd-metric{border-right:0!important;border-bottom:1px solid #e5ecef;padding:13px 0!important}
  .pd-metric:last-child{border-bottom:0}
  .pd-actions{flex-wrap:wrap}.pd-primary,.pd-secondary{flex:1;justify-content:center}
}

/* =========================================================
   PRODUCT DETAIL TYPOGRAPHY V2
   Match the supplied reference: clean geometric sans,
   tighter hierarchy, heavier headings, calmer body copy.
   ========================================================= */

/* Inter gives the product page the same clean automotive/editorial
   character as the supplied reference. System fallbacks keep it usable
   if the remote font is unavailable. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

body.aevrino-product-page{
  font-family:"Inter",Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:500!important;
  letter-spacing:-.01em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Header typography */
.pd-nav a{
  font-family:"Inter",Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
.pd-country{
  font-size:15px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}

/* Breadcrumb: quieter and smaller-looking without dropping below
   the project's readability baseline. */
.pd-breadcrumb{
  font-size:15px!important;
  font-weight:500!important;
  letter-spacing:-.015em!important;
}
.pd-breadcrumb strong{
  font-weight:800!important;
}

/* Product identity */
.pd-brand-name{
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
.pd-model{
  margin:4px 0 4px!important;
  font-size:38px!important;
  line-height:1.03!important;
  font-weight:850!important;
  letter-spacing:-.055em!important;
  color:#0d1c2b!important;
}
.pd-subtitle{
  font-size:15px!important;
  line-height:1.4!important;
  font-weight:500!important;
  letter-spacing:-.018em!important;
  color:#657786!important;
}

/* Rating */
.pd-rating{
  font-size:15px!important;
  font-weight:600!important;
  letter-spacing:-.015em!important;
}
.pd-stars{
  font-size:19px!important;
  font-weight:800!important;
  letter-spacing:1px!important;
}
.pd-rating strong{
  font-size:15px!important;
  font-weight:800!important;
}
.pd-rating a{
  font-size:15px!important;
  font-weight:700!important;
}

/* Description */
.pd-description{
  font-size:15px!important;
  line-height:1.48!important;
  font-weight:500!important;
  letter-spacing:-.015em!important;
  color:#526575!important;
}

/* Pill/tag typography */
.pd-tag{
  font-size:15px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}

/* Price hierarchy */
.pd-price-label{
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
}
.pd-price{
  margin-top:1px!important;
  font-size:31px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.055em!important;
}
.pd-price-note{
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:500!important;
}

/* Buttons */
.pd-primary,
.pd-secondary{
  font-family:"Inter",Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}

/* Metrics */
.pd-metric strong{
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
.pd-metric small{
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:500!important;
  letter-spacing:-.015em!important;
  color:#71808d!important;
}

/* Gallery controls */
.pd-gallery-arrow{
  font-family:"Inter",Arial,sans-serif!important;
  font-weight:600!important;
}

/* Thumbnail borders and visual weight closer to reference */
.pd-thumb{
  border-radius:8px!important;
}
.pd-thumb.active{
  border-width:2px!important;
}

/* Desktop reference proportions */
@media(min-width:1001px){
  .pd-model{
    font-size:40px!important;
  }
  .pd-summary{
    padding-top:8px!important;
  }
}

/* Mobile hierarchy */
@media(max-width:760px){
  .pd-model{
    font-size:32px!important;
    letter-spacing:-.045em!important;
  }
}

/* =========================================================
   AEVRINO PRODUCT DETAIL — SECTION 2
   Overview / Key Highlights
   ========================================================= */
.pd-overview{
  border-top:1px solid #edf1f3;
  margin-top:0;
  padding-bottom:46px;
}
.pd-detail-tabs{
  width:100%;
  min-height:58px;
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:4px;
  border-bottom:1px solid #e5ebee;
  overflow-x:auto;
  scrollbar-width:none;
}
.pd-detail-tabs::-webkit-scrollbar{display:none}
.pd-detail-tabs a{
  position:relative;
  flex:0 0 auto;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  color:#334858;
  text-decoration:none;
  font-size:15px;
  font-weight:700;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.pd-detail-tabs a:hover{color:#1677ff}
.pd-detail-tabs a.active{color:#1677ff}
.pd-detail-tabs a.active:after{
  content:"";
  position:absolute;
  left:13px;
  right:13px;
  bottom:-1px;
  height:3px;
  border-radius:3px 3px 0 0;
  background:#1677ff;
}
.pd-overview-grid{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:42px;
  padding-top:34px;
}
.pd-section-kicker{
  color:#13a879;
  font-size:15px;
  font-weight:850;
  letter-spacing:.1em;
  margin-bottom:7px;
}
.pd-highlights h2{
  margin:0 0 23px;
  color:#0e1e2e;
  font-size:29px;
  line-height:1.12;
  font-weight:850;
  letter-spacing:-.045em;
}
.pd-highlight-list{
  display:flex;
  flex-direction:column;
  gap:17px;
}
.pd-highlight{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:center;
}
.pd-highlight-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#effaf6;
  color:#10b985;
  font-size:20px;
  font-weight:900;
}
.pd-highlight strong{
  display:block;
  color:#1c3040;
  font-size:15px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.025em;
}
.pd-highlight small{
  display:block;
  margin-top:3px;
  color:#72828e;
  font-size:15px;
  line-height:1.25;
  font-weight:500;
  letter-spacing:-.015em;
}
.pd-video-frame{
  position:relative;
  min-height:300px;
  height:100%;
  overflow:hidden;
  border-radius:11px;
  background:#dce7ec;
  border:1px solid #dce5e9;
}
.pd-video-frame img{
  width:100%;
  height:100%;
  min-height:300px;
  object-fit:cover;
  display:block;
}
.pd-video-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,24,36,.02) 25%,rgba(7,24,36,.28) 100%);
}
.pd-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:62px;
  height:62px;
  border:2px solid rgba(255,255,255,.92);
  border-radius:50%;
  background:rgba(15,34,48,.72);
  color:#fff;
  font-size:20px;
  padding-left:4px;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 10px 25px rgba(8,25,38,.18);
}
.pd-play:hover{background:#1677ff}
.pd-video-label{
  position:absolute;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  color:#fff;
  font-size:15px;
  font-weight:800;
  letter-spacing:-.015em;
  white-space:nowrap;
  text-shadow:0 1px 3px rgba(0,0,0,.25);
}
@media(max-width:1000px){
  .pd-overview-grid{
    grid-template-columns:270px minmax(0,1fr);
    gap:28px;
  }
  .pd-detail-tabs{
    justify-content:flex-start;
  }
}
@media(max-width:760px){
  .pd-overview{
    padding-bottom:34px;
  }
  .pd-detail-tabs{
    margin-left:-11px;
    width:calc(100% + 22px);
    padding:0 7px;
  }
  .pd-detail-tabs a{
    min-height:54px;
    padding:0 12px;
  }
  .pd-overview-grid{
    grid-template-columns:1fr;
    gap:28px;
    padding-top:27px;
  }
  .pd-highlights h2{
    font-size:27px;
    margin-bottom:20px;
  }
  .pd-highlight-list{
    gap:14px;
  }
  .pd-video-frame,
  .pd-video-frame img{
    min-height:235px;
    height:235px;
  }
}

/* =========================================================
   SECTION 2 REFINED — MATCH SUPPLIED REFERENCE
   ========================================================= */
.pd-overview-v2{
  margin-top:0!important;
  padding-bottom:44px!important;
  border-top:0!important;
}
.pd-overview-v2 .pd-detail-tabs{
  min-height:55px!important;
  height:55px!important;
  margin:0!important;
  border-top:1px solid #e9eef1!important;
  border-bottom:1px solid #e5eaed!important;
  justify-content:space-between!important;
}
.pd-overview-v2 .pd-detail-tabs a{
  min-height:55px!important;
  height:55px!important;
  padding:0 10px!important;
  color:#172b3b!important;
  font-size:15px!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
}
.pd-overview-v2 .pd-detail-tabs a.active{
  color:#1677ff!important;
}
.pd-overview-v2 .pd-detail-tabs a.active:after{
  left:8px!important;
  right:8px!important;
  height:3px!important;
  background:#1677ff!important;
}
.pd-overview-v2 .pd-overview-grid{
  grid-template-columns:270px minmax(0,1fr)!important;
  gap:42px!important;
  padding-top:30px!important;
  align-items:start!important;
}
.pd-overview-v2 .pd-highlights h2{
  margin:0 0 25px!important;
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:850!important;
  letter-spacing:-.055em!important;
  color:#0d1e2e!important;
}
.pd-overview-v2 .pd-highlight-list{
  gap:16px!important;
}
.pd-overview-v2 .pd-highlight{
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:11px!important;
  min-height:43px!important;
}
.pd-overview-v2 .pd-highlight-icon{
  width:38px!important;
  height:38px!important;
  border-radius:10px!important;
  background:#effbf7!important;
  color:#12b985!important;
  font-size:18px!important;
  border:1px solid #e0f5ed!important;
}
.pd-overview-v2 .pd-highlight strong{
  font-size:15px!important;
  line-height:1.18!important;
  font-weight:800!important;
  color:#1a2d3c!important;
}
.pd-overview-v2 .pd-highlight small{
  margin-top:3px!important;
  font-size:15px!important;
  line-height:1.18!important;
  font-weight:500!important;
  color:#70808d!important;
}
.pd-overview-v2 .pd-overview-video{
  min-width:0!important;
}
.pd-overview-v2 .pd-video-frame{
  height:278px!important;
  min-height:278px!important;
  border-radius:10px!important;
  border:1px solid #dce5e9!important;
  background:#dfe9ed!important;
  box-shadow:0 4px 16px rgba(20,43,58,.04)!important;
}
.pd-overview-v2 .pd-video-frame img{
  min-height:278px!important;
  height:278px!important;
  object-fit:cover!important;
  filter:saturate(.9)!important;
}
.pd-overview-v2 .pd-video-scene{
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 74% 25%,rgba(255,255,255,.52) 0 9%,transparent 9.2%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(7,25,38,.18))!important;
  pointer-events:none!important;
}
.pd-overview-v2 .pd-play{
  width:58px!important;
  height:58px!important;
  border:2px solid rgba(255,255,255,.95)!important;
  background:rgba(21,42,57,.78)!important;
  font-size:18px!important;
  box-shadow:0 7px 20px rgba(8,24,38,.18)!important;
}
.pd-overview-v2 .pd-video-label{
  bottom:18px!important;
  font-size:15px!important;
  font-weight:750!important;
}
@media(max-width:1000px){
  .pd-overview-v2 .pd-overview-grid{
    grid-template-columns:250px minmax(0,1fr)!important;
    gap:28px!important;
  }
}
@media(max-width:760px){
  .pd-overview-v2 .pd-detail-tabs{
    height:54px!important;
    min-height:54px!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
  }
  .pd-overview-v2 .pd-detail-tabs a{
    height:54px!important;
    min-height:54px!important;
    padding:0 12px!important;
  }
  .pd-overview-v2 .pd-overview-grid{
    grid-template-columns:1fr!important;
    gap:25px!important;
    padding-top:26px!important;
  }
  .pd-overview-v2 .pd-highlights h2{
    font-size:27px!important;
    margin-bottom:21px!important;
  }
  .pd-overview-v2 .pd-video-frame,
  .pd-overview-v2 .pd-video-frame img{
    height:235px!important;
    min-height:235px!important;
  }
}

/* =========================================================
   SECTION 3 — AVAILABLE VARIANTS
   ========================================================= */
.pd-variants{
  padding:0 0 45px;
}
.pd-section-heading-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:0 0 18px;
}
.pd-section-heading-row h2{
  margin:0;
  color:#0d1e2e;
  font-size:28px;
  line-height:1.08;
  font-weight:850;
  letter-spacing:-.055em;
}
.pd-section-link{
  flex:0 0 auto;
  height:38px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 15px;
  border:1px solid #dfe7eb;
  border-radius:20px;
  color:#1677ff;
  background:#fff;
  text-decoration:none;
  font-size:15px;
  font-weight:750;
  letter-spacing:-.02em;
  box-shadow:0 2px 8px rgba(18,38,54,.025);
}
.pd-section-link:hover{
  border-color:#b9d3f7;
  background:#f7fbff;
}
.pd-section-link span{font-size:17px}
.pd-variant-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.pd-variant-card{
  min-width:0;
  min-height:272px;
  padding:15px 14px 12px;
  border:1px solid #e0e8ec;
  border-radius:10px;
  background:#fff;
  box-shadow:0 4px 14px rgba(19,42,57,.035);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.pd-variant-card:hover{
  border-color:#bfd7ec;
  box-shadow:0 8px 22px rgba(19,42,57,.07);
  transform:translateY(-1px);
}
.pd-variant-card.selected{
  border-color:#9fd2f7;
  box-shadow:0 5px 18px rgba(22,119,255,.07);
}
.pd-variant-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.pd-variant-top h3{
  margin:0;
  color:#15293a;
  font-size:15px;
  line-height:1.25;
  font-weight:850;
  letter-spacing:-.025em;
}
.pd-variant-top p{
  margin:4px 0 0;
  color:#70808d;
  font-size:15px;
  line-height:1.2;
  font-weight:500;
}
.pd-radio{
  flex:0 0 auto;
  width:16px;
  height:16px;
  margin-top:2px;
  border:2px solid #c9d4db;
  border-radius:50%;
  background:#fff;
}
.pd-radio.selected{
  border-color:#1677ff;
  background:#1677ff;
  box-shadow:inset 0 0 0 4px #fff;
}
.pd-variant-specs{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:13px;
  color:#5e7180;
  font-size:15px;
  line-height:1.2;
  font-weight:500;
}
.pd-variant-image{
  height:92px;
  margin:3px -2px 0;
  overflow:hidden;
  border-radius:8px;
  background:#eef3f5;
}
.pd-variant-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
.pd-variant-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:5px;
}
.pd-variant-bottom strong{
  color:#0967c9;
  font-size:21px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.045em;
}
.pd-variant-bottom a{
  flex:0 0 auto;
  min-width:140px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #bfd8ea;
  border-radius:18px;
  color:#1677ff;
  background:#fff;
  text-decoration:none;
  font-size:15px;
  font-weight:750;
  letter-spacing:-.02em;
}
.pd-variant-bottom a:hover{
  color:#fff;
  border-color:#1677ff;
  background:#1677ff;
}
@media(max-width:900px){
  .pd-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pd-variant-card:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .pd-variants{padding-bottom:34px}
  .pd-section-heading-row{
    align-items:flex-start;
    flex-direction:column;
    gap:11px;
  }
  .pd-section-heading-row h2{font-size:27px}
  .pd-variant-grid{grid-template-columns:1fr;gap:12px}
  .pd-variant-card:last-child{grid-column:auto}
  .pd-variant-card{min-height:0}
}

/* =========================================================
   SECTION 3 BUTTON REFINEMENT — MATCH REFERENCE
   ========================================================= */
.pd-variant-card{
  padding:14px 13px 12px!important;
  min-height:276px!important;
}
.pd-variant-image{
  height:91px!important;
  margin:2px -1px 0!important;
}
.pd-variant-bottom{
  display:block!important;
  margin-top:4px!important;
}
.pd-variant-bottom strong{
  display:block!important;
  margin:0 0 8px!important;
  color:#0967c9!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
}
.pd-variant-bottom a{
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #bdd7e9!important;
  border-radius:18px!important;
  color:#1677ff!important;
  background:#fff!important;
  text-decoration:none!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:-.02em!important;
  box-shadow:none!important;
}
.pd-variant-bottom a:hover{
  color:#1677ff!important;
  border-color:#8dbbe2!important;
  background:#f7fbff!important;
}
@media(max-width:760px){
  .pd-variant-card{
    padding:14px 13px 12px!important;
    min-height:0!important;
  }
}

/* =========================================================
   SECTION 3 — PREMIUM REFERENCE MATCH
   Palette: Midnight Navy + Emerald + Platinum
   ========================================================= */
.pd-variants{
  padding:0 0 44px!important;
}
.pd-section-heading-row{
  margin:0 0 16px!important;
  align-items:center!important;
}
.pd-section-heading-row h2{
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:850!important;
  color:#102A43!important;
  letter-spacing:-.055em!important;
}
.pd-section-link{
  height:37px!important;
  padding:0 15px!important;
  border:1px solid #D4E0E6!important;
  color:#102A43!important;
  background:#fff!important;
  border-radius:20px!important;
  font-size:15px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.pd-section-link span{
  color:#00A878!important;
}
.pd-section-link:hover{
  border-color:#9ACDBD!important;
  background:#F5FBF8!important;
}
.pd-variant-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.pd-variant-card{
  position:relative!important;
  height:270px!important;
  min-height:270px!important;
  box-sizing:border-box!important;
  padding:14px 13px 12px!important;
  border:1px solid #DDE6EB!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(16,42,67,.035)!important;
  overflow:hidden!important;
}
.pd-variant-card.selected{
  border:1.5px solid #00A878!important;
  box-shadow:0 7px 22px rgba(0,168,120,.075)!important;
}
.pd-variant-top{
  position:relative!important;
  z-index:2!important;
}
.pd-variant-top h3{
  color:#102A43!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:850!important;
}
.pd-variant-top p{
  margin-top:4px!important;
  color:#748493!important;
  font-size:15px!important;
}
.pd-radio{
  width:17px!important;
  height:17px!important;
  border:2px solid #C5D2DC!important;
  background:#fff!important;
}
.pd-radio.selected{
  border-color:#00A878!important;
  background:#00A878!important;
  box-shadow:inset 0 0 0 4px #fff!important;
}
.pd-variant-specs{
  position:relative!important;
  z-index:2!important;
  width:48%!important;
  gap:6px!important;
  margin-top:13px!important;
  color:#607486!important;
  font-size:15px!important;
  line-height:1.15!important;
}
.pd-variant-specs span:first-child::first-letter{
  color:#00A878!important;
}
.pd-variant-image{
  position:absolute!important;
  z-index:1!important;
  right:4px!important;
  top:76px!important;
  width:59%!important;
  height:106px!important;
  margin:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.pd-variant-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.pd-variant-bottom{
  position:absolute!important;
  left:13px!important;
  right:13px!important;
  bottom:11px!important;
  z-index:3!important;
  display:block!important;
  margin:0!important;
}
.pd-variant-bottom strong{
  display:block!important;
  margin:0 0 8px!important;
  color:#102A43!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
}
.pd-variant-bottom a{
  width:100%!important;
  height:34px!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #AFC4D4!important;
  border-radius:18px!important;
  color:#102A43!important;
  background:#fff!important;
  font-size:15px!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.pd-variant-card.selected .pd-variant-bottom a{
  border-color:#00A878!important;
  color:#008A64!important;
  background:linear-gradient(180deg,#F5FFFB 0%,#EDFBF6 100%)!important;
}
.pd-variant-bottom a:hover{
  border-color:#00A878!important;
  color:#008A64!important;
  background:#F3FBF8!important;
}
@media(max-width:900px){
  .pd-variant-card{
    height:270px!important;
    min-height:270px!important;
  }
}
@media(max-width:760px){
  .pd-section-heading-row{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:11px!important;
  }
  .pd-variant-grid{
    grid-template-columns:1fr!important;
  }
  .pd-variant-card{
    height:270px!important;
    min-height:270px!important;
  }
}

/* =========================================================
   SECTION 4 — SPECIFICATIONS
   Premium Aevrino style: Midnight Navy + Emerald
   ========================================================= */
.pd-specifications{
  padding:8px 0 48px!important;
}
.pd-spec-heading-row{
  margin-bottom:17px!important;
}
.pd-specifications .pd-section-heading-row h2{
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:850!important;
  color:#102A43!important;
  letter-spacing:-.055em!important;
}
.pd-spec-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:20px!important;
  align-items:stretch!important;
}
.pd-spec-table-wrap{
  border-radius:9px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.pd-spec-row{
  min-height:38px!important;
  display:grid!important;
  grid-template-columns:30px minmax(145px,1fr) minmax(130px,1.15fr)!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 14px!important;
  border-bottom:1px solid #EDF1F3!important;
  background:#fff!important;
  color:#607486!important;
  font-size:15px!important;
}
.pd-spec-row:nth-child(odd){
  background:#FBFCFD!important;
}
.pd-spec-row:last-child{
  border-bottom:0!important;
}
.pd-spec-icon{
  width:24px!important;
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#102A43!important;
  font-size:14px!important;
  font-weight:800!important;
}
.pd-spec-row .pd-spec-label{
  color:#667A8C!important;
  font-weight:600!important;
}
.pd-spec-row strong{
  color:#334A5E!important;
  font-weight:750!important;
}
.pd-dimensions-card{
  min-height:310px!important;
  padding:16px 18px 12px!important;
  border:1px solid #EDF1F3!important;
  border-radius:10px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.pd-dimensions-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:3px!important;
}
.pd-dimensions-head h3{
  margin:0!important;
  color:#102A43!important;
  font-size:16px!important;
  font-weight:850!important;
}
.pd-unit-switch{
  display:flex!important;
  overflow:hidden!important;
  border-radius:7px!important;
  background:#F1F5F7!important;
}
.pd-unit-switch button{
  border:0!important;
  background:transparent!important;
  color:#718293!important;
  padding:6px 10px!important;
  min-height:29px!important;
  font-size:15px!important;
  font-weight:750!important;
}
.pd-unit-switch button.active{
  color:#fff!important;
  background:#102A43!important;
}
.pd-dimension-visual{
  position:relative!important;
  height:170px!important;
  margin:2px 0 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.pd-dimension-visual img{
  width:82%!important;
  height:145px!important;
  object-fit:contain!important;
  display:block!important;
}
.pd-dimension-height,
.pd-dimension-wheelbase,
.pd-dimension-length{
  position:absolute!important;
  color:#6D7F8F!important;
  font-size:13px!important;
  line-height:1.25!important;
  text-align:center!important;
  font-weight:650!important;
}
.pd-dimension-height{
  right:3px!important;
  top:46px!important;
}
.pd-dimension-wheelbase{
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:8px!important;
}
.pd-dimension-length{
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:-9px!important;
}
.pd-dimension-height strong,
.pd-dimension-wheelbase strong,
.pd-dimension-length strong{
  color:#334A5E!important;
  font-size:13px!important;
}
.pd-dimension-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  border-top:1px solid #E7EDF0!important;
  margin-top:4px!important;
  padding-top:11px!important;
}
.pd-dimension-stats div{
  text-align:center!important;
  border-right:1px solid #E7EDF0!important;
}
.pd-dimension-stats div:last-child{
  border-right:0!important;
}
.pd-dimension-stats span{
  display:block!important;
  color:#738493!important;
  font-size:13px!important;
  margin-bottom:3px!important;
}
.pd-dimension-stats strong{
  display:block!important;
  color:#334A5E!important;
  font-size:15px!important;
  font-weight:800!important;
}
.pd-spec-source{
  margin:10px 0 0!important;
  color:#8A98A4!important;
  font-size:13px!important;
  line-height:1.45!important;
}
@media(max-width:850px){
  .pd-spec-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:600px){
  .pd-spec-row{
    grid-template-columns:28px 1fr!important;
    min-height:47px!important;
  }
  .pd-spec-row strong{
    grid-column:2!important;
    margin-top:-7px!important;
  }
  .pd-dimensions-card{
    padding:14px!important;
  }
  .pd-dimension-visual{
    height:180px!important;
  }
}

/* =========================================================
   SECTION 5 — EXTERIOR GALLERY
   Premium editorial automotive gallery
   ========================================================= */
.pd-exterior-gallery{
  padding:4px 0 48px!important;
}
.pd-gallery-heading-row{
  margin-bottom:15px!important;
}
.pd-exterior-gallery .pd-section-heading-row h2{
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:850!important;
  color:#102A43!important;
  letter-spacing:-.055em!important;
}
.pd-gallery-stage{
  position:relative!important;
  width:100%!important;
}
.pd-gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.pd-gallery-item{
  display:block!important;
  height:132px!important;
  overflow:hidden!important;
  border-radius:8px!important;
  border:1px solid #E2E9ED!important;
  background:#F5F8FA!important;
  box-shadow:0 4px 14px rgba(16,42,67,.025)!important;
  text-decoration:none!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.pd-gallery-item:hover{
  transform:translateY(-2px)!important;
  border-color:#B7D8CD!important;
  box-shadow:0 8px 20px rgba(16,42,67,.07)!important;
}
.pd-gallery-item.active{
  border:2px solid #00A878!important;
}
.pd-gallery-item img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
.pd-gallery-arrow{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:5!important;
  width:38px!important;
  height:38px!important;
  border:1px solid #D8E3E8!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.97)!important;
  color:#102A43!important;
  font-size:27px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 0 3px!important;
  box-shadow:0 5px 15px rgba(16,42,67,.12)!important;
  cursor:pointer!important;
}
.pd-gallery-arrow:hover{
  border-color:#00A878!important;
  color:#008A64!important;
}
.pd-gallery-prev{
  left:-17px!important;
}
.pd-gallery-next{
  right:-17px!important;
}
.pd-gallery-dots{
  height:24px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:6px!important;
  padding-top:8px!important;
}
.pd-gallery-dots button{
  width:6px!important;
  height:6px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#C9D5DD!important;
  cursor:pointer!important;
}
.pd-gallery-dots button.active{
  width:7px!important;
  height:7px!important;
  background:#00A878!important;
}
@media(max-width:850px){
  .pd-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .pd-gallery-item{
    height:150px!important;
  }
  .pd-gallery-prev{
    left:-10px!important;
  }
  .pd-gallery-next{
    right:-10px!important;
  }
}


/* =========================================================
   SECTION 6 — INTERIOR GALLERY
   Matches the Exterior Gallery visual language
   ========================================================= */
.pd-interior-gallery{
  padding:0 0 48px!important;
}
.pd-interior-gallery .pd-section-heading-row h2{
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:850!important;
  color:#102A43!important;
  letter-spacing:-.055em!important;
}
.pd-interior-grid .pd-gallery-item{
  height:132px!important;
  background:#F3F6F8!important;
}
.pd-interior-grid .pd-gallery-item img{
  object-fit:cover!important;
}
.pd-interior-grid .pd-gallery-item.active{
  border:2px solid #00A878!important;
}
.pd-interior-grid .pd-gallery-item:hover{
  border-color:#00A878!important;
}
.pd-interior-gallery .pd-gallery-dots{
  padding-top:8px!important;
}
@media(max-width:850px){
  .pd-interior-grid .pd-gallery-item{
    height:150px!important;
  }
}


/* =========================================================
   SECTION 7 — SIMILAR ELECTRIC VEHICLES
   Reference-matched compact automotive cards
   ========================================================= */
.pd-similar-evs{
  padding:2px 0 54px!important;
}
.pd-similar-heading-row{
  margin-bottom:16px!important;
}
.pd-similar-evs .pd-section-heading-row h2{
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:850!important;
  color:#102A43!important;
  letter-spacing:-.055em!important;
}
.pd-similar-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.pd-similar-card{
  min-width:0!important;
  background:#fff!important;
  border:1px solid #E7EDF0!important;
  border-radius:10px!important;
  overflow:hidden!important;
  box-shadow:0 5px 18px rgba(16,42,67,.035)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.pd-similar-card:hover{
  transform:translateY(-3px)!important;
  border-color:#D0DDD9!important;
  box-shadow:0 12px 28px rgba(16,42,67,.08)!important;
}
.pd-similar-media{
  display:block!important;
  height:122px!important;
  background:#F7F9FA!important;
  text-decoration:none!important;
}
.pd-similar-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
.pd-similar-copy{
  padding:10px 12px 13px!important;
  position:relative!important;
  min-height:70px!important;
}
.pd-similar-copy strong{
  display:block!important;
  color:#102A43!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
.pd-similar-copy span{
  display:block!important;
  margin-top:2px!important;
  color:#708191!important;
  font-size:12px!important;
  line-height:1.25!important;
}
.pd-similar-price{
  margin-top:5px!important;
  color:#0E6B52!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.2!important;
}
.pd-similar-range{
  margin-top:2px!important;
  color:#6B7C8C!important;
  font-size:12px!important;
  line-height:1.25!important;
}
@media(max-width:980px){
  .pd-similar-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:560px){
  .pd-similar-grid{
    grid-template-columns:1fr!important;
  }
  .pd-similar-media{
    height:165px!important;
  }
}

/* =========================================================
   SECTION 8 — PREMIUM FOOTER
   Reference-matched dark automotive footer
   ========================================================= */
.pd-site-footer{
  width:100%!important;
  background:#061824!important;
  color:#fff!important;
  margin-top:0!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}
.pd-footer-inner{
  width:min(100% - 64px,1280px)!important;
  margin:0 auto!important;
}
.pd-footer-main{
  display:grid!important;
  grid-template-columns:1.55fr .85fr .95fr .95fr 1.45fr!important;
  gap:44px!important;
  padding:42px 0 34px!important;
}
.pd-footer-brand{
  min-width:0!important;
}
.pd-footer-logo{
  display:inline-flex!important;
  align-items:center!important;
  text-decoration:none!important;
  margin-bottom:12px!important;
}
.pd-footer-logo-svg{
  display:block!important;
  width:132px!important;
  height:auto!important;
  overflow:visible!important;
}
.pd-footer-logo-word{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:34px!important;
  font-weight:800!important;
  letter-spacing:-1.8px!important;
  fill:#18B987!important;
}
.pd-footer-logo-tagline{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:.15px!important;
  fill:#AABBC5!important;
}
.pd-footer-brand p{
  max-width:280px!important;
  margin:0!important;
  color:#AABBC5!important;
  font-size:15px!important;
  line-height:1.58!important;
}
.pd-footer-socials{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:22px!important;
}
.pd-footer-socials a{
  width:30px!important;
  height:30px!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:800!important;
  transition:background .18s ease,border-color .18s ease!important;
}
.pd-footer-socials a:hover{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.45)!important;
}
.pd-footer-column,
.pd-footer-subscribe{
  min-width:0!important;
}
.pd-footer-column h3,
.pd-footer-subscribe h3{
  margin:3px 0 15px!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
}
.pd-footer-column a{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 9px!important;
  color:#AABBC5!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1.35!important;
  transition:color .18s ease!important;
}
.pd-footer-column a:hover{
  color:#fff!important;
}
.pd-footer-subscribe p{
  margin:0 0 15px!important;
  color:#AABBC5!important;
  font-size:14px!important;
  line-height:1.5!important;
  max-width:265px!important;
}
.pd-footer-form{
  display:flex!important;
  width:100%!important;
  max-width:330px!important;
  background:#fff!important;
  border-radius:7px!important;
  overflow:hidden!important;
  min-height:42px!important;
}
.pd-footer-email{
  flex:1!important;
  min-width:0!important;
}
.pd-footer-form input{
  width:100%!important;
  height:42px!important;
  border:0!important;
  outline:0!important;
  padding:0 12px!important;
  color:#183044!important;
  background:#fff!important;
  font:500 14px/1.2 Arial,sans-serif!important;
}
.pd-footer-form input::placeholder{
  color:#8796A0!important;
}
.pd-footer-form button{
  border:0!important;
  background:#11B982!important;
  color:#fff!important;
  min-width:88px!important;
  padding:0 14px!important;
  font:800 13px/1 Arial,sans-serif!important;
  cursor:pointer!important;
}
.pd-footer-bottom{
  min-height:60px!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  color:#91A5B0!important;
  font-size:13px!important;
}
.pd-footer-bottom div{
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
}
.pd-footer-bottom a{
  color:#91A5B0!important;
  text-decoration:none!important;
}
.pd-footer-bottom a:hover{
  color:#fff!important;
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media(max-width:1050px){
  .pd-footer-main{
    grid-template-columns:1.4fr 1fr 1fr 1fr!important;
    gap:32px!important;
  }
  .pd-footer-subscribe{
    grid-column:1/-1!important;
    max-width:420px!important;
  }
}
@media(max-width:700px){
  .pd-footer-inner{
    width:min(100% - 36px,1280px)!important;
  }
  .pd-footer-main{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:30px 24px!important;
    padding:34px 0 28px!important;
  }
  .pd-footer-brand{
    grid-column:1/-1!important;
  }
  .pd-footer-subscribe{
    grid-column:1/-1!important;
    max-width:none!important;
  }
  .pd-footer-bottom{
    align-items:flex-start!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:18px 0!important;
    gap:12px!important;
  }
  .pd-footer-bottom div{
    flex-wrap:wrap!important;
    gap:10px 20px!important;
  }
}
@media(max-width:480px){
  .pd-footer-main{
    grid-template-columns:1fr!important;
  }
  .pd-footer-brand,
  .pd-footer-subscribe{
    grid-column:auto!important;
  }
}


/* =========================================================
   SPECIFICATIONS + FEATURES — PREMIUM CLEAN REFERENCE
   Navy / emerald palette. No legacy blue accent.
   ========================================================= */
.pd-specifications-premium,
.pd-features-premium{
  width:100%!important;
  box-sizing:border-box!important;
}
.pd-specifications-premium{
  padding:34px 0 24px!important;
}
.pd-premium-section-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin:0 0 18px!important;
}
.pd-premium-section-head h2{
  margin:0!important;
  color:#0B1F35!important;
  font-size:31px!important;
  line-height:1.08!important;
  font-weight:850!important;
  letter-spacing:-.045em!important;
}
.pd-premium-section-head p{
  margin:6px 0 0!important;
  color:#405675!important;
  font-size:16px!important;
  line-height:1.4!important;
}
.pd-premium-outline-link{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:44px!important;
  padding:0 18px!important;
  border:1px solid #0B9F78!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#08775F!important;
  text-decoration:none!important;
  font-size:15px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  transition:background .2s ease, transform .2s ease, box-shadow .2s ease!important;
}
.pd-premium-outline-link span{
  font-size:20px!important;
  line-height:1!important;
}
.pd-premium-outline-link:hover{
  background:#F1FBF7!important;
  transform:translateY(-1px)!important;
  box-shadow:0 7px 20px rgba(8,119,95,.10)!important;
}
.pd-spec-premium-grid{
  display:grid!important;
  grid-template-columns:1.18fr .86fr .98fr 1.72fr!important;
  gap:10px!important;
  align-items:stretch!important;
}
.pd-spec-panel{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #E4EBF0!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 7px 24px rgba(16,42,67,.055)!important;
}
.pd-spec-panel-head{
  min-height:53px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  margin:7px 7px 8px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,#E9FBF5 0%,#F5FCFA 100%)!important;
}
.pd-spec-battery .pd-spec-panel-head{
  background:linear-gradient(90deg,#ECF9FC 0%,#F6FBFD 100%)!important;
}
.pd-spec-charging .pd-spec-panel-head{
  background:linear-gradient(90deg,#F2F4FF 0%,#F9FAFF 100%)!important;
}
.pd-spec-dimensions .pd-spec-panel-head{
  background:linear-gradient(90deg,#FBF8F0 0%,#FFFDF8 100%)!important;
}
.pd-spec-panel-icon{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#D9F7ED!important;
  color:#07966F!important;
  font-size:20px!important;
  font-weight:850!important;
}
.pd-spec-battery .pd-spec-panel-icon{background:#DDF4FA!important;color:#087B68!important}
.pd-spec-charging .pd-spec-panel-icon{background:#E5E9FF!important;color:#234FC2!important}
.pd-spec-dimensions .pd-spec-panel-icon{background:#F2EDE0!important;color:#5B4B2D!important}
.pd-spec-panel-head h3{
  margin:0!important;
  color:#0B1F35!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:850!important;
}
.pd-spec-items{
  padding:0 8px 8px!important;
}
.pd-spec-items > div{
  min-height:43px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:7px 10px!important;
  border-radius:9px!important;
  color:#314A67!important;
  font-size:15px!important;
  line-height:1.25!important;
}
.pd-spec-items > div:nth-child(even){background:#F7F9FB!important}
.pd-spec-items span{min-width:0!important}
.pd-spec-items strong{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:62%!important;
  color:#0B1F35!important;
  text-align:right!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.pd-spec-charging .pd-spec-items > div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(105px,1.25fr)!important;
  align-items:center!important;
}
.pd-spec-charging .pd-spec-items strong{
  max-width:none!important;
}
.pd-spec-items strong small{
  color:#61758C!important;
  font-size:15px!important;
  font-weight:650!important;
}
.pd-spec-dimensions-head{
  justify-content:space-between!important;
  padding-right:7px!important;
}
.pd-spec-panel-title-wrap{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}
.pd-unit-switch-premium{
  flex:0 0 auto!important;
  border:1px solid #E1E7EC!important;
  border-radius:999px!important;
  background:#fff!important;
  padding:2px!important;
}
.pd-unit-switch-premium button{
  min-height:30px!important;
  padding:4px 12px!important;
  border-radius:999px!important;
  font-size:15px!important;
}
.pd-unit-switch-premium button.active{
  background:#0B9F78!important;
  color:#fff!important;
}
.pd-premium-dimension-visual{
  position:relative!important;
  height:178px!important;
  margin:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.pd-premium-dimension-visual img{
  width:82%!important;
  height:145px!important;
  object-fit:contain!important;
}
.pd-premium-dim-height,
.pd-premium-dim-wheelbase,
.pd-premium-dim-length{
  position:absolute!important;
  color:#536B84!important;
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:650!important;
}
.pd-premium-dim-height{
  right:0!important;
  top:50px!important;
}
.pd-premium-dim-wheelbase{
  left:50%!important;
  bottom:10px!important;
  transform:translateX(-50%)!important;
  white-space:nowrap!important;
}
.pd-premium-dim-length{
  left:50%!important;
  bottom:-13px!important;
  transform:translateX(-50%)!important;
  white-space:nowrap!important;
}
.pd-premium-dim-height strong,
.pd-premium-dim-wheelbase strong,
.pd-premium-dim-length strong{
  color:#0B1F35!important;
  font-size:15px!important;
  font-weight:850!important;
}
.pd-premium-dim-stats{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  margin:4px 10px 9px!important;
  border-top:1px solid #E7EDF0!important;
}
.pd-premium-dim-stats div{
  min-height:57px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  border-right:1px solid #E7EDF0!important;
  padding:5px 6px!important;
}
.pd-premium-dim-stats div:last-child{border-right:0!important}
.pd-premium-dim-stats span{
  color:#61758C!important;
  font-size:15px!important;
  line-height:1.25!important;
}
.pd-premium-dim-stats strong{
  margin-top:3px!important;
  color:#0B1F35!important;
  font-size:16px!important;
  font-weight:850!important;
}
.pd-premium-source{
  margin:11px 0 0!important;
  color:#71849A!important;
  font-size:15px!important;
  line-height:1.4!important;
}

.pd-features-premium{
  padding:25px 0 35px!important;
}
.pd-features-head{margin-bottom:19px!important}
.pd-feature-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
}
.pd-feature-card{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #E4EBF0!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(16,42,67,.055)!important;
}
.pd-feature-media{
  height:132px!important;
  overflow:hidden!important;
  background:#EDF5F5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.pd-feature-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.pd-feature-safety img{object-position:center 48%!important}
.pd-feature-interior img{object-fit:contain!important;background:#EAF3F0!important;padding:3px!important;box-sizing:border-box!important}
.pd-feature-tech img{object-fit:contain!important;background:#EFF3F6!important;padding:3px!important;box-sizing:border-box!important}
.pd-feature-exterior img{object-position:center!important}
.pd-feature-practicality img{object-fit:contain!important;background:#EEF4F6!important;padding:3px!important;box-sizing:border-box!important}
.pd-feature-charging{
  background:radial-gradient(circle at 68% 38%,#E5FAF3 0 22%,transparent 23%),linear-gradient(135deg,#EAF8F4 0%,#F4FBFA 55%,#E5F2EF 100%)!important;
}
.pd-feature-charging-art{
  width:78px!important;
  height:78px!important;
  border-radius:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border:1px solid #D7ECE5!important;
  box-shadow:0 10px 24px rgba(8,119,95,.10)!important;
}
.pd-feature-charging-art span{
  color:#0B9F78!important;
  font-size:45px!important;
  font-weight:850!important;
}
.pd-feature-content{padding:0 10px 10px!important}
.pd-feature-title-row{
  min-height:61px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:-16px!important;
  position:relative!important;
}
.pd-feature-icon{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  border:5px solid #fff!important;
  background:#DDF8EF!important;
  color:#0B9F78!important;
  box-shadow:0 2px 10px rgba(16,42,67,.05)!important;
  font-size:20px!important;
  font-weight:900!important;
}
.pd-feature-title-row h3{
  margin:0!important;
  color:#102B49!important;
  font-size:16px!important;
  line-height:1.18!important;
  font-weight:850!important;
}
.pd-feature-content ul{
  list-style:none!important;
  margin:0!important;
  padding:2px 0 9px!important;
}
.pd-feature-content li{
  position:relative!important;
  margin:0!important;
  padding:5px 0 5px 19px!important;
  color:#314A67!important;
  font-size:15px!important;
  line-height:1.25!important;
}
.pd-feature-content li::before{
  content:'✓'!important;
  position:absolute!important;
  left:0!important;
  top:5px!important;
  width:14px!important;
  height:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#0B9F78!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
}
.pd-feature-content > a{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 7px!important;
  border:1px solid #DDE7EA!important;
  border-radius:999px!important;
  color:#08775F!important;
  background:#fff!important;
  text-decoration:none!important;
  text-align:center!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:800!important;
}
.pd-feature-content > a span{font-size:18px!important}
.pd-feature-content > a:hover{
  border-color:#0B9F78!important;
  background:#F2FBF7!important;
}

@media(max-width:1150px){
  .pd-spec-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pd-spec-dimensions{grid-column:1/-1!important}
  .pd-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .pd-premium-section-head{align-items:flex-start!important;flex-direction:column!important}
  .pd-premium-outline-link{min-height:42px!important}
  .pd-spec-premium-grid{grid-template-columns:1fr!important}
  .pd-spec-dimensions{grid-column:auto!important}
  .pd-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pd-feature-media{height:145px!important}
}
@media(max-width:500px){
  .pd-premium-section-head h2{font-size:28px!important}
  .pd-spec-items > div{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}
  .pd-spec-items strong{text-align:left!important}
  .pd-premium-dim-stats{grid-template-columns:repeat(2,1fr)!important}
  .pd-premium-dim-stats div:nth-child(2){border-right:0!important}
  .pd-premium-dim-stats div:nth-child(-n+2){border-bottom:1px solid #E7EDF0!important}
  .pd-feature-grid{grid-template-columns:1fr!important}
}

/* =========================================================
   AVAILABLE VARIANTS — TEXT ACCENT REFINEMENT
   Reference accent: #FF5000
   Keep backgrounds, cards and borders unchanged.
   ========================================================= */
.pd-variants .pd-section-link,
.pd-variants .pd-section-link span {
  color: #FF5000 !important;
}

.pd-variants .pd-section-link:hover {
  color: #FF5000 !important;
  background: #fff !important;
  border-color: #dfe7eb !important;
}

.pd-variants .pd-variant-bottom strong {
  color: #FF5000 !important;
}

.pd-variants .pd-variant-bottom a,
.pd-variants .pd-variant-bottom a:hover {
  color: #FF5000 !important;
  background: #fff !important;
  border-color: #bdd7e9 !important;
}

.pd-variants .pd-variant-bottom a:hover {
  border-color: #FF5000 !important;
}

/* =========================================================
   AVAILABLE VARIANTS — HORIZONTAL CAROUSEL
   Three cards on desktop, two on tablet, one on mobile.
   ========================================================= */
.pd-variants .pd-variant-carousel{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
}
.pd-variants .pd-variant-viewport{
  min-width:0;
  width:100%;
  overflow:hidden;
}
.pd-variants .pd-variant-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:18px;
  width:100%;
  max-width:none;
  transition:transform .35s ease;
}
.pd-variants .pd-variant-card{
  flex:0 0 calc((100vw - 36px) / 3);
  width:calc((100vw - 36px) / 3);
  box-sizing:border-box;
}
.pd-variants .pd-variant-carousel-arrow{
  position:relative;
  z-index:4;
  flex:0 0 44px;
  width:44px;
  height:44px;
  border:1px solid #dce5ea;
  border-radius:50%;
  background:#fff;
  color:#102a43;
  font-size:30px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 5px 18px rgba(18,38,54,.08);
  transition:border-color .2s ease, color .2s ease, transform .2s ease;
}
.pd-variants .pd-variant-carousel-arrow:hover:not(:disabled){
  border-color:#FF5000;
  color:#FF5000;
  transform:translateY(-1px);
}
.pd-variants .pd-variant-carousel-arrow:disabled{
  opacity:.35;
  cursor:default;
  box-shadow:none;
}
.pd-variants .pd-variant-carousel-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  margin-top:14px;
}
.pd-variants .pd-variant-carousel-dots span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d5dfe5;
}
.pd-variants .pd-variant-carousel-dots span.active{background:#FF5000}

/* Keep the requested accent only on text; do not change card backgrounds. */
.pd-variants .pd-section-link,
.pd-variants .pd-section-link span,
.pd-variants .pd-variant-bottom strong,
.pd-variants .pd-variant-bottom a,
.pd-variants .pd-variant-bottom a:hover{
  color:#FF5000 !important;
}
.pd-variants .pd-section-link:hover{
  background:#fff !important;
  border-color:#dfe7eb !important;
}
.pd-variants .pd-variant-bottom a{
  background:#fff !important;
}

/* Matching text treatment for the nearby specification/feature links. */
.pd-specifications .pd-premium-outline-link,
.pd-specifications .pd-premium-outline-link span,
.pd-features-premium .pd-premium-outline-link,
.pd-features-premium .pd-premium-outline-link span{
  color:#FF5000 !important;
}

@media (min-width:1200px){
  .pd-variants .pd-variant-card{
    flex-basis:calc((100% - 36px) / 3);
    width:calc((100% - 36px) / 3);
  }
}
@media (max-width:1199px){
  .pd-variants .pd-variant-card{
    flex-basis:calc((100% - 18px) / 2);
    width:calc((100% - 18px) / 2);
  }
}
@media (max-width:760px){
  .pd-variants .pd-variant-carousel{gap:7px}
  .pd-variants .pd-variant-carousel-arrow{
    flex-basis:38px;width:38px;height:38px;font-size:26px;
  }
  .pd-variants .pd-variant-card{
    flex-basis:100%;
    width:100%;
  }
}

/* =========================================================
   CAROUSEL FIX V3 — FEATURES + GALLERIES
   Keep the track width equal to the viewport so percentage
   card widths resolve correctly. The previous V2 used a
   max-content track, which caused gallery cards to expand
   to almost the full gallery width.
   ========================================================= */
.pd-feature-carousel,
.pd-gallery-stage{
  position:relative!important;
  width:100%!important;
  box-sizing:border-box!important;
}

.pd-feature-viewport,
.pd-gallery-viewport{
  width:100%!important;
  overflow:hidden!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
}

.pd-feature-grid,
.pd-gallery-grid{
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  gap:16px!important;
  grid-template-columns:none!important;
  transform:translate3d(0,0,0);
  transition:transform .28s ease!important;
  will-change:transform;
  box-sizing:border-box!important;
}

.pd-feature-card{
  flex:0 0 calc((100% - 48px) / 4)!important;
  width:calc((100% - 48px) / 4)!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

.pd-feature-media{
  height:auto!important;
  aspect-ratio:16 / 9!important;
  min-height:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.pd-feature-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  padding:0!important;
}

/* Do not crop illustrations/diagram-style feature artwork. */
.pd-feature-interior img,
.pd-feature-tech img,
.pd-feature-practicality img{
  object-fit:contain!important;
  object-position:center!important;
  padding:4px!important;
  background:#EEF4F6!important;
}

.pd-feature-carousel-arrow,
.pd-gallery-arrow{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:10!important;
  width:38px!important;
  height:38px!important;
  border:1px solid #D8E3E8!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.98)!important;
  color:#102A43!important;
  font-size:27px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 0 3px!important;
  box-shadow:0 5px 15px rgba(16,42,67,.12)!important;
  cursor:pointer!important;
}
.pd-feature-carousel-arrow.prev,
.pd-gallery-prev{left:-18px!important}
.pd-feature-carousel-arrow.next,
.pd-gallery-next{right:-18px!important}
.pd-feature-carousel-arrow:disabled,
.pd-feature-carousel-arrow.disabled,
.pd-gallery-arrow:disabled,
.pd-gallery-arrow.disabled{
  opacity:.35!important;
  cursor:default!important;
}

.pd-gallery-item{
  flex:0 0 calc((100% - 48px) / 4)!important;
  width:calc((100% - 48px) / 4)!important;
  height:auto!important;
  aspect-ratio:16 / 9!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:8px!important;
  border:1px solid #E2E9ED!important;
  background:#F5F8FA!important;
  text-decoration:none!important;
}
.pd-gallery-item img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
}

.pd-gallery-dots{
  min-height:24px!important;
  height:24px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:6px!important;
  padding-top:8px!important;
  box-sizing:border-box!important;
}
.pd-gallery-dots button{
  width:6px!important;
  height:6px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#C9D5DD!important;
  cursor:pointer!important;
}
.pd-gallery-dots button.active{
  width:7px!important;
  height:7px!important;
  background:#00A878!important;
}

@media(max-width:1180px){
  .pd-feature-card,
  .pd-gallery-item{
    flex-basis:calc((100% - 32px) / 3)!important;
    width:calc((100% - 32px) / 3)!important;
  }
}
@media(max-width:900px){
  .pd-feature-card,
  .pd-gallery-item{
    flex-basis:calc((100% - 16px) / 2)!important;
    width:calc((100% - 16px) / 2)!important;
  }
  .pd-feature-carousel-arrow.prev,
  .pd-gallery-prev{left:-10px!important}
  .pd-feature-carousel-arrow.next,
  .pd-gallery-next{right:-10px!important}
}
@media(max-width:560px){
  .pd-feature-card,
  .pd-gallery-item{
    flex-basis:100%!important;
    width:100%!important;
  }
  .pd-feature-media,
  .pd-gallery-item{aspect-ratio:16 / 9!important}
  .pd-feature-carousel-arrow.prev,
  .pd-gallery-prev{left:6px!important}
  .pd-feature-carousel-arrow.next,
  .pd-gallery-next{right:6px!important}
}


/* =========================================================
   MOBILE PREMIUM UX V4 — SPECIFICATIONS + FEATURES
   - Specifications use compact label/value rows on phones.
   - Feature cards stack vertically on phones; no carousel,
     arrows, horizontal clipping, or swipe-only content.
   ========================================================= */
@media (max-width: 560px){
  html, body.aevrino-product-page{
    max-width:100%;
    overflow-x:hidden!important;
  }

  .pd-specifications-premium{
    width:100%!important;
    padding:28px 0 22px!important;
  }

  .pd-premium-section-head{
    width:100%!important;
    gap:13px!important;
    margin-bottom:16px!important;
  }

  .pd-premium-section-head h2{
    font-size:27px!important;
    letter-spacing:-.035em!important;
  }

  .pd-premium-section-head p{
    margin-top:6px!important;
    font-size:15px!important;
    line-height:1.45!important;
  }

  .pd-premium-outline-link{
    min-height:42px!important;
    padding:0 16px!important;
    font-size:15px!important;
  }

  .pd-spec-premium-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .pd-spec-panel{
    width:100%!important;
    border-radius:14px!important;
    box-shadow:0 5px 18px rgba(16,42,67,.045)!important;
  }

  .pd-spec-panel-head{
    min-height:51px!important;
    margin:7px!important;
    padding:0 11px!important;
    border-radius:11px!important;
  }

  .pd-spec-panel-head h3{
    font-size:18px!important;
  }

  .pd-spec-items{
    padding:0 8px 8px!important;
  }

  /* Keep each specification as a clean two-column row.
     The previous mobile rule stacked label/value vertically,
     which made the cards unnecessarily tall and less premium. */
  .pd-spec-items > div{
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    justify-content:initial!important;
    gap:12px!important;
    padding:8px 10px!important;
    border-radius:9px!important;
    font-size:15px!important;
    line-height:1.3!important;
  }

  .pd-spec-items span{
    min-width:0!important;
  }

  .pd-spec-items strong{
    min-width:0!important;
    text-align:right!important;
    white-space:normal!important;
    font-size:15px!important;
  }

  .pd-spec-items strong small{
    font-size:14px!important;
  }

  .pd-premium-dimension-visual{
    height:165px!important;
    margin:0 8px!important;
  }

  .pd-premium-dimension-visual img{
    width:76%!important;
    height:130px!important;
  }

  .pd-premium-dim-height,
  .pd-premium-dim-wheelbase,
  .pd-premium-dim-length{
    font-size:14px!important;
  }

  .pd-premium-dim-height{right:4px!important;top:43px!important}
  .pd-premium-dim-wheelbase{bottom:7px!important}
  .pd-premium-dim-length{bottom:-12px!important}

  .pd-premium-dim-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin:4px 8px 8px!important;
  }

  .pd-premium-dim-stats div{
    min-height:54px!important;
  }

  .pd-premium-source{
    margin-top:10px!important;
    font-size:14px!important;
  }

  /* FEATURES: show every feature category vertically on mobile.
     No horizontal carousel is needed on a narrow screen. */
  .pd-features-premium{
    width:100%!important;
    padding:24px 0 30px!important;
    overflow:visible!important;
  }

  .pd-feature-carousel{
    width:100%!important;
    overflow:visible!important;
  }

  .pd-feature-viewport{
    width:100%!important;
    overflow:visible!important;
    border-radius:0!important;
  }

  .pd-feature-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    transform:none!important;
  }

  .pd-feature-card{
    width:100%!important;
    max-width:100%!important;
    flex:none!important;
    border-radius:14px!important;
    box-shadow:0 5px 18px rgba(16,42,67,.045)!important;
  }

  .pd-feature-media{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16 / 9!important;
    min-height:0!important;
  }

  .pd-feature-content{
    padding:0 11px 11px!important;
  }

  .pd-feature-title-row{
    min-height:58px!important;
    margin-top:-15px!important;
    gap:8px!important;
  }

  .pd-feature-icon{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
    font-size:19px!important;
  }

  .pd-feature-title-row h3{
    font-size:16px!important;
    line-height:1.2!important;
  }

  .pd-feature-content ul{
    padding:1px 0 9px!important;
  }

  .pd-feature-content li{
    font-size:15px!important;
    line-height:1.35!important;
    padding:5px 0 5px 19px!important;
  }

  .pd-feature-content > a{
    min-height:42px!important;
    margin-top:2px!important;
  }

  .pd-feature-carousel-arrow{
    display:none!important;
  }
}

/* =========================================================
   MOBILE GALLERY FIX V5
   On phones galleries use one visible image at a time.
   Do not rely on a translated flex track here; that was
   producing an empty gallery viewport on some mobile widths.
   ========================================================= */
@media (max-width:560px){
  .pd-exterior-gallery,
  .pd-interior-gallery{
    padding:22px 0 30px!important;
  }

  .pd-gallery-heading-row{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-bottom:14px!important;
  }

  .pd-gallery-heading-row h2,
  .pd-exterior-gallery .pd-section-heading-row h2,
  .pd-interior-gallery .pd-section-heading-row h2{
    font-size:25px!important;
    line-height:1.15!important;
    letter-spacing:-.035em!important;
  }

  .pd-gallery-heading-row .pd-section-link{
    flex:0 0 auto!important;
    min-height:38px!important;
    padding:0 12px!important;
    font-size:14px!important;
    white-space:nowrap!important;
  }

  .pd-gallery-stage{
    width:100%!important;
    min-height:0!important;
    display:block!important;
  }

  .pd-gallery-viewport{
    width:100%!important;
    height:210px!important;
    min-height:210px!important;
    overflow:hidden!important;
    border-radius:12px!important;
  }

  .pd-gallery-grid{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    transform:none!important;
  }

  .pd-gallery-item{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:210px!important;
    min-height:210px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    border-radius:12px!important;
  }

  /* JS sets the active mobile slide explicitly. Keep the CSS neutral so
     interior images cannot disappear because of :first-child rules. */
  .pd-gallery-item:not(.active){
    display:none!important;
  }
  .pd-gallery-item.active{
    display:block!important;
  }

  .pd-gallery-item img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  .pd-gallery-arrow{
    width:38px!important;
    height:38px!important;
    top:50%!important;
  }

  .pd-gallery-prev{
    left:8px!important;
  }

  .pd-gallery-next{
    right:8px!important;
  }

  .pd-gallery-dots{
    height:22px!important;
    padding-top:7px!important;
  }

  .pd-interior-gallery{
    margin-top:2px!important;
  }
}

/* =========================================================
   MOBILE GALLERY V6 — HARDENED IMAGE VISIBILITY
   ========================================================= */
@media (max-width:560px){
  .pd-interior-gallery .pd-gallery-viewport,
  .pd-exterior-gallery .pd-gallery-viewport{
    position:relative!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    background:#F5F8FA!important;
  }

  .pd-interior-gallery .pd-gallery-item.active,
  .pd-exterior-gallery .pd-gallery-item.active{
    position:relative!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }

  .pd-interior-gallery .pd-gallery-item.active img,
  .pd-exterior-gallery .pd-gallery-item.active img{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

/* =========================================================
   MOBILE GALLERY V7 — ACTIVE SLIDE ONLY, NO LEGACY HIDING
   The previous :not(:first-child) rules conflicted with the
   JS-controlled active slide and caused blank/non-moving galleries.
   ========================================================= */
@media (max-width:560px){
  .pd-exterior-gallery .pd-gallery-grid,
  .pd-interior-gallery .pd-gallery-grid{
    display:block!important;
    width:100%!important;
    height:100%!important;
    transform:none!important;
  }

  .pd-exterior-gallery .pd-gallery-item,
  .pd-interior-gallery .pd-gallery-item{
    width:100%!important;
    height:210px!important;
    min-height:210px!important;
    margin:0!important;
  }

  .pd-exterior-gallery .pd-gallery-item:not(.active),
  .pd-interior-gallery .pd-gallery-item:not(.active){
    display:none!important;
  }

  .pd-exterior-gallery .pd-gallery-item.active,
  .pd-interior-gallery .pd-gallery-item.active{
    display:block!important;
  }

  .pd-exterior-gallery .pd-gallery-item.active img,
  .pd-interior-gallery .pd-gallery-item.active img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}