/* Dual daily/monthly price boxes + unified CTAs (same HTML/CSS on mobile and desktop) */
.car .budget-price-rows{
  display:grid !important;
  gap:9px !important;
  width:100% !important;
  max-width:100% !important;
  margin:14px 0 0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

.car .budget-price-rows .oc5-row,
.car .oc5-price-row{
  min-height:82px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(145px,42%) !important;
  align-items:stretch !important;
  overflow:hidden !important;
  border-radius:11px !important;
  text-decoration:none !important;
  background:linear-gradient(90deg,#fff3f4,#fff9f9) !important;
}

.car .oc5-left{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:11px 13px !important;
}

.car .oc5-copy{
  min-width:0 !important;
}

.car .oc5-copy strong{
  display:block !important;
  color:#111 !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

.car .oc5-copy small{
  display:block !important;
  margin-top:7px !important;
  color:#333 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
}

.car .oc5-big-icon{
  width:54px !important;
  height:54px !important;
  flex:0 0 54px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:11px !important;
  color:#d90023 !important;
  background:#ffdfe4 !important;
}

.car .oc5-big-icon svg{
  width:31px !important;
  height:31px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
}

.car .oc5-price-box{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 10px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#d90013,#e00000) !important;
}

.car .oc5-price-box strong{
  color:#fff !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.car .oc5-price-box span{
  display:block !important;
  margin-top:8px !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:700 !important;
}

@media (min-width:1200px){
  .car .budget-price-rows{
    gap:7px !important;
    margin-top:12px !important;
  }
  .car .budget-price-rows .oc5-row,
  .car .oc5-price-row{
    min-height:68px !important;
    grid-template-columns:minmax(0,1fr) minmax(110px,40%) !important;
  }
  .car .oc5-left{
    gap:8px !important;
    padding:8px !important;
  }
  .car .oc5-big-icon{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }
  .car .oc5-big-icon svg{
    width:22px !important;
    height:22px !important;
  }
  .car .oc5-copy strong{
    font-size:12px !important;
  }
  .car .oc5-copy small{
    margin-top:4px !important;
    font-size:9.5px !important;
  }
  .car .oc5-price-box{
    padding:6px !important;
  }
  .car .oc5-price-box strong{
    font-size:17px !important;
  }
  .car .oc5-price-box span{
    margin-top:5px !important;
    font-size:9px !important;
  }
}

@media (max-width:760px){
  .car .budget-price-rows .oc5-row,
  .car .oc5-price-row{
    min-height:84px !important;
    grid-template-columns:minmax(0,1fr) minmax(145px,39%) !important;
  }
  .car .oc5-left{
    gap:10px !important;
    padding:10px !important;
  }
  .car .oc5-big-icon{
    width:50px !important;
    height:50px !important;
    flex-basis:50px !important;
  }
  .car .oc5-big-icon svg{
    width:29px !important;
    height:29px !important;
  }
  .car .oc5-copy strong{
    font-size:15px !important;
  }
  .car .oc5-copy small{
    margin-top:6px !important;
    font-size:12px !important;
  }
  .car .oc5-price-box strong{
    font-size:22px !important;
  }
}

.car .car-go{
  display:none !important;
}

.car .budget-list-actions{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) !important;
  gap:8px !important;
  width:100% !important;
  max-width:100% !important;
  margin:10px 0 0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border:0 !important;
}

.car .budget-list-actions a,
.car .budget-list-call,
.car .budget-list-reserve,
.car .budget-card-whatsapp-static,
.car .budget-card-call{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:52px !important;
  padding:8px 6px !important;
  box-sizing:border-box !important;
  border:0 !important;
  border-radius:10px !important;
  color:#fff !important;
  text-align:center !important;
  text-decoration:none !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  overflow:hidden !important;
  white-space:normal !important;
  background-image:none !important;
}

.car .budget-list-actions a::before,
.car .budget-list-actions a::after,
.car .budget-card-call::before,
.car .budget-card-call::after,
.car .budget-card-whatsapp-static::before,
.car .budget-card-whatsapp-static::after{
  content:none !important;
  display:none !important;
}

.car .budget-list-call,
.car .budget-card-whatsapp-static{
  background:#25d366 !important;
  background-color:#25d366 !important;
}

.car .budget-list-reserve,
.car .budget-card-call{
  background:#dc2626 !important;
  background-color:#dc2626 !important;
}

.car .budget-list-actions a *,
.car .budget-card-call *,
.car .budget-card-whatsapp-static *{
  color:#fff !important;
}

.car .budget-list-actions svg{
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  fill:currentColor !important;
  stroke:none !important;
}

.car .budget-list-actions span:not(small){
  display:inline !important;
}

.car .budget-list-actions strong{
  display:block !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  text-align:center !important;
}

.car .budget-card-call small,
.car .budget-list-reserve small{
  display:block !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1.1 !important;
  margin-top:2px !important;
  white-space:nowrap !important;
}

@media (max-width:420px){
  .car .budget-list-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) !important;
    gap:6px !important;
  }
  .car .budget-list-actions strong{
    font-size:12px !important;
  }
  .car .budget-card-call small,
  .car .budget-list-reserve small{
    font-size:10px !important;
  }
}


/* 20260909 final: keep car specs side by side on mobile */
@media (max-width:760px){
  .budget-card .budget-card-specs,
  .car-card .budget-card-specs,
  .car-card .specs,
  .vehicle-card .specs,
  .cars-grid .specs{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
  }
  .budget-card .budget-card-specs > *,
  .car-card .budget-card-specs > *,
  .car-card .specs > *,
  .vehicle-card .specs > *,
  .cars-grid .specs > *{
    flex:1 1 0!important;
    min-width:0!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
}

/* 20260909 final2: force bottom specs into one row on mobile */
@media (max-width:760px){
  .budget-card-specs,
  .vehicle-specs,
  .car-specs,
  .spec-list,
  .specs-row,
  .car-features,
  .vehicle-features,
  .features-row,
  .cars-grid article > div:last-child,
  .cars-grid .card > div:last-child,
  article[class*="card"] > div:last-child{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
  }

  .budget-card-specs > *,
  .vehicle-specs > *,
  .car-specs > *,
  .spec-list > *,
  .specs-row > *,
  .car-features > *,
  .vehicle-features > *,
  .features-row > *,
  .cars-grid article > div:last-child > *,
  .cars-grid .card > div:last-child > *,
  article[class*="card"] > div:last-child > *{
    flex:1 1 0!important;
    min-width:0!important;
    width:auto!important;
    white-space:nowrap!important;
    font-size:12px!important;
    margin:0!important;
  }
}

/* 20260909 final3: exact car footer specs row */
@media (max-width:760px){
  .car-specs-foot{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
    align-items:center!important;
    border-top:1px solid #e5e7eb!important;
    padding-top:10px!important;
  }

  .car-specs-foot span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:0!important;
    white-space:nowrap!important;
    font-size:11px!important;
    line-height:1.2!important;
    margin:0!important;
  }

  .car-specs-foot svg{
    width:13px!important;
    height:13px!important;
    flex:0 0 13px!important;
  }
}
