:root {
        --primary-color: #f16d0f;
        --primary-light: #ffefe5;
        --primary-dark: #d45a0a;
        --dark-color: #333;
        --light-gray: #f8f9fa;
        --border-radius: 16px;
        --card-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
    }
    .cab-row{ display:flex; flex-wrap:wrap; margin:0 -15px; }
    .cab-card{
        background:#fff; border-radius:var(--border-radius); box-shadow:var(--card-shadow);
        transition:all .4s ease; overflow:hidden; border:none; position:relative;
        flex:0 0 calc(33.333% - 30px);
    }
    .cab-card:before{
        content:''; position:absolute; top:0; left:0; width:100%; height:5px;
        background:linear-gradient(90deg, var(--primary-color) 0%, #ff9d5c 100%);
        transform:scaleX(0); transform-origin:left; transition:transform .3s ease;
    }
    .cab-card:hover{ transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,.15); }
    .cab-card:hover:before{ transform:scaleX(1); }
    .cab-header{
        background:linear-gradient(135deg, var(--primary-color) 0%, #ff9d5c 100%);
        color:#fff; padding:15px; position:relative; text-align:center;
    }
    .cab-type{ font-size:1.6rem; font-weight:700; margin:0; letter-spacing:.5px; color:#fff; }
    .cab-image{ padding:5px 0; text-align:center; position:relative; }
    .cab-image img{ max-width:100%; height:140px; object-fit:contain; transition:transform .4s ease; }
    .cab-card:hover .cab-image img{ transform:scale(1.05); }
    .cab-details{ padding:25px; }
    .detail-row{
        display:flex; justify-content:space-between; margin-bottom:10px; padding-bottom:10px;
        border-bottom:1px dashed #eee; align-items:center;
    }
    .detail-label{ color:#666; font-weight:500; display:flex; align-items:center; }
    .detail-label i{ margin-right:10px; color:var(--primary-color); }
    .detail-value{ font-weight:600; color:var(--dark-color); }
    .price-highlight{ color:var(--primary-color); font-weight:700; font-size:18px; }
    .capacity-info{
        display:flex; justify-content:space-around; background:var(--primary-light); border-radius:12px;
        padding:10px 15px; margin:10px 0; position:relative;
    }
    .capacity-info:before{
        content:''; position:absolute; top:0; left:50%; transform:translateX(-50%);
        width:1px; height:100%; background:rgba(241,109,15,.2);
    }
    .capacity-item{ text-align:center; transition:transform .3s ease; }
    .cab-card:hover .capacity-item{ transform:translateY(-3px); }
    .capacity-icon{ color:var(--primary-color); font-size:1.8rem; }
    .capacity-text{ font-size:13px; color:var(--dark-color); font-weight:600; }
    .availability{
        background:var(--light-gray); border-radius:10px; padding:10px 15px; text-align:center;
        margin:10px 0; font-weight:500; display:flex; justify-content:center; align-items:center; transition:all .3s ease;
    }
    .cab-card:hover .availability{ background:var(--primary-light); }
    .available-count{ color:var(--primary-color); font-weight:700; margin-left:5px; font-size:1.1rem; }
    .book-btn{
        background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
        border:none; padding:10px 0; font-weight:600; width:100%; border-radius:10px;
        transition:all .3s ease; color:#fff; letter-spacing:.5px; position:relative; overflow:hidden;
    }
    .book-btn:before{
        content:''; position:absolute; top:0; left:-100%; width:100%; height:100%;
        background:linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent); transition:.5s;
    }
    .book-btn:hover{ transform:translateY(-3px); box-shadow:0 10px 20px rgba(241,109,15,.3); }
    .book-btn:hover:before{ left:100%; }
    .popular-tag{
        position:absolute; top:15px; right:-30px; background:var(--primary-color); color:#fff;
        padding:5px 40px; font-size:.8rem; font-weight:600; transform:rotate(45deg); z-index:10;
        box-shadow:0 2px 10px rgba(0,0,0,.2);
    }
    @media (max-width: 992px){
        .cab-card{ flex:0 0 calc(50% - 30px); max-width:calc(50% - 30px); }
    }
    @media (max-width: 768px){
        .cab-card{ flex:0 0 calc(100% - 30px); max-width:calc(100% - 30px); margin-bottom:25px; }
        .capacity-info{ padding:15px 10px; }
        .detail-row{ flex-direction:column; }
        .detail-value{ margin-top:5px; margin-left:30px; }
    }