/* =============================================
   SINGLE CAR
   ============================================= */
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding:1.25rem 0;font-size:.82rem;color:var(--color-text-light);}
.breadcrumb a{color:var(--color-text-light);transition:var(--transition);}
.breadcrumb a:hover{color:var(--color-secondary);}
.breadcrumb span[aria-current]{color:var(--color-text);font-weight:600;}

.car-single__layout{display:grid;grid-template-columns:1fr 380px;gap:2.5rem;align-items:start;padding-bottom:4rem;}

.car-gallery{margin-bottom:2rem;}
.car-gallery__main{
    border-radius:var(--radius-md);
    overflow:hidden;
    background:#1a1a1a;
    width:100%;
    aspect-ratio:16/12;
    max-height:65VH;
}
.car-gallery__main .swiper-wrapper{height:100%;}
.car-gallery__main .swiper-slide{height:100%;}
.car-gallery__slide{
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
}
.car-gallery__slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.car-gallery__slide--empty{display:flex;align-items:center;justify-content:center;color:var(--color-border);}
.car-gallery__sold-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:5;}
.car-gallery__sold-overlay span{background:#ef4444;color:#fff;font-size:1.5rem;font-weight:800;padding:.75rem 2.5rem;border-radius:var(--radius-full);transform:rotate(-15deg);}
.car-gallery__thumbs{margin-top:.75rem;height:80px;}
.car-gallery__thumbs .swiper-slide{cursor:pointer;border-radius:var(--radius-sm);overflow:hidden;opacity:.65;transition:var(--transition);border:2px solid transparent;width:100px!important;height:72px;flex-shrink:0;}
.car-gallery__thumbs .swiper-slide img{width:100%;height:72px;object-fit:cover;}
.car-gallery__thumbs .swiper-slide-thumb-active{opacity:1;border-color:var(--color-secondary);}

.car-video{margin-bottom:2rem;}
.car-video__title{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;margin-bottom:.75rem;}
.car-video__embed{border-radius:var(--radius-md);overflow:hidden;aspect-ratio:16/9;}
.car-video__embed iframe{width:100%;height:100%;border:none;}

.car-tabs{background:#fff;border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;}
.car-tabs__nav{display:flex;border-bottom:1.5px solid var(--color-border);background:var(--color-bg-section);}
.car-tab{flex:1;padding:1rem;font-weight:600;font-size:.9rem;color:var(--color-text-light);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:var(--transition);}
.car-tab:hover{color:var(--color-primary);}
.car-tab.active{color:var(--color-secondary);border-bottom-color:var(--color-secondary);background:#fff;}
.car-tab__panel{padding:1.5rem;display:none;}
.car-tab__panel.active{display:block;}

.specs-table{width:100%;border-collapse:collapse;}
.specs-table tr:nth-child(even) td,.specs-table tr:nth-child(even) th{background:var(--color-bg-section);}
.specs-table th,.specs-table td{padding:.7rem 1rem;text-align:right;border-bottom:1px solid var(--color-border);font-size:.875rem;}
.specs-table th{width:45%;color:var(--color-text-light);font-weight:600;}
.specs-table td{font-weight:500;}

.car-features{margin-top:1.5rem;}
.car-features h4{font-size:1rem;margin-bottom:.75rem;}
.features-list{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;}
.features-list li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-light);}
.features-list svg{color:#22c55e;flex-shrink:0;}

.car-description{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border);}
.car-description h4{margin-bottom:.75rem;}
.entry-content p{font-size:.9rem;color:var(--color-text-light);line-height:1.8;}

.finance-calculator-wrap{max-width:100%;}
.calc-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1.25rem;}
.range-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:3px;outline:none;cursor:pointer;}
.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-secondary);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2);}
.calc-result{background:var(--color-bg-section);border-radius:var(--radius-md);padding:1.25rem;min-height:120px;transition:opacity var(--transition);}
.calc-result.is-loading{opacity:.5;}
.calc-result__main{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
.calc-result__label{font-size:.8rem;color:var(--color-text-light);display:block;}
.calc-result__value{font-size:1.6rem;font-weight:800;color:var(--color-secondary);}
.calc-result__bank{font-size:.78rem;color:var(--color-text-light);}
.calc-result__breakdown{border-top:1px solid var(--color-border);padding-top:.875rem;}
.calc-breakdown__row{display:flex;justify-content:space-between;font-size:.82rem;padding:.3rem 0;}
.calc-breakdown__row--total{font-weight:700;border-top:1px solid var(--color-border);margin-top:.4rem;padding-top:.4rem;}
.calc-breakdown__row--interest span:last-child{color:#f59e0b;}

.car-price-card{background:#fff;border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;position:sticky;top:calc(var(--header-h) + 1.5rem);}
.car-price-card__badges{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.875rem;}
.car-price-card__title{font-size:1.2rem;font-weight:800;margin-bottom:.5rem;line-height:1.3;}
.car-price-card__meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;}
.car-price-card__brand{font-size:.78rem;font-weight:700;color:var(--color-secondary);}
.car-price-card__cat,.car-price-card__year{font-size:.75rem;color:var(--color-text-light);background:var(--color-bg-section);padding:2px 8px;border-radius:var(--radius-full);}
.car-price-card__specs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.25rem;}
.price-spec{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--color-text-light);}
.price-spec svg{color:var(--color-secondary);flex-shrink:0;}
.car-price-card__price{padding:1rem 0;border-top:1.5px solid var(--color-border);border-bottom:1.5px solid var(--color-border);margin-bottom:1.25rem;}
.price-cash{display:flex;align-items:baseline;justify-content:space-between;}
.price-cash span{font-size:.78rem;color:var(--color-text-light);}
.price-cash strong{font-size:1.5rem;font-weight:800;color:var(--color-primary);}
.price-monthly{display:flex;align-items:center;justify-content:space-between;margin-top:.4rem;}
.price-monthly span{font-size:.78rem;color:var(--color-text-light);}
.price-monthly__value{font-size:.875rem;font-weight:700;color:var(--color-secondary);}
.car-price-card__actions{display:flex;flex-direction:column;gap:.625rem;}
.w-full{width:100%;justify-content:center;}
.car-price-card__secondary{display:flex;gap:.625rem;margin-top:.875rem;}
.car-secondary-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;color:var(--color-text-light);background:none;cursor:pointer;transition:var(--transition);}
.car-secondary-btn:hover,.car-secondary-btn.is-active{border-color:var(--color-secondary);color:var(--color-secondary);background:rgba(201,168,76,.05);}
.car-price-card__sold{text-align:center;padding:1rem 0;color:var(--color-text-light);}
.car-related{border-top:1px solid var(--color-border);}




/* ─────────────── GOD MODE GALLERY ─────────────── */

.car-gallery__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transition: transform .35s ease, filter .35s ease;
  cursor: zoom-in;
}

/* hover cinematic */
.car-gallery__slide:hover img {
  filter: brightness(1.08) contrast(1.05);
}

/* thumbnails */
.car-gallery__thumbs img {
  border-radius: 10px;
  opacity: .5;
  transition: .2s;
  cursor: pointer;
}

.car-gallery__thumbs .swiper-slide-thumb-active img {
  opacity: 1;
  transform: scale(1.08);
}

/* nav buttons */
.swiper-button-next,
.swiper-button-prev {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(0,0,0,.45);
  color: #fff;
}

/* cinematic transition layer */
.car-gallery {
  transition: all .4s ease;
}

/* showroom glow */
.car-gallery__main {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 25px 70px rgba(0,0,0,.18);
}

/* ─────────────── LIGHTBOX GOD MODE ─────────────── */

.car-lightbox {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

.car-lightbox.is-open {
  display: flex;
}

.car-lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.92);
}

.car-lightbox__img {
  max-width: 92%;
  max-height: 92%;
  border-radius: 14px;
  transform: scale(.95);
  animation: zoomIn .25s ease forwards;
  z-index: 2;
}

.car-lightbox__close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 34px;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  z-index: 3;
}

@keyframes zoomIn {
  to { transform: scale(1); }
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 20px;
}

.car-single__sidebar {
  position: sticky;
  top: 100px; /* مناسب للهيدر */
  transition: transform .2s ease;
}

.car-single__sidebar.is-scrolling {
  box-shadow: 0 20px 60px rgba(0,0,0,.1);
}
.car-single__sidebar {
  position: sticky;
  top: 11.7vh; /* المسافة من فوق */
  align-self: flex-start;
}
/* Booking Modal */
.booking-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;}
.booking-modal[hidden]{display:none;}
.booking-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);cursor:pointer;}
.booking-modal__box{position:relative;background:#fff;border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:fadeInUp .3s ease;}
.booking-modal__header{padding:1.5rem 1.5rem 1rem;position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid var(--color-border);}
.booking-modal__title{font-size:1.2rem;margin-bottom:.25rem;}
.booking-modal__car{font-size:.85rem;color:var(--color-secondary);font-weight:600;}
.booking-modal__close{position:absolute;top:1.25rem;left:1.25rem;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-bg-section);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);border:none;color:var(--color-text);}
.booking-modal__close:hover{background:#fee2e2;color:#ef4444;}
.booking-tabs{display:flex;padding:1rem 1.5rem 0;gap:.5rem;border-bottom:1.5px solid var(--color-border);}
.booking-tab{display:flex;align-items:center;gap:.4rem;padding:.625rem 1.25rem;font-weight:600;font-size:.875rem;border:none;background:none;cursor:pointer;color:var(--color-text-light);border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:var(--transition);}
.booking-tab.is-active{color:var(--color-secondary);border-bottom-color:var(--color-secondary);}
.booking-form{padding:1.5rem;}
.booking-panel.is-active{display:block;}
.booking-success{text-align:center;padding:2rem 1rem;}
.booking-success__icon{width:56px;height:56px;border-radius:50%;background:#dcfce7;color:#16a34a;font-size:1.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-weight:700;}
.booking-success h3{margin-bottom:1rem;}
.booking-form__privacy{text-align:center;font-size:.78rem;color:var(--color-text-light);margin-top:.75rem;}
.booking-form__privacy a{color:var(--color-secondary);}
.field-error{display:block;color:#ef4444;font-size:.78rem;margin-top:4px;}
.has-error{border-color:#ef4444!important;}
.required{color:#ef4444;}
div#cars-archive-grid article.car-card.car-card--style3 {
  flex-direction: column;
}

/* =============================================
   CARS ARCHIVE
   ============================================= */
.archive-hero{padding:5rem 0;text-align:center;}
.archive-hero__title{color:#fff;font-size:clamp(1.6rem,3vw,2.5rem);}
.archive-hero__sub{color:rgba(255,255,255,.6);margin-top:.5rem;}
.archive-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;padding:2rem 0 4rem;align-items:start;}
.archive-sidebar{position:sticky;top:calc(var(--header-h) + 1rem);}
.sidebar-card{background:#fff;border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;}
.sidebar-card__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-section);}
.sidebar-card__header h3{font-size:.95rem;}
.sidebar-clear{font-size:.78rem;color:var(--color-text-light);cursor:pointer;background:none;border:none;transition:var(--transition);}
.sidebar-clear:hover{color:#ef4444;}
.filter-group{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);}
.filter-group:last-child{border-bottom:none;}
.filter-group__title{font-size:.82rem;font-weight:700;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;}
.filter-checkboxes{display:flex;flex-direction:column;gap:.4rem;max-height:160px;overflow-y:auto;align-items: flex-start;}
.filter-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;padding:.2rem 0;}
.filter-checkbox input{accent-color:var(--color-secondary);width:16px;height:16px;}
.filter-checkbox small{color:var(--color-text-light);margin-right:auto;}
.price-range{display:flex;align-items:center;gap:.5rem;}
.price-range__sep{color:var(--color-text-light);font-weight:600;}
.form-control--sm{padding:.5rem .75rem;font-size:.85rem;}
.archive-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.875rem 0;margin-bottom:1.5rem;border-bottom:1.5px solid var(--color-border);gap:1rem;flex-wrap:wrap;}
.cars-count-wrap{font-size:.875rem;color:var(--color-text-light);}
.cars-count-wrap strong{color:var(--color-primary);}
.archive-toolbar__right{display:flex;align-items:center;gap:.75rem;}
.view-toggle{display:flex;gap:.25rem;}
.view-toggle__btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-light);transition:var(--transition);}
.view-toggle__btn.is-active,.view-toggle__btn:hover{border-color:var(--color-secondary);color:var(--color-secondary);}
/* .cars-grid--list{grid-template-columns:1fr;} */
.cars-grid--list .car-card{flex-direction:row;}
.cars-grid--list .car-card__image{width:280px;flex-shrink:0;aspect-ratio:unset;}
.at-pagination{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-top:2.5rem;flex-wrap:wrap;}
.at-pagination__btn{min-width:40px;height:40px;padding:0 .75rem;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;font-size:.875rem;color:var(--color-text);transition:var(--transition);}
.at-pagination__btn:hover{border-color:var(--color-secondary);color:var(--color-secondary);}
.at-pagination__btn.is-active{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-bg);}
.at-pagination__dots{color:var(--color-text-light);padding:0 .25rem;}
.infinite-sentinel{height:40px;}
div#cars-archive-grid article.car-card.car-card--style4 {
  flex-direction: column;
}

/* =============================================
   COMPARE PAGE
   ============================================= */
.compare-page{background:var(--color-bg-section);}
.compare-selectors{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;margin-bottom:2.5rem;}
.compare-selector{background:#fff;border:2px dashed var(--color-border);border-radius:var(--radius-md);min-height:180px;display:flex;align-items:center;justify-content:center;transition:var(--transition);overflow:hidden;}
.compare-selector__placeholder{text-align:center;padding:2rem;color:var(--color-text-light);}
.compare-selector__placeholder svg{margin:0 auto .75rem;}
.compare-selector__placeholder p{margin-bottom:1rem;font-size:.9rem;}
.compare-selector__placeholder img{width:100%;height:140px;object-fit:cover;margin-bottom:.75rem;}
.compare-selector__vs{font-size:1.5rem;font-weight:900;color:var(--color-secondary);text-align:center;}
.compare-table-wrap{overflow-x:auto;border-radius:var(--radius-md);}
.compare-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-md);overflow:hidden;}
.compare-table thead th{background:var(--color-primary);color:#fff;padding:1.25rem;text-align:right;font-size:.875rem;}
.compare-table thead th:first-child{width:180px;}
.compare-table thead th img{width:100%;height:100px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:.5rem;}
.compare-table thead th a{color:#fff;}
.compare-table tbody tr:nth-child(even){background:var(--color-bg-section);}
.compare-table tbody td{padding:.875rem 1.25rem;border-bottom:1px solid var(--color-border);font-size:.875rem;}
.compare-table__label{font-weight:600;color:var(--color-text-light);background:var(--color-bg-section)!important;}
.compare-empty{text-align:center;color:var(--color-text-light);padding:3rem;}
.compare-loading{padding:2rem 0;}

/* =============================================
   DASHBOARD
   ============================================= */
.dashboard-layout{display:grid;grid-template-columns:260px 1fr;gap:2.5rem;align-items:start;}
.dashboard-sidebar{position:sticky;top:calc(var(--header-h) + 1.5rem);}
.dashboard-profile{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1.5px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1rem;}
.dashboard-profile__avatar img{border-radius:50%;width:52px;height:52px;object-fit:cover;}
.dashboard-profile__info strong{display:block;font-size:.9rem;}
.dashboard-profile__info span{font-size:.78rem;color:var(--color-text-light);}
.dashboard-nav{background:#fff;border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;}
.dashboard-nav__item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;font-size:.9rem;font-weight:500;color:var(--color-text);border-bottom:1px solid var(--color-border);transition:var(--transition);}
.dashboard-nav__item:last-child{border-bottom:none;}
.dashboard-nav__item:hover{background:var(--color-bg-section);color:var(--color-secondary);}
.dashboard-nav__item.is-active{background:rgba(201,168,76,.06);color:var(--color-secondary);font-weight:700;border-right:3px solid var(--color-secondary);}
.dashboard-nav__item--logout{color:#ef4444;}
.dashboard-nav__item--logout:hover{background:#fee2e2;}
.dashboard-nav__count{background:var(--color-secondary);color:var(--color-primary);font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:var(--radius-full);}
.dashboard-section{background:#fff;border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:2rem;min-height:400px;}
.dashboard-section__title{font-size:1.2rem;margin-bottom:1.75rem;padding-bottom:1rem;border-bottom:1.5px solid var(--color-border);}
.dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--color-text-light);gap:1rem;text-align:center;}
.dashboard-empty svg{color:var(--color-border);}
.requests-table-wrap{overflow-x:auto;}
.requests-table{width:100%;border-collapse:collapse;font-size:.875rem;}
.requests-table th{background:var(--color-bg-section);padding:.75rem 1rem;font-weight:600;text-align:right;border-bottom:1.5px solid var(--color-border);}
.requests-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);}
.requests-table a{color:var(--color-secondary);}
.status-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;}
.status-badge--new{background:#fef3c7;color:#92400e;}
.status-badge--in_progress{background:#dbeafe;color:#1e40af;}
.status-badge--closed{background:#dcfce7;color:#166534;}
.status-badge--cancelled{background:#fee2e2;color:#991b1b;}
.profile-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem;}





/* =============================================
   RESPONSIVE
   ============================================= */
@media(max-width:1024px){
  /* Single car mobile */
  .car-single__layout{grid-template-columns:1fr;}
  .car-price-card{position:static;}
  .car-single__sidebar{order:0;}   /* sidebar AFTER gallery on mobile */
  .car-single__main{order:-1;}     /* gallery + accordion FIRST */
  /* Archive */
  .archive-layout{grid-template-columns:1fr;}
  .archive-sidebar{position:static;display:none;}
  .archive-sidebar.is-open{display:block;}
  /* Dashboard */
  .dashboard-layout{grid-template-columns:1fr;}
  .dashboard-sidebar{position:static;}
  .calc-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .features-list{grid-template-columns:1fr;}
  .compare-selectors{grid-template-columns:1fr;}
  .compare-selector__vs{display:none;}
  .cars-grid--list .car-card{flex-direction:column;}
  .cars-grid--list .car-card__image{width:100%;}
  .profile-form .form-grid{grid-template-columns:1fr;}
  .calc-grid{grid-template-columns:1fr;}
}

/* =============================================
   BLOG
   ============================================= */
.blog-with-sidebar { display:flex; grid-template-columns:1fr 300px; gap:2.5rem; align-items:start; }
.blog-full { max-width:100%; margin:0 auto; }
.blog-layout-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(305px,1fr)); gap:1.5rem; }
.blog-layout-list .blog-card { flex-direction:row; }
.blog-layout-list .blog-card .blog-card__image { width:280px; flex-shrink:0; aspect-ratio:unset; }

.blog-card__body .btn {
  display: flex;
  justify-content: center;
}
.blog.wp-custom-logo aside.blog-sidebar {
    display: none;
}
.wp-block-heading {
  font-size: 18px;
  margin-bottom: 1rem;
}
.wp-block-latest-posts.wp-block-latest-posts__list li a {
  color: var(--color-text-light);
  font-size: 14px;
}
.blog.logged-in .blog-with-sidebar {
  display: block;
}
.blog.logged-in .blog-sidebar {
  display: none;
}

.blog-card { background:#fff; border:1.5px solid var(--color-border); border-radius:var(--radius-md); overflow:hidden; transition:var(--transition); display:flex; flex-direction:column; }
.blog-card:hover { box-shadow:var(--shadow-md); transform:translateY(-3px); }
.blog-card__image { display:block; overflow:hidden; }
.blog-card__image img { width:100%; aspect-ratio:16/9; object-fit:cover; transition:transform .5s ease; }
.blog-card:hover .blog-card__image img { transform:scale(1.05); }
.blog-card__body { padding:1.25rem; flex:1; display:flex; flex-direction:column; }
.blog-card__meta { display:flex; gap:.75rem; font-size:.78rem; color:var(--color-text-light); margin-bottom:.5rem; }
.blog-card__meta a { color:var(--color-secondary); }
.blog-card__title { font-size:1.05rem; margin-bottom:.6rem; line-height:1.4; }
.blog-card__title a { color:var(--color-primary); }
.blog-card__title a:hover { color:var(--color-secondary); }
.blog-card__excerpt { font-size:.875rem; color:var(--color-text-light); margin-bottom:1rem; line-height:1.7; flex:1; }

.blog-sidebar .widget { background:#fff; border:1.5px solid var(--color-border); border-radius:var(--radius-md); padding:1.25rem; margin-bottom:1.25rem; }
.blog-sidebar .widget-title { font-size:1rem; border-bottom:2px solid var(--color-secondary); padding-bottom:.5rem; margin-bottom:.875rem; }

/* Single Post */
.post-featured-image { border-radius:var(--radius-md); overflow:hidden; margin-bottom:2rem; }
.post-hero-img { width:100%; max-height:480px; object-fit:cover; }
.post-header { margin-bottom:2rem; }
.post-meta { display:flex; gap:.75rem; font-size:.78rem; color:var(--color-text-light); margin-bottom:.875rem; flex-wrap:wrap; }
.post-meta a { color:var(--color-secondary); }
.post-title { font-size:clamp(1.5rem,3vw,2.25rem); font-weight:800; line-height:1.25; }
.post-content p { font-size:1rem; color:var(--color-text); line-height:1.85; margin-bottom:1.25rem; }
.post-content h2 { font-size:1.5rem; margin:2rem 0 1rem; }
.post-content h3 { font-size:1.2rem; margin:1.5rem 0 .75rem; }
.post-content img { border-radius:var(--radius-md); max-width:100%; }
.post-tags__wrap { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid var(--color-border); }
.post-tags__wrap a { font-size:.78rem; background:var(--color-bg-section); color:var(--color-text-light); padding:3px 12px; border-radius:var(--radius-full); transition:var(--transition); }
.post-tags__wrap a:hover { background:var(--color-secondary); color:var(--color-primary); }
.post-related-cars { margin-top:3rem; padding-top:2rem; border-top:2px solid var(--color-border); }
.post-related-cars__title { font-size:1.25rem; margin-bottom:1.5rem; }



@media(max-width:1024px){.blog-with-sidebar{grid-template-columns:1fr;}}
@media(max-width:768px){
  .blog-layout-list .blog-card{flex-direction:column;}
  .blog-layout-list .blog-card .blog-card__image{width:100%;}
}

/* =============================================
   CAR ACCORDION (FAQ-style specs)
   ============================================= */
.car-accordion {
  margin-top: 2rem;
  border: 1.5px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: #fff;
}

.car-accordion__item {
  border-bottom: 1px solid var(--color-border);
}
.car-accordion__item:last-child { border-bottom: none; }

.car-accordion__header {
  width: 100%;
  display: flex;
  align-items: center;
  gap: .875rem;
  padding: 1rem 1.25rem;
  background: #fff;
  border: none;
  text-align: right;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: .95rem;
  font-weight: 700;
  color: var(--color-primary);
  transition: background var(--transition);
}

.car-accordion__label {
  font-size: .95rem;
    font-weight: 700;
}
.car-accordion__item.is-open .car-accordion__label {
    background: var(--color-primary);
    color: #fff;
}
.car-accordion__header:hover { background: var(--color-bg-section); }

.car-accordion__item.is-open .car-accordion__header {
  background: var(--color-primary);
  color: #fff;
}

.car-accordion__icon { font-size: 1.1rem; flex-shrink: 0; }
.car-accordion__label { flex: 1; }

.car-accordion__arrow {
  flex-shrink: 0;
  transition: transform .3s ease;
  color: var(--color-text-light);
}
.car-accordion__item.is-open .car-accordion__arrow {
  transform: rotate(180deg);
  color: var(--color-secondary);
}

.car-accordion__panel {
  padding: 1.25rem;
  background: #fff;
  border-top: 1px solid var(--color-border);
  animation: accordionOpen .25s ease;
}

@keyframes accordionOpen {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Specs table inside accordion */
.specs-table {
  width: 100%;
  border-collapse: collapse;
}
.specs-table tr:nth-child(even) td,
.specs-table tr:nth-child(even) th { background: var(--color-bg-section); }
.specs-table th,
.specs-table td {
  padding: .625rem 1rem;
  text-align: right;
  border-bottom: 1px solid var(--color-border);
  font-size: .875rem;
  vertical-align: middle;
}
.specs-table th {
  width: 45%;
  color: var(--color-text-light);
  font-weight: 600;
}
.specs-table td { font-weight: 500; color: var(--color-primary); }
.specs-table tr:last-child th,
.specs-table tr:last-child td { border-bottom: none; }

.spec-yes {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: #16a34a;
  font-weight: 600;
}

/* Calculator inside accordion */
.car-calculator-panel { padding: .25rem 0; }
.calc-price-display {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--color-bg-section);
  padding: .875rem 1.25rem;
  border-radius: var(--radius-sm);
  margin-bottom: 1.5rem;
}
.calc-price-display span { font-size: .875rem; color: var(--color-text-light); }
.calc-price-display strong { font-size: 1.25rem; font-weight: 800; color: var(--color-primary); }

.range-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 5px;
  background: linear-gradient(to left, var(--color-secondary) 0%, var(--color-secondary) 10%, #ddd 10%, #ddd 100%);
  outline: none;
  transition: background 0.3s ease;
}

/* Thumb */
.range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--color-secondary);
  cursor: pointer;
  border: none;
}

.range-slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--color-secondary);
  cursor: pointer;
  border: none;
}

.car-description {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1.5px solid var(--color-border);
}
.car-description h3 {
  font-size: 1.1rem;
  margin-bottom: 1rem;
  color: var(--color-primary);
}
.car-description .entry-content p {
  font-size: .95rem;
  color: var(--color-text-light);
  line-height: 1.85;
  margin-bottom: 1rem;
}

/* Gallery Thumbs */
.car-gallery__thumbs { margin-top: .625rem; height: 76px; }
.car-gallery__thumbs .swiper-slide {
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    opacity: .5;
    border: 2px solid transparent;
    transition: opacity .2s, border-color .2s;
    height: 72px;
}
.car-gallery__thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}
.car-gallery__thumbs .swiper-slide:hover { opacity: .8; }
.car-gallery__thumbs .swiper-slide-thumb-active {
    opacity: 1 !important;
    border-color: var(--color-secondary) !important;
}

/* =============================================
   MOBILE FIXED ACTION BAR - Single Car
   ============================================= */
.mobile-car-actions {
    display: none; /* hidden on desktop */
}

@media (max-width: 1024px) {
    /* Show bar on mobile/tablet */
    .mobile-car-actions {
        display: flex;
        align-items: center;
        gap: .5rem;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 900;
        background: #fff;
        padding: .75rem 1rem;
        padding-bottom: calc(.75rem + env(safe-area-inset-bottom));
        box-shadow: 0 -4px 20px rgba(0,0,0,.12);
        border-top: 1px solid var(--color-border);
    }

    .mobile-car-action {
        flex: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
        height: 46px;
        border-radius: var(--radius-full);
        font-family: var(--font-body);
        font-size: .875rem;
        font-weight: 700;
        cursor: pointer;
        border: 2px solid transparent;
        transition: var(--transition);
        text-decoration: none;
        white-space: nowrap;
    }

    .mobile-car-action--primary {
        background: var(--color-secondary);
        color: #fff;
        border-color: var(--color-secondary);
    }
    .mobile-car-action--primary:hover {
        opacity: .9;
    }

    .mobile-car-action--outline {
        background: transparent;
        color: var(--color-secondary);
        border-color: var(--color-secondary);
    }
    .mobile-car-action--outline:hover {
        background: var(--color-secondary);
        color: #fff;
    }

    .mobile-car-action--whatsapp {
        background: #25D366;
        color: #fff;
        border-color: #25D366;
        flex: 1.2;
    }
    .mobile-car-action--whatsapp:hover {
        background: #1da851;
    }

    /* Add padding to page bottom so content isn't hidden behind bar */
    .car-single {
        padding-bottom: 80px;
    }

    /* Hide desktop sidebar price card actions on mobile */
    .car-price-card__actions {
        display: none;
    }
}

@media (max-width: 480px) {
    .mobile-car-actions {
        gap: .375rem;
        padding: .625rem .75rem;
        padding-bottom: calc(.625rem + env(safe-area-inset-bottom));
    }
    .mobile-car-action {
        height: 44px;
        font-size: .8rem;
    }
    /* On very small screens: stack buy+installment, keep whatsapp full width */
    /* Or show icons only for installment/whatsapp */
}

/* =============================================
   MOBILE CAR BAR — Fixed bottom
   ============================================= */
.mobile-car-bar { display: none; }

@media (max-width: 1024px) {
    .mobile-car-bar {
        display: flex;
        flex-direction: column;
        position: fixed;
        bottom: 0; left: 0; right: 0;
        z-index: 900;
        background: #fff;
        border-top: 1.5px solid var(--color-border);
        box-shadow: 0 -4px 24px rgba(0,0,0,.1);
        padding: .625rem 1rem;
        padding-bottom: calc(.625rem + env(safe-area-inset-bottom));
        gap: .5rem;
    }

    /* Info row */
    .mobile-car-bar__info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: .5rem;
    }
    .mobile-car-bar__name {
        font-size: .875rem;
        font-weight: 700;
        color: var(--color-primary);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 55%;
    }
    .mobile-car-bar__price {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 1px;
    }
    .mobile-car-bar__cash {
        font-size: .9rem;
        font-weight: 800;
        color: var(--color-secondary);
        white-space: nowrap;
    }
    .mobile-car-bar__monthly {
        font-size: .72rem;
        color: var(--color-text-light);
        white-space: nowrap;
    }

    /* Buttons row */
    .mobile-car-bar__btns {
        display: flex;
        gap: .4rem;
    }
    .mobile-car-bar__btn {
        flex: 1;
        height: 42px;
        border-radius: var(--radius-full);
        font-size: .82rem;
        font-weight: 700;
        cursor: pointer;
        border: 2px solid transparent;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .3rem;
        transition: var(--transition);
        text-decoration: none;
        font-family: var(--font-body);
        white-space: nowrap;
    }
    .mobile-car-bar__btn--buy {
        background: var(--color-secondary);
        color: #fff;
        border-color: var(--color-secondary);
        flex: 1.3;
    }
    .mobile-car-bar__btn--install {
        background: transparent;
        color: var(--color-secondary);
        border-color: var(--color-secondary);
    }
    .mobile-car-bar__btn--wa {
        background: #25D366;
        color: #fff;
        border-color: #25D366;
        flex: 1.2;
    }
    .mobile-car-bar__btn:active { opacity: .85; transform: scale(.98); }

    /* Push page content up */
    .car-single { padding-bottom: 110px; }

    /* Hide desktop sidebar buttons on mobile */
    .car-price-card__actions { display: none; }
}

@media (max-width: 380px) {
    .mobile-car-bar__btn { font-size: .75rem; height: 40px; }
    .mobile-car-bar__name { font-size: .8rem; }
}

/* ── Calculator Result & Book Button ──── */
.calc-result__main {
    background: var(--color-primary);
    border-radius: var(--radius-md);
    padding: 1.25rem 1.5rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}
.calc-result__monthly {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}
.calc-result__label {
    font-size: .78rem;
    color: rgba(255,255,255,.6);
}
.calc-result__value {
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--color-secondary);
}
.calc-result__bank {
    font-size: .78rem;
    color: rgba(255,255,255,.5);
}
.calc-result__breakdown {
    border: 1.5px solid var(--color-border);
    border-radius: var(--radius-md);
    overflow: hidden;
    margin-bottom: 1rem;
}
.calc-breakdown__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 1rem;
    font-size: .875rem;
    border-bottom: 1px solid var(--color-border);
}
.calc-breakdown__row:last-child { border-bottom: none; }
.calc-breakdown__row--total {
    background: var(--color-bg-section);
    font-weight: 700;
}
.calc-breakdown__row--interest span { color: var(--color-text-light); }

/* Book button pulse animation */
.calc-book-btn {
    position: relative;
    overflow: hidden;
}
.calc-book-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.15);
    transform: translateX(-100%);
    transition: transform .4s ease;
}
.calc-book-btn:hover::after { transform: translateX(0); }


/* Dynamic Professional Article V2 */
.article-pro-hero{padding:72px 0 42px;background:linear-gradient(180deg,#f7f8fb 0%,#fff 100%);text-align:center}.article-pro-hero__meta{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:16px;color:#7b8190;font-weight:700}.article-pro-hero__meta a{color:var(--color-primary,#c90000);text-decoration:none}.article-pro-hero h1{max-width:930px;margin:0 auto 16px;font-size:clamp(30px,5vw,54px);line-height:1.25;font-weight:900;color:#101827}.article-pro-hero p{max-width:760px;margin:0 auto 24px;color:#657084;font-size:18px;line-height:1.9}.article-pro-hero__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.article-pro-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;padding-top:40px;padding-bottom:40px}.article-pro-main{min-width:0}.article-pro-cover{margin:0 0 24px;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.1)}.article-pro-cover img{display:block;width:100%;height:auto}.article-pro-cta-inline{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#101827;color:#fff;border-radius:22px;padding:24px;margin:26px 0;box-shadow:0 16px 40px rgba(15,23,42,.12)}.article-pro-cta-inline strong{display:block;font-size:22px;margin-bottom:6px}.article-pro-cta-inline span{display:block;color:#d7dce7;line-height:1.8}.article-pro-content{background:#fff;border:1px solid #eceff5;border-radius:24px;padding:34px;box-shadow:0 12px 35px rgba(15,23,42,.05);font-size:17px;line-height:2}.article-pro-lead-card{margin-top:30px;display:grid;grid-template-columns:360px 1fr;gap:24px;background:#fff;border:1px solid #e8ebf2;border-radius:28px;padding:28px;box-shadow:0 20px 60px rgba(15,23,42,.08)}.article-pro-lead-copy span{color:var(--color-primary,#e00000);font-weight:900}.article-pro-lead-copy h2{font-size:30px;margin:10px 0;color:#101827}.article-pro-lead-copy p{color:#667085;line-height:1.8}.article-pro-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.article-pro-form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:800;color:#1f2937}.article-pro-form-grid .full{grid-column:1/-1}.article-pro-form-grid input,.article-pro-form-grid select,.article-pro-form-grid textarea{width:100%;border:1px solid #dfe3ea;border-radius:14px;padding:12px 14px;background:#fff}.article-pro-lead-message{margin-top:12px;font-weight:800}.article-pro-lead-message.success{color:#078942}.article-pro-lead-message.error{color:#c60000}.article-pro-sidebar{min-width:0}.article-pro-sticky{position:sticky;top:110px;background:#fff;border:1px solid #e8ebf2;border-radius:22px;padding:22px;box-shadow:0 14px 35px rgba(15,23,42,.07)}.article-pro-sticky strong{display:block;font-size:20px;margin-bottom:8px;color:#101827}.article-pro-sticky p{color:#667085;line-height:1.8}.article-pro-faq{margin-top:30px;background:#fff;border:1px solid #e8ebf2;border-radius:24px;padding:28px}.article-pro-faq h2{margin-top:0}.article-pro-faq details{border-top:1px solid #eef1f6;padding:16px 0}.article-pro-faq summary{cursor:pointer;font-weight:900;color:#101827}.article-pro-faq p{color:#667085;line-height:1.9;margin:12px 0 0}.article-related-fullwidth{width:100%;padding:64px 0;background:#f5f7fb;border-top:1px solid #e8ebf2;border-bottom:1px solid #e8ebf2;margin-top:30px}.article-related-cars-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.article-related-fullwidth .section-head{text-align:center;max-width:800px;margin:0 auto 30px}.article-related-fullwidth .section-head h2{font-size:34px;margin:8px 0 10px;color:#101827}.article-related-fullwidth .section-head p{color:#667085;line-height:1.8}.article-related-fullwidth .section-subtitle{color:var(--color-primary,#e00000);font-weight:900}.btn-block{width:100%;text-align:center;justify-content:center}@media(max-width:1100px){.article-pro-layout{grid-template-columns:1fr}.article-pro-sidebar{display:none}.article-related-cars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-pro-lead-card{grid-template-columns:1fr}}@media(max-width:640px){.article-pro-cta-inline{flex-direction:column;align-items:flex-start}.article-pro-content,.article-pro-lead-card{padding:20px;border-radius:18px}.article-pro-form-grid{grid-template-columns:1fr}.article-related-cars-grid{grid-template-columns:1fr}.article-pro-hero{padding:46px 0 28px}}

/* === FINAL REQUESTS PATCH: TranslatePress switcher + dynamic article polish === */

/* === Final header TranslatePress switcher: only EN/AR, same visual design === */
.lang-switcher{display:inline-flex;align-items:center;gap:0;background:rgba(255,255,255,.08);border-radius:999px;padding:4px;direction:ltr;white-space:nowrap}
.lang-switcher .lang-item{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:34px;padding:0 12px;border-radius:999px;color:#c9c9c9;text-decoration:none;font-weight:900;font-size:13px;line-height:1;transition:background .2s ease,color .2s ease}
.lang-switcher .lang-item:hover{color:#fff;background:rgba(255,255,255,.08)}
.lang-switcher .lang-item.active{background:#e60000;color:#fff;box-shadow:0 8px 18px rgba(230,0,0,.25)}

/* === Final professional dynamic article page === */
.article-pro-hero{position:relative;padding:86px 0 56px;background:radial-gradient(circle at 20% 0%,rgba(230,0,0,.12),transparent 30%),linear-gradient(135deg,#111827 0%,#070b12 100%);overflow:hidden;text-align:center;color:#fff}
.article-pro-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;opacity:.28;pointer-events:none}
.article-pro-hero .container{position:relative;z-index:1}.article-pro-hero__meta{display:inline-flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:999px;margin-bottom:20px;color:#d7dce8;font-weight:800}.article-pro-hero__meta a{color:#fff;text-decoration:none}.article-pro-hero h1{max-width:980px;margin:0 auto 18px;font-size:clamp(34px,5.4vw,68px);line-height:1.13;font-weight:950;color:#fff;letter-spacing:-.04em}.article-pro-hero p{max-width:800px;margin:0 auto 28px;color:#cbd5e1;font-size:19px;line-height:1.95}.article-pro-hero__actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.article-pro-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:34px;padding-top:46px;padding-bottom:46px}.article-pro-main{min-width:0}.article-pro-cover{margin:0 0 26px;border-radius:30px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.16)}.article-pro-cover img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover}.article-pro-cta-inline{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#e60000,#a60000);color:#fff;border-radius:26px;padding:26px 28px;margin:28px 0;box-shadow:0 18px 45px rgba(230,0,0,.22)}.article-pro-cta-inline strong{display:block;font-size:24px;margin-bottom:6px;color:#fff}.article-pro-cta-inline span{display:block;color:rgba(255,255,255,.84);line-height:1.8}.article-pro-content{background:#fff;border:1px solid #edf0f5;border-radius:30px;padding:42px;box-shadow:0 18px 55px rgba(15,23,42,.07);font-size:17.5px;line-height:2.05;color:#243044}.article-pro-content h2{font-size:clamp(25px,3vw,36px);line-height:1.35;margin:42px 0 18px;font-weight:950;color:#101827}.article-pro-content h3{font-size:24px;margin:32px 0 14px;font-weight:900;color:#101827}.article-pro-content p{margin-bottom:1.25rem}.article-pro-content img{border-radius:24px;box-shadow:0 12px 35px rgba(15,23,42,.08)}
.article-pro-lead-card{margin-top:34px;display:grid;grid-template-columns:380px 1fr;gap:28px;background:linear-gradient(135deg,#fff 0%,#fff7f7 100%);border:1px solid #f1d5d5;border-radius:32px;padding:34px;box-shadow:0 24px 70px rgba(15,23,42,.08)}.article-pro-lead-copy span{display:inline-flex;background:#fee2e2;color:#b30000;border-radius:999px;padding:7px 13px;font-weight:950;font-size:13px}.article-pro-lead-copy h2{font-size:34px;line-height:1.25;margin:14px 0 12px;color:#101827}.article-pro-lead-copy p{color:#667085;line-height:1.9}.article-pro-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.article-pro-form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:900;color:#1f2937}.article-pro-form-grid .full{grid-column:1/-1}.article-pro-form-grid input,.article-pro-form-grid select,.article-pro-form-grid textarea{width:100%;border:1px solid #dfe3ea;border-radius:16px;padding:13px 15px;background:#fff;font:inherit}.article-pro-lead-message{margin-top:12px;font-weight:900}.article-pro-lead-message.success{color:#078942}.article-pro-lead-message.error{color:#c60000}.article-pro-sidebar{min-width:0}.article-pro-sticky{position:sticky;top:110px;background:#fff;border:1px solid #e8ebf2;border-radius:26px;padding:26px;box-shadow:0 18px 45px rgba(15,23,42,.08)}.article-pro-sticky strong{display:block;font-size:22px;margin-bottom:8px;color:#101827}.article-pro-sticky p{color:#667085;line-height:1.8}.article-pro-faq{margin-top:34px;background:#fff;border:1px solid #e8ebf2;border-radius:28px;padding:32px;box-shadow:0 14px 38px rgba(15,23,42,.05)}.article-pro-faq h2{margin-top:0;font-size:30px}.article-pro-faq details{border-top:1px solid #eef1f6;padding:18px 0}.article-pro-faq summary{cursor:pointer;font-weight:950;color:#101827}.article-pro-faq p{color:#667085;line-height:1.9;margin:12px 0 0}.btn-block{width:100%;text-align:center;justify-content:center}
.article-related-fullwidth{width:100%;padding:78px 0;background:linear-gradient(180deg,#f6f8fc 0%,#fff 100%);border-top:1px solid #e8ebf2;border-bottom:1px solid #e8ebf2;margin-top:34px}.article-related-fullwidth .section-head{text-align:center;max-width:880px;margin:0 auto 34px;display:block}.article-related-fullwidth .section-subtitle{display:inline-flex;background:#fee2e2;color:#b30000;border-radius:999px;padding:7px 14px;font-weight:950;margin-bottom:10px}.article-related-fullwidth .section-head h2{font-size:clamp(28px,4vw,46px);line-height:1.22;margin:8px 0 12px;color:#101827;font-weight:950}.article-related-fullwidth .section-head p{color:#667085;line-height:1.9;margin:0 auto;max-width:760px}.article-related-controls{display:flex;justify-content:center;gap:10px;margin-top:20px}.article-related-controls button{width:48px;height:48px;border-radius:999px;border:1px solid #d9dee8;background:#fff;color:#101828;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 10px 26px rgba(15,23,42,.10)}.article-related-cars-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.article-related-cars-carousel{display:flex!important;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 16px;scrollbar-width:thin}.article-related-cars-carousel>*{flex:0 0 min(360px,86vw);scroll-snap-align:start}
@media(max-width:1200px){.article-related-cars-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1024px){.article-pro-layout{grid-template-columns:1fr}.article-pro-sidebar{display:none}.article-pro-lead-card{grid-template-columns:1fr}.article-related-cars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.article-pro-hero{padding:54px 0 34px}.article-pro-cta-inline{flex-direction:column;align-items:flex-start}.article-pro-content,.article-pro-lead-card,.article-pro-faq{padding:22px;border-radius:20px}.article-pro-form-grid,.article-related-cars-grid{grid-template-columns:1fr}.article-related-fullwidth{padding:46px 0}.article-pro-hero h1{font-size:30px}}



/* =========================================================
   Syarah Click final fix: hero controls hidden + responsive hero/article
   ========================================================= */
.hero .hero__pagination,
.hero .hero__nav,
.hero .swiper-pagination,
.hero .swiper-button-prev,
.hero .swiper-button-next {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.hero { min-height: clamp(520px, 78vh, 820px); height: auto; }
.hero__swiper, .hero__slide { min-height: clamp(520px, 78vh, 820px); }
.hero__content { padding-top: clamp(110px, 12vh, 160px); padding-bottom: clamp(120px, 16vh, 180px); }
.hero__text { width: min(100%, 720px); }
.hero__title { font-size: clamp(2rem, 5vw, 4rem); line-height: 1.12; }
.hero__subtitle { font-size: clamp(1rem, 2vw, 1.25rem); }
.quick-search { width: min(100%, 860px); }
.article-pro-hero h1 { font-size: clamp(2rem, 5vw, 4rem); line-height: 1.15; }
.article-pro-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: clamp(24px, 4vw, 48px); align-items: start; }
.article-pro-main, .article-pro-sidebar { min-width: 0; }
.article-pro-cover img, .article-pro-content img { max-width: 100%; height: auto; }
.article-pro-content { overflow-wrap: anywhere; }
.article-pro-cta-inline, .article-pro-lead-card { display: flex; gap: 18px; }
.article-pro-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.article-pro-form-grid .full { grid-column: 1 / -1; }
.article-related-cars-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.article-related-cars-carousel { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.article-related-cars-carousel > * { flex: 0 0 min(320px, 86vw); scroll-snap-align: start; }
@media (max-width: 1180px) { .article-related-cars-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 992px) { .article-pro-layout { grid-template-columns: 1fr; } .article-pro-sidebar { display: none; } .article-related-cars-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 768px) {
  .hero { min-height: 640px; } .hero__swiper, .hero__slide { min-height: 640px; }
  .hero__content { position: relative; min-height: 640px; justify-content: center; padding-top: 112px; padding-bottom: 120px; text-align: center; }
  .hero__text, .hero__subtitle, .quick-search { margin-left: auto; margin-right: auto; }
  .hero__ctas { justify-content: center; }
  .quick-search { padding: 16px; flex-direction: column; align-items: stretch; }
  .quick-search__fields { grid-template-columns: 1fr; width: 100%; }
  .quick-search__btn, .hero__ctas .btn { width: 100%; justify-content: center; }
  .hero__stats { position: relative; bottom: auto; margin-top: -96px; z-index: 3; }
  .hero__stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .article-pro-hero { padding-top: 110px; text-align: center; }
  .article-pro-hero__meta, .article-pro-hero__actions { justify-content: center; }
  .article-pro-cta-inline, .article-pro-lead-card { flex-direction: column; }
}
@media (max-width: 576px) {
  .hero { min-height: 680px; } .hero__swiper, .hero__slide, .hero__content { min-height: 680px; }
  .hero__title { font-size: clamp(1.75rem, 9vw, 2.45rem); } .hero__subtitle { font-size: 1rem; }
  .hero__stats-grid { grid-template-columns: 1fr; }
  .article-pro-form-grid, .article-related-cars-grid { grid-template-columns: 1fr; }
  .article-pro-hero__actions .btn { width: 100%; justify-content: center; }
}

/* =========================================================
   ABOSALAH FINAL RESPONSIVE REPAIR - 2026-04-26
   Scope: restore switcher logic untouched, repair hero + mobile articles
   ========================================================= */

/* Keep slider controls removed as requested */
.hero .hero__pagination,
.hero .hero__nav,
.hero .swiper-pagination,
.hero .swiper-button-prev,
.hero .swiper-button-next {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Desktop / tablet hero stability */
.hero {
  position: relative !important;
  height: var(--hero-height, 90vh) !important;
  min-height: 620px !important;
  overflow: hidden !important;
  background: #080808 !important;
}
.hero__swiper,
.hero__swiper .swiper-wrapper,
.hero__swiper .swiper-slide,
.hero__slide {
  height: 100% !important;
  min-height: 620px !important;
}
.hero__slide {
  background-size: cover !important;
  background-position: center center !important;
}
.hero__content {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  padding: 110px 0 150px !important;
  min-height: 0 !important;
  text-align: inherit;
  justify-content: flex-end ;
}
.hero__text {
  max-width: 760px !important;
  width: 100% !important;
}
.hero__title {
  font-size: clamp(2.35rem, 4.9vw, 4.45rem) !important;
  line-height: 1.12 !important;
  margin-bottom: 1.1rem !important;
}
.hero__subtitle {
  font-size: clamp(1rem, 1.65vw, 1.28rem) !important;
  line-height: 1.85 !important;
  max-width: 720px !important;
  margin-bottom: 1.6rem !important;
}
.hero__ctas {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}
.hero__search {
  margin-top: 30px !important;
  position: relative !important;
  z-index: 4 !important;
}
.quick-search {
  width: min(100%, 860px) !important;
  max-width: 860px !important;
  margin-inline: 0 !important;
}
.rtl .quick-search { margin-right: 0 !important; margin-left: auto !important; }
.ltr .quick-search { margin-left: 0 !important; margin-right: auto !important; }
.hero__stats {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 5 !important;
}

/* Homepage articles: override inline repeat(count) so mobile does not create skinny columns */
.blog-posts-grid,
.blog-posts.blog-layout-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}
.blog-card {
  min-width: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
}
.blog-card__image,
.blog-card__image img {
  width: 100% !important;
  display: block !important;
}
.blog-card__image img {
  height: 210px !important;
  object-fit: cover !important;
}
.blog-card__body {
  padding: 22px !important;
}
.blog-card__title,
.blog-card__title a {
  overflow-wrap: normal !important;
  word-break: normal !important;
  line-height: 1.45 !important;
}
.blog-card__excerpt {
  overflow-wrap: normal !important;
  word-break: normal !important;
  line-height: 1.85 !important;
}

@media (max-width: 1024px) {
  .site-header__inner { gap: 14px !important; }
  .site-header__actions { gap: 10px !important; }
  .hero {
    height: auto !important;
    min-height: 620px !important;
  }
  .hero__content {
    padding-top: 105px !important;
    padding-bottom: 138px !important;
    text-align: center !important;
  }
  .hero__text,
  .hero__subtitle,
  .quick-search {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .hero__ctas { justify-content: center !important; }
  .quick-search {
    padding: 18px !important;
  }
}

@media (max-width: 768px) {
  html, body { overflow-x: hidden !important; }

  /* Header: keep items inside viewport without changing switcher logic */
  .site-header { height: 76px !important; }
  .site-header .container { padding-left: 12px !important; padding-right: 12px !important; }
  .site-header__inner {
    height: 76px !important;
    gap: 10px !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
  }
  .site-header__logo {
    order: 1 !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }
  .site-header__logo img {
    height: 34px !important;
    max-width: 145px !important;
    object-fit: contain !important;
  }
  .site-header__actions {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
    overflow: visible !important;
  }
  .header-icon,
  .header-search__toggle {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
  }
  .lang-switcher--header.lang-switcher--clean,
  .lang-switcher--header {
    flex: 0 0 auto !important;
    max-width: 112px !important;
    min-height: 36px !important;
    padding: 3px !important;
    transform: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
  }
  .lang-switcher--header.lang-switcher--clean .lang-item,
  .lang-switcher--header .lang-item {
    min-width: 45px !important;
    height: 31px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }
  .site-header__mobile-toggle {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
  }

  /* Hero: remove the white gap by making background absolute and content define height */
  .hero {
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .hero__swiper,
  .hero__swiper .swiper-wrapper,
  .hero__swiper .swiper-slide,
  .hero__slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
  }
  .hero__slide {
    background-position: center center !important;
  }
  .hero__overlay { z-index: 1 !important; }
  .hero__content {
    position: relative !important;
    inset: auto !important;
    z-index: 3 !important;
    min-height: 520px !important;
    padding: 86px 0 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .hero__content > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
  .hero__title {
    font-size: clamp(2rem, 10vw, 3rem) !important;
    line-height: 1.18 !important;
    margin-bottom: 14px !important;
    text-wrap: balance;
  }
  .hero__subtitle {
    font-size: 1rem !important;
    line-height: 1.85 !important;
    max-width: 100% !important;
    margin: 0 auto 22px !important;
  }
  .hero__ctas {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 12px !important;
    justify-content: center !important;
  }
  .hero__ctas .btn {
    width: 100% !important;
    min-height: 56px !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-size: 16px !important;
  }
  .hero__search {
    margin-top: 18px !important;
    width: 100% !important;
  }
  .quick-search {
    width: 100% !important;
    padding: 14px !important;
    border-radius: 20px !important;
    display: grid !important;
    gap: 12px !important;
    background: rgba(255,255,255,.97) !important;
  }
  .quick-search__fields {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .quick-search__field select,
  .quick-search__btn {
    min-height: 48px !important;
    width: 100% !important;
  }
  .hero__stats {
    position: relative !important;
    bottom: auto !important;
    margin: 0 !important;
    z-index: 6 !important;
  }
  .hero__stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .hero__stat { padding: 14px 8px !important; }

  /* Articles section mobile */
  .section-blog.section-pad {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }
  .section-blog .section-header,
  .section-header.flex-between {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 18px !important;
    text-align: right !important;
  }
  .section-blog .section-title {
    font-size: 30px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }
  .section-blog .btn-read-all {
    width: fit-content !important;
    max-width: 100% !important;
    align-self: flex-start !important;
  }
  .blog-posts-grid,
  .blog-posts.blog-layout-grid,
  .blog-posts.blog-layout-list {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .blog-card {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .blog-card__image img {
    height: 220px !important;
  }
  .blog-card__body {
    padding: 20px !important;
  }
  .blog-card__title {
    font-size: 22px !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 520px) {
  .site-header__logo img { max-width: 128px !important; height: 32px !important; }
  .header-icon:nth-of-type(1) { display: none !important; }
  .lang-switcher--header.lang-switcher--clean,
  .lang-switcher--header { max-width: 104px !important; }
  .lang-switcher--header.lang-switcher--clean .lang-item,
  .lang-switcher--header .lang-item { min-width: 42px !important; padding: 0 8px !important; }
  .hero__content { min-height: 500px !important; padding-top: 72px !important; padding-bottom: 24px !important; }
  .hero__title { font-size: clamp(1.8rem, 10.5vw, 2.55rem) !important; }
  .hero__subtitle { font-size: .95rem !important; }
  .quick-search { padding: 12px !important; }
  .hero__stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .hero__stat-num { font-size: 1.35rem !important; }
  .hero__stat-label { font-size: .72rem !important; }
  .blog-card__image img { height: 205px !important; }
}

@media (max-width: 380px) {
  .site-header__logo img { max-width: 108px !important; }
  .header-icon { display: none !important; }
  .header-search { display: block !important; }
  .hero__content > .container { padding-left: 16px !important; padding-right: 16px !important; }
  .hero__ctas .btn { min-height: 52px !important; }
}

/* === Article page requested upgrades: sticky sidebar, related posts, final related cars === */
.single-post .article-pro-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 300px;
  gap:34px;
  align-items:start;
}
.single-post .article-pro-sidebar{align-self:start;min-width:0}
.single-post .article-pro-sticky{
  position:sticky;
  top:105px;
  display:flex;
  flex-direction:column;
  gap:18px;
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
  z-index:2;
}
.single-post .article-sidebar-box{
  background:#fff;
  border:1px solid #e8ebf2;
  border-radius:28px;
  padding:24px;
  box-shadow:0 18px 45px rgba(15,23,42,.08);
}
.single-post .article-sidebar-cta strong{display:block;font-size:22px;line-height:1.45;margin-bottom:8px;color:#101827;font-weight:950}
.single-post .article-sidebar-cta p{color:#667085;line-height:1.8;margin:0 0 18px}
.single-post .article-sidebar-related-posts h3{margin:0 0 16px;color:#101827;font-size:20px;font-weight:950}
.single-post .article-sidebar-post{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:center;text-decoration:none;padding:12px 0;border-top:1px solid #eef1f6;color:#101827}
.single-post .article-sidebar-post:first-of-type{border-top:0;padding-top:0}
.single-post .article-sidebar-post__thumb{display:block;width:74px;height:58px;border-radius:16px;overflow:hidden;background:#f3f4f6}
.single-post .article-sidebar-post__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.single-post .article-sidebar-post__content strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.55;font-weight:900}
.single-post .article-sidebar-post__content small{display:block;margin-top:5px;color:#98a2b3;font-size:12px;font-weight:800}
.single-post .article-related-fullwidth{margin-top:52px;padding:72px 0;background:linear-gradient(180deg,#f6f8fc 0%,#fff 100%);border-top:1px solid #e8ebf2}
.single-post .article-related-cars-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.single-post .article-related-cars-carousel{display:flex!important;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 18px;-webkit-overflow-scrolling:touch}
.single-post .article-related-cars-carousel>*{flex:0 0 min(360px,86vw);scroll-snap-align:start}
@media(max-width:1180px){.single-post .article-pro-layout{grid-template-columns:minmax(0,1fr) 280px}.single-post .article-related-cars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:992px){.single-post .article-pro-layout{grid-template-columns:1fr}.single-post .article-pro-sidebar{display:block}.single-post .article-pro-sticky{position:static}.single-post .article-related-cars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.single-post .article-sidebar-post{grid-template-columns:68px minmax(0,1fr)}.single-post .article-related-cars-grid{grid-template-columns:1fr}.single-post .article-related-fullwidth{padding:44px 0}}

/* === v1.0.3 article fixes: lead form, inline car cards, sticky sidebar === */
.single-post .article-pro-lead-form--compact .article-pro-form-grid label:nth-child(3){grid-column:1/-1!important;}
.single-post .article-pro-lead-form--compact .article-pro-form-grid select{width:100%!important;}
.single-post .article-pro-lead-form--compact .article-pro-form-grid select option{background:#ffffff!important;color:#101827!important;}
.single-post .article-inline-cars-block .article-related-cars-grid--style1{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.single-post .article-inline-cars-block .article-related-cars-grid--style2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.single-post .article-inline-cars-block .article-related-cars-grid--style3,
.single-post .article-inline-cars-block .article-related-cars-grid--style4,
.single-post .article-inline-cars-block .article-related-cars-grid--style5{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.single-post .article-inline-cars-block .article-related-cars-carousel{display:flex!important;grid-template-columns:none!important;}
.single-post .article-pro-layout{overflow:visible!important;align-items:flex-start!important;}
.single-post .article-pro-sidebar{display:block!important;align-self:stretch!important;overflow:visible!important;}
.single-post .article-pro-sticky{position:-webkit-sticky!important;position:sticky!important;top:110px!important;height:max-content!important;z-index:10!important;}
.admin-bar.single-post .article-pro-sticky{top:142px!important;}
@media(max-width:900px){
  .single-post .article-inline-cars-block .article-related-cars-grid--style1,
  .single-post .article-inline-cars-block .article-related-cars-grid--style3,
  .single-post .article-inline-cars-block .article-related-cars-grid--style4,
  .single-post .article-inline-cars-block .article-related-cars-grid--style5{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  .single-post .article-pro-lead-form--compact .article-pro-form-grid label:nth-child(3){grid-column:auto!important;}
  .single-post .article-inline-cars-block .article-related-cars-grid--style1,
  .single-post .article-inline-cars-block .article-related-cars-grid--style2,
  .single-post .article-inline-cars-block .article-related-cars-grid--style3,
  .single-post .article-inline-cars-block .article-related-cars-grid--style4,
  .single-post .article-inline-cars-block .article-related-cars-grid--style5{grid-template-columns:1fr!important;}
  .single-post .article-pro-sticky{position:static!important;}
}

/* =========================================================
   Mobile hero content visibility fix
   Keeps desktop untouched, improves hero readability on small screens
   ========================================================= */
@media (max-width: 768px) {
  .hero {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    background-color: #080808 !important;
  }

  .hero__swiper,
  .hero__swiper .swiper-wrapper,
  .hero__swiper .swiper-slide,
  .hero__slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
  }

  .hero__slide {
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
  }

  .hero__overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background: linear-gradient(180deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.48) 48%, rgba(0,0,0,.78) 100%) !important;
  }

  .hero__content {
    position: relative !important;
    z-index: 3 !important;
    min-height: 670px !important;
    padding: 118px 0 46px !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .hero__text {
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  .hero__title {
    font-size: clamp(2.05rem, 9vw, 2.85rem) !important;
    line-height: 1.18 !important;
    margin: 0 auto 16px !important;
    max-width: 92vw !important;
    color: #fff !important;
  }

  .hero__subtitle {
    font-size: clamp(.9rem, 3.8vw, 1rem) !important;
    line-height: 1.9 !important;
    margin: 0 auto 22px !important;
    max-width: 92vw !important;
    color: rgba(255,255,255,.88) !important;
  }

  .hero__ctas {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: min(100%, 320px) !important;
    margin: 0 auto !important;
  }

  .hero__ctas .btn {
    width: 100% !important;
    min-height: 52px !important;
    padding: 12px 18px !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  .hero__stats {
    position: relative !important;
    z-index: 4 !important;
    margin: 0 !important;
  }

  .hero-search-after-section {
    position: relative !important;
    z-index: 5 !important;
    margin: 0 !important;
    padding: 0 0 24px !important;
    background: #fff !important;
  }

  .hero-search-after-section .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .hero-search-after-section .hero__search {
    margin: 0 !important;
    transform: none !important;
  }

  .hero-search-after-section .quick-search {
    margin: 0 auto !important;
    transform: translateY(0) !important;
  }
}

@media (max-width: 520px) {
  .hero__content {
    min-height: 670px !important;
    padding-top: 108px !important;
    padding-bottom: 38px !important;
  }

  .hero__title {
    font-size: clamp(1.95rem, 10vw, 2.55rem) !important;
  }

  .hero__subtitle {
    font-size: .92rem !important;
  }
}

/* =============================================
   SINGLE CAR — FULL MOBILE RESPONSIVE
   ============================================= */

/* ── Breadcrumb ─────────────── */
@media (max-width: 768px) {
  .car-breadcrumb { font-size: .75rem; padding: .5rem 0; }
  .car-breadcrumb a, .car-breadcrumb span { font-size: .75rem; }
}

/* ── Gallery ────────────────── */
@media (max-width: 768px) {
  .car-gallery { margin-bottom: 0; }
  .car-gallery__main {
    border-radius: 0;
    aspect-ratio: 4/3;
    max-height: 280px;
  }
  .car-gallery__thumbs { height: 60px; }
  .car-gallery__thumbs .swiper-slide { height: 52px; }
}

/* ── Price card on mobile ───── */
@media (max-width: 1024px) {
  .car-single__sidebar { padding: 0; }

  .car-price-card {
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-top: none;
    box-shadow: none;
    padding: 1rem 1.25rem;
  }

  /* Title + badges: compact on mobile */
  .car-price-card__title { font-size: 1.2rem; }
  .car-price-card__meta  { flex-wrap: wrap; gap: .35rem; }

  /* Specs grid: 2 columns */
  .car-price-card__specs { grid-template-columns: 1fr 1fr; gap: .35rem; }
  .car-spec-item { font-size: .82rem; }

  /* Price */
  .car-price-card__price-cash { font-size: 1.6rem; }

  /* Desktop actions hidden - mobile bar takes over */
  .car-price-card__actions { display: none; }

  /* Compare/wishlist secondary row: show below price */
  .car-price-card__secondary {
    display: flex !important;
    gap: .5rem;
    margin-top: .75rem;
  }
  .car-price-card__secondary .btn { flex: 1; font-size: .8rem; padding: .5rem; }
}

/* ── Accordion ──────────────── */
@media (max-width: 768px) {
  .car-accordion { margin: 0; }
  .car-accordion__header { padding: .875rem 1rem; font-size: .9rem; }
  .car-accordion__panel  { padding: 1rem; }
  .specs-table th, .specs-table td { font-size: .8rem; padding: .4rem .5rem; }
}

/* mobile-car-bar: defined above */

/* ── Related section ────────── */
@media (max-width: 768px) {
  .car-related { padding: 1.5rem 0; }
  .car-related h2 { font-size: 1.1rem; padding: 0 1rem; margin-bottom: 1rem; }
}

/* ── General page padding ───── */
@media (max-width: 480px) {
  .container { padding-left: 1rem; padding-right: 1rem; }
  .car-price-card { padding: .875rem 1rem; }
}

/* Responsive hero images: desktop image on large screens, dedicated mobile image on phones */
.at-responsive-hero-bg {
    background-image: var(--hero-desktop-image) !important;
}
.hero-split__image picture {
    display: block;
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
    .at-responsive-hero-bg {
        background-image: var(--hero-mobile-image, var(--hero-desktop-image)) !important;
        background-position: center center !important;
    }
}


/* =========================================================
   Responsive hero image hard-fix
   Uses a real <picture> layer on top of the CSS background so mobile never falls back to black.
   ========================================================= */
.hero__slide {
    position: relative !important;
    overflow: hidden !important;
    background-color: #111 !important;
}
.hero__responsive-media {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}
.hero__responsive-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}
.hero-split__image .hero__responsive-media--static {
    position: relative !important;
}
.hero__slide > .hero__overlay,
.hero__video-bg > .hero__overlay {
    z-index: 1 !important;
}
.hero--slider,
.hero--image,
.hero--minimal {
    position: relative !important;
    overflow: hidden !important;
}

@media (max-width: 768px) {
    .hero--slider,
    .hero--image,
    .hero--minimal {
        height: 670px !important;
        min-height: 670px !important;
        max-height: none !important;
        overflow: hidden !important;
        background: #111 !important;
    }

    .hero--slider .hero__swiper,
    .hero--slider .hero__swiper .swiper-wrapper,
    .hero--slider .hero__swiper .swiper-slide,
    .hero--slider .hero__slide,
    .hero--image .hero__slide,
    .hero--minimal .hero__swiper,
    .hero--minimal .hero__swiper .swiper-wrapper,
    .hero--minimal .hero__swiper .swiper-slide,
    .hero--minimal .hero__slide {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 670px !important;
        min-height: 670px !important;
    }

    .hero__responsive-media img {
        object-position: center top !important;
    }

    .hero__content {
        position: relative !important;
        z-index: 3 !important;
        min-height: 670px !important;
    }
}

@media (max-width: 520px) {
    .hero--slider,
    .hero--image,
    .hero--minimal,
    .hero--slider .hero__swiper,
    .hero--slider .hero__swiper .swiper-wrapper,
    .hero--slider .hero__swiper .swiper-slide,
    .hero--slider .hero__slide,
    .hero--image .hero__slide,
    .hero--minimal .hero__swiper,
    .hero--minimal .hero__swiper .swiper-wrapper,
    .hero--minimal .hero__swiper .swiper-slide,
    .hero--minimal .hero__slide,
    .hero__content {
        height: 620px !important;
        min-height: 620px !important;
    }
}

/* =========================================================
   v1.0.8 mobile hero logo fallback — remove black CSS layer
   ========================================================= */
.hero__mobile-logo-fallback-img {
    display: none;
}

@media (max-width: 768px) {
    .hero .at-mobile-logo-fallback {
        background: #f4f4f4 !important;
        background-image: none !important;
        background-color: #f4f4f4 !important;
    }

    .hero .at-mobile-logo-fallback .hero__responsive-media,
    .hero .swiper-slide.at-mobile-logo-fallback .hero__responsive-media {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    .hero .at-mobile-logo-fallback .hero__mobile-logo-fallback-img,
    .hero .swiper-slide.at-mobile-logo-fallback .hero__mobile-logo-fallback-img {
        display: block !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: min(68vw, 300px) !important;
        height: auto !important;
        max-width: 300px !important;
        max-height: 190px !important;
        transform: translate(-50%, -50%) !important;
        object-fit: contain !important;
        object-position: center center !important;
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: none !important;
    }

    .hero .at-mobile-logo-fallback > .hero__overlay,
    .hero .swiper-slide.at-mobile-logo-fallback .hero__overlay {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .hero--slider,
    .hero--image,
    .hero--minimal {
        background-color: transparent !important;
    }
}


/* =========================================================
   v1.1.7 BRAND ARCHIVE GRID ALIGNMENT FIX
   Prevents brand archive cards from sticking to the right edge on wide screens.
   ========================================================= */
.brand-archive-page .brand-cars-container {
    width: min(100%, var(--container, 1280px)) !important;
    max-width: var(--container, 1280px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.brand-archive-page .brand-cars-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1.5rem !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.brand-archive-page .brand-archive-hero__inner {
    justify-content: center !important;
}

@media (max-width: 1200px) {
    .brand-archive-page .brand-cars-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .brand-archive-page .brand-cars-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 600px) {
    .brand-archive-page .brand-cars-container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .brand-archive-page .brand-cars-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
}



/* =========================================================
   v1.1.8 BRAND ARCHIVE CENTERED FLEX LAYOUT
   Uses a dedicated flex layout instead of the global RTL cars-grid.
   This prevents brand archive cards from sticking to the right edge.
   ========================================================= */
.brand-archive-page .brand-cars-container {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.brand-archive-page .brand-cars-grid {
    /*display: flex !important;*/
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    direction: rtl !important;
}

.brand-archive-page .brand-cars-grid > article,
.brand-archive-page .brand-cars-grid > .car-card {
    width: 300px !important;
    max-width: 300px !important;
    flex: 0 0 300px !important;
}

.brand-archive-page .brand-archive-hero__inner {
    justify-content: center !important;
}

@media (max-width: 900px) {
    .brand-archive-page .brand-cars-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .brand-archive-page .brand-cars-grid > article,
    .brand-archive-page .brand-cars-grid > .car-card {
        width: min(100%, 340px) !important;
        max-width: 340px !important;
        flex-basis: min(100%, 340px) !important;
    }
}

@media (max-width: 600px) {
    .brand-archive-page .brand-cars-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .brand-archive-page .brand-cars-grid {
        gap: 18px !important;
    }

    .brand-archive-page .brand-cars-grid > article,
    .brand-archive-page .brand-cars-grid > .car-card {
        width: 100% !important;
        max-width: 420px !important;
        flex-basis: 100% !important;
    }
}