/* ===========================
   Mobil Kart Düzeltmeleri
=========================== */

@media (max-width:768px){

    /* Genel kartlar */
    .card,
    .car-card,
    .reservation-card{
        width:100% !important;
        max-width:100% !important;
        margin:16px 0 !important;
        padding:18px !important;
        box-sizing:border-box;
    }

    /* Sağdaki fiyat alanı */
    .price-box,
    .booking-box,
    .summary-box{
        width:100% !important;
        max-width:none !important;
    }

    /* Buton */
    .btn,
    .btn-primary,
    .btn-book{
        width:100%;
    }

    /* Büyük fiyat */
    .price,
    .total-price{
        font-size:clamp(26px,8vw,36px);
    }

    p{
        word-break:break-word;
        line-height:1.5;
    }

}
@media (max-width:768px){

  .ad-rez-foot{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:24px !important;

    padding:22px !important;
  }

  .ad-total{
    width:100%;
  }

  .ad-total-amt{
    display:block;
    font-size:36px !important;
    line-height:1.1;
    margin-top:6px;
  }

  .ad-total span{
    font-size:15px;
  }

  .ad-total-hint{
    font-size:13px;
    line-height:1.6;
    margin-top:10px;
  }

  .ad-rez-submit{
    width:100% !important;
    min-width:0 !important;
    align-items:stretch !important;
  }

  .ad-rez-submit .btn{
    width:100% !important;
    padding:16px 20px !important;
    font-size:17px;
  }

  .ad-note{
    text-align:center !important;
    font-size:13px;
    max-width:none !important;
  }

}
@media (max-width:480px){

  .ad-rez-foot{
    padding:16px !important;
  }

  .ad-total-amt{
    font-size:28px !important;
  }

}

/* Küçük telefonlar */
@media (max-width:375px){
}

/* Standart telefonlar */
@media (max-width:430px){
}

/* Tablet */
@media (max-width:768px){
}

/* ==========================================
   ARAÇ DETAY - MOBİL DÜZELTMELER
========================================== */

@media screen and (max-width:768px){

  html,
  body{
    overflow-x:hidden;
  }

  .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:16px !important;
    padding-right:16px !important;
    box-sizing:border-box;
  }

  .ad-hero{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  .ad-hero-media,
  .ad-hero-panel{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .ad-hero-panel{
    padding:20px !important;
    box-sizing:border-box;
  }

  .ad-rez-foot{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:20px !important;
    padding:18px !important;
    border-left-width:4px !important;
  }

  .ad-total{
    width:100% !important;
  }

  .ad-total span,
  .ad-total small{
    display:block;
    line-height:1.5;
  }

  .ad-total-amt{
    display:block;
    font-size:34px !important;
    line-height:1.1;
    margin-top:8px;
  }

  .ad-rez-submit{
    width:100% !important;
    min-width:0 !important;
    align-items:stretch !important;
  }

  .ad-rez-submit .btn{
    width:100% !important;
    white-space:normal !important;
    padding:16px !important;
  }

  .ad-note{
    max-width:none !important;
    text-align:center !important;
  }

}