@media (max-width:767px){
    
    .edit-booking-box{
    display:none;
}

.exchange-rate-notice{

    margin-top:10px;

    margin-bottom:14px;

    font-size:14px;

    line-height:1.5;

    color:#6b7280;

}

    .edit-booking-box{

        display:block;

        margin:0 0 14px;

        padding-bottom:14px;

        border-bottom:1px solid #111827;

    }

    .edit-booking-btn{

        display:inline-flex;

        align-items:center;

        gap:6px;

        font-size:16px;

        font-weight:600;

        color:#2ec4b6;

        text-decoration:none;

    }

.vehicle-placeholder{

    margin-top:10px;

    padding:14px 16px;

    border:1px solid #D9F4EF;

    border-radius:14px;

    background:#F7FFFE;

    color:#4B5563;

    font-size:14px;

    line-height:1.6;

}
    
    .gtrip-booking-page:not(.home-mode) .booking-mobile-route{
    display:none;
}

    .booking-layout{
        display:flex;
        flex-direction:column;
        gap:20px;
    }
    
    /* Home only */
.home-mode .booking-main{
    display:none;
}

.booking-sidebar{
    

    position:sticky;
    top:0;
    z-index:100;

    width:100%;

    margin:0;
    padding:0;

    background:#fff;
}

    .booking-main{
        margin-top:16px;
        width:100%;
        padding-bottom:0px;
    }

#vehicle-cards{
    padding:0;
    margin-top:20px;
}

.vehicle-section{
    padding-left:4px;
    padding-right:4px;
}
    
    .pax-row{
    align-items:center !important;
}

.pax-control{
    display:flex;
    align-items:center;
}

.pax-control button,
.pax-control span{
    align-self:center;
}
/* Passenger text */
.gtrip-passengers .pax-row span,
.gtrip-passengers .pax-row small{
    color:#111827;
}

.gtrip-passengers .pax-row > span{
    display:flex;
    align-items:center;

    color:#111827 !important;
    font-size:16px;
    font-weight:700;
    letter-spacing:-0.2px;
}

.gtrip-passengers .pax-row > span small{
    margin-left:4px;
    
    color:#6b7280 !important;
    font-size:13px;
    font-weight:600;
}
    #booking-summary-top,
    #booking-summary-breakdown{
        background:#fff;
    }




.vehicle-note,
.vehicle-features{
    display:none;
}



/* Card */
.vehicle-card{
    font-size:16px;
    color:#111827;
    padding:10px 12px;

      border-radius:16px;

    padding:14px;
    
  width:100%;
    max-width:none;


}

/* Row */
.vehicle-row{

    display:flex;

    width:100%;

    align-items:flex-start;

    gap:12px;

    min-height:72px;

}

/* Image */
.vehicle-image-wrap{
    width:72px;
    flex:0 0 72px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
}

.vehicle-image{
    width:72px;
    height:auto;
    display:block;
}

/* Info */

/* Title */
.vehicle-title,
.vehicle-info h4{

    font-size:12px;
    font-weight:600;
    color:#111827;
    line-height:1.2;

    margin:0 0 2px;

    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;

    overflow:hidden;
}

/* Subtitle */
.vehicle-info p,
.vehicle-meta,
.vehicle-capacity{
    font-size:12px;
    line-height:1.2;
    color:#6b7280;
    margin:0;
}

/* Price */
.vehicle-price{
    font-size:16px;
    font-weight:700;
    color:#111827;
    white-space:nowrap;
}

.vehicle-spec{
    font-size:13px !important;
    line-height:1.2;
}

.vehicle-info{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:6px;

}

.vehicle-top{

    display:grid;

    grid-template-columns:minmax(0,1fr) auto;

    align-items:start;

    column-gap:12px;

}
.vehicle-title-wrap{

    min-width:0;

    overflow:hidden;

}



.vehicle-price-old{

    font-size:13px;

    line-height:1;

    margin-bottom:2px;
}

.vehicle-price-sale{

    font-size:16px;

    line-height:1;
}


.vehicle-spec-row{

    display:flex;
    align-items:center;

    gap:16px;

    margin-top:4px;

}

.vehicle-spec{

    display:flex;
    align-items:center;

    gap:4px;

    font-size:12px;
    line-height:1.2;

    white-space:nowrap;

    color:#4b5563;

}

.vehicle-title{
    margin-bottom:2px;
}

.vehicle-meta{

    margin-bottom:6px;

    white-space:normal;

    overflow:visible;

    text-overflow:unset;

    line-height:1.3;

}

.vehicle-price-wrap{

    display:flex;

    flex-direction:column;

    align-items:flex-end;

    justify-content:flex-start;

    white-space:nowrap;

}
.vehicle-price-old{
    display:block !important;

    font-size:14px;
    color:#9ca3af;
    text-decoration:line-through;
}

.vehicle-price-sale{
    display:block !important;

    font-size:18px;
    font-weight:600;
    color:#ef4444;
}

.vehicle-price-convert{

    margin-top:6px;

    font-size:12px;

    line-height:1.25;

    text-align:right;

}
.vehicle-top,
.vehicle-spec-row,
.vehicle-note,
.vehicle-features{
    
    margin:0;
}

.vehicle-card.selected{

    background:#ffffff;
    border:2px solid #2ec4b6;
    box-shadow:0 2px 10px rgba(46,196,182,.15);


}


.gtrip-booking-page:not(.home-mode) .booking-bottom{

    position:fixed;

    left:0;
    right:0;
    bottom:0;

    width:100%;

    box-sizing:border-box;

    z-index:1000;

    background:#fff;

    padding:12px 16px calc(12px + env(safe-area-inset-bottom));

    border-top:1px solid #e5e7eb;

    box-shadow:0 -8px 24px rgba(0,0,0,.08);

}

.gtrip-booking-page:not(.home-mode) .booking-main{
    padding-bottom:340px;
   
}


.summary-total-right{

    display:flex;
    flex-direction:row;

    align-items:center;
    justify-content:flex-end;

    gap:6px;

    font-size:16px;
    font-weight:600;

    color:#111827;
}

.summary-total-right > :first-child{

    line-height:1;
}

.summary-total-right .summary-currency-row{

    display:inline;

    margin:0;

    font-size:16px;

    color:#111827;

    line-height:1;

    white-space:nowrap;

}

.summary-currency-row{

    font-size:12px;
    color:#6b7280;
    line-height:1.1;
    margin-top:1px;
}

.summary-total-right>:first-child{

    font-size:16px;
    font-weight:500;

}

.summary-line.total{

    font-size:16px;

}

.summary-line.total span{

    font-size:16px;

}

.summary-line.total .summary-total-right{

    font-size:16px;

}

.summary-line.total .summary-total-right>:first-child{

    font-size:16px;

}

.summary-line.total .summary-currency-row{

    font-size:16px;

}

    /* หน้า Booking เท่านั้น */
    .gtrip-booking-page:not(.home-mode) .booking-summary h3,
    .gtrip-booking-page:not(.home-mode) .booking-trip,
    .gtrip-booking-page:not(.home-mode) label[for="gtrip-date"],
    .gtrip-booking-page:not(.home-mode) #gtrip-date,
    .gtrip-booking-page:not(.home-mode) #gtrip-add-return-btn,
    .gtrip-booking-page:not(.home-mode) #gtrip-return-date-wrap,

    /* เพิ่ม */
    .gtrip-booking-page:not(.home-mode) .booking-section-divider,
    .gtrip-booking-page:not(.home-mode) > h3,
   .gtrip-booking-page:not(.home-mode) .gtrip-passengers .pax-row,
   .gtrip-booking-page:not(.home-mode) .gtrip-field > label,
.gtrip-booking-page:not(.home-mode) .booking-bottom .summary-line:not(.total){
    display:none !important;

}



}