/* === style.css === */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    font-family: "Segoe UI", sans-serif;
    background-color: #f5f5f5;
    color: #666666;
    margin: 0 !important;
    padding: 0 !important;
}

h2, h3, h4 {
    color: #000000;
    margin-bottom: 10px;
}

form {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    max-width: 700px;
    margin: 20px auto;
    box-shadow: 0;
}

form input[type="text"],
form input[type="number"],
form input[type="password"],
form input[type="file"],
form textarea {
    width: 100%;
    padding: 10px;
    margin: 6px 0 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

form button {
    padding: 10px 20px;
    background-color: #2a9d8f;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

form button:hover {
    background-color: #21867a;
}

.error {
    color: red;
    margin-bottom: 10px;
}

.team-carousel{
  margin-top:24px;
  position:relative;
}
.team-section.compact-team .team-nav.prev{left:-6px; z-index:1;
}
.car-list-container {
    max-width: 900px;
    margin: 0 auto;
}
    .team-viewport {
        overflow: hidden;
    }
    .team-track {
        display: flex;
        gap: 18px;
        transition: transform .6s 
ease;
    }  
     .team-section.compact-team .team-card {
        flex: 0 0 280px;
    }
.team-photo {
        width: 96px;
        height: 96px;
        border-radius: 18px;
        overflow: hidden;
        flex-shrink: 0;
    }
    .btn-chat {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: #101828;
        color: #fff;
        border-radius: 999px;
        padding: 8px 14px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
    }
    .team-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .team-info h3 {
        margin: 0;
        font-size: 18px;
        margin-top: 22px;
    }
    .team-info p {
        margin: 4px 0 10px;
        color: #5a627a;
        font-size: 14px;
    }  
.car-list li {
    list-style: none;
    background: #fff;
    padding: 15px;
    margin-bottom: 10px;
    border-left: 5px solid #2a9d8f;
    border-radius: 5px;
}

.car-list a {
    text-decoration: none;
    color: #2980b9;
}

.car-details-container {
    max-width: 900px;
    margin: auto;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

.main-car-image {
    width: 100%;
    max-width: 400px;
    display: block;
    margin: 20px 0;
    border-radius: 8px;
    border: 1px solid #ccc;
}

.gallery-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.gallery-thumb {
    width: 100px;
    height: auto;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.car-specs {
    list-style: none;
    padding-left: 0;
    line-height: 1.8;
}

/* Dashboard styling */
.dashboard-container {
    max-width: 700px;
    margin: 50px auto;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.dashboard-container h2 {
    margin-bottom: 20px;
    color: #333;
}
.humburger-tab {
    display: none;
}

.logout-link {
    display: inline-block;
    margin-bottom: 20px;
    color: red;
    text-decoration: none;
}

.dashboard-menu {
    list-style: none;
    padding: 0;
}

.dashboard-menu li {
    margin-bottom: 10px;
}

.dashboard-menu a {
    text-decoration: none;
    color: #007bff;
    font-size: 18px;
}

.dashboard-menu a:hover {
    text-decoration: underline;
}

.upload-container {
    max-width: 700px;
    margin: 50px auto;
    background: #fdfdfd;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
}

.upload-container h2 {
    text-align: center;
    margin-bottom: 25px;
}

.upload-form label {
    display: block;
    margin-top: 15px;
    font-weight: bold;
}

.upload-form input[type="text"],
.upload-form input[type="number"],
.upload-form input[type="file"] {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.upload-form button {
    margin-top: 25px;
    width: 100%;
    padding: 12px;
    font-size: 16px;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.upload-form button:hover {
    background-color: #218838;
}

.success {
    text-align: center;
    color: green;
    font-weight: bold;
    margin-bottom: 20px;
}

/* === NEW ADDITIONS === */

/* Add New Links */
a.add-link {
    display: inline-block;
    margin-left: 10px;
    color: #007bff;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

a.add-link:hover {
    text-decoration: underline;
    color: #0056b3;
}

/* Image Previews */
#frontPreview {
    margin-top: 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    display: block;
    max-width: 150px;
    height: auto;
}

#galleryPreview {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

#galleryPreview img {
    width: 100px;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 6px;
}

/* Mobile responsive tweaks */
@media (max-width: 600px) {
    .gallery-thumb {
        width: 80px;
    }

    .main-car-image {
        max-width: 100%;
    }

    #galleryPreview img {
        width: 80px;
    }

    #frontPreview {
        max-width: 100%;
    }
}
/* === MODAL STYLING === */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

.modal-box {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.modal-box h4 {
    margin-bottom: 15px;
    color: #2c3e50;
}

.modal-box input[type="text"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 6px;
    border: 1px solid #ccc;
}

.modal-box button {
    margin-top: 10px;
    padding: 10px 18px;
    background-color: #2a9d8f;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.modal-box button:hover {
    background-color: #21867a;
}
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.login-heading {
    display: none;
}

.modal-content {
    background-color: #fefefe;
    margin: 10% auto;
    padding: 20px;
    border-radius: 10px;
    width: 300px;
    position: relative;
}

.close {
    color: #aaa;
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}
.category-list {
    padding-left: 0;
    margin: 25px 0;
}
.category-item {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 12px 20px;
    margin-bottom: 10px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    gap: 16px;
}
.category-item span {
    flex: 1;
    font-size: 18px;
    color: #222;
}
.edit-link {
    margin-right: 8px;
    color: #2980b9;
    font-weight: 500;
    text-decoration: underline;
}
.inline-delete-form {
    margin: 0;
    padding: 0;
    display: inline;
}
.delete-btn {
    padding: 6px 20px;
    background: #2a9d8f;
    border: none;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    font-size: 15px;
    transition: background 0.2s;
    margin-left: 8px;
}
.delete-btn:hover {
    background: #e74c3c;
}
.remove-img {
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(255,0,0,0.85);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-img-container { position: relative; display: inline-block; }

.status-tag {
    left: 10px;
    top: 10px;
    z-index: 2;
    padding: 6px 18px;
    border-radius: 22px;
    font-size: 1.05rem;
    font-weight: bold;
    color: #fff;
}
.sold-tag { background: #e74c3c; }
.reserve-tag { background: #f39c12; top: 46px;}
.limited-tag { background: #0069d9; top: 82px;}

.car-main-flex {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 36px;
    max-width: 1300px;
    margin: 0 auto 60px auto;
    /* Bahar koi overflow: hidden; ya overflow: auto; MAT lagana */
}

.car-left {
    flex: 1.2;
    min-width: 400px;
}

.car-right {
    flex: 1;
    min-width: 340px;
    max-width: 400px;
    position: relative;  /* Required for sticky child */
    /* Koi height ya overflow: hidden; mat lagana */
}

.shipping-box {
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 4px 32px #aaa2;
    padding: 36px 32px 32px 32px;
    margin-top: 22px;
    position: sticky;
    top: 32px;    /* Sticky distance from top */
    z-index: 2;
}

.box-title {
    font-size: 1.6rem;
    margin-bottom: 18px;
    font-weight: 700;
    color: #233042;
    letter-spacing: 1px;
}

.shipping-form .form-group {
    margin-bottom: 14px;
}

.shipping-form select,
.shipping-form input[type='text'] {
    width: 100%;
    padding: 7px 10px;
    font-size: 1rem;
    border-radius: 7px;
    border: 1px solid #d5d5d5;
    margin-top: 5px;
}

.shipping-btn {
    display: inline-block;
    margin-top: 10px;
    background: #22aa8e;
    color: #fff;
    font-size: 1.08rem;
    border: none;
    padding: 10px 36px;
    border-radius: 7px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.2s;
}

.shipping-btn:hover {
    background: #16936f;
}

.shipping-result {
    background: #f6faf7;
    border-radius: 14px;
    padding: 14px 18px 10px 18px;
    margin-top: 24px;
    font-size: 1.15rem;
}

.shipping-result p {
    margin: 6px 0;
}

#country-dropdown { background:#fff; border:1px solid #ccc; max-height:350px; overflow:auto; min-width:220px;}
#country-dropdown div:hover { background:#f0f6fc; }
.fav-btn:hover { color: #e81c3e !important; }

.shipment-schedule-admin { background: #fff; padding:18px; border-radius:8px; margin-bottom:20px; }
.shipment-schedule-admin h3 { margin-top:0; }
        /* --- EXISTING STYLES --- */
        .pricing-table { width:100%; border-collapse:collapse; margin:16px 0 10px 0;}
        .pricing-table td { padding:7px 0; color:#555; }
        .pricing-table .label { color:#4b4b4b; font-weight:500; }
        .pricing-table .amount { text-align:right; color:#222; }
        .pricing-toggle { cursor:pointer; font-size:1.13rem; font-weight:700; color:#283046; display:inline-block; margin-bottom:0;}
        .pricing-toggle svg { vertical-align:middle; margin-left:6px; transition: 0.2s; }
        .pricing-table-wrap { display:none; }
        .pricing-table-wrap.active { display:block; }
        .pricing-details-row { display:flex; align-items:center; justify-content:space-between;}
        .buy-now-btn {display:block;width:100%;background:#e30613;color:#fff;font-weight:700;font-size:1.3rem;border:none;border-radius:8px;padding:16px 0;margin:22px 0 12px 0;cursor:pointer;}
        .shipping-result {background:#f6faf7;border-radius:14px;padding:20px 18px 10px 18px;margin-top:24px;font-size:1.15rem;}
        .jed-note { color:#444; margin-top:28px; font-size:1rem; }
        .form-group label {font-weight: bold;}
        .freight-radio { margin-right:18px; }
        .insurance-radio-group { margin:10px 0; }
        .insurance-radio-group label { margin-right:16px; font-size:1.12em; }
        #ask-estimate-popup { position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.4);z-index:9999;display:none;align-items:center;justify-content:center;}
        #ask-estimate-box { background:#fff;border-radius:13px;max-width:430px;width:97%;padding:28px 25px;box-shadow:0 6px 24px #2222;animation:fadeIn .2s;position:relative;}
        @keyframes fadeIn {from{transform:scale(.93);opacity:.4}to{transform:scale(1);opacity:1}}
        #ask-estimate-box .close-btn {position:absolute;right:15px;top:14px;background:none;border:none;font-size:1.8rem;color:#444;cursor:pointer;}
        #ask-estimate-box img {width:110px;max-width:90%;margin:7px auto 13px auto;display:block;}
        #ask-estimate-box label {font-weight:600;}
        #ask-estimate-box input, #ask-estimate-box textarea {width:100%;margin:4px 0 13px 0;padding:10px 7px;border-radius:8px;border:1px solid #ddd;}
        #ask-estimate-box button[type=submit] {width:100%;background:#e30613;color:#fff;font-size:1.16rem;border:none;border-radius:8px;padding:14px 0;font-weight:700;cursor:pointer;}
        #ask-estimate-alert {font-size:1.1rem;color:#127c34;font-weight:700;margin:7px 0 0 0;display:none;}
        .car-section {margin:32px 0 40px 0;}
        .section-title {font-size:2rem; margin-bottom:14px; color:#000000; letter-spacing:1px;}
        .car-row {display:flex;flex-wrap:wrap;gap:30px;}
        .car-card {background:#222;padding:18px;border-radius:16px;width:330px;box-shadow:0 3px 15px #0002;position:relative;transition:.14s;}
        .car-card:hover {box-shadow:0 6px 30px #0003;transform:translateY(-3px);}
        .car-card img {display:block;}
        .car-details {font-size:.98rem; color:#aaa; margin:6px 0;}
        .currency-select-wrap {margin:25px 0 10px 0;}
        .currency-select {font-size:1.1rem;padding:8px 16px;border-radius:7px;}
        .currency-label {margin-right:10px;font-weight:700;}
        @media(max-width:900px){ .car-row{flex-direction:column;gap:20px;} .car-card{width:95%;}}

        /* ========== DARK MODE - UNIVERSAL FIX ========== */
body.darkmode {
    background: #181a1b !important;
    color: #e6e6e6 !important;
}
.darkmode,
.darkmode .car-details-container,
.darkmode .car-main-flex,
.darkmode .gallery-wrapper,
.darkmode .dashboard-container,
.darkmode .category-item,
.darkmode .modal-box,
.darkmode .upload-container,
.darkmode form,
.darkmode .car-list li,
.darkmode .shipment-schedule-admin {
    background: #23242b !important;
    color: #e6e6e6 !important;
    box-shadow: 0 0 15px #1114 !important;
}

.darkmode h2, .darkmode h3, .darkmode h4,
.darkmode .box-title, .darkmode .section-title {
    color: #f3f3f3 !important;
}

.darkmode label,
.darkmode .car-specs li,
.darkmode .dashboard-menu a,
.darkmode .form-group label,
.darkmode .shipping-form .form-group label,
.darkmode .car-details,
.darkmode .currency-label {
    color: #dedede !important;
}

.darkmode .car-specs li b,
.darkmode .modal-box h4 {
    color: #fff !important;
}

.darkmode .main-car-image,
.darkmode .gallery-thumb,
.darkmode #frontPreview,
.darkmode #galleryPreview img {
    border: 2px solid #444 !important;
    background: #232533 !important;
}

.darkmode .car-list a,
.darkmode .edit-link,
.darkmode a.add-link {
    color: #6ec6ff !important;
}
.darkmode .car-list a:hover,
.darkmode .edit-link:hover,
.darkmode a.add-link:hover {
    color: #37a8ff !important;
}

.darkmode .success { color: #6fff7a !important; }
.darkmode .error { color: #ff7878 !important; }
.darkmode .jed-note { color: #b9b9b9 !important; }

.darkmode .status-tag.sold-tag { background: #c44545 !important; }
.darkmode .status-tag.reserve-tag { background: #b18b26 !important; }
.darkmode .status-tag.limited-tag { background: #1176c2 !important; }
.darkmode .status-tag { color: #fff !important; }

/* Forms, Inputs, Buttons */
.darkmode input,
.darkmode select,
.darkmode textarea,
.darkmode .shipping-form select,
.darkmode .shipping-form input[type='text'],
.darkmode .modal-box input[type="text"],
.darkmode .upload-form input,
.darkmode .upload-form button,
.darkmode .shipping-box input,
.darkmode .shipping-box select,
.darkmode .shipping-box textarea {
    background: #1a1b21 !important;
    color: #eaeaea !important;
    border: 1px solid #444 !important;
}
.darkmode input:disabled,
.darkmode select:disabled,
.darkmode textarea:disabled,
.darkmode [aria-disabled="true"] {
    color: #7b7b7b !important;
    background: #23242b !important;
}

/* Placeholder */
.darkmode input::placeholder,
.darkmode textarea::placeholder {
    color: #909099 !important;
}

/* Buttons */
.darkmode button,
.darkmode .shipping-btn,
.darkmode .upload-form button,
.darkmode .modal-box button,
.darkmode #shipping-ask-btn,
.darkmode .buy-now-btn {
    background: #179172 !important;
    color: #fff !important;
    border-color: #179172 !important;
}
.darkmode button:hover,
.darkmode .shipping-btn:hover,
.darkmode .upload-form button:hover,
.darkmode .modal-box button:hover,
.darkmode #shipping-ask-btn:hover,
.darkmode .buy-now-btn:hover {
    background: #127056 !important;
}

/* Select Dropdown */
.darkmode select,
.darkmode .shipping-form select {
    background: #22252c !important;
    color: #e8e8e8 !important;
}

/* Option background for select dropdown */
.darkmode select option,
.darkmode .shipping-form option {
    background: #23242b !important;
    color: #e6e6e6 !important;
}

/* Radio, Checkbox label color fix */
.darkmode input[type="radio"] + label,
.darkmode input[type="checkbox"] + label,
.darkmode .insurance-radio-group label {
    color: #ddd !important;
}

/* Checked radio visual (optional, for modern look) */
.darkmode input[type="radio"]:checked + label,
.darkmode input[type="checkbox"]:checked + label {
    background: #3b4360 !important;
    color: #fff !important;
    border-radius: 5px;
}

/* Pricing Table & Table */
.darkmode .pricing-table,
.darkmode .pricing-table td,
.darkmode .pricing-table .label,
.darkmode .pricing-table .amount,
.darkmode .shipping-result,
.darkmode .shipping-result p {
    background: #1d1e25 !important;
    color: #f6f6f6 !important;
}

.darkmode .shipping-box,
.darkmode .shipping-result {
    background: #20212a !important;
    color: #e6e6e6 !important;
    border: 1px solid #36364a !important;
}

.darkmode .pricing-toggle svg { stroke: #e6e6e6 !important; }

.darkmode #ask-estimate-popup { background: rgba(0,0,0,0.65) !important; }
.darkmode #ask-estimate-box {
    background: #22232b !important;
    color: #f4f4f4 !important;
    box-shadow: 0 8px 24px #1118 !important;
}
.darkmode #ask-estimate-box input,
.darkmode #ask-estimate-box textarea {
    background: #1a1b21 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

.darkmode .category-item,
.darkmode .modal-content {
    background: #22232b !important;
    color: #eee !important;
}

.darkmode .close { color: #d8d8d8 !important; }

/* Modal overlay fix */
.darkmode .modal-overlay,
.darkmode .modal {
    background: rgba(24,24,27,0.85) !important;
}

/* Border, box, and card fixes for dark mode */
.darkmode .car-card,
.darkmode .dashboard-container,
.darkmode .upload-container,
.darkmode .modal-content {
    background: #21232b !important;
    color: #e6e6e6 !important;
    box-shadow: 0 0 14px #1115 !important;
}

.darkmode .remove-img { background: #d32323 !important; color: #fff !important; }

/* Light Mode to Dark Mode Icon Swap Example (if using SVG or FontAwesome) */
/* For svg/icon using font color */
.darkmode i, .darkmode .icon, .darkmode svg { color: #f3f3f3 !important; fill: #f3f3f3 !important; }

.mobile-header{display:none;background:#fff;color:#0f172a;position:sticky;top:0;z-index:1000;box-shadow:0 4px 14px rgba(15,23,42,.12);}
.mobile-header .mobile-bar{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 16px;}
.mobile-header .mobile-logo img{height:56px;}
.mobile-header .mobile-meta{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;text-align:center;}
.mobile-header .mobile-translate{width:100%;display:flex;justify-content:center;}
.mobile-translate select.goog-te-combo{width:100%;max-width:240px;}
.mobile-header .mobile-menu-btn{background:none;border:none;color:#0f172a;font-size:1.6rem;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.mobile-header .mobile-menu-btn:focus-visible{outline:2px solid #ef1e26;outline-offset:2px;}
.mobile-header .jp-time-box{margin:0;color:#0f172a;padding:6px 14px;border-radius:999px;font-size:.85rem;display:flex;align-items:center;gap:6px;}
.mobile-menu-btn .fa{pointer-events:none;}
body.darkmode .mobile-header{background:#1f2933;color:#f8fafc;box-shadow:0 4px 14px rgba(0,0,0,.28);}
body.darkmode .mobile-header .jp-time-box{background:#2d3645;color:#f8fafc;}

/* Hide scrollbars for dark bg effect if needed */
/* .darkmode ::-webkit-scrollbar { background: #23242b; } */
/* .darkmode ::-webkit-scrollbar-thumb { background: #424357; } */
.site-header{background:#fff;color:#000;position:sticky;top:0;z-index:999;box-shadow:0 6px 18px rgba(0,0,0,.12);padding-top: 10px;padding-bottom: 10px;}
.header-actions{display:flex;align-items:center;gap:40px;padding:0 30px;height:56px;font-family:'Segoe UI',Arial,sans-serif;}
.header-logo{display:flex;align-items:center;}
.header-logo img{height:65px;margin-left:10px;margin-top:5px;}
.header-menu{font-size:1.6em;margin-left:0;cursor:pointer;transition:color .2s;}
.header-menu:hover{color:#ff6700;}
.action-item{display:flex;flex-direction:column;align-items:center;color:#000;font-size:.97em;text-decoration:none;transition:color .2s;}
.action-item:hover{color:#ef1e26;}
.header-actions i{font-size:1.22em;margin-bottom:2px;}
.header-actions span{font-weight:600;font-size:.85em;}
.mobile-only,.desktop-only{display:flex;}
.country-selector{margin-left:22px;position:relative;}
.site-ticker{background:#fff4f4;border-bottom:1px solid #fbcaca;overflow:hidden;}
.site-ticker .ticker-track{
  display:flex;
  gap:70px;
  width:max-content;
  padding:8px 22px;
  animation:tickerScroll 32s linear infinite;
  text-transform:uppercase;
  letter-spacing:.05em;
  white-space:nowrap;
}
.site-ticker:hover .ticker-track{animation-play-state:paused;}
.ticker-item{font-size:.82rem;font-weight:700;color:#c81a1a;}
@keyframes tickerScroll{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}
body.darkmode .site-ticker{background:#1f2933;border-color:#2d3645;}
body.darkmode .ticker-item{color:#fbbf24;}
#country-dropdown { display:none; position:absolute; right:0; top:36px; z-index:9999; background:#fff; color:#222; min-width:200px; max-height:250px; overflow:auto; box-shadow:0 2px 16px #0002; padding:8px 0; border-radius:7px;}
#country-dropdown div { display:flex; align-items:center; cursor:pointer; padding:5px 15px; }
#country-dropdown div:hover { background:#e6f1ff; }
#current-country { display:flex;align-items:center;cursor:pointer;padding:6px 10px;border-radius:22px;}
#current-country img { margin-right:7px; }
#current-country .fa-chevron-down { margin-left:7px; }
@media (max-width:768px){
  .desktop-only{display:none !important;}
  .mobile-only{display:flex !important;}
  .header-bottom{flex-direction:column;align-items:flex-start;}
}

/* --- Hamburger Side Menu Overlay --- */
.hamburger-overlay {
  display:none; position:fixed; z-index:10001;
  left:0;top:0;right:0;bottom:0;
  background:rgba(10,10,18,0.26);
}
.hamburger-overlay.active { display:block;}
.side-hamburger-menu {
  position:fixed;
  top:0;
  right:-320px;
  left:auto;
  z-index:10002;
  width:300px;
  max-width:90vw;
  height:100vh;
  background:#0a0a0a;
  color:#fff;
  box-shadow:-3px 0 20px #0005;
  transition:transform 0.28s ease,right 0.28s ease;
  overflow-y:auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding-bottom:30px;
  padding-top:26px;
  transform:translateX(105%);
  will-change:transform,right;
}
.side-hamburger-menu.active { right:0; left:auto; transform:translateX(0);}
.side-hamburger-menu .close-btn {position:absolute; right:16px; top:14px; font-size:2em; background:none; border:none; color:#fff;}
.side-hamburger-menu .menu-section-title { color:#EF1E26; font-size:1em; margin:18px 0 6px 20px; font-weight:bold; letter-spacing:1px;}
.side-hamburger-menu a {display:block; color:#fff; text-decoration:none; font-size:1.08em; padding:15px 20px; transition:.18s;}
.side-hamburger-menu a:hover {background:#EF1E26;}
/* DARK MODE switch */
.side-hamburger-menu .darkmode-switch {display:flex;align-items:center;padding:18px 22px 10px 22px;}
.side-hamburger-menu .darkmode-switch label {margin-left:9px;font-size:1.15em;}

/* Responsive (menu width on mobile) */
@media (max-width:500px){
  .side-hamburger-menu {width:94vw; min-width:0;}
}
  body.darkmode, .darkmode .header-bar, .darkmode .side-hamburger-menu { 
    background: #191a20 !important; color: #f7f7fa !important;
  }
  .darkmode .header-bar { box-shadow: 0 2px 18px #0008; }
  .darkmode .header-actions .action-item, .darkmode .header-menu, 
  .darkmode .side-hamburger-menu { color:#fff !important; }
  .darkmode .side-hamburger-menu { background: #222c38 !important; }
.darkmode .side-hamburger-menu a:hover { background:#273852 !important;}
.darkmode input, .darkmode .header-search input { background:#23263a; color:#fff; border-color:#35384d;}
.darkmode .header-search button { background: #EF1E26 !important;}
  /* You can style more elements as you wish... */
.jp-time-box {
    color: #000000;
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-left: -70px;
}
i.fa.fa-clock-o {
    padding-right: 5px;
    font-size:18px;
}
#google_translate_element .goog-te-gadget{
  margin-left: -10px;
}
#google_translate_element::after{
  display: none;
}
.jp-time-icon { display: inline-block; margin-right: 4px; }
.site-footer{margin-top:60px;font-size:14px;color:#fff;}
.site-footer a{color:inherit;text-decoration:none;}
.site-footer a:hover{color:#EF1E26;}
.site-footer .footer-top{
  background:#f4f6fb;
  color:#1f2937;
  padding:32px clamp(16px,5vw,48px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  flex-wrap:wrap;
}
.footer-brand{display:flex;align-items:center;gap:18px;min-width:240px;flex:1;}
.footer-logo{display:inline-flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:50%;}
.footer-logo img{width:90px;height:auto;object-fit:contain;}
.footer-brand-text h3{margin:0;font-size:1.4rem;color:#111827;}
.footer-brand-text p{margin:4px 0 0;color:#4b5563;font-size:.95rem;max-width:360px;}
.footer-contact{display:flex;flex-direction:column;gap:10px;min-width:220px;}
.footer-contact .contact-item{display:flex;align-items:center;gap:10px;font-weight:500;color:#1f2937;}
.footer-contact .contact-item i{color:#ef1e26;font-size:1rem;}
.footer-contact a{color:#0f172a;font-weight:600;}
.footer-social{display:flex;gap:12px;}
.footer-social a{
  width:44px;height:44px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:#fff;color:#ef1e26;font-size:1.25rem;
  box-shadow:0 8px 18px rgba(15,23,42,.12);
  transition:transform .2s ease, box-shadow .2s ease;
}
.footer-social a:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(15,23,42,.18);}

.site-footer .footer-main{
  background:linear-gradient(135deg,#f22f40 0%,#b60f21 100%);
  padding:48px clamp(16px,5vw,72px);
  display:grid;
  grid-template-columns:repeat(6,minmax(160px,1fr));
  gap:32px;
}
.footer-col h4{margin: 0 0 16px;
    font-size: 14;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #F5F6FB;
    background-color: black;
    border-radius: 20px;
    padding: 10px;}
.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.footer-col li{line-height:1.4;}
.footer-col a{display:inline-flex;align-items:center;gap:8px;font-weight:500;}
.footer-col a::before{content:"•";font-size:1.1em;color:#ffe4e6;}
.footer-col a:hover{color:#fff;}

.footer-bottom{
  background:#050505;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px clamp(16px,5vw,48px);
  color:#d1d5db;
  font-size:13px;
  flex-wrap:wrap;
}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;}
.footer-links a{color:#f8fafc;font-weight:600;font-size:13px;}
.footer-links a:hover{text-decoration:underline;}

body.darkmode .site-footer .footer-top{background:#101826;color:#f5f9ff;}
body.darkmode .footer-brand-text p{color:#cbd5f5;}
body.darkmode .footer-contact .contact-item{color:#f5f9ff;}
body.darkmode .footer-contact .contact-item i{color:#f97316;}
body.darkmode .footer-contact a{color:#facc15;}
body.darkmode .footer-social a{background:#1f2937;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.4);}
body.darkmode .footer-links a{color:#f8fafc;}

@media(max-width:1024px){
  .site-footer .footer-main{grid-template-columns:repeat(3,minmax(180px,1fr));}
}
@media(max-width:720px){
  .footer-brand{flex-direction:column;align-items:flex-start;}
  .footer-contact{flex-direction:column;}
  .site-footer .footer-main{grid-template-columns:repeat(2,minmax(160px,1fr));gap:26px;}
}
@media(max-width:520px){
  .site-footer .footer-top{padding:28px 18px;}
  .site-footer .footer-main{grid-template-columns:1fr;padding:36px 18px;}
  .footer-social{width:100%;justify-content:flex-start;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
}
.japan-time { font-family: 'Segoe UI', Arial, sans-serif; font-weight: 500; }
body.darkmode .jp-time-box {
    background: #191A21;
    color: #ffffff;
}
:root{
  --bg:#f6f7fb;
  --card:#ffffff;
  --ink:#1f2937;
  --muted:#6b7280;
  --primary:#EF1E26;
  --dark:#111827;
  --line:#e5e7eb;
  --sold:#e11d48;
  --reserved:#f59e0b;
  --limited:#2563eb;
  --radius:14px;
}
*{box-sizing:border-box ;max-width: 100%;}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* hero */
.hero-card img{display:block;width:100%}

/* search bar */
.search-grid{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}
.searchbar label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.searchbar input,.searchbar select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer}
.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.btn-dark{background:var(--dark);color:#fff;border-color:var(--dark)}
.link-more{color:var(--primary);text-decoration:none;font-weight:600}

/* logos */
.logos{padding:6px 12px 2px}
.section-title{font-size:20px;margin:12px 0}
.logo-row{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.logo{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;text-decoration:none}
.logo img{height:38px;object-fit:contain}
.logo span{font-size:12px;color:var(--muted);text-align:center}

/* car sections */
.container{padding:10px 12px}
.section-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0}
.car-section .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

/* card */
.car-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;padding:16px;box-shadow:0 0px 6px rgba(15,23,42,.08);gap:14px;min-height:420px;position:relative;}
.card-link{display:flex;flex-direction:column;gap:10px;color:inherit;text-decoration:none;flex:1;}
.thumb-wrap{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);min-height:190px;}
.thumb{display:block;width:100%;height:190px;object-fit:cover;background:#f3f4f6}
.ribbon{position:absolute;left:8px;top:8px;padding:.25rem .6rem;border-radius:999px;color:#fff;font-weight:700;font-size:12px;box-shadow:0 12px 24px rgba(15,23,42,.16);letter-spacing:.05em;}
.ribbon.sold{background:var(--sold)}
.ribbon.reserved{background:var(--reserved)}
.ribbon.limited{background:var(--limited)}
.ribbon.verified{background:#02479A}
.title{font-size:16px;margin:0;font-weight:700;color:#111827}
.meta{font-size:12px;color:var(--muted);line-height:1.5}
.wh-chat-link{
  display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;
  background:#dcf6ee;color:#0b8457;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  text-decoration:none;transition:background .2s ease,color .2s ease;
}
.wh-chat-link:hover{background:#bdf0df;color:#06623e;}
.wh-chat-link i{font-size:14px;color:inherit;}
.wh-chat-link.large{font-size:14px;padding:12px 20px;gap:10px;}
.car-card > .wh-chat-link{margin-top:auto;align-self:flex-start;}
.dot{margin:0 6px;color:#d1d5db}
.mini-gallery{display:flex;gap:6px;margin:10px 0}
.mini-gallery img{width:46px;height:34px;border-radius:6px;object-fit:cover;border:1px solid var(--line)}
.price{font-weight:700;margin:2px 0 6px;font-size:1rem;color:#0f172a;}
.price del{color:#9ca3af;margin-right:6px}
.price small{color:var(--muted)}

.card-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:10px 12px 12px}
.fav-btn{border:none;background:none;cursor:pointer;font-size:18px;color:#c7c7c7}
.fav-btn.on{color:#e11d48}

/* promos */
.promo-row{display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:10px 12px}
.promo-row img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid var(--line)}

/* responsive */
@media (max-width:1200px){
  .car-section .grid{grid-template-columns:repeat(3,1fr)}
  .logo-row{grid-template-columns:repeat(6,1fr)}
}
@media (max-width:900px){
  .search-grid{grid-template-columns:repeat(2,1fr)}
  .car-section .grid{grid-template-columns:repeat(2,1fr)}
  .hero-strip{grid-template-columns:repeat(2,1fr)}
  .logo-row{grid-template-columns:repeat(4,1fr)}
  .thumb{height:170px}
}
@media (max-width:560px){
  .hero-strip{grid-template-columns:1fr}
  .promo-row{grid-template-columns:1fr}
  .logo-row{grid-template-columns:repeat(3,1fr)}
  .car-section .grid{grid-template-columns:1fr}
  .thumb{height:56vw}
}
/* ======= LEFT SIDEBAR LAYOUT (Make / Type lists) ======= */
.page-wrap{
  display:grid;
  grid-template-columns: 300px 1fr;
  gap:18px;
  padding:10px 12px;
}
.left-nav{position:sticky; top:14px; align-self:start;}
.left-block{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.left-title{
  background:#f28c1e; color:#fff; font-weight:800;
  padding:12px 14px; font-size:20px; letter-spacing:.3px;
}
.left-list{list-style:none; margin:0; padding:6px 0;}
.left-list li a{
  display:flex; align-items:center; gap:12px;
  padding:10px 14px; text-decoration:none; color:#1d1d1f;
}
.left-list li a:hover{background:#fff3e1}
.left-list img{width:34px;height:34px;object-fit:contain}
.left-list .txt{flex:1; font-weight:700; text-transform:uppercase; letter-spacing:.3px}
.left-list .count{color:#6b7280; font-weight:600}

/* right content cards grid already defined; just ensure spacing */
.right-content .car-section{margin-bottom:28px}

/* Responsive: sidebar on top for mobile */
@media (max-width: 990px){
  .page-wrap{grid-template-columns:1fr; }
  .left-nav{position:static}
}
/* ====== HOME 3-COLUMN LAYOUT ====== */
.home-layout{
  display:grid; gap:14px; padding:10px 5px;
  grid-template-columns: 260px 1fr 320px;   /* left | main | right */
  align-items:start;
}

/* Left/Right cards */
.side-card{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:12px;margin-bottom: 10px;}
.side-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.side-title{font-size:18px; margin-bottom:10px}

/* Left: vertical logo lists */
.side-list{list-style:none; margin:0; padding:0;}
.side-list li + li{border-top:1px solid var(--line);}
.side-list li a{
  display:flex; align-items:center; gap:10px; padding:10px 6px;
  text-decoration:none; color:inherit;
}
.side-list li a:hover{background:#f7f7f7;}
.brand-list img, .type-list img{width:34px; height:34px; object-fit:contain}
.side-list.collapse{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border:none;}
.side-list.collapse li{border-top:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;text-align:center;}
.side-list.collapse li a{flex-direction:column;gap:6px;padding:6px;font-size:12px;color:#111;}
.side-list.collapse img{width:36px;height:36px;object-fit:contain;}
.side-list.collapse .hide-mobile{display:none;}
.side-list.collapse.expanded .hide-mobile{display:flex;}
@media(max-width:640px){
  .side-list.collapse{grid-template-columns:repeat(3,1fr);}
}

/* Right: ads + fb */
.right-col .ad-card{display:block; margin-bottom:12px; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:#fff; margin-right: 30px}
.right-col .ad-card img{display:block;width:100%;height:auto;object-fit:cover}
.ad-carousel{position:relative;overflow:hidden;margin-bottom:18px;width: 320px;}
.ad-carousel .ad-track{display:flex;transition:transform .6s ease;}
.ad-carousel .ad-slide{min-width:100%;}
.ad-carousel .ad-slide img{display:block;width:100%;height:auto;}
.ad-carousel-nav{position:absolute;top:50%;right:12px;display:flex;flex-direction:column;gap:8px;transform:translateY(-50%);z-index:3;}
.ad-carousel-nav button{width:34px;height:34px;border-radius:50%;border:none;background:rgba(15,23,42,.55);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(15,23,42,.25);}
.fb-card{background:#fff; border:1px solid var(--line); border-radius:14px; padding:10px}

.left-col-ad .ad-card-left{display:block; margin-bottom:12px; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:#fff; margin-right: 0px}
.left-col-ad .ad-card-left img{display:block; width:100%; height:auto; object-fit:cover}
.left-col-ad {
    margin-top: 70px;
}
/* Center grid already defined earlier */
.car-section .grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}

/* Ribbons (already used) */
.ribbon{position:absolute; left:8px; top:8px; padding:.25rem .6rem; border-radius:999px; color:#fff; font-weight:700; font-size:12px; box-shadow:0 12px 24px rgba(15,23,42,.16); letter-spacing:.05em;}
.ribbon.sold{background:var(--sold)}
.ribbon.reserved{background:var(--reserved)}
.ribbon.limited{background:#2563eb}
.ribbon.verified{background:#02479A}

/* Responsive */
@media (max-width:1200px){
  .home-layout{grid-template-columns: 230px 1fr; }
  .right-col{display:none;} /* tablet par right ads hide (aap chaho to dikhado) */
  .car-section .grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .home-layout{grid-template-columns: 1fr; }
  .left-col{order:1}
  .main-col{order:2}
  .right-col{order:3; display:block}
  .car-section .grid{grid-template-columns:1fr}
}

/* ====== Cars listing layout ====== */
.cars-page .searchbar{margin:12px auto 24px;}
.cars-layout{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:20px;
  padding:0 18px 40px;
  max-width:1400px;
  margin:0 auto;
  align-items:start;
}
.cars-sidebar .side-card{margin-bottom:12px;}
.cars-sidebar .side-list li a{border-radius:10px;}
.cars-sidebar .side-list li.active a{
  background:rgba(229,57,53,.12);
  font-weight:600;
  color:var(--brand-dark);
}
.cars-sidebar .side-list li.active a span{color:inherit;}
.cars-main{min-height:320px;}
.cars-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:16px;
}
.cars-header .page-title{margin:0;}
.cars-meta{color:var(--muted);font-size:14px;}
.link-reset{color:var(--brand);font-weight:600;text-decoration:none;}
.link-reset:hover{color:var(--brand-dark);}
.cars-grid{grid-auto-rows:auto;}
@media (max-width:1100px){
  .cars-layout{grid-template-columns:220px 1fr;}
}
@media (max-width:860px){
  .cars-layout{grid-template-columns:1fr;}
  .cars-sidebar{order:2;}
  .cars-main{order:1;}
  .cars-page .searchbar{padding:18px 12px;}
}
@media (max-width:640px){
  .cars-header{align-items:flex-start;}
  .cars-meta{width:100%;}
  .link-reset{margin-left:auto;}
}

/* ====== Contact page ====== */
body.contact-page{
  --bg:#f6f8fc;
  --ink:#0f172a;
  background:var(--bg);
  color:var(--ink);
}
.contact-page__wrap{max-width:1180px;margin:0 auto;padding:36px 18px 80px;display:grid;gap:36px;}
.contact-map iframe{width:100%;height:420px;border:0;border-radius:18px;box-shadow:0 24px 60px rgba(15,59,134,.12);}

.contact-main{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:36px;align-items:start;}
.contact-info header{margin-bottom:30px;}
.contact-info .eyebrow{text-transform:uppercase;font-size:.78rem;letter-spacing:.32em;color:#EF1E26;margin-bottom:8px;font-weight:600;}
.contact-info h1{margin:0;font-size:2.4rem;line-height:1.1;color:#000000;}
.contact-info .subtitle{margin:6px 0 0;font-size:1.05rem;color:#EF1E26;}

.info-block{display:flex;gap:16px;margin-bottom:22px;}
.icon-circle{width:46px;height:46px;border-radius:50%;background:#EF1E26;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 12px 28px rgba(11,47,107,.28);flex-shrink:0;}
.icon-circle.large{width:58px;height:58px;font-size:1.4rem;background:#ef1e26;box-shadow:0 0px 5px rgba(239,30,38,.28);}
.label{font-weight:700;font-size:1rem;margin:0 0 4px;color:#0f172a;}
.text{margin:0;font-size:.97rem;line-height:1.6;color:#4b5563;}
.info-link{color:#ef1e26;font-weight:700;text-decoration:none;font-size:1.1rem;}
.info-link:hover{text-decoration:underline;}

.contact-form-card{background:#fff;border-radius:26px;box-shadow:0 28px 70px rgba(15,59,134,.12);padding:28px 32px;display:flex;flex-direction:column;gap:22px;}
.form-head{display:flex;gap:16px;align-items:center;}
.form-head h2{margin:0;font-size:1.4rem;color:#0f172a;}
.form-head p{margin:4px 0 0;color:#64748b;font-size:.95rem;}

.contact-form{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:18px;}
.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:.86rem;font-weight:600;color:#1f2937;}
.contact-form input,
.contact-form textarea{border:1px solid #d1d5db;border-radius:14px;padding:12px 14px;font-size:.95rem;font-family:inherit;transition:border-color .2s ease, box-shadow .2s ease;}
.contact-form input:focus,
.contact-form textarea:focus{border-color:#0b2f6b;box-shadow:0 0 0 3px rgba(11,47,107,.2);outline:none;}
.contact-form label.full{grid-column:1 / -1;}
.btn-submit{grid-column:1 / -1;border:none;background:#ef1e26;color:#fff;text-transform:uppercase;font-weight:700;border-radius:14px;padding:14px 18px;font-size:1rem;cursor:pointer;transition:background .2s ease, transform .2s ease;}
.btn-submit:hover{background:#c81a21;transform:translateY(-1px);}

@media (max-width:980px){
  .contact-main{grid-template-columns:1fr;}
  .contact-form-card{order:2;}
}
@media (max-width:720px){
  .contact-page__wrap{padding:24px 14px 60px;}
  .contact-map iframe{height:340px;}
  .contact-form{grid-template-columns:1fr;}
}

/* ====== Verified vehicles page ====== */
.verified-cars-page{background:#f8fafc;color:#0f172a;}
.verified-cars{max-width:1180px;margin:0 auto;padding:40px 18px 80px;display:flex;flex-direction:column;gap:30px;}
.verified-head h1{margin:0;font-size:clamp(1.9rem,1.1rem + 2vw,2.8rem);color:#0b2f6b;}
.verified-head p{margin:8px 0 0;color:#475569;font-size:1.05rem;max-width:720px;}
.verified-grid{gap:18px;}
.verified-empty{background:#fff;border:1px dashed #cbd5e1;padding:36px;border-radius:18px;text-align:center;font-size:1rem;color:#475569;}

/* ====== Global steering quick menu ====== */
.steering-fab{position:fixed;right:22px;left:auto;top:50%;transform:translateY(-50%);display:block;z-index:9000;}
.steering-btn{width:100px;height:100px;border-radius:50%;background:transparent;border:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;box-shadow:0 8px 6px rgba(239,30,38,.18);transition:box-shadow .3s ease, transform .3s ease;}
.steering-btn img{width:100%;height:auto;transition:transform .8s cubic-bezier(.23,1,.32,1);}
.steering-btn::before{content:"";position:absolute;inset:-22px;border-radius:50%;border:5px solid rgba(239, 30, 37, 0.068);box-shadow:0 0 0 0px rgba(239,30,38,.08);background:transparent;z-index:-1;}
.steering-btn::after{content:"";position:absolute;inset:-24px;border-radius:50%;border:12px solid rgba(239,30,38,.35);background:transparent;z-index:-2;animation:steeringPulse 3.2s ease-in-out infinite;}
.steering-btn:hover{box-shadow:0 30px 70px rgba(239,30,38,.28);}
.steering-fab.open .steering-btn img{transform:rotate(540deg);}

.steering-menu{position:absolute;top:50%;right:120px;left:auto;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;pointer-events:none;opacity:0;transform:translateY(-50%) scale(.95);transition:opacity .28s ease, transform .28s ease;align-items:flex-end;}
.steering-fab.open .steering-menu{pointer-events:auto;opacity:1;transform:translateY(-50%) scale(1);}
.steering-menu li{transform:translateX(12px);opacity:0;transition:transform .28s ease, opacity .28s ease;}
.steering-fab.open .steering-menu li{transform:translateX(0);opacity:1;}
.steering-menu li:nth-child(1){transition-delay:.05s;}
.steering-menu li:nth-child(2){transition-delay:.1s;}
.steering-menu li:nth-child(3){transition-delay:.15s;}
.steering-menu li:nth-child(4){transition-delay:.2s;}
.steering-menu li:nth-child(5){transition-delay:.25s;}

.steering-menu a{display:flex;align-items:center;gap:14px;background:#fff;border-radius:999px;padding:12px 28px 12px 14px;color:#0f172a;text-decoration:none;box-shadow:0 18px 32px rgba(21,60,136,.18);font-weight:600;letter-spacing:.08em;text-transform:uppercase;min-width:250px;transition:transform .25s ease, box-shadow .25s ease;}
.steering-menu a:hover{transform:translateX(6px);box-shadow:0 24px 38px rgba(21,60,136,.24);}
.menu-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#EF1E26;color:#fff;font-size:1.25rem;box-shadow:0 14px 22px rgba(11,59,134,.28);flex-shrink:0;}
.menu-label{color:#000000;font-size:.86rem;letter-spacing:.1em;}

.steering-fab.open .steering-menu a:active{transform:translateX(4px) scale(.98);}

@keyframes steeringPulse{
  0%{transform:scale(1);opacity:.6;}
  55%{transform:scale(1.7);opacity:0;}
  100%{transform:scale(1.7);opacity:0;}
}

@media (max-width:1024px){
  .steering-btn{width:80px;height:80px;}
}
@media (max-width:820px){
  .steering-fab{right:16px;left:auto;}
  .steering-menu a{min-width:200px;}
  .login-heading{display: inline;}
  .headings{display: flex;justify-content: center;align-items: center;}
  .headings a {padding-right: 10px;padding-top: 10px;padding-bottom: 10px;}
}
@media (max-width:680px){
  .steering-fab{top:auto;bottom:20px;right:auto;left:50%;transform:translateX(-50%);}
  .steering-menu{right:auto;left:50%;top:-16px;transform:translate(-50%,-100%) scale(.95);align-items:center;}
  .steering-fab.open .steering-menu{transform:translate(-17%,-88%) scale(1);.menu-label {font-size: 12px;}
  .steering-menu a{min-width:unset;width:min(320px,88vw);justify-content:center;}
  .site-header{display:none;}
  .mobile-header{display:block;}
  .mobile-header .mobile-bar{flex-wrap:wrap;row-gap:10px;}
  .mobile-header .mobile-meta{order:2;width:100%;}
  .mobile-header .mobile-menu-btn{order:3;margin-left:auto;}
}
}
@media (max-width:560px){
  .steering-btn{width:140px;height:140px;}
  .menu-icon{width:38px;height:38px;font-size:1rem;}
  .steering-menu a{padding:4px 5px;}
  .mobile-header .mobile-meta{gap:6px;}
}
iframe {
    width: 300px;
}
/* ====== CAROUSEL (2 ROWS × 4 COLS) ====== */
.carousel .section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 6px}
.carousel-nav{display:flex;align-items:center;gap:10px}
.carousel .nav-btn{border:1px solid var(--line);background:#ffffff00;color:#111;width:34px;height:34px;border-radius:8px;cursor:pointer;font-size:18px}
.carousel .nav-btn:disabled{opacity:.4;cursor:not-allowed}

.carousel-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.carousel-viewport::-webkit-scrollbar{height:8px}
.carousel-viewport::-webkit-scrollbar-thumb{border-radius:6px}
.carousel-viewport{scrollbar-width:thin}
.carousel-track{display:flex}
.slide{flex:0 0 100%;scroll-snap-align:start;padding:12px;width: 100px}

/* 2 rows × 4 cols grid */
.grid.four-col.two-rows{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

/* compact card adjustments inside carousel */
.carousel .car-card{min-width:220px;height:auto;padding:16px;}
.carousel .card-link{padding:0;}
.carousel .thumb-wrap{min-height:160px;}
.carousel .thumb{height:160px;}

/* heart floating top-right (slightly outside) */
.fav-float{
  position:absolute; top:16px; right:16px; z-index:3;
  width:40px; height:40px; border-radius:999px; border:1px solid var(--line);
  background:#fff; box-shadow:0 4px 14px rgba(0,0,0,.12);
  display:flex; align-items:center; justify-content:center;
  font-size:18px; color:#c7c7c7; cursor:pointer;
}
.fav-float.on{color:#e11d48}
.fav-float:hover{color:#e11d48}

/* ribbon colors already defined earlier */
.ribbon{position:absolute;left:8px;top:8px;padding:.25rem .6rem;border-radius:999px;color:#fff;font-weight:700;font-size:12px;box-shadow:0 12px 24px rgba(15,23,42,.16);letter-spacing:.05em;}
.ribbon.sold{background:var(--sold)}
.ribbon.reserved{background:var(--reserved)}
.ribbon.limited{background:var(--limited)}
.ribbon.verified{background:#02479A}

/* dots */
.carousel .dots{display:flex;gap:6px;align-items:center;margin:0 4px}
.carousel .dots button{width:8px;height:8px;border-radius:999px;border:0;background:#cfd3d9;cursor:pointer}
.carousel .dots button.active{background:#0d6efd;transform:scale(1.15)}

/* responsive */
@media (max-width:1200px){
  .grid.four-col.two-rows{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .grid.four-col.two-rows{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .grid.four-col.two-rows{grid-template-columns:1fr}
  .thumb{height:56vw }
  .fav-float{top:-8px; right:-8px; width:36px; height:36px}
}
.arrow-button, .favorite-heart {
    cursor: pointer;
    pointer-events: auto;
    z-index: 999; /* Ensure it's above other elements */
}
.carousel-container {
    scroll-snap-type: none; /* Instead of x mandatory */
    overflow-x: auto;
    scroll-behavior: smooth;
}
.slide {
    scroll-snap-align: none; /* disable snapping */
}
.slide {
    flex: 0 0 250px; /* fixed card width */
    min-width: 250px;
}
.carousel .nav-btn{
  position: relative;
  z-index: 5;
  pointer-events: auto;
}
.carousel-viewport{ position: relative; z-index: 1; }

/* ====== CAROUSEL (2-rows unlimited) – FIX ====== */

/* Viewport: only horizontal scroll */
.carousel-viewport{
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--card);
}

/* Track = grid with 2 rows and infinite columns */
.carousel-track{
  display: grid;
  grid-auto-flow: column;              /* columns keep growing to the right */
  grid-template-rows: repeat(2, auto); /* exactly 2 rows */
  grid-auto-columns: 260px;            /* each column width (fits a card) */
  gap: 5px;
  padding: 12px;
  align-content: start;
  width: 800px;
}

/* Old wrappers should not affect sizing/layout */
.carousel-track .slide,
.carousel-track .grid.four-col.two-rows{
  display: contents;                   /* pass-through container */
}

/* Kill ALL previous .slide width rules that made slides skinny */
.carousel .slide{
  flex: 0 0 auto !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 !important;               /* spacing handled by track gap */
  scroll-snap-align: unset !important;
}

/* Optional: smooth free scrolling (no forced snap) */
.carousel-viewport{
  scroll-snap-type: none;
}

/* Card sizing for this carousel (compact, but readable) */
.carousel .car-card{
  width:250px;
  min-width:250px;
  height:auto;
  padding:16px;
  border-radius:18px;
  box-shadow:0 12px 36px rgba(15,23,42,.08);
}

.carousel .card-link{padding:0;}
.carousel .thumb-wrap{min-height:160px;}
.carousel .thumb{height:160px;width:100%;object-fit:contain;}

/* Heart bubble – top-right, modern */
.carousel .fav-float{
  position: absolute; top: 16px; right: 16px; z-index: 3;
  width: 40px; height: 40px; border-radius: 999px;
  border: 1px solid var(--line); background: #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; color: #c7c7c7; cursor: pointer;
}
.carousel .fav-float.on, .carousel .fav-float:hover{ color:#e11d48; }

/* Dots / nav buttons stay clickable above track */
.carousel .nav-btn{ position: relative; z-index: 5; pointer-events: auto; cursor: pointer; }

/* Responsive tweaks */
@media (max-width: 900px){
  .carousel-track{ grid-auto-columns: 220px; gap: 12px; }
  .carousel .car-card{ width: 220px; min-width: 220px; }
}
@media (max-width: 560px){
  .carousel-track{ grid-auto-columns: 86vw; } /* almost full width card on mobile */
  .carousel .car-card{ width: 86vw; min-width: 46vw; }
  .carousel .fav-float{ top: 12px; right: 12px; width: 36px; height: 36px; }
}
/* arrows: kabhi disabled behave na kare */
.carousel .nav-btn {
  position: relative;
  z-index: 10;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.carousel .nav-btn.is-edge { opacity: .45 }   /* sirf visual */

/* even if attribute remains */
.carousel .nav-btn[disabled] {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* scroll-snap ko poori tarah band */
.carousel-viewport {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: none !important;
}
/* pehle yeh tha: scroll-snap-type: x mandatory;  */
.carousel-viewport{
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type: x proximity;   /* <-- mandatory se proximity */
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--card);
  scroll-behavior:smooth;          /* smooth browser-level */
  position: relative;
  z-index: 1;
}
.carousel-nav{ position: relative; z-index: 6; }  /* nav full group upar */
.carousel .nav-btn{
  position: relative;
  z-index: 7;
  pointer-events: auto;
  cursor: pointer;
}
.link-more{ position: relative; z-index: 1; }
.price-list li {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.price-list li img {
  width: 18px;   /* icon chhota */
  height: 18px;
  margin-right: 8px;
  object-fit: contain;
}

.price-list li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-size: 14px;
}

.price-list li a:hover {
  color: #f57c00; /* hover effect orange jaisa */
}
.flgs-list li img {
  width: 40px;   /* icon chhota */
  margin-right: 8px;
  object-fit: contain;
  box-shadow: 0 6px 30px #0000005c;
}
.ig-card { margin-top:12px; }
.ig-profile{
  display:flex; align-items:center; gap:12px;
  text-decoration:none; color:inherit; padding:8px 6px; border-radius:10px;
}
.ig-profile:hover{ background:#f7f7f7; }
.darkmode .ig-profile:hover{ background:#27385233; }

.ig-logo{ width:36px; height:36px; object-fit:cover; border-radius:8px; }
.ig-text strong{ display:block; font-size:15px; }
.ig-text span{ color:#6b7280; font-size:12px; }

.faq-card{display:flex;flex-direction:column;gap:12px;}
.faq-card .faq-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;}
.faq-card details{border:1px solid var(--line);border-radius:12px;background:#f9fafb;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;}
.faq-card details:hover{border-color:var(--brand);box-shadow:0 8px 22px rgba(229,57,53,.08);}
.faq-card summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;color:#111827;cursor:pointer;font-size:14px;}
.faq-card summary::-webkit-details-marker{display:none;}
.faq-card summary::after{content:"+";font-weight:700;font-size:18px;color:var(--brand);transition:transform .2s ease;}
.faq-card details[open] summary::after{transform:rotate(45deg);}
.faq-card p{margin:10px 0 4px;font-size:13px;line-height:1.55;color:#4b5563;}
.darkmode .faq-card details{background:#23242b;border-color:#35384a;}
.darkmode .faq-card details:hover{border-color:#ef4444;box-shadow:0 12px 26px rgba(239,68,68,.18);}
.darkmode .faq-card summary{color:#fff;}
.darkmode .faq-card p{color:#cfd4de;}

.map-card{display:flex;flex-direction:column;gap:12px;}
.map-card .map-address{margin:0;font-weight:600;color:#1f2937;}
.map-card iframe{width:100%;border:0;border-radius:12px;box-shadow:0 6px 20px rgba(15,23,42,.12);}
.darkmode .map-card .map-address{color:#f5f9ff;}
.darkmode .map-card iframe{box-shadow:0 10px 28px rgba(0,0,0,.35);}

.contact-mini{display:flex;flex-direction:column;gap:14px;}
.contact-mini__info{display:flex;flex-direction:column;gap:8px;font-weight:600;}
.contact-mini__info a{display:flex;align-items:center;gap:8px;color:#0f172a;text-decoration:none;font-size:.95rem;}
.contact-mini__info a i{color:#ef1e26;font-size:.98rem;}
.contact-mini__info a:hover{text-decoration:underline;}
.contact-mini__form{display:flex;flex-direction:column;gap:10px;}
.contact-mini__form input,
.contact-mini__form textarea{border:1px solid var(--line);border-radius:10px;padding:10px;font-family:inherit;font-size:.92rem;}
.contact-mini__form textarea{resize:vertical;min-height:70px;}
.contact-mini__form button{background:#ef1e26;color:#fff;border:none;border-radius:10px;padding:10px;font-weight:700;cursor:pointer;transition:background .2s ease;}
.contact-mini__form button:hover{background:#c81a21;}
.contact-mini__status{margin:0;font-size:.85rem;color:#0f9d58;min-height:1.2em;}
.darkmode .contact-mini__info a{color:#e5e7eb;}
.darkmode .contact-mini__form input,
.darkmode .contact-mini__form textarea{background:#1f2937;border-color:#374151;color:#f9fafb;}
.darkmode .contact-mini__status{color:#4ade80;}

.shipping-mini{display:flex;flex-direction:column;gap:14px;}
.shipping-mini__form{display:flex;flex-direction:column;gap:12px;width: 300px;}
.shipping-mini__label{font-weight:700;font-size:.9rem;color:#0f172a;}
.shipping-mini__form select,
.shipping-mini__form input,
.shipping-mini__form textarea{border:1px solid var(--line);border-radius:10px;padding:10px;font-family:inherit;font-size:.92rem;background:#fff;}
.shipping-mini__form select:disabled{opacity:.6;cursor:not-allowed;}
.shipping-mini__radio-group{display:flex;align-items:center;gap:12px;font-weight:600;font-size:.9rem;color:#0f172a;}
.shipping-mini__radio-group input{margin-right:4px;}
.shipping-mini__btn{background:#0b8457;color:#fff;border:none;border-radius:10px;padding:12px;font-weight:700;cursor:pointer;transition:background .2s ease, box-shadow .2s ease;}
.shipping-mini__btn:hover{background:#096645;box-shadow:0 10px 24px rgba(9,102,69,.2);}
.shipping-mini__btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;}
.shipping-mini__hint{font-size:.85rem;color:#4b5563;}
.shipping-mini__summary{background:#f9fbff;border:1px solid #dbeafe;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;}
.shipping-mini__total{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:1rem;color:#0f172a;}
.shipping-mini__breakdown{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#1f2937;}
.shipping-mini__breakdown li{display:flex;align-items:center;justify-content:space-between;}
.shipping-mini__status{margin:4px 0 0;font-size:.82rem;color:#0f172a;min-height:1.2em;}
.shipping-mini__status.is-error{color:#e11d48;}
.shipping-mini__status.is-info{color:#0f172a;}
.shipping-mini__status.is-success{color:#0b8457;}
.darkmode .shipping-mini__label,
.darkmode .shipping-mini__radio-group{color:#f3f4f6;}
.darkmode .shipping-mini__form select,
.darkmode .shipping-mini__form input,
.darkmode .shipping-mini__form textarea{background:#1f2937;border-color:#374151;color:#f9fafb;}
.darkmode .shipping-mini__summary{background:#1f2937;border-color:#28354d;color:#e2e8f0;}
.darkmode .shipping-mini__breakdown li{color:#e2e8f0;}
.darkmode .shipping-mini__status{color:#93c5fd;}
.darkmode .shipping-mini__status.is-error{color:#f87171;}
.darkmode .shipping-mini__status.is-info{color:#cbd5f5;}
.darkmode .shipping-mini__status.is-success{color:#4ade80;}

.shipping-mini__search{position:relative;display:flex;flex-direction:column;gap:6px;}
.shipping-mini__results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 14px 32px rgba(15,23,42,.18);max-height:260px;overflow:auto;z-index:60;margin-top:6px;}
.shipping-mini__result{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:none;text-align:left;cursor:pointer;font-weight:600;font-size:.9rem;color:#0f172a;transition:background .15s ease;}
.shipping-mini__result img{width:48px;height:36px;border-radius:8px;object-fit:cover;border:1px solid #e5e7eb;}
.shipping-mini__result-text{display:flex;flex-direction:column;gap:2px;}
.shipping-mini__result-text strong{font-size:.92rem;color:#0f172a;}
.shipping-mini__result-text small{font-size:.7rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;}
.shipping-mini__result:hover{background:#f3f4f6;}
.shipping-mini__btn--ask{background:#e11d48;}
.shipping-mini__btn--ask:hover{background:#b91c1c;box-shadow:0 10px 24px rgba(185,28,28,.2);}
.darkmode .shipping-mini__results{background:#111827;border-color:#1f2937;box-shadow:0 12px 26px rgba(0,0,0,.6);}
.darkmode .shipping-mini__result{color:#e2e8f0;}
.darkmode .shipping-mini__result-text strong{color:#f3f4f6;}
.darkmode .shipping-mini__result-text small{color:#94a3b8;}
.darkmode .shipping-mini__result:hover{background:#1f2937;}
.darkmode .shipping-mini__result img{border-color:#374151;}

.create-account-card{display:flex;flex-direction:column;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 12px 32px rgba(15,23,42,.06);}
.create-account-lead{margin:0;font-size:.92rem;color:#4b5563;line-height:1.5;}
.create-account-perks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:#1f2937;}
.create-account-perks li{display:flex;align-items:center;gap:10px;line-height:1.4;}
.create-account-perks i{color:#ef1e26;font-size:.95rem;width:18px;text-align:center;}
.create-account-btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 16px;border-radius:999px;background:#ef1e26;color:#fff;font-weight:700;text-decoration:none;transition:transform .15s ease, box-shadow .2s ease;}
.create-account-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(239,30,38,.25);}
.create-account-foot{margin:0;font-size:.85rem;color:#6b7280;}
.create-account-foot a{color:#ef1e26;font-weight:600;text-decoration:none;}
.create-account-foot a:hover{text-decoration:underline;}
.darkmode .create-account-card{background:#1f2937;border-color:#28354d;color:#e2e8f0;box-shadow:0 10px 28px rgba(0,0,0,.4);}
.darkmode .create-account-lead{color:#cbd5f5;}
.darkmode .create-account-perks{color:#f3f4f6;}
.darkmode .create-account-foot{color:#9ca3af;}

.linkedin-card{display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 1px 2px rgba(15,23,42,.05);}
.linkedin-lead{margin:0;font-size:.9rem;color:#4b5563;line-height:1.5;}
.linkedin-widget{display:flex;justify-content:center;padding:8px 0;}
.linkedin-card .linkedin-widget iframe{margin:0 auto;}
.darkmode .linkedin-card{background:#1f2937;border-color:#28354d;box-shadow:0 12px 32px rgba(0,0,0,.4);}
.darkmode .linkedin-lead{color:#cbd5f5;}

.pinterest-card{display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 10px 26px rgba(15,23,42,.05);}
.pinterest-lead{margin:0;font-size:.9rem;color:#4b5563;line-height:1.5;}
.pinterest-widget{width:100%;overflow:hidden;border-radius:12px;}
.pinterest-card iframe{width:100% !important;border-radius:12px;}
.darkmode .pinterest-card{background:#1f2937;border-color:#28354d;box-shadow:0 12px 32px rgba(0,0,0,.4);}
.darkmode .pinterest-lead{color:#cbd5f5;}

.jed-verified-card{display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 1px 2px rgba(15,23,42,.06);overflow:hidden;}
.jed-header{display:flex;flex-direction:column;gap:4px;}
.jed-subtitle{font-size:.82rem;color:#6b7280;}
.jed-slider{position:relative;overflow:hidden;border-radius:12px;}
.jed-slides{display:flex;transition:transform .5s ease;}
.jed-slide{flex:0 0 100%;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;padding:2px;}
.jed-slide.is-active{pointer-events:auto;}
.jed-image-wrap{position:relative;border-radius:12px;overflow:hidden;background:#0f172a;}
.jed-image-wrap img{display:block;width:100%;height:170px;object-fit:cover;transition:transform .4s ease;}
.jed-slide:hover .jed-image-wrap img{transform:scale(1.03);}
.jed-badge{position:absolute;top:10px;left:10px;background:#02479A;color:#fff;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;box-shadow:0 10px 18px rgba(2,71,154,.28);}
.jed-info{display:flex;flex-direction:column;gap:4px;}
.jed-title{font-size:1rem;color:#111827;line-height:1.3;}
.jed-price{color:#ef1e26;font-weight:700;font-size:.95rem;}
.jed-dots{display:flex;justify-content:center;gap:6px;margin-top:4px;}
.jed-dot{width:8px;height:8px;border-radius:50%;border:none;background:#d1d5db;cursor:pointer;transition:background .2s ease,transform .2s ease;}
.jed-dot.is-active{background:#ef1e26;transform:scale(1.25);}
.jed-dot:focus-visible{outline:2px solid #ef1e26;outline-offset:2px;}
.darkmode .jed-verified-card{background:#1f2937;border-color:#28354d;box-shadow:0 12px 32px rgba(0,0,0,.4);}
.darkmode .jed-subtitle{color:#94a3b8;}
.darkmode .jed-title{color:#f3f4f6;}
.darkmode .jed-price{color:#f97316;}
.darkmode .jed-dot{background:#414b5e;}
.darkmode .jed-dot.is-active{background:#ef1e26;}

#home-ask-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.4);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;}
#home-ask-popup.is-open{display:flex;}
#home-ask-box{background:#fff;border-radius:13px;width:min(430px,90vw);padding:100px 25px;box-shadow:0 18px 48px rgba(15,23,42,.25);animation:fadeIn .2s;position:relative;}
#home-ask-box .close-btn{position:absolute;right:15px;top:14px;background:none;border:none;font-size:1.8rem;color:#444;cursor:pointer;}
.home-ask-title{text-align:center;margin:0 0 14px;}
.home-ask-car{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.home-ask-car img{width:86px;height:60px;border-radius:10px;object-fit:cover;border:1px solid #e5e7eb;}
.home-ask-car span{display:block;color:#e30613;font-weight:700;margin-top:4px;}
#home-ask-box label{font-weight:600;font-size:.9rem;color:#0f172a;margin-top:10px;display:block;}
#home-ask-box input,#home-ask-box textarea{width:100%;margin:4px 0 10px 0;padding:10px 7px;border-radius:8px;border:1px solid #d1d5db;font-family:inherit;}
#home-ask-box textarea{min-height:80px;resize:vertical;}
.home-ask-status{margin:8px 0 0;font-size:.85rem;text-align:center;color:#0b8457;}
.home-ask-status.is-error{color:#e11d48;}
.darkmode #home-ask-popup{background:rgba(15,23,42,0.65);}
.darkmode #home-ask-box{background:#1f2937;border:1px solid #28354d;color:#e2e8f0;}
.darkmode #home-ask-box input,
.darkmode #home-ask-box textarea{background:#111827;border-color:#374151;color:#f9fafb;}
.darkmode .home-ask-car img{border-color:#374151;}
.darkmode #home-ask-box label{color:#cbd5f5;}
.darkmode .home-ask-status{color:#4ade80;}
.darkmode .home-ask-status.is-error{color:#f87171;}

#ask-estimate-popup{display:none;}

.sitemap-list{display:flex;flex-direction:column;gap:8px;}
.sitemap-list a{display:flex;align-items:center;gap:10px;padding:8px 0;color:#0f172a;text-decoration:none;font-weight:600;}
.sitemap-list a::before{content:"\f105";font-family:"Font Awesome 6 Free";font-weight:900;color:#ef1e26;font-size:.9rem;}
.sitemap-list a:hover{color:#ef1e26;}
.darkmode .sitemap-list a{color:#f3f4f6;}
.darkmode .sitemap-list a:hover{color:#f97316;}

/* Testimonials widget (right column) */
.testi-list{display:flex;flex-direction:column;gap:12px;max-height:680px;overflow:auto}
.testi-item{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px}
.testi-head{display:flex;align-items:center;gap:10px}
.testi-photo{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.testi-name{font-weight:700}
.testi-meta{font-size:12px;color:var(--muted)}
.testi-stars{margin-left:auto;font-weight:700}
.testi-text{margin:8px 2px 2px 2px;font-size:14px;line-height:1.45;color:#1f2937}
.testi-video{margin-top:12px;}
.testi-video-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;border-radius:12px;border:1px solid var(--line,#e5e7eb);background:#0f172a;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s ease, box-shadow .2s ease;}
.testi-video-btn i{font-size:1rem;}
.testi-video-btn span{text-transform:uppercase;letter-spacing:.08em;}
.testi-video-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,23,42,.18);}
.darkmode .testi-video-btn{background:#28354d;border-color:#3a4561;color:#f3f4f6;}
.darkmode .testi-video-btn:hover{box-shadow:0 12px 26px rgba(0,0,0,.4);}

.testi-video-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:11000;}
.testi-video-modal.is-open{display:flex;}
.testi-video-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.65);}
.testi-video-panel{position:relative;width:min(720px,90vw);background:#000;border-radius:16px;box-shadow:0 18px 48px rgba(15,23,42,.45);padding:12px;display:flex;flex-direction:column;gap:12px;}
.testi-video-panel video{width:100%;max-height:70vh;border-radius:10px;background:#000;}
.testi-video-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:none;background:rgba(15,23,42,.75);color:#fff;font-size:1.1rem;cursor:pointer;}
.testi-video-close:hover{background:rgba(15,23,42,.9);}
.darkmode .testi-video-panel{background:#0f172a;box-shadow:0 18px 48px rgba(0,0,0,.6);}
.darkmode .testi-video-close{background:rgba(34,45,65,.85);} 

.vehicle-detail-page{background:#f6f7fb;}
.vehicle-detail-container{max-width:1240px;margin:0 auto;padding:32px 16px 60px;}
.vehicle-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#6b7280;margin-bottom:18px;flex-wrap:wrap;}
.vehicle-breadcrumbs a{color:#ef1e26;font-weight:600;text-decoration:none;}
.vehicle-breadcrumbs span{color:#9ca3af;}

.vehicle-detail-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(320px,1fr);gap:26px;align-items:flex-start;}
@media(max-width:1100px){.vehicle-detail-grid{grid-template-columns:1fr;}}


.vehicle-summary-card,
.vehicle-shipping-card,
.vehicle-standard-card{
  margin-top: 30px;
  padding:24px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:20px;
  box-shadow:0 16px 40px rgba(15,23,42,.08);
}

.vehicle-media{position:relative;overflow:hidden;}
.vehicle-main-image{display:block;width:100%;max-height:520px;object-fit:cover;}
.vehicle-status-badge{position:absolute;left:16px;padding:6px 14px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#ef1e26;box-shadow:0 10px 22px rgba(239,30,38,.28);}
.vehicle-status-badge.badge-verified{background:#0d9488;}
.vehicle-status-badge.badge-limited{background:#ef1e26;}
.vehicle-status-badge.badge-reserved{background:#f97316;}
.vehicle-status-badge.badge-sold{background:#111827;}

.vehicle-thumbnails{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;}
.vehicle-thumb{width:96px;height:76px;object-fit:cover;cursor:pointer;transition:transform .2s ease, box-shadow .2s ease;}
.vehicle-thumb:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,23,42,.18);}

.vehicle-quick-stats{margin-top:18px;display:flex;gap:14px;flex-wrap:wrap;}
.vehicle-quick-stats li{flex:1 1 140px;background:#fff5f5;border:1px solid rgba(239,30,38,.2);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:120px;}
.vehicle-quick-stats .stat-label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:#ef1e26;font-weight:700;}
.vehicle-quick-stats .stat-value{font-size:1rem;font-weight:700;color:#1f2937;}

.vehicle-description-card h3,
.vehicle-standard-card h3,
.vehicle-spec-card h3{margin-top:40;margin-bottom:12px;font-size:1.2rem;color:#172135;}
.vehicle-description-card p{margin:0;color:#4b5563;line-height:1.6;}

.vehicle-standard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:10px;}
.standard-feature-item{display:flex;align-items:center;justify-content:center;text-align:center;background:#f4f5f7;border:1px solid #e3e6ef;border-radius:14px;padding:12px 10px;font-weight:600;font-size:.95rem;color:#7a8195;transition:all .18s ease;}
.standard-feature-item.is-active{background:#ef1e26;color:#fff;border-color:#ef1e26;box-shadow:0 1px 2px rgba(239,30,38,.28);}
.vehicle-standard-card .standard-feature-item:hover{transform:translateY(-1px);}
.vehicle-extra-features{margin-top:20px;}
.vehicle-extra-features p{margin:0 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.14em;color:#172135;text-transform:uppercase;}
.vehicle-extra-features ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.vehicle-extra-features li{background:#fff5f5;border:1px dashed #ef1e26;border-radius:999px;padding:6px 14px;font-weight:600;color:#ef1e26;}

.vehicle-spec-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;}
.vehicle-spec-list li{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-height:82px;}
.vehicle-spec-list .label{text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;color:#6b7280;font-weight:700;}
.vehicle-spec-list .value{font-size:1rem;font-weight:700;color:#111827;word-break:break-word;}

.vehicle-summary-card{display:flex;flex-direction:column;gap:16px;}
.vehicle-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.vehicle-ref{margin:0;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#ef1e26;font-weight:700;}
.vehicle-fav-btn{width:42px;height:42px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#c7cdd9;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .2s ease;}
.vehicle-fav-btn:hover{color:#ef1e26;border-color:rgba(239,30,38,.35);box-shadow:0 10px 20px rgba(239,30,38,.18);}
.vehicle-fav-btn.is-active{color:#ef1e26;border-color:rgba(239,30,38,.35);background:rgba(239,30,38,.08);}
.vehicle-title{margin:0;font-size:1.8rem;color:#101828;line-height:1.2;}
.vehicle-location{margin:0;font-size:.9rem;color:#475569;display:flex;align-items:center;gap:8px;}
.vehicle-price-block{display:flex;flex-direction:column;gap:4px;}
.vehicle-price-old{font-size:1rem;color:#9ca3af;text-decoration:line-through;}
.vehicle-price-main{font-size:2rem;font-weight:800;color:#ef1e26;}
.vehicle-currency-row{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#4b5563;}
.vehicle-currency-row select{flex:1;padding:8px 12px;border-radius:10px;border:1px solid #d1d5db;font-weight:600;}
.vehicle-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:999px;background:#ef1e26;color:#fff;font-weight:700;text-decoration:none;transition:transform .2s ease, box-shadow .2s ease;}
.vehicle-whatsapp:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(239,30,38,.35);}

.vehicle-shipping-card{display:flex;flex-direction:column;gap:16px;margin-top:24px;}
.shipping-form--detail .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:.92rem;color:#1f2937;}
.shipping-form--detail select,
.shipping-form--detail input[type="text"],
.shipping-form--detail input[type="email"],
.shipping-form--detail input[type="number"]{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-family:inherit;}
.shipping-form--detail .form-inline{flex-direction:row;align-items:center;gap:12px;}
.shipping-form--detail .form-inline label{margin:0;font-weight:600;}
.shipping-form--detail .radio{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;}
.shipping-form--detail .radio input{margin:0;}
.insurance-amount{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px dashed #d1d5db;border-radius:10px;padding:10px 12px;font-size:.9rem;color:#27364a;}
.vehicle-shipping-card .shipping-btn{background:#ef1e26;color:#fff;border:none;border-radius:12px;padding:14px;font-size:1rem;font-weight:700;cursor:pointer;width:100%;transition:transform .2s ease, box-shadow .2s ease;margin-top:4px;}
.vehicle-shipping-card .shipping-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(239,30,38,.35);}
.vehicle-shipping-card .shipping-btn--outline{background:transparent;color:#ef1e26;border:2px solid #ef1e26;}
.vehicle-shipping-card .shipping-btn--outline:hover{background:#ef1e26;color:#fff;}
.vehicle-shipping-card #shipping-ask-btn{display:none;}
.shipping-error{color:#e11d48;font-weight:600;margin-top:12px;}

.vehicle-sidebar .shipping-result{margin-top:16px;border-radius:16px;border:1px solid #e5e7eb;padding:18px;background:#f8fafc;box-shadow:inset 0 0 0 1px rgba(239,30,38,.05);}
.vehicle-sidebar .pricing-details-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.vehicle-sidebar .total-label{font-size:1rem;color:#1f2937;font-weight:600;}
.vehicle-sidebar .total-value{font-size:1.8rem;font-weight:800;color:#ef1e26;}
.vehicle-sidebar .pricing-table{width:100%;border-collapse:collapse;margin-top:8px;}
.vehicle-sidebar .pricing-table .label{color:#475569;}
.vehicle-sidebar .pricing-table .amount{font-weight:700;color:#1f2937;}

.darkmode.vehicle-detail-page{background:#111827;}
.darkmode .vehicle-gallery-card,
.darkmode .vehicle-summary-card,
.darkmode .vehicle-shipping-card,
.darkmode .vehicle-description-card,
.darkmode .vehicle-standard-card,
.darkmode .vehicle-spec-card{background:#1f2937;border-color:#2b354a;box-shadow:0 16px 36px rgba(0,0,0,.5);color:#e5e7eb;}
.darkmode .vehicle-breadcrumbs a{color:#f97316;}
.darkmode .vehicle-main-image{background:#111827;}
.darkmode .vehicle-thumb{border-color:#2b354a;}
.darkmode .vehicle-thumb:hover{box-shadow:0 12px 26px rgba(0,0,0,.45);}
.darkmode .vehicle-quick-stats li{background:#2b3446;border-color:rgba(239,30,38,.35);color:#f3f4f6;}
.darkmode .vehicle-quick-stats .stat-label{color:#f97316;}
.darkmode .vehicle-description-card p{color:#cbd5f5;}
.darkmode .standard-feature-item{background:#1c2231;border-color:#30384f;color:#b5bfdc;}
.darkmode .standard-feature-item.is-active{background:#ef1e26;border-color:#ef1e26;box-shadow:0 10px 24px rgba(239,30,38,.4);color:#fff;}
.darkmode .vehicle-extra-features li{background:#3b2127;border-color:#ef1e26;color:#fbd8c7;}
.darkmode .vehicle-spec-list li{background:#262f45;border-color:#3a4561;}
.darkmode .vehicle-spec-list .value{color:#f9fafb;}
.darkmode .vehicle-summary-card .vehicle-location{color:#cbd5f5;}
.darkmode .vehicle-currency-row select{background:#1a2133;color:#f9fafb;border-color:#3a4561;}
.darkmode .vehicle-whatsapp{background:#f97316;}
.darkmode .vehicle-fav-btn{background:#1a2133;border-color:#3a4561;color:#4c566a;}
.darkmode .vehicle-fav-btn:hover,.darkmode .vehicle-fav-btn.is-active{color:#f97316;border-color:rgba(249,115,22,.45);background:rgba(249,115,22,.12);}
.darkmode .shipping-form--detail input,
.darkmode .shipping-form--detail select{background:#1a2133;border-color:#3a4561;color:#f1f5f9;}
.darkmode .vehicle-sidebar .pricing-table .label{color:#cbd5f5;}
.darkmode .vehicle-sidebar .pricing-table .amount{color:#f9fafb;}
.darkmode .shipping-result{background:#1a2133;border-color:#303b53;}

@media(max-width:720px){
  .vehicle-detail-container{padding:24px 12px 48px;}
  .vehicle-price-main{font-size:1.7rem;}
  .vehicle-currency-row{flex-direction:column;align-items:flex-start;gap:6px;}
  .vehicle-whatsapp{width:100%;}
}
/* dark mode tweak */
.darkmode .testi-item{background:#23242b;border-color:#3a3d4a}
.darkmode .testi-text{color:#e6e6e6}
/* --- Modal base --- */
.modal{ position:fixed; inset:0; display:block; z-index:9998; }
.modal.hidden{ display:none; }               /* hidden state */
.modal-backdrop{ position:fixed; inset:0; background:#0008; z-index:9998; }
.modal-card{ position:fixed; inset:5% 8%; background:#fff; border-radius:10px;
             max-height:90vh; overflow:auto; display:flex; flex-direction:column; z-index:9999; }
.modal-head,.modal-foot{ padding:12px 16px; border-bottom:1px solid #e5e7eb; }
.modal-foot{ border-bottom:0; border-top:1px solid #e5e7eb; }

/* ============= Filter + Modal Polished Styles ============= */
/* base tokens */
:root{
  --bg: #ffffff;
  --ink: #0f172a;
  --muted:#64748b;
  --line:#e5e7eb;
  --brand:#EF1E26;
  --brand-2:#EF1E26;
  --chip:#f8fafc;
  --radius:12px;
  --radius-sm:9px;
  --shadow:0 6px 20px rgba(2,6,23,.08);
}

/* ====================== RED & WHITE THEME ====================== */
:root{
  --bg: #ffffff;
  --ink: #111827;
  --muted:#6b7280;
  --line:#e5e7eb;

  /* brand reds */
  --brand:#e53935;          /* main red */
  --brand-dark:#c62828;     /* hover/active */
  --chip:#fff5f5;
}

/* headings & counters */
.searchbar h2, .side-title, .section-title { color: var(--brand-dark); }
.hero-strip img { border-radius: 10px }

/* ---------- search card ---------- */
.searchbar{ padding: 18px 0 10px; display: flex; align-items: center; justify-content: center; }
.searchbar .search-grid{
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 0px;
  padding: 18px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 14px;
  align-items: end;
  box-shadow: 4px 5px 22px rgba(209 196 195 / 8%);
  margin: 0px 0px 0px 0px;
}
.searchbar .search-grid > div{ display:flex; flex-direction:column; gap:6px; }
.searchbar label{ font-size:12px; color:var(--muted); letter-spacing:.2px; }

/* unified inputs (white fields) */
.searchbar select,
.searchbar input[type="number"],
.searchbar input[type="text"],
#moreModal select,
#moreModal input[type="number"],
#moreModal input[type="text"]{
  appearance:none;
  height:46px;
  background:#fff;
  color:var(--ink);
  border:1px solid var(--line);
  border-radius:10px;
  padding:0 14px;
  transition: box-shadow .15s, border-color .15s, background .15s;
}
.searchbar select:focus,
.searchbar input:focus,
#moreModal select:focus,
#moreModal input:focus{
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(229,57,53,.18);
}

/* dropdown chevron feel (optional) */
.searchbar select, #moreModal select{
  background-image: linear-gradient(45deg, transparent 50%, var(--brand) 50%),
                    linear-gradient(135deg, var(--brand) 50%, transparent 50%);
  background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

/* buttons */
.btn{ height:46px; font-weight:700; border-radius:10px; border:1px solid transparent; }
.btn-primary{ background: var(--brand); color:#fff; border-color: var(--brand); }
.btn-primary:hover{ background: var(--brand-dark); border-color: var(--brand-dark); }
.btn-secondary{ background:#fff; color: var(--brand); border-color: var(--brand); }
.btn-secondary:hover{ background: var(--chip); }
.btn-light{ background:#f3f4f6; color:#111827; }

.link-more{ color: var(--brand); }
.link-more:hover{ color: var(--brand-dark); }

/* left sidebar price chips */
.price-list a{
  display:flex; align-items:center; gap:10px;
  background:#fff; border:1px solid var(--line); border-radius:12px;
  padding:10px 12px; transition: border-color .15s, box-shadow .15s, background .15s;
}
.price-list a:hover{ border-color: var(--brand); box-shadow: 0 6px 18px rgba(229,57,53,.08); }
.price-list img{ width:22px; height:22px }

/* car ribbons */
.ribbon{ position:absolute; left:8px; top:8px; color:#fff;
  padding:4px 8px; border-radius:6px; font-size:11px; box-shadow:0 8px 20px rgba(15,23,42,.18); letter-spacing:.05em;}
.ribbon.sold{ background: var(--sold); }
.ribbon.reserved{ background:#0f172a; }
.ribbon.limited{ background: #ef5350; }
.ribbon.verified{ background:#02479A; }

/* ---------- modal ---------- */
#moreModal.modal{ position:fixed; inset:0; display:block; z-index:9998; }
#moreModal.modal.hidden{ display:none; }
#moreModal .modal-backdrop{ position:fixed; inset:0; background: rgba(17,24,39,.55); }
#moreModal .modal-card{
  position:fixed; left:50%; top:7%; transform:translateX(-50%);
  width:min(1100px,92vw); max-height:86vh; overflow:hidden;
  background:#fff; border-radius:16px; box-shadow:0 24px 80px rgba(0,0,0,.25);
  display:flex; flex-direction:column;
}
#moreModal .modal-head{ padding:14px 18px; border-bottom:1px solid var(--line); }
#moreModal .modal-head h3{ margin:0; color: var(--brand-dark); }
#moreModal .modal-body{ padding:16px 18px; overflow:auto; }
#moreModal .grid.two-col{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
#moreModal .grid.two-col > div{ display:flex; flex-direction:column; gap:6px; }
#moreModal .modal-foot{ padding:12px 18px; border-top:1px solid var(--line); display:flex; gap:10px; justify-content:flex-end; }

/* responsive */
@media (max-width: 1024px){ .searchbar .search-grid{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 640px){  #moreModal .grid.two-col{ grid-template-columns:1fr; } }
.filter-ad img{
    width: 300px;
}
.ad-left {
    margin-right: 50px;
}
.ad-right {
    margin-left: 50px;
}

/* —— keep 2-rows per slide & horizontal scroll —— */

/* viewport horizontal scroll */
.carousel-viewport{
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: thin;              /* firefox */
}

/* track scrolls horizontally by slides */
.carousel-track{
  display: flex;
  gap: 24px;                          /* space between slides */
}

/* each slide = exactly viewport width */
.carousel-track .slide{
  flex: 0 0 100%;                     /* important */
}

/* inside slide: 4 columns × 2 rows grid (8 cards) */
.grid.four-col.two-rows{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr));
  grid-auto-flow: row;
  grid-auto-rows: 1fr;                /* cards same height */
  gap: 16px;
}
.grid.four-col.two-rows > .car-card{ height:100%; }

/* responsive (optional) */
@media (max-width: 1200px){
  .grid.four-col.two-rows{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px){
  .grid.four-col.two-rows{ grid-template-columns: repeat(2, 1fr); }
}
.carousel-viewport {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: thin;
}

.carousel-track {
  display: flex;
}

.carousel-track .slide {
  flex: 0 0 100%;
}

.grid.four-col.two-rows {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 16px;
}
/* ===== Testimonials ===== */
.testi-wrap .side-title{ margin-bottom:12px; }
.testi-card{
  display:flex; gap:16px; padding:14px; border:1px solid var(--line,#e5e7eb);
  border-radius:14px; background:var(--card,#fff); box-shadow:0 10px 28px rgba(15,23,42,.08);
  flex-direction: column;
}
.testi-card, .testi-card *{ writing-mode:horizontal-tb; }
.darkmode .testi-card{background:#23242b;border-color:#3a3d4a;box-shadow:0 10px 28px rgba(0,0,0,.35);}
.testi-left{ flex:0 0 80px; }
.testi-left .testi-main{
  width:80px; height:80px; object-fit:cover; border-radius:12px; border:1px solid #e5e7eb; cursor:pointer;
}
.testi-body{ flex:1; min-width:0; display:flex; flex-direction:column; gap:8px; margin-top: -60px;}
.testi-head{ display:flex; flex-direction:column; gap:6px; align-items: flex-start; }
.testi-title{ font-size:18px; display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.flag-emoji{ font-size:18px; }
.muted{ color:#6b7280; font-size:13px; }
.testi-carline{ font-size:13px; }
.testi-carlink{ color:#e53935; font-weight:700; text-decoration:none; }
.testi-carlink:hover{ text-decoration:underline; }
.testi-stars{ color:#ffb300; display:flex; align-items:center; gap:6px; }
.testi-text{ margin:0; line-height:1.55; color:#1f2937; font-size:14px; white-space:normal; word-break:break-word; }

.tgal{ display:flex; gap:8px; flex-wrap:wrap; }
.tgal img{ width:74px; height:74px; object-fit:cover; border-radius:8px; border:1px solid #e5e7eb; cursor:pointer; transition:transform .15s ease; }
.tgal img:hover{ transform:scale(1.03); }

.testi-more{ text-align:right; margin-top:12px; }
.testi-more .link-more{ color:#e53935; font-weight:600; }

.testi-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.testi-nav{display:flex;gap:8px;}
.testi-nav-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line,#e5e7eb);background:#fff;color:#1f2937;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease, box-shadow .2s ease;}
.testi-nav-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.12);}
.testi-nav-btn:disabled{opacity:.4;cursor:default;transform:none;box-shadow:none;}
.darkmode .testi-nav-btn{background:#28354d;border-color:#3a4561;color:#f3f4f6;}
.testi-slider{overflow:hidden;position:relative;}
.testi-track{display:flex;gap:24px;transition:transform .6s ease;will-change:transform;}
.testi-track .testi-card{flex:0 0 calc(50% - 12px);}

@media (max-width:1024px){
  .testi-track .testi-card{flex:0 0 calc(100% - 12px);}  
}

.testi-wrap{position:relative;}

/* ===== Lightbox (vanilla) ===== */
.lb-wrap{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,.6); z-index:9999; }
.lb-wrap.on{ display:flex; }
.lb-panel{ position:relative; max-width:92vw; max-height:88vh; background:#fff; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.25); padding:10px; }
.lb-img{ max-width:90vw; max-height:80vh; display:block; border-radius:8px; }
.lb-close, .lb-prev, .lb-next{
  position:absolute; top:50%; transform:translateY(-50%);
  width:42px; height:42px; border-radius:999px; border:none; cursor:pointer;
  background:#ffffff; color:#111; box-shadow:0 2px 10px rgba(0,0,0,.25);
  display:flex; align-items:center; justify-content:center; font-size:18px;
}
.lb-close{ top:-18px; right:-18px; transform:none; }
.lb-prev{ left:-18px; }
.lb-next{ right:-18px; }
@media (max-width:640px){
  .testi-card{ flex-direction:column; }
  .testi-left{ flex:none; }
}
@media (max-width:520px){
  .testi-card{padding:12px;}
  .testi-left .testi-main{width:72px;height:72px;}
  .testi-title{font-size:16px;}
  .testi-stars{font-size:13px;}
  .testi-carline{font-size:12px;}
  .tgal img{width:64px;height:64px;}
  .btn-like{font-size:12px;padding:6px 12px;}
  .testi-text{font-size:14px;}
}

.review-like-row { margin-top: 10px; display:flex; justify-content:flex-end; }
.btn-like{
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid var(--line,#e5e7eb); background:#fff; color:#374151;
  padding:6px 10px; border-radius:999px; cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.btn-like .count{ font-weight:700; }
.btn-like.on{ background:#fef2f2; border-color:#ef4444; color:#b91c1c; }
.btn-like:disabled{ opacity:.6; cursor:not-allowed; }

.home-layout.layout--no-sidebars .main-col { width:100%; }

/* === Home layout modifiers (2-column) === */
.home-layout.layout--left-only{
  display:grid;
  grid-template-columns: 340px 1fr;   /* left + main */
  gap:16px;
}
.home-layout.layout--left-only .right-col{ display:none !important; }

.home-layout.layout--right-only{
  display:grid;
  grid-template-columns: 1fr 340px;   /* main + right */
  gap:16px;
}
.home-layout.layout--right-only .left-col{ display:none !important; }

/* Responsive: mobile par 1 column */
@media (max-width: 1024px){
  .home-layout.layout--left-only,
  .home-layout.layout--right-only{
    grid-template-columns: 1fr;
  }
}

/* ---------- Global responsive utilities ---------- */
@media (max-width: 1200px){
  .searchbar .search-grid{
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}
@media (max-width: 1024px){
  .hero-strip{flex-direction:column;}
  .searchbar{flex-direction:column;align-items:stretch;}
  .searchbar .ad-left,
  .searchbar .ad-right{margin:0 auto;}
  .searchbar .search-grid{grid-template-columns: repeat(2,minmax(0,1fr));}
  .home-layout{grid-template-columns:1fr;gap:18px;}
  .home-layout .left-col,
  .home-layout .right-col{order:initial;}
  .car-section .section-head{flex-direction:column;align-items:flex-start;gap:12px;}
}
@media (max-width: 768px){
  .searchbar .search-grid{grid-template-columns: repeat(2,minmax(0,1fr));}
  .searchbar .search-grid > div{min-width:0;}
  .car-card{min-width:0;}
  .car-card .thumb{height:200px;}
  .hero-strip img{width:100%;border-radius:16px;display: none;}
  .side-card{width:100%;}
  .contact-mini{display:none;}
  @media (max-width: 768px){.contact.mini{display: none;}
}
@media (max-width: 560px){
  .searchbar .search-grid{grid-template-columns:1fr;}
  .car-card{width:100%;}
  .car-card .thumb{height:180px;}
  .car-section .section-head{align-items:flex-start;}
}

/* ---------- Team slider ---------- */
.team-section{
  margin-top:24px;
  padding:28px 28px 34px;
  border-radius:24px;
  background:#fff;
  box-shadow:0 20px 31px rgba(15,23,42,0.12);
}
.team-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}
.team-head h2,
.team-head h3{margin:0;font-size:28px;}
.team-eyebrow{
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:0.22em;
  color:#f04438;
  margin-bottom:4px;
}
.btn-outline{
  border:1px solid #d0d7ff;
  border-radius:999px;
  padding:10px 20px;
  font-weight:600;
  color:#1f2b50;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.btn-outline:hover{background:#eef3ff;}
.team-carousel{
  margin-top:24px;
  position:relative;
}
.team-viewport{
  overflow:hidden;
}
.team-track{
  display:flex;
  gap:18px;
  transition:transform .6s ease;
}
.team-card{
  flex:0 0 320px;
  background:#f8fafc;
  border:1px solid #e4e9f7;
  border-radius:22px;
  padding:18px;
  display:flex;
  gap:16px;
  min-height:160px;
}
.team-photo{
  width:96px;
  height:96px;
  border-radius:18px;
  overflow:hidden;
  flex-shrink:0;
}
.team-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.team-info h3{
  margin:0;
  font-size:18px;
}
.team-info p{
  margin:4px 0 10px;
  color:#5a627a;
  font-size:14px;
}
.btn-chat{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#101828;
  color:#fff;
  border-radius:999px;
  padding:8px 14px;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
}
.team-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid #dfe5fb;
  background:#fff;
  color:#1f2b50;
  box-shadow:0 10px 30px rgba(15,23,42,0.12);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.team-nav.prev{left:-10px;}
.team-nav.next{right:-10px;}
.team-nav:disabled{opacity:0.5;cursor:not-allowed;}
.team-foot{
  margin-top:20px;
  text-align:center;
}
.team-foot .link-more{
  font-weight:600;
}
.team-section.compact-team{padding:10px;.team-section.compact-team {padding: 7px;}}
.team-section.compact-team .team-card{flex:0 0 280px;}
.team-section.compact-team .team-head h3{font-size:22px;}
.team-section.compact-team .team-nav.prev{left:-6px; z-index:1;
}
.team-section.compact-team .team-nav.next{right:-6px;}
@media (max-width:900px){
  .team-head{flex-direction:column;align-items:flex-start;}
  .team-card{flex:0 0 260px;}
  .team-nav.prev{left:0;}
  .team-nav.next{right:0;}
}
@media (max-width:520px){
  .team-section{padding:20px;}
  .team-card{flex:0 0 220px;}
  .team-photo{width:72px;height:72px;}
}
@media (max-width: 480px){
  .team-section{display:none!important;}
}
}
@media (max-width:768px){
.left-col-ad {
    margin-top: 70px;
    display: none;
}
}
@media (max-width:1024px){
.left-col-ad {
    margin-top: 70px;
    display: none;
}
}
@media (max-width:768px){
.right-col .ad-card{display:none;
}
}
@media (max-width:768px){.linkedin-card{display:none;}
}

@media (max-width:1024px){.linkedin-card{display:none;}
}
@media (max-width:768px)
  {.pinterest-card 
    {display: none;
    }
  }
 @media (max-width:1024px)
  {.pinterest-card 
    {display: none;
    }
  }
  @media (max-width:768px)
  {.map-card {
    display: none;
  }
}
@media (max-width:786px)
{.fb-card {
      width: 316px;
} 
}
@media (max-width: 768px) {
  .carousel-viewport {
    max-width: 313px
  }
  .carousel-track .slide {
    flex: 0 0 90%;
  }
}
@media (max-width: 768px) {
    .steering-fab {
        left: 16%;
    }
}
/* ===== HORIZONTAL SCROLL KILLER PATCH (put at very end) ===== */

/* 1) 100vw → 100% (scrollbar width se 1–2px overflow hota hai) */
#home-ask-popup,
#ask-estimate-popup,
.modal,
.modal-overlay,
.lb-wrap {
  width: 100% !important;
  height: 100% !important; /* keep full-screen without 100vh quirks */
}

/* 2) Cards: fixed width (330px) ko responsive banao */
.car-card {
  width: 100% !important;          /* grid/column ke andar full */
  max-width: 330px;                /* desktop cap */
}
@media (max-width: 900px) {
  .car-card { max-width: none; }   /* mobile par 100% */
}

/* 3) Searchbar and children: force 100% width on smaller screens */
@media (max-width: 1024px){
  .searchbar { width: 100% !important; }
  .searchbar .search-grid {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}
@media (max-width: 768px){
  .searchbar .search-grid {
    width: 100% !important;
    grid-template-columns: 1fr !important;
    .filter-ad img {display: none;}}}
/* ===== HORIZONTAL SCROLL FIX — MOBILE/TABLET ONLY ===== */

/* 0) Global guard (mobile/tablet par hi) */
@media (max-width: 1024px) {
  html, body { overflow-x: hidden !important; }
}

/* 1) Fullscreen overlays: 100vw ke bajaye 100% (sirf <=1024px) */
@media (max-width: 1024px) {
  #home-ask-popup,
  #ask-estimate-popup,
  .modal,
  .modal-overlay,
  .lb-wrap {
    width: 100% !important;
    height: 100% !important;
  }
}

/* 2) Cards: chhote screens par fixed width na rahe */
@media (max-width: 900px) {
  .car-card {
    width: 100% !important;
    max-width: none !important;
  }
}

/* 3) Search bar responsive strictly <=1024 & <=768 */
@media (max-width: 1024px){
  .searchbar { width: 100% !important; }
  .searchbar .search-grid {
    max-width: 100%;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
}
@media (max-width: 768px){
  .searchbar .search-grid {
    grid-template-columns: repeat(3, minmax(0, 3fr)) !important;
  }
}

/* 4) Grid children shrink kar saken (overflow prevent) */
@media (max-width: 1024px){
  .home-layout > *,
  .page-wrap > *,
  .cars-layout > *,
  .vehicle-detail-grid > *,
  .searchbar .search-grid > * {
    min-width: 0 !important;
  }
}

/* 5) Media elements container ke andar hi rahen */
@media (max-width: 768px){
  img, video { max-width: 100% !important; height: auto !important;}
  iframe { width: 100% !important; max-width: 100% !important; height: auto; }
  .steering-fab { display:none !important; }
}
@media (max-width: 425px){
  img, video { max-width: 100% !important; height: auto !important;}
  iframe { width: 100% !important; max-width: 100% !important; height: auto; }
}
/* 6) Right-column ads ke extra margins mobile par hatayein */
@media (max-width: 1024px){
  .right-col .ad-card { margin-right: 0 !important; }
}
/* 7) Carousel: mobile/tablet behavior, desktop untouched */
@media (max-width: 1024px){
  .carousel-viewport {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: none !important;
    scroll-behavior: smooth;
    max-width: 100%;
  }
  .carousel-track {
    display: flex !important;
    gap: 16px !important;
    width: auto !important; /* koi fixed 800px nahi */
  }
  .carousel-track .slide {
    flex: 0 0 100% !important;   /* ek slide = viewport width */
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
  }
  .grid.four-col.two-rows {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* tablet */
    grid-auto-rows: 1fr !important;
    gap: 4px !important;
  }
}
@media (max-width: 768px){
  .grid.four-col.two-rows { grid-template-columns: repeat(2, 1fr) !important; }
}

/* 8) Sidebar / layout collapses only on small screens */
@media (max-width: 990px){
  .page-wrap { grid-template-columns: 1fr !important; }
}
@media (max-width: 1024px){
  .home-layout { grid-template-columns: 1fr !important; }
}

/* 9) Fixed/absolute UI elements screen se bahar na niklein (mobile only) */
@media (max-width: 1024px){
  .steering-fab,
  .side-hamburger-menu {
  max-width: 100vw !important;
  overflow: visible;
}
}
.menu-open {
  overflow: hidden !important;
  height: 100vh;
  position: fixed;
  width: 100%;
}
@media  (max-width: 768px){
  }
.searchbar select, .searchbar input[type="number"], .searchbar input[type="text"], #moreModal select, #moreModal input[type="number"], #moreModal input[type="text"] {
    appearance: none;
    height: 30px;
    background: #fff;
    color: var(--ink);
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 3px 10px;
    transition: box-shadow .15s, border-color .15s, background .15s;
    margin: -5px;
}
@media  (max-width: 768px){
  }
.searchbar label {
    font-size: 9px;
    color: var(--muted);
    letter-spacing: .2px;
}
/* Mobile / Tablet: side lists ko boxed tiles banao (icon bhi box me) */
@media (max-width: 768px){

  /* 3 columns already set — sirf item styling polish */
  aside.left-col .side-card .side-list{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 12px;
    padding: 10px !important;
  }

  /* li borders/lines hatado */
  aside.left-col .side-card .side-list li{
    border: 0 !important;
    padding: 0 !important;
    list-style: none;
  }

  /* TILE */
aside.left-col .side-card .side-list li a {
  display: flex;                     /* better for vertical centering */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 10px 12px;
  min-height: 70px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 9px;
  box-shadow: 0 0px 1px rgba(0, 0, 0, .05);
  text-decoration: none;
  color: #111827;
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  white-space: normal;               /* allow wrapping */
  overflow: visible;
  text-overflow: unset;
}
/* clean icon look */
aside.left-col .side-card .side-list li a img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  background: none;
  border: none;
  padding: 0;
  box-shadow: none;
}
aside.left-col .side-card .side-list li a img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  background: transparent !important;   /* ← removes any bg color */
  border: none !important;              /* ← removes border line */
  padding: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
}


  /* ICON as boxed square */
  aside.left-col .side-card .side-list li a img{
    width: 26px;
    height: 26px;
    object-fit: contain;
    flex-shrink: 0;

    /* icon ka apna chhota box */
    padding: 4px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.6);
  }

  /* hover (optional) */
  aside.left-col .side-card .side-list li a:hover{
    border-color: #ef4444;
    box-shadow: 0 6px 16px rgba(239,68,68,.12);
  }

  /* Dark mode tweaks (optional) */
  body.darkmode aside.left-col .side-card .side-list li a{
    background:#1f2937; border-color:#374151; color:#f3f4f6;
  }
  body.darkmode aside.left-col .side-card .side-list li a img{
    background:#111827; border-color:#374151;
  }
}
/* ===== Mobile fix (<= 768px) ===== */
@media (max-width: 768px){
  /* card ko free chhor do */
  .car-card{
    min-height: unset !important;
    padding: 12px !important;
    gap: 10px !important;
}}
  /* grid/slide ke equal-height ko band */
  .grid.four-col.two-rows > .car-card{
    height: auto !important;
  }

  /* image & spacing chhota */
  .car-card .thumb-wrap{ min-height: 0 !important; }
  .car-card .thumb{ height: 130px !important; }   /* jo size chaho */

  /* text/buttons thoda compact (optional) */
  .car-card .title{ font-size: 11px !important; }
  .car-card .meta{ font-size: 10px !important; }
  .car-card .wh-chat-link{ padding: 11px 16px !important; font-size: 10px !important; }

@media (max-width: 768px){
.jed-slide{
flex: 0 0 100%;
display: flex;
flex-direction: column;
gap: 350px;
}
}
@media (max-width: 560px){
  .ribbon{
    font-size: 8px;
    padding: 1.5px 4px;
    top: 5px;
    left: 5px;
  }
}
@media (max-width: 640px){
  .vehicle-spec-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  /* optional: thoda compact look */
  .vehicle-spec-list li{
    padding: 10px 5px 10px;
    min-height: auto;      /* agar pehle 82px set ho to chhota ho sake */
  }
  .vehicle-spec-list .label{ font-size: .68rem; }
  .vehicle-spec-list .value{ font-size: .95rem; }
}
@media (max-width: 1024px){
  .vehicle-spec-list{
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 8px;
  }
}
@media (max-width: 768px){
  .vehicle-standard-grid{
        display: ruby;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 10px;
    margin-top: 10px;
}
}
@media (max-width: 768px){
.standard-feature-item {
    padding: 7px 14px;
    font-size: 11px;
    margin: 2px 1px 2px 1px;
}
}
@media (max-width: 640px){
form {
    max-width: 100%;
    padding: 0px;
     margin-left: 0px;
    height: 37%;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
}
} 
@media (max-width: 640px){
#ask-estimate-box {
    background: #fff;
    border-radius: 13px;
    max-width: 430px;
    width: 91%;
    padding: 52px 14px;
    box-shadow: 0 6px 24px #2222;
    animation: fadeIn .2s;
    position: relative;
    font-size: 9px;
}
}
#ask-estimate-box input, #ask-estimate-box textarea {
    width: 100%;
    margin: 4px 0 3px 0;
    padding: 5px 11px;
    border: 1px solid #ddd;
    
}
#ask-estimate-box button[type=submit] {
    width: 100%;
    background: #e30613;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 8px;
    padding: 9px 0;
    font-weight: 700;
    cursor: pointer;
    margin: 10px 0px 0px 0px;
}
/* mobile heading smaller */
@media (max-width: 640px){
  header h1 {font-size: 20px !important; /* reduce font size */line-height: 1.3; /* tighter spacing */margin-bottom: 10px; text-align: center; /* centered on mobile */}
  .text{margin:0;font-size: 12px;}.mobile-logo img {width: 70px!important;}img.thumb {max-width: 162px !important;}}
  header p {
  font-size: 14px;/* paragraph below smaller too */line-height: 1.4;text-align: center;margin: 0 10px;}

@media (max-width: 768px) {
    aside.left-col .side-card .side-list li a img {display: block;}.site-header{display: none;}.mobile-header{display: flex;}.mobile-logo img {width: 39px;}.mobile-header .mobile-bar {width: 100%;}}