
/* TaksimTransfer V6.5.1 - isolated vehicle detail */
.vehicle-detail-hero{background:linear-gradient(100deg,#082e60,#0e73e8);color:#fff;padding:43px 0}
.vehicle-detail-kicker{font-size:9px;letter-spacing:1.8px;font-weight:850;opacity:.92}
.vehicle-detail-hero h1{font-size:39px;line-height:1.08;letter-spacing:-1.5px;margin:8px 0 9px}
.vehicle-detail-hero p{font-size:13px;line-height:1.65;color:#e2efff;margin:0;max-width:670px}
.vehicle-detail-main{padding:40px 0 46px;background:#f7faff}
.vehicle-detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);gap:20px;align-items:start}
.vehicle-detail-left{display:grid;gap:18px;min-width:0}
.vehicle-main-card,.vehicle-info-block,.vehicle-book-card{background:#fff;border:1px solid #e3eaf3;border-radius:16px;box-shadow:0 10px 28px rgba(8,43,89,.055)}
.vehicle-main-card{overflow:hidden}
.vehicle-main-image{height:390px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f7fbff,#edf4fb);position:relative;padding:28px;overflow:hidden}
.vehicle-main-image img{display:block;width:100%;height:100%;max-width:100%;max-height:330px;object-fit:contain;margin:auto}
.vehicle-main-badge{position:absolute;left:18px;top:18px;background:#fff;color:#146ef5;border:1px solid #dce9f9;border-radius:999px;padding:7px 10px;font-size:8px;letter-spacing:1px;font-weight:850;box-shadow:0 6px 18px rgba(8,43,89,.07)}
.vehicle-quick-specs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e8edf4}
.vehicle-quick-specs>div{padding:15px;text-align:center;border-right:1px solid #eef2f6}
.vehicle-quick-specs>div:last-child{border-right:0}
.vq-icon{display:block;font-size:19px;color:#146ef5;margin-bottom:5px}
.vehicle-quick-specs small{display:block;font-size:8px;color:#79899f;margin-bottom:3px}
.vehicle-quick-specs strong{display:block;font-size:10.5px;color:#17355c}
.vehicle-info-block{padding:22px}
.vehicle-info-block h2{font-size:24px;letter-spacing:-.7px;margin:7px 0 10px}
.vehicle-info-block>p{font-size:11.5px;line-height:1.75;color:#62748e;margin:0 0 9px}
.vehicle-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}
.vehicle-feature-grid article{display:flex;gap:10px;border:1px solid #e7edf4;border-radius:12px;padding:13px;background:#fbfdff}
.vf-icon{width:29px;height:29px;flex:0 0 auto;border-radius:9px;background:#eaf3ff;color:#146ef5;display:grid;place-items:center;font-weight:900}
.vehicle-feature-grid h3{font-size:11px;margin:0 0 4px}
.vehicle-feature-grid p{font-size:9.5px;line-height:1.5;color:#6a7b93;margin:0}
.vehicle-book-card{padding:20px;position:sticky;top:92px}
.vehicle-book-top small{font-size:8px;letter-spacing:1.4px;color:#146ef5;font-weight:850}
.vehicle-book-top h2{font-size:21px;margin:6px 0 11px}
.vehicle-book-chips{display:flex;gap:7px;flex-wrap:wrap}
.vehicle-book-chips span{font-size:9px;color:#576a84;background:#f4f7fb;border:1px solid #e5ebf3;border-radius:7px;padding:7px 8px}
.vehicle-price-box{margin:17px 0 13px;padding:15px;background:#f7faff;border:1px solid #e4ebf4;border-radius:12px}
.vehicle-price-box small{display:block;font-size:8.5px;color:#73849b}
.vehicle-price-box strong{display:block;font-size:27px;color:#0a376f;margin:3px 0}
.vehicle-price-box span{display:block;font-size:8.8px;line-height:1.45;color:#7a899d}
.vehicle-primary-cta{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:9px;background:linear-gradient(90deg,#1478f4,#1267dc);color:#fff;font-size:10.5px;font-weight:850;box-shadow:0 8px 20px rgba(20,110,245,.18)}
.vehicle-book-benefits{display:grid;gap:9px;margin:17px 0}
.vehicle-book-benefits div{display:flex;gap:8px;align-items:center;font-size:9.5px;color:#556881}
.vehicle-book-benefits b{width:22px;height:22px;display:grid;place-items:center;background:#eaf9ef;color:#17a34a;border-radius:7px}
.vehicle-help{border-top:1px solid #edf1f5;padding-top:14px}
.vehicle-help small{font-size:8px;letter-spacing:1px;color:#7b899c;font-weight:850}
.vehicle-help p{font-size:9.5px;line-height:1.55;color:#697b92}
.vehicle-help a{font-size:9.5px;color:#146ef5;font-weight:800}
.vehicle-why-section{padding:44px 0;background:#fff}
.vehicle-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.vehicle-why-grid article{border:1px solid #e5ecf4;border-radius:14px;padding:18px;background:#fff;box-shadow:0 7px 22px rgba(8,43,89,.04)}
.vehicle-why-grid article>div{width:36px;height:36px;border-radius:10px;background:#eaf3ff;color:#146ef5;display:grid;place-items:center;font-size:10px;font-weight:850}
.vehicle-why-grid h3{font-size:12px;margin:11px 0 5px}
.vehicle-why-grid p{font-size:9.8px;line-height:1.55;color:#6b7c93;margin:0}
.vehicle-related-section{padding:42px 0;background:#f7faff}
.vehicle-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vehicle-related-card{overflow:hidden;background:#fff;border:1px solid #e5ebf3;border-radius:14px;box-shadow:0 8px 24px rgba(8,43,89,.04)}
.vehicle-related-img{height:150px;padding:12px;background:linear-gradient(180deg,#f8fbff,#eef4fa);display:flex;align-items:center;justify-content:center}
.vehicle-related-img img{width:100%;height:100%;object-fit:contain}
.vehicle-related-body{padding:14px}
.vehicle-related-body h3{font-size:12px;margin:0 0 6px}
.vehicle-related-body p{font-size:9px;color:#74849a;margin:0 0 11px}
.vehicle-related-body a{display:inline-flex;background:#0a376f;color:#fff;padding:8px 10px;border-radius:7px;font-size:9px;font-weight:800}
@media(max-width:900px){
 .vehicle-detail-layout{grid-template-columns:1fr}
 .vehicle-book-card{position:static}
 .vehicle-main-image{height:320px}
 .vehicle-why-grid{grid-template-columns:1fr 1fr}
 .vehicle-related-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .vehicle-detail-hero h1{font-size:31px}
 .vehicle-detail-main{padding-top:24px}
 .vehicle-main-image{height:230px;padding:17px}
 .vehicle-main-image img{max-height:205px}
 .vehicle-quick-specs{grid-template-columns:1fr 1fr}
 .vehicle-quick-specs>div:nth-child(2){border-right:0}
 .vehicle-quick-specs>div:nth-child(-n+2){border-bottom:1px solid #eef2f6}
 .vehicle-feature-grid,.vehicle-why-grid,.vehicle-related-grid{grid-template-columns:1fr}
 .vehicle-info-block,.vehicle-book-card{padding:16px}
}
