/* =====================================================
   SEQUENT TOURS & TRAVELS
   FILE        : vehicles.css
   VERSION     : 1.0
   AUTHOR      : Sequent Travels
   DESCRIPTION : Vehicles Listing Page
===================================================== */

.page-hero{width:100%;height:300px;padding-top:90px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#F7F7F7,#FFFFFF);}
.page-hero::before{content:"";position:absolute;top:-220px;left:-220px;width:500px;height:500px;background:rgba(217,119,6,.08);border-radius:50%;pointer-events:none;}
.page-hero::after{content:"";position:absolute;right:-260px;bottom:-260px;width:600px;height:600px;background:rgba(217,119,6,.05);border-radius:50%;pointer-events:none;}
.page-overlay{position:relative;z-index:2;max-width:700px;padding:0 24px;text-align:center;}
.page-overlay h1{margin:0 0 14px;color:#222;font-size:48px;font-weight:500;line-height:1.2;}
.page-overlay p{margin:0;color:#6B7280;font-size:16px;line-height:1.8;}

.vehicles-section{width:100%;padding:90px 80px 110px;background:#FAFAF8;overflow:hidden;}
.vehicles-heading{width:100%;max-width:1280px;margin:0 auto 34px;text-align:left;}
.vehicles-heading span{display:inline-block;margin-bottom:10px;color:#D97706;font-size:12px;font-weight:600;letter-spacing:2px;}
.vehicles-heading h2{margin:0 0 8px;color:#222;font-size:30px;font-weight:500;line-height:1.3;}
.vehicles-heading p{max-width:620px;margin:0;color:#6B7280;font-size:15px;line-height:1.8;}
.bus-title{margin-top:80px;}

.vehicle-grid{width:100%;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;}

.vehicle-card{min-width:0;position:relative;overflow:hidden;background:radial-gradient(circle at top left,#BFC3C9 0%,#E1E3E6 28%,transparent 58%),radial-gradient(circle at bottom right,#C7CBD0 0%,#E4E6E8 30%,transparent 60%),#FAFAFA;border:1px solid rgba(0,0,0,.06);border-radius:22px;box-shadow:0 10px 24px rgba(0,0,0,.04);transition:transform .3s ease,box-shadow .3s ease;}
.vehicle-card::before{content:none;display:none;}
.vehicle-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(0,0,0,.06);}

.vehicle-card > a:first-child{width:100%;display:block;text-decoration:none;}
.vehicle-card > a:first-child img{width:100%;height:260px;display:block;object-fit:contain;object-position:center;margin:0;padding:24px;background:transparent;transition:transform .35s ease;}
.vehicle-card:hover > a:first-child img{transform:scale(1.02);}

.vehicle-card-body{position:relative;z-index:2;min-width:0;padding:24px;background:#FFF;}
.vehicle-price{width:100%;display:flex;align-items:baseline;justify-content:flex-end;gap:8px;margin-bottom:18px;}
.vehicle-price small{color:#9CA3AF;font-size:11px;font-weight:600;line-height:1;letter-spacing:.5px;}
.vehicle-price span{color:#D97706;font-size:22px;font-weight:600;line-height:1.2;}
.vehicle-card h3{margin:0 0 12px;color:#222;font-size:24px;font-weight:500;line-height:1.4;}
.vehicle-meta{min-height:54px;margin:0 0 24px;display:flex;align-items:center;align-content:flex-start;flex-wrap:wrap;gap:8px 10px;color:#6B7280;font-size:15px;line-height:1.8;}
.vehicle-meta br{flex-basis:100%;width:0;content:"";}
.vehicle-dot{color:#D97706;font-size:18px;line-height:1;}

.vehicle-buttons{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;}
.vehicle-buttons a{width:100%;min-width:0;min-height:46px;padding:12px 14px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:14px;font-weight:600;line-height:1.3;text-align:center;text-decoration:none;white-space:nowrap;transition:opacity .3s ease,transform .3s ease;}
.vehicle-view{background:#FFF;color:#D97706;border:1px solid #D97706;}
.vehicle-book{background:#D97706;color:#FFF;border:1px solid #D97706;}
.vehicle-buttons a:hover{opacity:.9;transform:translateY(-1px);}

@media (max-width:1200px){
.vehicles-section{padding:80px 50px 100px;}
.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
}

@media (max-width:768px){
.page-hero{height:280px;padding-top:80px;}
.page-overlay h1{font-size:38px;}
.vehicles-section{padding:70px 24px 90px;}
.vehicle-grid{grid-template-columns:1fr;}
.vehicle-card > a:first-child img{height:230px;padding:20px;}
.vehicles-heading h2{font-size:34px;}
.bus-title{margin-top:65px;}
}

@media (max-width:430px){
.page-hero{height:250px;}
.page-overlay{padding:0 20px;}
.page-overlay h1{font-size:31px;}
.page-overlay p{font-size:15px;}
.vehicles-section{padding:60px 20px 80px;}
.vehicles-heading{margin-bottom:28px;}
.vehicles-heading h2{font-size:28px;}
.vehicle-card > a:first-child img{height:210px;padding:16px;}
.vehicle-card-body{padding:22px;}
.vehicle-price span{font-size:21px;}
.vehicle-card h3{font-size:21px;}
.vehicle-meta{min-height:0;font-size:14px;}
.vehicle-buttons{gap:8px;}
.vehicle-buttons a{min-height:44px;padding:11px 8px;font-size:13px;}
.bus-title{margin-top:55px;}
}