@font-face {
    font-family: 'Vazirmatn';
    src: url('/fonts/Vazirmatn/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('/fonts/Vazirmatn/Vazirmatn-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('/fonts/Vazirmatn/Vazirmatn-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('/fonts/Vazirmatn/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@theme {
    --font-sans: 'Vazirmatn', ui-sans-serif, system-ui, sans-serif;
}

html {
    font-family: 'Vazirmatn', sans-serif;
}

body {
    font-family: 'Vazirmatn', sans-serif;
}

/* Admin panel */
@import './admin.css';

/* Auto Shayesteh public UI */
:root {
    --blue:#1769d1;
    --blue-dark:#0d56b4;
    --blue-soft:#eef5ff;
    --ink:#17191d;
    --muted:#727985;
    --line:#e8ebef;
    --surface:#f6f8fb;
    --white:#fff;
    --shadow:0 12px 34px rgba(28,55,92,.07);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.site-body{margin:0;background:#fff;color:var(--ink);font-family:'Vazirmatn',sans-serif}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}

.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,30,45,.07)}
.header-inner{min-height:76px;display:flex;align-items:center;gap:34px}
.site-logo{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.site-logo-mark{width:37px;height:37px;border-radius:11px;background:linear-gradient(145deg,#fff 0%,#edf4ff 100%);border:1px solid #d9e5f7;color:var(--blue);display:grid;place-items:center;font-size:20px;font-weight:900;box-shadow:0 5px 14px rgba(23,105,209,.10)}
.site-logo-text{display:flex;flex-direction:column;line-height:1.05;font-size:13px}.site-logo-text strong{font-weight:900}.site-logo-text b{color:var(--blue);font-weight:800;font-size:11px;margin-top:3px}
.main-nav{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}.main-nav a{position:relative;color:#747b86;font-size:12px;font-weight:700;padding:29px 0}.main-nav a:hover,.main-nav a.active{color:var(--blue)}.main-nav a.active:after{content:"";position:absolute;bottom:17px;right:0;left:0;height:2px;border-radius:3px;background:var(--blue)}
.header-actions{display:flex;align-items:center;gap:12px}.header-phone{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.header-phone span{font-size:9px;color:#9aa0a8}.header-phone strong{font-size:12px;direction:ltr}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer;transition:.2s}.header-cta{background:var(--blue);color:#fff;padding:10px 17px;box-shadow:0 8px 18px rgba(23,105,209,.18)}.header-cta:hover,.btn-primary:hover,.search-submit:hover{background:var(--blue-dark);transform:translateY(-1px)}.mobile-menu-button{display:none;border:0;background:var(--blue-soft);color:var(--blue);border-radius:9px;padding:9px 11px}

.home-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f5f8fc 0%,#edf3fa 100%);padding:48px 0 0}.home-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#dbeaff;filter:blur(10px);opacity:.45;left:-180px;top:-220px}.home-hero-inner{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:40px;min-height:430px}.hero-copy{padding:25px 0 70px;z-index:2}.hero-kicker,.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:10px;font-weight:900}.hero-kicker:before,.eyebrow:before{content:"";width:17px;height:2px;border-radius:4px;background:var(--blue)}.hero-copy h1{margin:13px 0 14px;font-size:clamp(35px,4.4vw,56px);line-height:1.35;letter-spacing:-1.7px}.hero-copy h1 strong{color:var(--blue)}.hero-copy p{max-width:500px;color:#747c88;font-size:12px;line-height:2.1;margin:0 0 22px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{padding:12px 20px;border:1px solid transparent}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 9px 20px rgba(23,105,209,.16)}.btn-light{background:#fff;color:#2e333a;border-color:#dfe4ea}.hero-visual{position:relative;height:430px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:30px 30px 0 0}.hero-visual:after{content:"";position:absolute;inset:auto 8% 18px;height:110px;background:rgba(39,74,115,.13);filter:blur(30px);border-radius:50%}.hero-visual img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:26px 26px 0 0;box-shadow:var(--shadow)}.hero-car-placeholder{font-size:110px;height:100%;display:grid;place-items:center;width:100%;background:linear-gradient(135deg,#dce7f4,#fff);border-radius:26px 26px 0 0}.hero-floating-card{position:absolute;z-index:3;right:22px;bottom:24px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid #e7edf5;border-radius:15px;padding:13px 17px;min-width:145px;box-shadow:0 14px 30px rgba(27,53,86,.12)}.hero-floating-card span,.hero-floating-card small{display:block;color:#858c96;font-size:9px}.hero-floating-card strong{display:block;color:var(--blue);font-size:23px;line-height:1.3}
.hero-search-wrap{position:relative;z-index:5;margin-top:-34px}.hero-search{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;background:#fff;border:1px solid #e5eaf0;border-radius:15px;padding:12px;box-shadow:0 18px 38px rgba(33,64,100,.10)}.search-field{min-width:0}.search-field label,.filter-box label{display:block;font-size:8px;font-weight:800;color:#9298a1;margin:0 0 5px}.search-field input,.search-field select{width:100%;height:41px;border:0;background:#f7f9fb;border-radius:8px;padding:0 11px;font-size:10px;outline:none}.search-field input:focus,.search-field select:focus{box-shadow:0 0 0 2px #dceaff}.search-submit{align-self:end;height:41px;border:0;border-radius:8px;background:var(--blue);color:#fff;padding:0 22px;font-size:10px;font-weight:800;cursor:pointer;transition:.2s}

.trust-strip{background:#fff;padding-top: 1rem;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0}.trust-grid>div{text-align:center;border-left:1px solid var(--line)}.trust-grid>div:last-child{border-left:0}.trust-grid strong{display:block;color:var(--blue);font-size:19px;line-height:1.4}.trust-grid span{color:#8b919a;font-size:9px}
.section{padding:70px 0}.featured-section{padding-top:68px}.latest-section{background:#fff}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{margin:7px 0 0;font-size:24px;letter-spacing:-.5px}.section-link{color:var(--blue);font-size:10px;font-weight:800}
.cars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.car-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;display:block;box-shadow:0 4px 15px rgba(30,50,70,.025);transition:.2s}.car-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d8e4f3}.car-card-image{height:185px;position:relative;overflow:hidden;background:#edf1f5}.car-card-image img{width:100%;height:100%;display:block;object-fit:cover;transition:.3s}.car-card:hover .car-card-image img{transform:scale(1.03)}.image-placeholder{height:100%;display:grid;place-items:center;font-size:44px;color:#aab1ba;background:#eef2f6}.featured-badge{position:absolute;top:10px;right:10px;padding:5px 8px;border-radius:6px;background:var(--blue);color:#fff;font-size:8px;font-weight:800}.car-card-favorite{position:absolute;top:10px;left:10px;width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:#5d6570;font-size:17px}.car-card-body{padding:13px}.car-card-meta{display:flex;justify-content:space-between;color:#8b929c;font-size:8px}.car-card h3{font-size:13px;margin:8px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-specs{display:flex;gap:8px;color:#858d97;font-size:8px;border-top:1px solid #f0f2f4;padding-top:10px}.car-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.car-card-price{font-size:13px;font-weight:900}.car-card-price small{font-size:8px;color:#7e858e;font-weight:700}.card-arrow{width:27px;height:27px;border-radius:7px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:12px}

.brands-section,.magazine-section{padding: 1rem 0;}.brands-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.brand-card{min-height:116px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.2s}.brand-card:hover{border-color:#cfe0f8;box-shadow:0 10px 24px rgba(28,63,100,.06);transform:translateY(-2px)}.brand-card img{width:44px;height:44px;object-fit:contain;margin-bottom:8px}.brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f0f5fc;color:var(--blue);font-weight:900;font-size:17px;margin-bottom:8px}.brand-card h3{margin:0;font-size:10px}.brand-card span{margin-top:4px;color:#9aa0a8;font-size:8px}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.article-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.article-card>img,.article-placeholder,.video-icon{width:100%;height:175px;object-fit:cover}.article-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#dfeafb,#f7faff);color:var(--blue);font-size:16px;font-weight:900}.article-card>div{padding:14px}.article-card span{color:#9298a0;font-size:8px}.article-card h3{margin:7px 0;font-size:13px}.article-card p{color:#7b828b;font-size:9px;line-height:1.9;margin:0}.video-icon{display:grid;place-items:center;background:#18202a;color:#fff;font-size:32px}
.feature-banner{padding:65px 0;background:linear-gradient(110deg,#0f1722,#17263a);color:#fff;overflow:hidden}.feature-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.feature-banner h2{font-size:30px;line-height:1.5;margin:8px 0}.feature-banner p{color:#aeb9c7;font-size:11px;margin:0 0 18px}.feature-banner-stats{display:grid;grid-template-columns:repeat(3,130px);gap:10px}.feature-banner-stats div{padding:22px 10px;text-align:center;border:1px solid #ffffff16;background:#ffffff08;border-radius:13px}.feature-banner-stats strong{display:block;font-size:22px;color:#7fb2ff}.feature-banner-stats span{font-size:9px;color:#aab5c3}
.cta-section{padding:48px 0;background:#f1f6fd}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{margin:8px 0;font-size:24px}.cta-inner p{margin:0;color:#7d858f;font-size:10px}
.site-footer{
    margin-top: 2rem;background:#10151c;color:#dfe4ea;padding-top:50px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:35px}.site-logo-footer .site-logo-mark{background:#fff}.footer-brand p{max-width:360px;color:#8d97a3;font-size:10px;line-height:2;margin:13px 0 0}.footer-grid h3{font-size:11px;margin:0 0 12px;color:#fff}.footer-grid a,.footer-grid span{display:block;color:#8d97a3;font-size:9px;line-height:2.3}.footer-bottom{border-top:1px solid #252c35;padding:17px 0;display:flex;justify-content:space-between;color:#68727e;font-size:8px}

.page-hero{padding:58px 0 45px;background:linear-gradient(180deg,#f3f7fc,#f8fafc);border-bottom:1px solid var(--line)}.page-hero h1{margin:10px 0 7px;font-size:35px;letter-spacing:-.8px}.page-hero p{margin:0;color:#7d858f;font-size:11px}.cars-list-section{padding-top:34px}.filter-box{display:grid;grid-template-columns:2fr repeat(4,1fr) 1fr auto;gap:9px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 6px 22px rgba(30,55,85,.035);margin-bottom:22px}.filter-box input,.filter-box select{width:100%;height:39px;border:1px solid #e4e8ed;border-radius:8px;background:#fafbfd;padding:0 9px;font-size:9px;outline:none}.filter-box input:focus,.filter-box select:focus{border-color:#b9d1f2}.filter-box .btn{height:39px;padding-inline:15px}.results-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:10px}.results-head strong{font-size:12px}.results-head a{color:var(--blue);font-weight:700}.pagination-wrap{margin-top:30px;display:flex;justify-content:center}.pagination-wrap nav{font-size:10px}.empty-box{border:1px dashed #d6dde6;border-radius:14px;padding:45px;text-align:center;color:#858c95;background:#fafbfd}.empty-box h2{color:#252a31;margin:0 0 7px;font-size:18px}.empty-box p{font-size:10px}.empty-box .btn{margin-top:14px}.empty-box.large{padding:75px 20px}
.detail-section{padding:35px 0 70px;background:#f6f8fb}.back-link{display:inline-block;font-size:9px;color:#737b85;margin-bottom:14px}.detail-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;box-shadow:0 8px 25px rgba(25,50,80,.035)}.gallery-main{height:490px;border-radius:13px;overflow:hidden;background:#edf1f5}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-thumbs{display:flex;gap:7px;margin-top:8px;overflow:auto}.gallery-thumbs button{border:2px solid transparent;padding:0;background:none;border-radius:7px;overflow:hidden;cursor:pointer;flex:0 0 72px;height:53px}.gallery-thumbs button:hover{border-color:var(--blue)}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.detail-info{padding:12px 4px}.detail-badges{display:flex;gap:6px;margin-bottom:11px}.detail-badges span{font-size:8px;font-weight:800;background:#f0f2f5;padding:6px 8px;border-radius:6px}.detail-badges .badge-blue{background:var(--blue-soft);color:var(--blue)}.detail-info h1{font-size:28px;margin:7px 0 13px}.detail-price{font-size:24px;font-weight:900;margin-bottom:18px}.detail-price small{font-size:9px;color:#818992}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #edf0f3;border-radius:11px;overflow:hidden;margin-bottom:17px}.spec-grid div{padding:11px;border-bottom:1px solid #edf0f3}.spec-grid div:nth-child(odd){border-left:1px solid #edf0f3}.spec-grid span{display:block;color:#979ea7;font-size:8px;margin-bottom:4px}.spec-grid strong{font-size:10px}.btn-wide{width:100%}.description{border-top:1px solid #edf0f3;margin-top:20px;padding-top:18px}.description h2{font-size:14px}.description p{font-size:9px;line-height:2.1;color:#707780}

@media(max-width:1050px){.main-nav{gap:17px}.header-inner{gap:18px}.hero-visual{height:390px}.cars-grid{grid-template-columns:repeat(3,1fr)}.brands-grid{grid-template-columns:repeat(4,1fr)}.filter-box{grid-template-columns:repeat(3,1fr)}.filter-search{grid-column:1/-1}.detail-grid{grid-template-columns:1fr}.gallery-main{height:500px}}
@media(max-width:720px){.container{width:min(100% - 28px,1180px)}.site-header{position:relative}.header-inner{min-height:66px}.main-nav,.header-phone{display:none}.header-actions{margin-right:auto}.mobile-menu-button{display:block}.home-hero{padding-top:25px}.home-hero-inner{grid-template-columns:1fr;gap:15px;min-height:0}.hero-copy{padding:20px 0 5px}.hero-copy h1{font-size:37px}.hero-visual{height:300px}.hero-floating-card{bottom:13px;right:13px}.hero-search-wrap{margin-top:-18px}.hero-search{grid-template-columns:1fr 1fr}.search-field-wide{grid-column:1/-1}.search-submit{grid-column:1/-1}.trust-grid{grid-template-columns:repeat(2,1fr);padding:8px 0}.trust-grid>div{padding:12px 5px;border-bottom:1px solid var(--line)}.trust-grid>div:nth-child(2){border-left:0}.section{padding:50px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.section-heading h2{font-size:21px}.cars-grid{grid-template-columns:repeat(2,1fr);gap:9px}.car-card-image{height:155px}.car-card-body{padding:10px}.car-card h3{font-size:11px}.car-specs{display:none}.brands-grid{grid-template-columns:repeat(3,1fr)}.brand-card{min-height:105px}.content-grid{grid-template-columns:1fr}.feature-banner-inner,.cta-inner{flex-direction:column;align-items:flex-start}.feature-banner-stats{grid-template-columns:repeat(3,1fr);width:100%}.feature-banner-stats div{padding:15px 5px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}.page-hero h1{font-size:28px}.filter-box{grid-template-columns:1fr 1fr}.filter-box .btn{grid-column:1/-1}.gallery-main{height:320px}.detail-info h1{font-size:24px}}
@media(max-width:430px){.cars-grid{grid-template-columns:1fr}.brands-grid{grid-template-columns:repeat(2,1fr)}.feature-banner h2{font-size:24px}.feature-banner-stats{gap:6px}.header-cta{padding:9px 12px}}
/* Public content pages */
.compact-hero{padding:58px 0 52px}.compact-hero h1{max-width:800px}.result-count{font-size:11px;color:#7d8792;font-weight:700}.brands-page-grid{grid-template-columns:repeat(4,1fr)}.brand-card-large{min-height:185px;padding:22px}.brand-card-large h2{font-size:16px;margin:9px 0 5px}.brand-card-large b{display:block;color:var(--blue);font-size:9px;margin-top:12px}.brand-card-large img{width:54px;height:54px;object-fit:contain}.brand-hero{background:linear-gradient(120deg,#f5f9ff,#eef4fb)}.brand-hero-inner{min-height:300px;display:flex;align-items:center}.brand-hero-logo{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:16px;padding:10px;border:1px solid var(--line);margin-bottom:16px}.brand-hero h1{font-size:38px;margin:4px 0 10px}.brand-hero p{max-width:680px}.model-chip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.model-chip{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:5px;box-shadow:0 6px 20px rgba(25,50,80,.03)}.model-chip span{font-size:8px;color:#89919b}.model-chip b{grid-row:1/3;grid-column:2;color:var(--blue);align-self:center}.soft-section{background:#f6f8fb}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{display:grid;grid-template-columns:145px 1fr;min-height:190px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(25,50,80,.035)}.category-card img,.category-card-placeholder{width:100%;height:100%;object-fit:cover}.category-card-placeholder{display:flex;align-items:center;justify-content:center;background:#edf3f9;font-size:36px}.category-card>div:last-child{padding:18px}.category-card h2{font-size:17px;margin:7px 0}.category-card p{font-size:9px;color:#7c858e;line-height:1.9}.category-card strong{font-size:9px;color:var(--blue)}.category-card strong b{font-size:14px;margin-right:5px}.article-grid-page{grid-template-columns:repeat(3,1fr)}.article-card-link{transition:transform .2s,box-shadow .2s}.article-card-link:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(25,50,80,.09)}.article-card-link h2{font-size:15px;margin:7px 0}.article-card-link strong{display:block;color:var(--blue);font-size:9px;margin-top:12px}.article-detail-hero{padding:75px 0 55px;background:linear-gradient(120deg,#f5f9ff,#eaf2fb)}.article-detail-hero h1{font-size:38px;max-width:900px;margin:9px 0 14px}.article-detail-hero p{max-width:760px;color:#6f7882;line-height:2}.article-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}.article-body{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.article-cover{width:100%;max-height:520px;object-fit:cover}.article-content{padding:30px;font-size:12px;line-height:2.3;color:#4e5761}.article-content h2,.article-content h3{color:#20262d;margin:28px 0 10px}.article-sidebar,.video-side{position:sticky;top:90px}.sidebar-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 8px 25px rgba(25,50,80,.035);margin-bottom:12px}.sidebar-card h2{font-size:16px;margin:6px 0 13px}.sidebar-card>a{display:block;border-top:1px solid #edf0f3;padding:12px 0}.sidebar-card>a strong{display:block;font-size:10px;line-height:1.7}.sidebar-card>a span{display:block;font-size:8px;color:#8b939c;margin-top:3px}.sidebar-cta{background:#f3f7fd}.sidebar-cta h3{font-size:14px;margin:0 0 7px}.sidebar-cta p{font-size:9px;color:#77818b}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.video-card-public{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 8px 25px rgba(25,50,80,.035)}.video-thumb{height:210px;background:#17212d;position:relative;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff}.play-button{position:absolute;inset:0;margin:auto;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--blue);display:flex;align-items:center;justify-content:center;padding-right:2px;box-shadow:0 6px 20px rgba(0,0,0,.2)}.video-thumb small{position:absolute;bottom:9px;left:9px;background:rgba(0,0,0,.65);color:#fff;border-radius:5px;padding:4px 6px;font-size:8px}.video-public-body{padding:14px}.video-public-body>span{font-size:8px;color:var(--blue);font-weight:700}.video-public-body h2{font-size:14px;margin:6px 0}.video-public-body p{font-size:9px;line-height:1.9;color:#7b848e}.video-detail-section{background:#f6f8fb;min-height:70vh}.video-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px}.video-player{aspect-ratio:16/9;background:#10161d;border-radius:16px;overflow:hidden}.video-player iframe,.video-player video{width:100%;height:100%;border:0}.video-detail-copy{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;margin-top:12px}.video-detail-copy h1{font-size:25px;margin:7px 0 10px}.video-detail-copy p{font-size:10px;line-height:2.2;color:#6f7881}.about-hero{background:linear-gradient(120deg,#f5f9ff,#eaf2fb);padding:70px 0}.about-hero-inner{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}.about-hero h1{font-size:45px;line-height:1.35;margin:8px 0 14px}.about-hero h1 strong{color:var(--blue)}.about-hero p{max-width:570px;line-height:2;color:#6c7680}.about-hero-visual{height:390px;border-radius:24px;background:linear-gradient(145deg,#dce9f7,#fff);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.about-building{width:75%;height:72%;background:linear-gradient(180deg,#fff,#dce4ec);border:1px solid #cdd7e2;border-radius:18px 18px 0 0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:25px;color:#1e2c3b;box-shadow:0 -10px 35px rgba(25,50,80,.08)}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;margin-top:-90px;position:relative;z-index:2;box-shadow:0 12px 35px rgba(25,50,80,.06)}.stats-strip div{text-align:center;padding:23px;border-left:1px solid var(--line)}.stats-strip div:last-child{border-left:0}.stats-strip strong{display:block;font-size:25px;color:var(--blue)}.stats-strip span{font-size:9px;color:#7b848d}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:65px}.about-story h2{font-size:27px}.about-story p{font-size:10px;line-height:2.2;color:#6f7882}.about-points{display:grid;gap:10px;align-content:center}.about-points div{padding:17px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;gap:12px}.about-points b{width:30px;height:30px;border-radius:50%;background:#eaf2ff;color:var(--blue);display:flex;align-items:center;justify-content:center}.about-points span{font-size:10px;font-weight:700}.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:25px}.contact-info{display:grid;gap:12px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;display:flex;flex-direction:column}.contact-card span{font-size:8px;color:#87909a}.contact-card a{font-size:22px;color:var(--blue);font-weight:900;margin:6px 0}.contact-card strong{font-size:13px;margin:6px 0}.contact-card small{font-size:8px;color:#8a929b}.contact-form-card,.sell-form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 10px 30px rgba(25,50,80,.04)}.contact-form-card h2,.sell-form-card h2{font-size:22px;margin:5px 0 20px}.contact-form-card form,.sell-form-card form{display:grid;gap:13px}.contact-form-card label,.sell-form-card label{display:grid;gap:6px;font-size:9px;font-weight:700}.contact-form-card input,.contact-form-card select,.contact-form-card textarea,.sell-form-card input,.sell-form-card select,.sell-form-card textarea{border:1px solid #e1e6eb;border-radius:9px;background:#fafbfd;padding:11px;font:inherit;font-weight:400;outline:none}.form-two{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sell-hero{padding:65px 0 55px;background:linear-gradient(120deg,#f5f9ff,#eaf2fb)}.sell-hero h1{font-size:38px;margin:8px 0}.sell-hero p{max-width:650px;color:#6d7680}.sell-layout{display:grid;grid-template-columns:1fr 310px;gap:25px}.sell-benefits{display:grid;align-content:start;gap:10px}.sell-benefits>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.sell-benefits b{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf2ff;color:var(--blue);margin-bottom:10px}.sell-benefits h3{font-size:13px;margin:0 0 5px}.sell-benefits p{font-size:9px;color:#7d858e}.upload-placeholder{border:1px dashed #cfd8e2;border-radius:12px;background:#fafbfd;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#7c858f}.upload-placeholder strong{font-size:11px}.upload-placeholder span{font-size:8px}
@media(max-width:900px){.brands-page-grid{grid-template-columns:repeat(3,1fr)}.model-chip-grid{grid-template-columns:repeat(3,1fr)}.category-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.article-detail-layout,.video-detail-grid,.sell-layout{grid-template-columns:1fr}.article-sidebar,.video-side{position:static}.about-hero-inner,.about-story,.contact-layout{grid-template-columns:1fr}.about-hero-visual{height:280px}.stats-strip{margin-top:-45px}}
@media(max-width:620px){.brands-page-grid,.model-chip-grid,.category-grid,.video-grid,.article-grid-page{grid-template-columns:1fr 1fr}.category-card{grid-template-columns:1fr;}.category-card>img,.category-card-placeholder{height:145px}.brand-hero h1,.article-detail-hero h1,.sell-hero h1{font-size:29px}.about-hero h1{font-size:34px}.stats-strip{grid-template-columns:repeat(2,1fr)}.stats-strip div{border-bottom:1px solid var(--line)}.stats-strip div:nth-child(2){border-left:0}.form-two{grid-template-columns:1fr}.article-content{padding:20px}.video-thumb{height:170px}}
@media(max-width:430px){.brands-page-grid,.model-chip-grid,.category-grid,.video-grid,.article-grid-page{grid-template-columns:1fr}.category-card{grid-template-columns:125px 1fr}.category-card>img,.category-card-placeholder{height:100%}.video-thumb{height:210px}}

/* Account & authentication */
.auth-page{padding:70px 0;background:linear-gradient(135deg,#f5f9ff,#fff);min-height:calc(100vh - 76px)}
.auth-shell{display:grid;grid-template-columns:1fr 470px;gap:70px;align-items:center;max-width:1040px}.auth-intro h1{font-size:46px;line-height:1.35;margin:10px 0 16px}.auth-intro h1 strong{color:var(--blue)}.auth-intro p{max-width:500px;color:#717b86;font-size:11px;line-height:2.2;margin-bottom:22px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 18px 45px rgba(25,50,80,.08)}.auth-card-head{display:flex;align-items:center;gap:13px;margin-bottom:22px}.auth-icon{width:45px;height:45px;border-radius:13px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:19px}.auth-card h2{margin:0;font-size:21px}.auth-card-head p{margin:4px 0 0;color:#89919a;font-size:9px}.auth-card form{display:grid;gap:13px}.auth-card label,.account-form-card label{display:grid;gap:6px;font-size:9px;font-weight:800}.auth-card input,.account-form-card input,.account-form-card select,.account-form-card textarea{width:100%;border:1px solid #e0e6ec;background:#fbfcfd;border-radius:10px;padding:11px;outline:none}.auth-card input:focus,.account-form-card input:focus,.account-form-card select:focus,.account-form-card textarea:focus{border-color:#b9d2f5;box-shadow:0 0 0 3px #edf5ff}.check-row{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important;gap:8px!important;color:#727b84}.check-row input{width:auto}.auth-switch{text-align:center;color:#858e98;font-size:9px;margin:18px 0 0}.auth-switch a{color:var(--blue);font-weight:800}.optional{font-weight:500;color:#a0a6ad}.role-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-option{position:relative;display:flex!important;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.role-option:has(input:checked){border-color:#a8c8f3;background:#f5f9ff}.role-option input{width:auto!important}.role-option span{display:grid;gap:2px}.role-option strong{font-size:10px}.role-option small{font-size:7px;color:#8a929b}.form-alert,.success-alert{padding:11px 13px;border-radius:10px;font-size:9px;margin-bottom:15px}.form-alert{background:#fff3f3;color:#b53b3b;border:1px solid #f2d5d5}.success-alert{background:#effaf3;color:#2f7b4b;border:1px solid #d3eddb}.account-page{padding:48px 0 75px;background:#f7f9fc;min-height:calc(100vh - 76px)}.account-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.account-top h1{font-size:31px;margin:7px 0}.account-top p{font-size:10px;color:#7c858f;margin:0}.account-actions{display:flex;gap:9px}.account-grid{display:grid;grid-template-columns:225px minmax(0,1fr);gap:20px;align-items:start}.account-sidebar{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;position:sticky;top:95px}.account-profile{text-align:center;padding:10px 0 18px;border-bottom:1px solid var(--line);display:grid;justify-items:center;gap:4px}.profile-avatar{width:56px;height:56px;border-radius:17px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:23px;font-weight:900}.account-profile strong{font-size:12px}.account-profile small{font-size:8px;color:#89919a}.account-sidebar nav{padding-top:8px;display:grid;gap:3px}.account-sidebar nav a,.account-sidebar nav button{border:0;background:transparent;text-align:right;width:100%;padding:11px 10px;border-radius:9px;color:#717983;font-size:9px;font-weight:700;cursor:pointer}.account-sidebar nav a:hover,.account-sidebar nav a.active{background:#edf5ff;color:var(--blue)}.account-sidebar form{margin:0}.account-sidebar nav button:hover{background:#fff2f2;color:#bd4a4a}.account-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.account-stat-grid>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.account-stat-grid span{display:block;font-size:8px;color:#89919b}.account-stat-grid strong{display:block;font-size:22px;margin-top:5px;color:var(--blue)}.account-section{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;margin-bottom:18px}.account-section .section-heading{margin-bottom:16px}.account-section .section-heading h2{font-size:17px}.account-section .section-heading>a{font-size:9px;color:var(--blue);font-weight:800}.empty-state{border:1px dashed #d7dee7;border-radius:13px;padding:35px;text-align:center;display:grid;gap:13px;justify-items:center;color:#7e8790;font-size:10px}.account-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.account-form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 10px 30px rgba(25,50,80,.04);display:grid;gap:18px}.form-section-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:11px}.form-section-title strong{font-size:15px}.form-section-title span{font-size:8px;color:#9299a2}.upload-box{min-height:135px;border:1px dashed #cbd5e0;border-radius:12px;background:#fafbfd;display:flex!important;align-items:center;justify-content:center;gap:7px;text-align:center;cursor:pointer}.upload-box input{border:0!important;background:transparent!important;width:auto!important;box-shadow:none!important}.upload-box strong{font-size:11px}.upload-box span{font-size:8px;color:#8a929c}.form-side-info{display:grid;gap:10px}.form-side-info>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.form-side-info b{width:30px;height:30px;border-radius:50%;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:10px}.form-side-info h3{font-size:12px;margin:10px 0 5px}.form-side-info p{font-size:8px;line-height:1.9;color:#7e8790;margin:0}.seller-car-list{display:grid;gap:10px}.seller-car-row{display:grid;grid-template-columns:100px minmax(0,1fr) auto 30px;align-items:center;gap:15px;padding:10px;border:1px solid var(--line);border-radius:13px}.seller-car-thumb{height:70px;border-radius:9px;overflow:hidden;background:#eef3f8;display:grid;place-items:center}.seller-car-thumb img{width:100%;height:100%;object-fit:cover}.seller-car-info>span{font-size:8px;color:#8a929c}.seller-car-info h2{font-size:12px;margin:4px 0}.seller-car-info p{font-size:8px;color:#858e97;margin:0}.seller-car-status{text-align:left;display:grid;gap:5px}.seller-car-status strong{font-size:10px}.status-badge{display:inline-flex;padding:5px 8px;border-radius:6px;font-size:7px;font-weight:800}.status-badge.published{background:#eaf8ef;color:#2f7b4b}.status-badge.pending{background:#fff5e8;color:#a86c18}.icon-delete{border:0;background:#fff1f1;color:#bd4a4a;width:28px;height:28px;border-radius:8px;cursor:pointer}.pagination-wrap{margin-top:22px}.btn-wide{width:100%}
@media(max-width:850px){.auth-shell{grid-template-columns:1fr;max-width:560px;gap:25px}.auth-intro{text-align:center}.auth-intro p{margin-inline:auto}.account-grid,.account-form-layout{grid-template-columns:1fr}.account-sidebar{position:static}.account-sidebar nav{grid-template-columns:repeat(2,1fr)}.account-sidebar form{grid-column:1/-1}.account-top{align-items:flex-start;flex-direction:column}.account-actions{width:100%}.account-actions .btn{flex:1}.seller-car-row{grid-template-columns:80px 1fr auto}.seller-car-row>form{grid-column:3}.seller-car-status{grid-column:3;grid-row:1}.seller-car-info{grid-column:2}.seller-car-thumb{grid-row:1/3;height:65px}}
@media(max-width:560px){.auth-intro h1{font-size:35px}.role-options,.account-stat-grid{grid-template-columns:1fr}.account-section{padding:14px}.seller-car-row{grid-template-columns:75px minmax(0,1fr) 28px}.seller-car-status{grid-column:2;text-align:right}.seller-car-row>form{grid-column:3;grid-row:1}.seller-car-thumb{grid-row:1/3}.seller-car-info{grid-column:2}.seller-car-status strong{font-size:9px}.account-sidebar nav{grid-template-columns:1fr 1fr}.form-two{grid-template-columns:1fr}}
.header-account,.header-login{font-size:10px;font-weight:800;color:var(--blue);padding:9px 10px;border-radius:8px;background:#edf5ff}.header-login{background:transparent}.header-account:hover,.header-login:hover{background:#e5f0ff}
@media(max-width:900px){.header-phone,.header-login{display:none}.header-inner{gap:12px}.header-actions{margin-right:auto}.header-account{display:inline-flex}.main-nav{display:none}.mobile-menu-button{display:block}}
.seller-car-actions{display:flex;align-items:center;gap:6px}.icon-edit{width:28px;height:28px;border-radius:8px;background:#edf5ff;color:var(--blue);display:grid;place-items:center;font-weight:800;text-decoration:none}.seller-edit-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.seller-edit-image{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:grid;gap:7px;padding-bottom:9px}.seller-edit-image img{width:100%;height:130px;object-fit:cover}.seller-edit-image span{padding:0 9px;font-size:8px;color:#737c86;display:flex;align-items:center;gap:6px}.seller-edit-image input{width:auto}.account-form-card .btn{justify-self:start}@media(max-width:620px){.seller-edit-gallery{grid-template-columns:1fr 1fr}}@media(max-width:430px){.seller-edit-gallery{grid-template-columns:1fr}}

.status-badge.rejected { background: #fef2f2; color: #dc2626; }
.seller-rejection-reason { display: block; margin-top: .5rem; color: #dc2626; line-height: 1.8; }

.seller-rejection-inline { display:block; margin-top:.4rem; max-width:280px; color:#dc2626; font-size:.72rem; line-height:1.7; }

/* ================================================================
   Homepage
   Cleaned and consolidated from the previous override layers.
   ================================================================ */

/* Header */
.site-header {
    height: 72px;
    background: #fff;
    border-bottom: 1px solid #edf0f4;
    backdrop-filter: none;
}

.site-header .header-inner {
    height: 72px;
    min-height: 72px;
    direction: rtl;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.site-header .site-logo {
    order: 1;
    width: 170px;
    flex: 0 0 170px;
    justify-content: flex-start;
}

.site-header .site-logo img {
    display: block;
    width: 156px;
    height: auto;
    max-height: 54px;
    object-fit: contain;
}

.site-header .main-nav {
    order: 2;
    flex: 1;
    justify-content: center;
    direction: rtl;
    gap: 25px;
}

.site-header .main-nav a {
    font-size: 14px;
    font-weight: 700;
    padding: 26px 0;
}

.site-header .header-actions {
    order: 3;
    direction: rtl;
    display: flex;
    align-items: center;
    gap: 8px;
}

.site-header .header-actions .header-cta {
    order: 3;
}

.site-header .header-actions .header-account,
.site-header .header-actions .header-login {
    order: 2;
}

.site-header .header-phone {
    order: 1;
}

.site-header .header-actions .header-login,
.site-header .header-actions .header-account,
.site-header .header-actions .header-cta {
    font-size: 13px;
    min-height: 40px;
    padding: 10px 17px;
}

/* Hero */
.home-hero {
    padding: 0;
    background: #fff;
    overflow: hidden;
}

.home-hero .hero-visual {
    position: relative;
    height: 430px;
    min-height: 0;
    display: block;
    overflow: hidden;
    border-radius: 0;
    background: #e8edf3;
}

.home-hero .hero-visual img {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 0;
    box-shadow: none;
}

.home-hero .hero-visual::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(
        270deg,
        rgba(255, 255, 255, .80) 0%,
        rgba(255, 255, 255, .58) 24%,
        rgba(255, 255, 255, .10) 54%,
        rgba(255, 255, 255, 0) 100%
    );
}

.home-hero .hero-visual::after {
    display: none;
}

.home-hero .hero-copy {
    position: absolute;
    z-index: 4;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: min(1180px, calc(100% - 40px));
    max-width: none;
    margin: 0 auto;
    padding: 35px 0 0;
    text-align: right;
    direction: rtl;
}

.home-hero .hero-copy > * {
    max-width: 520px;
    margin-right: 0;
    margin-left: auto;
}

.home-hero .hero-kicker {
    font-size: 14px;
    font-weight: 800;
}

.home-hero .hero-copy h1 {
    margin: 10px 0 15px;
    font-size: clamp(43px, 4.5vw, 62px);
    line-height: 1.25;
    letter-spacing: -1.8px;
    text-align: right;
}

.home-hero .hero-copy p {
    max-width: 520px;
    margin: 0 0 24px;
    color: #65707d;
    font-size: 17px;
    line-height: 2;
    text-align: right;
}

.home-hero .hero-actions {
    width: max-content;
    display: flex;
    justify-content: flex-start;
    gap: 11px;
    direction: rtl;
}

.home-hero .hero-actions .btn {
    padding: 13px 23px;
    font-size: 14px;
}

.home-hero .hero-floating-card {
    display: none;
}

/* Trust */
.trust-strip {
    background: #fff;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    min-height: 84px;
    padding: 0;
}

.trust-grid > div,
.trust-grid > div:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 10px;
    text-align: right;
    border: 0 !important;
}

.trust-item .trust-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border: 1.5px solid #cfd7e1;
    border-radius: 50%;
    background: #fff;
    color: var(--blue);
    font-size: 23px;
    font-weight: 700;
}

.trust-item strong {
    display: block;
    color: #232932;
    font-size: 16px;
    line-height: 1.5;
}

.trust-item small {
    display: block;
    margin-top: 2px;
    color: #9299a3;
    font-size: 12px;
    line-height: 1.7;
}

/* Homepage search */
.home-search-section {
    background: #fff;
    padding: 22px 0 10px !important;
}

.advanced-home-search {
    padding: 19px 20px 20px;
    background: #fff;
    border: 1px solid #e5eaf0;
    border-radius: 17px;
    box-shadow: 0 12px 30px rgba(30, 57, 90, .06);
}

.search-topline {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 15px;
    padding-bottom: 16px;
    border-bottom: 1px solid #edf0f4;
}

.search-title {
    display: flex;
    align-items: center;
    gap: 10px;
    direction: rtl;
}

.search-title > div > span {
    display: block;
    color: #20242a;
    font-size: 25px !important;
    font-weight: 900;
    line-height: 1.3;
}

.search-title h2 {
    margin: 3px 0 0 !important;
    color: #7b838d !important;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.7 !important;
}

.search-car-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: #edf5ff;
    color: var(--blue);
}

.search-car-icon svg {
    width: 27px;
    height: 27px;
    display: block;
}

.search-presets {
    display: flex;
    align-items: center;
    gap: 6px;
    direction: rtl;
    white-space: nowrap;
}

.preset-btn {
    padding: 9px 13px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #727b87;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.preset-btn.active,
.preset-btn:hover {
    background: var(--blue);
    color: #fff;
}

.home-search-fields {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)) auto;
    align-items: end;
    gap: 9px;
    direction: rtl;
}

.home-search-field label {
    display: block;
    margin: 0 0 6px;
    color: #737c87;
    font-size: 12px;
    font-weight: 700;
}

.home-search-field input,
.home-search-field select {
    width: 100%;
    height: 44px;
    padding: 0 11px;
    border: 1px solid #edf0f3;
    border-radius: 8px;
    outline: none;
    background: #f5f7f9;
    color: #454d57;
    font-size: 13px;
}

.home-search-field input:focus,
.home-search-field select:focus {
    border-color: #c8daf2;
    box-shadow: 0 0 0 2px #edf5ff;
}

.home-search-submit {
    height: 44px;
    padding: 0 22px;
    border: 0;
    border-radius: 8px;
    background: var(--blue);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

.home-search-submit:hover {
    background: var(--blue-dark);
}

/* Common homepage section links */
.section {
    padding: 10px 0 !important;
}

.section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.section-heading h2 {
    margin: 7px 0 0;
    font-size: 24px;
    letter-spacing: -.5px;
}

.section-link {
    color: var(--blue);
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.6 !important;
    white-space: nowrap;
}

/* Popular brands carousel */
.brands-section {
    padding: 18px 0 20px !important;
    background: #fff;
}

.brands-heading {
    align-items: flex-end;
    margin-bottom: 14px !important;
}

.brands-heading > div:first-child {
    text-align: right;
}

.brands-heading h2 {
    margin: 3px 0 2px;
    font-size: 30px;
}

.brands-heading p {
    margin: 0;
    color: #8a929b;
    font-size: 12px;
    line-height: 1.8;
}

.brands-heading .eyebrow {
    display: none !important;
}

.brands-heading-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    direction: ltr !important;
    flex-shrink: 0;
}

.brands-heading-actions .section-link {
    direction: rtl !important;
    order: 1 !important;
}

.brands-heading-actions .brands-carousel-prev {
    order: 2 !important;
}

.brands-heading-actions .brands-carousel-next {
    order: 3 !important;
}

.brands-carousel {
    position: relative;
    padding: 0 !important;
    overflow: hidden;
}

.brands-carousel-viewport {
    width: 100% !important;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 3px 0 8px !important;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.brands-carousel-viewport::-webkit-scrollbar {
    display: none;
}

.brands-track {
    display: flex !important;
    width: max-content !important;
    gap: 14px !important;
    direction: rtl;
}

.brands-track .brand-card {
    flex: 0 0 190px !important;
    min-width: 190px !important;
    min-height: 120px;
    padding: 13px 7px;
    border: 1px solid #eef1f4;
    border-radius: 11px;
}

.brands-track .brand-card img,
.brands-track .brand-mark {
    width: 48px;
    height: 48px;
    margin-bottom: 9px;
}

.brands-track .brand-mark {
    font-size: 20px;
}

.brands-track .brand-card h3 {
    font-size: 14px;
    line-height: 1.5;
}

.brands-track .brand-card span {
    margin-top: 3px;
    font-size: 11px;
}

.brands-carousel-arrow {
    position: static !important;
    transform: none !important;
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    margin: 0 !important;
    display: grid;
    place-items: center;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
    background: #fff;
    color: var(--blue);
    font-size: 24px !important;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 5px 16px rgba(30, 57, 90, .08);
}

.brands-carousel-arrow:hover {
    background: #f6f9fd;
}

/* Featured cars */
.featured-section {
    padding-top: 10px !important;
}

.featured-section .section-heading {
    margin-bottom: 18px !important;
}

.featured-section .section-heading h2 {
    font-size: 30px !important;
}

.featured-subtitle {
    margin: 7px 0 0 !important;
    color: #737c87;
    font-size: 14px !important;
    line-height: 1.9 !important;
}

.featured-section .section-link {
    font-size: 15px !important;
}

.featured-section .car-card-meta {
    font-size: 11px !important;
}

.featured-section .car-card h3 {
    font-size: 17px !important;
    line-height: 1.6 !important;
}

.featured-section .car-specs {
    font-size: 11px !important;
}

.featured-section .car-card-price,
.featured-section .contact-price {
    font-size: 16px !important;
    font-weight: 900 !important;
}

.featured-section .car-card-price small {
    font-size: 11px !important;
}

/* Feature banner */
.feature-banner {
    position: relative;
    width: 100%;
    padding: 35px 0 !important;
    overflow: visible !important;
    background: none !important;
    color: #fff;
}

.feature-banner-inner {
    position: relative !important;
    z-index: 1;
    width: min(100%, 1180px) !important;
    min-height: 300px !important;
    margin: 0 auto !important;
    padding: 30px 34px !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 55px !important;
    direction: ltr !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: url('/images/banners/purchase-banner.jpg') center center / cover no-repeat !important;
    box-shadow:
        inset 360px 0 170px -70px rgba(0, 0, 0, .80),
        inset 180px 0 95px -45px rgba(0, 0, 0, .34),
        0 12px 35px rgba(15, 23, 42, .14) !important;
}

.feature-banner-inner::before {
    display: none !important;
}

.feature-banner-copy {
    position: relative !important;
    z-index: 1 !important;
    width: min(48%, 500px) !important;
    direction: ltr !important;
    text-align: left !important;
    align-self: center !important;
}

.feature-banner-copy .eyebrow,
.feature-banner-copy h2,
.feature-banner-copy p,
.feature-banner-copy .btn {
    text-align: left !important;
}

.feature-banner-copy .eyebrow {
    direction: ltr !important;
    color: #fff;
    font-size: 15px !important;
}

.feature-banner-copy h2 {
    direction: rtl !important;
    margin: 5px 0 7px !important;
    color: #fff;
    font-size: 36px !important;
    line-height: 1.45 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .35);
}

.feature-banner-copy p {
    display: block !important;
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    margin: 8px 0 16px !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
    direction: ltr !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, .45) !important;
}

.feature-banner-copy .btn {
    direction: rtl !important;
    padding: 11px 20px !important;
    background: #fff !important;
    color: #1c2734 !important;
    border: 0 !important;
    font-size: 15px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .14);
}

.feature-banner-actions {
    position: relative !important;
    z-index: 1 !important;
    width: min(315px, 31%) !important;
    display: grid !important;
    gap: 0 !important;
    direction: ltr !important;
    background: rgba(35, 38, 40, .68) !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    backdrop-filter: blur(3px) !important;
}

.feature-action {
    min-height: 78px !important;
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    align-items: center;
    gap: 14px !important;
    padding: 12px 17px !important;
    direction: ltr !important;
    color: #fff !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, .24) !important;
    background: rgba(255, 255, 255, .02) !important;
}

.feature-action:last-child {
    border-bottom: 0;
}

.feature-action:hover {
    background: rgba(255, 255, 255, .10) !important;
}

.feature-action strong {
    grid-column: 1;
    grid-row: 1;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.5 !important;
    font-weight: 800 !important;
    white-space: nowrap;
    text-align: left !important;
    direction: rtl !important;
}

.feature-action-icon {
    grid-column: 2;
    grid-row: 1;
    width: 46px !important;
    height: 46px !important;
    margin: 0;
    display: grid;
    place-items: center;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .14) !important;
    border: 1px solid rgba(255, 255, 255, .20) !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 800;
}

/* Homepage responsive layout */
@media (max-width: 1050px) {
    .site-header .main-nav {
        gap: 16px;
    }

    .site-header .main-nav a {
        font-size: 12px;
    }

    .home-search-fields {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-search-submit {
        grid-column: 1 / -1;
    }

    .search-topline {
        align-items: flex-start;
        flex-direction: column;
    }

    .search-presets {
        width: 100%;
        justify-content: flex-start;
    }

    .home-hero .hero-copy {
        width: calc(100% - 40px);
    }

    .home-hero .hero-copy h1 {
        font-size: 46px;
    }

    .home-hero .hero-copy p {
        font-size: 15px;
    }

    .brands-track .brand-card {
        flex-basis: calc((100% - 36px) / 4) !important;
        min-width: 0 !important;
    }
}

@media (max-width: 900px) {
    .site-header,
    .site-header .header-inner {
        height: 64px;
        min-height: 64px;
    }

    .site-header .site-logo {
        width: auto;
        flex: 1;
    }

    .site-header .header-actions {
        order: 3;
    }

    .site-header .header-phone,
    .site-header .header-login {
        display: none;
    }

    .site-header .header-account,
    .site-header .header-cta {
        font-size: 11px;
        padding: 9px 12px;
    }

    .site-header .main-nav {
        display: none;
    }

    .mobile-menu-button {
        display: block;
    }

    .home-hero .hero-visual {
        height: 430px;
    }

    .home-hero .hero-copy {
        right: 0;
        left: 0;
        width: calc(100% - 32px);
        padding-top: 60px;
    }

    .home-hero .hero-copy > * {
        max-width: 440px;
    }

    .home-hero .hero-copy h1 {
        font-size: 40px;
    }

    .home-hero .hero-copy p {
        font-size: 14px;
    }

    .trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .brands-track .brand-card {
        flex-basis: calc((100% - 24px) / 3) !important;
    }

    .feature-banner-inner {
        gap: 35px !important;
    }
}

@media (max-width: 720px) {
    .feature-banner {
        padding: 24px 0 !important;
    }

    .feature-banner-inner {
        min-height: 0 !important;
        padding: 24px 20px !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 20px !important;
        border-radius: 14px !important;
    }

    .feature-banner-copy {
        width: 100% !important;
    }

    .feature-banner-actions {
        width: 100% !important;
    }

    .feature-action {
        min-height: 72px !important;
    }
}

@media (max-width: 600px) {
    .site-header .site-logo img {
        width: 132px;
    }

    .home-hero .hero-visual::before {
        background: linear-gradient(
            270deg,
            rgba(255, 255, 255, .84) 0%,
            rgba(255, 255, 255, .60) 42%,
            rgba(255, 255, 255, .08) 78%,
            rgba(255, 255, 255, 0) 100%
        );
    }

    .home-hero .hero-copy {
        width: calc(100% - 28px);
        padding-top: 48px;
    }

    .home-hero .hero-copy > * {
        max-width: 100%;
    }

    .home-hero .hero-copy h1 {
        font-size: 35px;
    }

    .home-hero .hero-copy p {
        font-size: 13px;
    }

    .home-hero .hero-actions .btn {
        padding: 12px 18px;
        font-size: 13px;
    }

    .trust-grid {
        grid-template-columns: 1fr;
    }

    .trust-grid > div {
        justify-content: flex-start;
        padding-inline: 18px;
    }

    .search-presets {
        overflow-x: auto;
    }

    .preset-btn {
        padding: 8px 10px;
        font-size: 10px;
    }

    .home-search-fields {
        grid-template-columns: 1fr 1fr;
    }

    .brands-section {
        padding: 10px 0 !important;
    }

    .brands-heading {
        margin-bottom: 9px !important;
    }

    .brands-heading h2 {
        font-size: 26px;
    }

    .brands-heading p {
        font-size: 11px;
    }

    .brands-heading .section-link,
    .featured-section .section-link,
    .section-link {
        font-size: 13px !important;
    }

    .brands-track {
        gap: 10px !important;
    }

    .brands-track .brand-card {
        flex-basis: 155px !important;
        min-width: 155px !important;
    }

    .brands-carousel-arrow {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
        font-size: 21px !important;
    }

    .featured-section .section-heading h2 {
        font-size: 26px !important;
    }

    .featured-subtitle {
        font-size: 13px !important;
    }

    .featured-section .car-card h3 {
        font-size: 14px !important;
    }

    .featured-section .car-card-meta {
        font-size: 10px !important;
    }

    .featured-section .car-card-price,
    .featured-section .contact-price {
        font-size: 14px !important;
    }

    .feature-banner-copy p {
        width: min(100%, 340px) !important;
        max-width: 340px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 430px) {
    .brands-track .brand-card {
        flex-basis: 145px !important;
        min-width: 145px !important;
    }
}

/* Homepage media sections — reference layout */
.home-media-section{padding:18px 0 10px;background:#fff}
.home-media-heading{margin-bottom:14px;align-items:flex-end}
.home-media-heading>div{text-align:right}
.home-media-heading h2{margin:0 0 3px;font-size:25px!important;line-height:1.5}
.home-media-heading p{margin:0;color:#8a929b;font-size:11px;line-height:1.8}
.home-media-heading .section-link{font-size:15px!important;font-weight:850!important;white-space:nowrap}
.home-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-media-card{display:block;background:#fff;border:1px solid #e8edf2;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(25,50,80,.035);transition:.2s}
.home-media-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(25,50,80,.09);border-color:#d9e4f0}
.home-media-thumb{height:135px;background:#eef2f6;position:relative;overflow:hidden}
.home-media-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.25s}
.home-media-card:hover .home-media-thumb img{transform:scale(1.03)}
.home-media-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#e4edf8,#f8fbff);color:var(--blue);font-size:16px;font-weight:800}
.home-play-button{position:absolute;inset:0;margin:auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;padding-right:2px;background:#fff;color:var(--blue);box-shadow:0 5px 18px rgba(0,0,0,.2);font-size:17px}
.home-media-duration{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.68);color:#fff;border-radius:5px;padding:3px 6px;font-size:8px;direction:ltr}
.home-media-body{padding:11px 12px 12px;text-align:right}
.home-media-body>span{display:block;color:var(--blue);font-size:9px;font-weight:700;margin-bottom:3px}
.home-media-body h3{margin:0 0 7px;font-size:13px;line-height:1.7;color:#242a31;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}
.home-media-body small{display:block;color:#9299a2;font-size:8px}
.home-articles-section{padding-top:16px;padding-bottom:20px}
.home-articles-section .home-media-thumb{height:125px}
@media(max-width:900px){.home-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.home-media-section{padding:14px 0 8px}.home-media-heading{align-items:flex-start;gap:8px}.home-media-heading h2{font-size:22px!important}.home-media-heading p{font-size:10px}.home-media-heading .section-link{font-size:13px!important}.home-media-grid{grid-template-columns:1fr 1fr;gap:9px}.home-media-thumb,.home-articles-section .home-media-thumb{height:120px}.home-media-body{padding:9px}.home-media-body h3{font-size:12px;min-height:41px}.home-media-body>span{font-size:8px}}
@media(max-width:430px){.home-media-grid{grid-template-columns:1fr}.home-media-thumb,.home-articles-section .home-media-thumb{height:150px}}
/* Homepage statistics — refined reference layout */
.home-stats-section{padding:10px 0 0;background:#fff}
.home-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fafbfd;border:0;border-radius:0;overflow:hidden;direction:rtl}
.home-stat-item{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;padding:18px 12px 16px;border-left:1px solid #edf1f5;text-align:center}
.home-stat-item:last-child{border-left:0}
.home-stat-icon{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;color:var(--blue);margin-bottom:2px}
.home-stat-icon svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-stat-item div{display:flex;flex-direction:column;align-items:center}
.home-stat-item strong{display:block;color:var(--blue);font-size:30px;line-height:1.3;font-weight:900;direction:ltr;font-variant-numeric:lining-nums}
.home-stat-item div span{display:block;color:#59636f;font-size:15px;line-height:1.7;margin-top:2px;font-weight:700}
@media(max-width:700px){
    .home-stats-grid{grid-template-columns:repeat(2,1fr)}
    .home-stat-item{min-height:145px;padding:16px 8px 14px}
    .home-stat-item:nth-child(2){border-left:0}
    .home-stat-item:nth-child(-n+2){border-bottom:1px solid #edf1f5}
    .home-stat-item strong{font-size:26px}
    .home-stat-item div span{font-size:14px}
    .home-stat-icon{width:52px;height:52px;flex-basis:52px}
    .home-stat-icon svg{width:44px;height:44px}
}
@media(max-width:430px){
    .home-stat-item{gap:7px;min-height:132px}
    .home-stat-item strong{font-size:23px}
    .home-stat-item div span{font-size:13px}
    .home-stat-icon{width:48px;height:48px;flex-basis:48px}
    .home-stat-icon svg{width:41px;height:41px}
}

/* Footer — homepage reference layout */
.site-footer{
    background:#f8fafc!important;
    color:#5f6874!important;
    padding-top:42px!important;
    border-top:1px solid #edf1f5;
}
.footer-main{
    display:grid!important;
    grid-template-columns:1.65fr .9fr .9fr 1.15fr!important;
    gap:54px!important;
    align-items:start!important;
    padding-bottom:30px!important;
    direction:ltr!important;
}
.footer-brand,
.footer-column{
    direction:rtl!important;
    text-align:right!important;
}
.site-logo-footer{
    display:inline-flex!important;
    width:auto!important;
    margin-bottom:10px!important;
}
.site-logo-footer img{
    width:156px!important;
    height:auto!important;
    max-height:52px!important;
}
.footer-brand p{
    max-width:300px!important;
    color:#7c858f!important;
    font-size:14px!important;
    line-height:2.05!important;
    margin:5px 0 16px!important;
}
.footer-socials{
    display:flex!important;
    direction:ltr!important;
    gap:7px!important;
}
.footer-socials a {
    width: 40px!important;
    height: 40px!important;
    display: grid!important;
    place-items: center!important;
    border: 1px solid #dfe6ee!important;
    border-radius: 7px!important;
    background: #fff!important;
    color: var(--blue)!important;
    font-size: 20px!important;
    font-weight: 800!important;
    transition: .2s!important;
}
.footer-socials a:hover{
    background:#edf5ff!important;
    border-color:#cfe0f7!important;
}
.footer-column h3{
    color:#20262d!important;
    font-size:17px!important;
    font-weight:900!important;
    margin:4px 0 14px!important;
}
.footer-column a,
.footer-column span{
    display:block!important;
    color:#7b848e!important;
    font-size:13px!important;
    line-height:2.55!important;
}
.footer-column a:hover{color:var(--blue)!important}
.footer-contact a:first-of-type{
    color:#20262d!important;
    font-size:18px!important;
    font-weight:900!important;
    direction:ltr!important;
    text-align:right!important;
}
.footer-bottom{
    background:#f1f4f8!important;
    border-top:1px solid #e7ecf2!important;
    padding:0!important;
}
.footer-bottom-inner{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    direction:rtl!important;
    color:#8a929c!important;
    font-size:11px!important;
}
.footer-bottom-inner>div{
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
}
.footer-bottom-inner a{color:#737c87!important;font-size:11px!important}
.footer-bottom-inner a:hover{color:var(--blue)!important}
@media(max-width:900px){
    .footer-main{grid-template-columns:1.3fr 1fr 1fr!important;gap:30px!important}
    .footer-brand{grid-column:1/-1}
}
@media(max-width:600px){
    .site-footer{padding-top:30px!important}
    .footer-main{grid-template-columns:1fr 1fr!important;gap:25px 22px!important}
    .footer-brand{grid-column:1/-1}
    .footer-brand p{max-width:100%!important;font-size:13px!important}
    .footer-column h3{font-size:15px!important}
    .footer-column a,.footer-column span{font-size:12px!important}
    .footer-bottom-inner{padding:11px 0!important;min-height:0!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important}
    .footer-bottom-inner>div{gap:12px!important}
}

/* Footer bottom — match reference precisely */
.site-footer{background:#fff!important;}
.footer-bottom{
    background:#f7f9fc!important;
    border-top:1px solid #e9edf3!important;
    padding:0!important;
}
.footer-bottom-inner{
    min-height:58px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:28px!important;
    direction:ltr!important;
    color:#69737f!important;
    font-size:13px!important;
    line-height:1.9!important;
}
.footer-bottom-inner > span{
    direction:rtl!important;
    text-align:left!important;
    font-size:13px!important;
    font-weight:600!important;
    color:#6f7883!important;
    white-space:nowrap!important;
}
.footer-bottom-inner > div{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:25px!important;
    direction:rtl!important;
}
.footer-bottom-inner a{
    color:#66717d!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.9!important;
    white-space:nowrap!important;
}
.footer-bottom-inner a:hover{color:var(--blue)!important}
@media(max-width:600px){
    .footer-bottom-inner{
        min-height:0!important;
        padding:14px 0!important;
        flex-direction:column!important;
        align-items:stretch!important;
        gap:8px!important;
    }
    .footer-bottom-inner > span{font-size:13px!important;text-align:right!important;white-space:normal!important}
    .footer-bottom-inner > div{justify-content:flex-start!important;gap:18px!important}
    .footer-bottom-inner a{font-size:13px!important}
}

/* AS monogram logo + HTML brand name */
.site-logo {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 11px !important;
    white-space: nowrap !important;
    direction: rtl !important;
}
.site-logo img {
    display: block !important;
    width: 64px !important;
    height: 46px !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    order: 1 !important;
}
.site-logo-html-text {
    display: inline-block !important;
    color: #17191d !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    direction: rtl !important;
    order: 2 !important;
    letter-spacing: -.35px !important;
}
.site-logo-html-text::first-letter { color: #17191d !important; }
.site-logo-footer .site-logo-html-text {
    font-size: 22px !important;
    color: #ffffff !important;
}
.site-logo-footer img {
    width: 70px !important;
    height: 50px !important;
    max-height: none !important;
}
@media (max-width: 600px) {
    .site-logo-html-text { font-size: 18px !important; }
    .site-logo img { width: 54px !important; height: 39px !important; }
    .site-logo-footer .site-logo-html-text { font-size: 19px !important; }
    .site-logo-footer img { width: 60px !important; height: 43px !important; }
}

/* Homepage data-driven hero slider */
.hero-carousel{position:relative;overflow:hidden}
.hero-slide{display:none}
.hero-slide.is-active{display:block;animation:heroFadeIn .45s ease}
@keyframes heroFadeIn{from{opacity:.25}to{opacity:1}}
.hero-carousel-controls{position:absolute;z-index:6;left:40px;bottom:24px;display:flex;align-items:center;gap:10px;direction:ltr}
.hero-carousel-arrow{width:38px;height:38px;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(255,255,255,.9);color:#1f2937;display:grid;place-items:center;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.hero-carousel-dots{display:flex;align-items:center;gap:6px}
.hero-carousel-dot{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.65);cursor:pointer}
.hero-carousel-dot.is-active{width:22px;border-radius:8px;background:#fff}
.home-stats-grid{direction:rtl}
.home-stat-icon{display:grid!important;place-items:center;width:58px!important;height:58px!important;margin:0 auto 14px!important;border-radius:18px;background:#edf4ff;color:var(--blue)}
.home-stat-icon svg{width:34px!important;height:34px!important;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.home-stat-item{text-align:center!important;padding:28px 20px!important}
.home-stat-item strong{display:block;font-size:29px!important;line-height:1.25;color:var(--blue)}
.home-stat-item>div>span{display:block;margin-top:6px;font-size:13px!important;color:#66717e}
@media(max-width:620px){.hero-carousel-controls{left:18px;bottom:16px}.hero-carousel-arrow{width:34px;height:34px;font-size:22px}.home-stat-item{padding:24px 12px!important}.home-stat-icon{width:52px!important;height:52px!important}.home-stat-item strong{font-size:25px!important}.home-stat-item>div>span{font-size:12px!important}}


/* Final requested adjustments */
.home-search-section {
    background: #fff;
    padding: 1.5rem 0 !important;
}
.brands-section {
    padding: 1rem 0 !important;
    background: #fff;
}
.site-logo-footer .site-logo-html-text {
    font-size: 22px !important;
    color: #333 !important;
}
.home-hero .hero-copy p {
    max-width: 520px;
    margin: 0 0 24px;
    color: #3c4045;
    font-size: 17px;
    line-height: 2;
    text-align: right;
}

/* Menu builder: keep the add-link action readable on light/dark admin buttons. */
.admin-page .add-menu-link,
.admin-content .add-menu-link,
.add-menu-link {
    color: #111827 !important;
}

/* Menu builder: visible primary action button */
.admin-page .add-menu-link,
.admin-content .add-menu-link,
form .add-menu-link,
.add-menu-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .35rem !important;
    padding: .65rem 1rem !important;
    border: 1px solid #1d4ed8 !important;
    border-radius: .5rem !important;
    background: #2563eb !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.admin-page .add-menu-link:hover,
.admin-content .add-menu-link:hover,
form .add-menu-link:hover,
.add-menu-link:hover {
    background: #1d4ed8 !important;
    color: #ffffff !important;
}

.footer-socials a svg {
    width: 20px;
    height: 20px;
    display: block;
    flex: 0 0 auto;
}

/* Cars listing page — reference layout */
.cars-page{background:#f7f9fc;padding:18px 0 55px;min-height:calc(100vh - 76px)}
.cars-top-search{margin-bottom:14px}.cars-search-form{height:45px;background:#fff;border:1px solid #e3e8ee;border-radius:9px;display:flex;align-items:center;overflow:hidden;box-shadow:0 3px 12px rgba(30,55,85,.04)}
.cars-search-form input{flex:1;height:100%;border:0;outline:0;background:transparent;padding:0 15px;font-size:11px;color:#343b43}.cars-search-form button{width:46px;height:100%;border:0;background:var(--blue);color:#fff;font-size:21px;cursor:pointer}
.cars-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:18px;align-items:start}
.cars-results{min-width:0}.cars-results-toolbar{background:#fff;border:1px solid #e3e8ee;border-radius:11px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cars-results-toolbar h1{font-size:18px;margin:0 0 3px}.cars-results-toolbar p{font-size:9px;color:#9299a2;margin:0}.cars-toolbar-actions{display:flex;align-items:center;gap:10px}.cars-clear-link{font-size:9px;color:#7c858e}.cars-sort-form select{height:34px;border:1px solid #e1e6ec;border-radius:7px;background:#fff;padding:0 10px;font-size:9px;color:#59616a;outline:none}
.cars-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cars-list-grid .car-card{border-radius:10px;box-shadow:0 3px 13px rgba(25,50,80,.045)}.cars-list-grid .car-card-image{height:170px}.cars-list-grid .car-card-body{padding:11px}.cars-list-grid .car-card-meta{font-size:8px}.cars-list-grid .car-card h3{font-size:12px;margin:7px 0 9px}.cars-list-grid .car-specs{font-size:7.5px;padding-top:8px}.cars-list-grid .car-card-price{font-size:11px}.cars-list-grid .card-arrow{width:25px;height:25px}
.cars-filter-sidebar{background:#fff;border:1px solid #e1e7ed;border-radius:11px;box-shadow:0 4px 15px rgba(25,50,80,.04);overflow:hidden}.filter-sidebar-head{padding:15px 15px 12px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #edf0f3}.filter-sidebar-head span{display:block;font-size:8px;color:#9aa1aa;margin-bottom:3px}.filter-sidebar-head h2{font-size:15px;margin:0}.filter-sidebar-head a{font-size:8px;color:var(--blue);margin-top:4px}.filter-group{border-bottom:1px solid #edf0f3;padding:0 15px}.filter-group-title{width:100%;height:44px;border:0;background:none;display:flex;align-items:center;justify-content:space-between;padding:0;color:#343b43;font-size:10px;font-weight:800;cursor:pointer}.filter-group-title b{font-size:13px;font-weight:500;color:#9aa1aa;transition:.2s}.filter-group-title.is-collapsed b{transform:rotate(180deg)}.filter-group-content{padding:0 0 13px}.filter-group-content.is-collapsed{display:none}.price-values{display:grid;grid-template-columns:1fr 1fr;gap:7px;direction:rtl}.price-values label{font-size:7px;color:#9299a2}.price-values input{display:block;width:100%;height:30px;margin-top:4px;border:1px solid #e1e6eb;border-radius:6px;background:#fafbfd;padding:0 7px;font-size:8px;outline:none}.price-range{position:relative;height:24px;margin:8px 3px 0}.price-range input[type=range]{position:absolute;inset:7px 0 auto;width:100%;height:3px;appearance:none;background:#d9e4f1;border-radius:4px;pointer-events:none}.price-range input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.18);pointer-events:auto}.price-range input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.18);pointer-events:auto}.price-range-labels{display:flex;justify-content:space-between;font-size:7px;color:#a0a6ae}.filter-check-list{display:grid;gap:8px}.filter-check-list label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#6d757e;font-size:9px;cursor:pointer}.filter-check-list label span{flex:1}.filter-check-list input{appearance:none;width:13px;height:13px;border:1px solid #d4dce5;border-radius:50%;margin:0;position:relative;flex:0 0 auto}.filter-check-list input:checked{border-color:var(--blue);background:var(--blue)}.filter-check-list input:checked:after{content:'';position:absolute;inset:3px;border-radius:50%;background:#fff}.filter-scroll{max-height:170px;overflow:auto;padding-left:4px}.cars-filter-submit{margin:15px;width:calc(100% - 30px);height:38px;border:0;border-radius:7px;background:var(--blue);color:#fff;font-size:10px;font-weight:800;cursor:pointer}.cars-pagination{display:flex;justify-content:center;margin-top:22px}.cars-pagination nav{font-size:9px}
@media(max-width:1050px){.cars-page-layout{grid-template-columns:minmax(0,1fr) 245px}.cars-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.cars-page-layout{grid-template-columns:1fr}.cars-filter-sidebar{order:2}.cars-results{order:1}.cars-results-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.cars-toolbar-actions{width:100%;justify-content:space-between}.cars-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.cars-page{padding-top:10px}.cars-list-grid{grid-template-columns:1fr}.cars-results-toolbar h1{font-size:17px}.cars-search-form{height:42px}}

/* Cars listing: increase typography for readability */
.cars-page {
    font-size: 15px;
}

.cars-page .cars-search-input,
.cars-page .cars-filter-title,
.cars-page .cars-filter-label,
.cars-page .cars-sort-label,
.cars-page .cars-sort-select,
.cars-page .cars-filter-option,
.cars-page .cars-filter-clear,
.cars-page .cars-count,
.cars-page .cars-pagination,
.cars-page .car-card-title,
.cars-page .car-card-meta,
.cars-page .car-card-price {
    font-size: 15px !important;
}

.cars-page .cars-page-title {
    font-size: 25px !important;
}

.cars-page .cars-page-description {
    font-size: 16px !important;
}

.cars-page .car-card-title {
    font-size: 16px !important;
    line-height: 1.8 !important;
}

.cars-page .car-card-meta {
    font-size: 14px !important;
}

.cars-page .car-card-price {
    font-size: 16px !important;
    font-weight: 800 !important;
}

.cars-page .cars-filter-heading {
    font-size: 17px !important;
    font-weight: 800 !important;
}

.cars-page .cars-filter-option label {
    font-size: 15px !important;
}

/* Cars listing: final readability pass */
.cars-page {
    font-size: 16px;
}

.cars-page .cars-page-title {
    font-size: 28px !important;
    line-height: 1.6 !important;
}

.cars-page .cars-page-description {
    font-size: 17px !important;
    line-height: 1.9 !important;
}

.cars-page .cars-search-input,
.cars-page .cars-search-button,
.cars-page .cars-filter-title,
.cars-page .cars-filter-label,
.cars-page .cars-filter-heading,
.cars-page .cars-filter-option,
.cars-page .cars-filter-option label,
.cars-page .cars-filter-clear,
.cars-page .cars-sort-label,
.cars-page .cars-sort-select,
.cars-page .cars-count,
.cars-page .cars-pagination {
    font-size: 16px !important;
}

.cars-page .car-card-title {
    font-size: 18px !important;
    line-height: 1.8 !important;
}

.cars-page .car-card-meta {
    font-size: 15px !important;
    line-height: 1.8 !important;
}

.cars-page .car-card-price {
    font-size: 17px !important;
    line-height: 1.7 !important;
}

.cars-page .cars-filter-heading {
    font-size: 18px !important;
    font-weight: 800 !important;
}

/* =========================================================
   Global typography baseline
   Keep normal site text comfortably readable everywhere.
   ========================================================= */
html {
    font-size: 16px !important;
}

body {
    font-size: 14px !important;
    line-height: 1.85 !important;
}

button,
input,
select,
textarea {
    font-size: 14px !important;
}

.site-header,
.main-nav,
.site-logo-html-text,
.header-cta,
.home-search-section,
.brands-section,
.featured-section,
.feature-banner,
.latest-videos-section,
.latest-articles-section,
.stats-section,
.site-footer,
.footer-bottom,
.cars-page {
    font-size: 16px;
}

/* Common UI text should never fall back to tiny utility text. */
.site-header a,
.main-nav a,
.home-search-section label,
.home-search-section input,
.home-search-section select,
.home-search-section button,
.brands-section a,
.featured-section a,
.featured-section p,
.feature-banner,
.latest-videos-section,
.latest-articles-section,
.stats-section,
.site-footer a,
.site-footer p,
.site-footer li,
.footer-bottom,
.cars-page label,
.cars-page input,
.cars-page select,
.cars-page button {
    font-size: 14px !important;
}

/* The main filter heading and its options are intentionally larger. */
.cars-page .cars-filter-heading,
.cars-page .cars-filter-title {
    font-size: 18px !important;
    line-height: 1.7 !important;
    font-weight: 800 !important;
}

.cars-page .cars-filter-option,
.cars-page .cars-filter-option label,
.cars-page .cars-filter-label {
    font-size: 14px !important;
    line-height: 1.9 !important;
}

.cars-page .cars-filter-clear {
    font-size: 15px !important;
}

/* Keep icon glyph/SVG sizing controlled by their own rules. */
.footer-socials a,
.footer-socials a svg,
[class*="icon"] {
    /* Do not globally enlarge icons; surrounding text is what this baseline fixes. */
}

/* Keep car card titles consistent across homepage and cars listing */
.cars-list-grid .car-card h3 {
    font-size: 17px !important;
    line-height: 1.6 !important;
    margin: 7px 0 9px !important;
}

/* Brand blue for all car prices */
.car-card .car-card-price,
.cars-list-grid .car-card .car-card-price,
.featured-section .car-card .car-card-price {
    color: #2647D6 !important;
}


/* =========================================================
   Car detail page — reference layout
   ========================================================= */
.car-detail-page{background:#f7f9fc;padding:22px 0 55px}.car-detail-back{display:inline-flex;align-items:center;color:#7a838e;font-size:14px;font-weight:700;margin-bottom:14px}.car-detail-top{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr);gap:18px;align-items:stretch}.car-detail-gallery,.car-detail-summary{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 25px rgba(25,50,80,.035)}.car-detail-gallery{padding:10px}.car-detail-main-image{height:500px;border-radius:11px;overflow:hidden;background:#edf1f5;position:relative}.car-detail-main-image img{width:100%;height:100%;display:block;object-fit:cover}.gallery-fav{position:absolute;top:12px;left:12px;width:36px;height:36px;border:1px solid #dfe6ee;border-radius:50%;background:rgba(255,255,255,.94);color:#59636e;font-size:21px;cursor:pointer}.car-detail-thumbs{display:flex;gap:7px;overflow:auto;margin-top:9px;padding-bottom:1px}.car-detail-thumbs button{width:76px;height:55px;flex:0 0 76px;border:2px solid transparent;border-radius:7px;overflow:hidden;padding:0;background:#fff;cursor:pointer}.car-detail-thumbs button:hover{border-color:var(--blue)}.car-detail-thumbs img{width:100%;height:100%;display:block;object-fit:cover}.car-detail-summary{padding:21px 19px;display:flex;flex-direction:column}.detail-status-row{display:flex;gap:6px;margin-bottom:11px}.detail-chip{background:#f2f4f7;border-radius:6px;padding:5px 8px;font-size:13px;font-weight:800;color:#69727c}.detail-chip.blue{background:#edf3ff;color:var(--blue)}.detail-brand-line{font-size:14px;color:#858e98;font-weight:700}.car-detail-summary h1{font-size:25px;line-height:1.6;margin:5px 0 2px}.detail-stock{font-size:12px;color:#a0a7ae}.car-detail-price{border-bottom:1px solid #edf0f3;padding:18px 0 15px;margin-bottom:14px;display:flex;align-items:baseline;gap:7px}.car-detail-price strong{font-size:23px;color:#111820;font-weight:900}.car-detail-price span{font-size:13px;color:#7d858f;font-weight:800}.detail-mini-specs{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #edf0f3;border-radius:10px;overflow:hidden;margin-bottom:15px}.detail-mini-specs>div{padding:11px 12px;border-bottom:1px solid #edf0f3}.detail-mini-specs>div:nth-child(odd){border-left:1px solid #edf0f3}.detail-mini-specs>div:nth-last-child(-n+2){border-bottom:0}.detail-mini-specs span{display:block;color:#99a0a8;font-size:12px;margin-bottom:3px}.detail-mini-specs strong{display:block;font-size:14px;color:#333b43}.detail-main-cta{min-height:43px;font-size:15px!important}.detail-secondary-cta{display:flex;justify-content:center;align-items:center;min-height:40px;border:1px solid #dce3eb;border-radius:8px;color:var(--blue);font-size:14px;font-weight:800;margin-top:8px}.car-detail-tabs{display:flex;align-items:center;gap:0;background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:18px;overflow:auto}.car-detail-tabs a{position:relative;display:flex;align-items:center;justify-content:center;padding:15px 24px;color:#77818b;font-size:14px;font-weight:800;white-space:nowrap}.car-detail-tabs a.active{color:var(--blue)}.car-detail-tabs a.active:after{content:"";position:absolute;right:20px;left:20px;bottom:0;height:2px;background:var(--blue);border-radius:2px}.car-detail-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;margin-top:18px}.car-detail-main-content{display:grid;gap:15px}.detail-content-card,.detail-side-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 6px 22px rgba(25,50,80,.025)}.detail-content-heading{margin-bottom:15px}.detail-content-heading .eyebrow{font-size:12px;color:var(--blue);font-weight:800}.detail-content-heading h2{font-size:19px;margin:2px 0 0}.technical-spec-table{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #edf0f3;border-radius:10px;overflow:hidden}.technical-spec-table>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 13px;background:#fff;border-bottom:1px solid #edf0f3}.technical-spec-table>div:nth-child(odd){border-left:1px solid #edf0f3}.technical-spec-table>div:nth-last-child(-n+2){border-bottom:0}.technical-spec-table span{font-size:13px;color:#8a939d}.technical-spec-table strong{font-size:14px;color:#343b43;text-align:left}.detail-description{font-size:14px;line-height:2.2;color:#5f6872}.detail-features{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-features>div{display:flex;align-items:center;gap:8px;border:1px solid #edf0f3;border-radius:8px;padding:10px 11px;font-size:14px;color:#59626c}.feature-check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#edf3ff;color:var(--blue);font-size:13px;font-weight:900;flex:0 0 22px}.car-detail-side{display:grid;gap:12px;align-content:start}.detail-side-card h3{font-size:18px;margin:0 0 8px}.detail-side-card p{font-size:13px;line-height:2;color:#737d87;margin:0 0 12px}.detail-phone{display:block;color:var(--blue);font-size:22px;font-weight:900;margin-bottom:12px;direction:ltr;text-align:right}.detail-location-card{display:grid;gap:7px}.detail-location-card strong{font-size:15px}.detail-location-card small{font-size:12px;line-height:1.9;color:#8a939c}.detail-related-section{padding-top:25px}.detail-related-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.car-detail-top{grid-template-columns:1fr}.car-detail-content-grid{grid-template-columns:1fr}.car-detail-side{grid-template-columns:1fr 1fr}.car-detail-main-image{height:440px}.detail-related-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.car-detail-page{padding-top:15px}.car-detail-main-image{height:300px}.car-detail-summary{padding:16px}.car-detail-summary h1{font-size:21px}.car-detail-price strong{font-size:20px}.car-detail-tabs a{padding:13px 15px;font-size:13px}.technical-spec-table,.detail-features{grid-template-columns:1fr}.technical-spec-table>div:nth-child(odd){border-left:0}.technical-spec-table>div:nth-last-child(-n+2){border-bottom:1px solid #edf0f3}.technical-spec-table>div:last-child{border-bottom:0}.car-detail-side{grid-template-columns:1fr}.detail-related-grid{grid-template-columns:1fr 1fr}.detail-related-grid .car-card-image{height:145px}}

/* Vehicle detail: make the related-vehicles section clearly visible */
.detail-related-section {
    display: block !important;
    background: #fff;
    margin-top: 8px;
    padding: 28px 0 45px !important;
}
.detail-related-section .section-heading {
    margin-bottom: 16px;
}
.detail-related-section .detail-related-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}


/* Sell page — screenshot-matched staged form */
.sell-reference-body{background:#f6f9fd}
.sell-reference-page{min-height:100vh;background:#f7faff;color:#252b33}
.sell-reference-hero{height:220px;position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(32,67,111,.72),rgba(53,86,125,.20)),url('/images/banners/sell-hero-clean.png');background-size:cover;background-position:center 55%;display:flex;align-items:center}
.sell-reference-hero-copy{width:min(1180px,calc(100% - 40px));margin:auto;color:#fff;text-align:right;padding-right:52%}
.sell-reference-hero h1{font-size:31px;line-height:1.45;margin:0 0 7px;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.22)}
.sell-reference-hero p{font-size:14px;margin:0;font-weight:600;text-shadow:0 1px 5px rgba(0,0,0,.2)}
.sell-reference-main{width:min(920px,calc(100% - 36px));margin:0 auto;padding:28px 0 48px}
.sell-wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin:0 0 30px}
.sell-wizard-steps:before{content:"";position:absolute;top:21px;left:10%;right:10%;height:2px;background:#dbe3ee;z-index:0}
.sell-step{position:relative;z-index:1;border:0;background:transparent;display:grid;justify-items:center;gap:8px;color:#9ba5b2;font-family:inherit;cursor:pointer;padding:0;font-size:11px}
.sell-step-icon{width:42px;height:42px;border:2px solid #c8d1dd;background:#f7faff;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900;transition:.2s}
.sell-step strong{font-size:11px;font-weight:800}
.sell-step.active,.sell-step.done{color:var(--blue)}
.sell-step.active .sell-step-icon{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 0 0 5px #e9f1ff}
.sell-step.done .sell-step-icon{border-color:var(--blue);color:var(--blue);background:#fff}
.sell-reference-form{background:#fff;border-radius:14px;padding:0 0 22px}
.sell-step-panel{display:none;padding:0 4px}
.sell-step-panel.active{display:block}
.sell-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.sell-fields-grid label{display:grid;gap:7px;color:#4c5662;font-size:10px;font-weight:800}
.sell-fields-grid input,.sell-fields-grid select,.sell-fields-grid textarea{width:100%;box-sizing:border-box;border:1px solid #e1e7ee;border-radius:8px;background:#fff;color:#4a5562;height:42px;padding:0 12px;font-family:inherit;font-size:10px;outline:none;transition:.2s}
.sell-fields-grid textarea{height:auto;padding:11px;resize:vertical}
.sell-fields-grid input::placeholder{color:#b0b7c0}
.sell-fields-grid input:focus,.sell-fields-grid select:focus,.sell-fields-grid textarea:focus{border-color:#b7cdf0;box-shadow:0 0 0 3px #edf4ff}
.sell-reference-upload-placeholder{height:132px;border:1px solid #e3e8ef;border-radius:9px;background:#f8fafc;margin-top:22px;display:grid;place-items:center;align-content:center;gap:7px;color:#66717d}
.sell-reference-upload-placeholder strong{font-size:12px}
.sell-reference-camera{width:38px;height:38px;display:grid;place-items:center;color:var(--blue);font-size:22px}
.sell-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sell-choice{position:relative;border:1px solid #e1e7ee;border-radius:12px;padding:24px 18px;display:grid;gap:8px;cursor:pointer;background:#fff}
.sell-choice input{position:absolute;opacity:0}.sell-choice:has(input:checked){border-color:#8eb4ed;background:#f6f9ff;box-shadow:0 0 0 3px #edf4ff}.sell-choice-icon{color:var(--blue);font-size:22px}.sell-choice strong{font-size:13px}.sell-choice small{font-size:9px;line-height:1.9;color:#89929d}
.sell-real-upload{min-height:180px;border:1px dashed #bfd0e3;border-radius:12px;background:#f8fafc;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;cursor:pointer;color:#65707c}.sell-real-upload input{display:none}.sell-real-upload strong{font-size:13px}.sell-real-upload small{font-size:9px;color:#9199a3}.sell-image-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.sell-image-preview-item{height:105px;border-radius:9px;overflow:hidden;position:relative;background:#edf2f7}.sell-image-preview-item img{width:100%;height:100%;object-fit:cover}.sell-image-preview-item button{position:absolute;top:5px;left:5px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;cursor:pointer;font-size:16px}
.sell-contact-grid label:last-child{grid-column:1/-1}
.sell-final-note{margin-top:16px;background:#f5f8fc;border:1px solid #e5ebf2;border-radius:9px;padding:15px;color:#737d88;font-size:10px;line-height:2}
.sell-reference-actions{display:flex;align-items:center;gap:10px;margin-top:25px;padding:0 4px}.sell-reference-next{min-width:150px;height:42px;border:0;border-radius:5px;background:var(--blue);color:#fff;font:800 11px Vazirmatn,sans-serif;cursor:pointer;box-shadow:0 5px 14px rgba(38,71,214,.16)}.sell-reference-next:hover{filter:brightness(.96)}.sell-reference-back{height:42px;padding:0 18px;border:1px solid #dce3ec;border-radius:5px;background:#fff;color:#68727e;font:700 10px Vazirmatn,sans-serif;cursor:pointer}.sell-reference-call{display:inline-flex;height:42px;align-items:center;padding:0 18px;border-radius:5px;background:#fff;border:1px solid #d8e0ea;color:var(--blue);font-size:10px;font-weight:800;text-decoration:none}
.sell-reference-benefits{background:#fff;border:1px solid #edf1f5;border-radius:14px;margin-top:20px;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;box-shadow:0 8px 30px rgba(25,50,80,.035)}
.sell-reference-benefits>div{text-align:center;padding:0 22px;border-left:1px solid #edf1f5}.sell-reference-benefits>div:last-child{border-left:0}.benefit-icon{display:grid;place-items:center;width:35px;height:35px;margin:0 auto 9px;color:var(--blue);font-size:22px}.sell-reference-benefits strong{display:block;font-size:11px}.sell-reference-benefits p{font-size:8px;line-height:1.9;color:#8b939d;margin:6px 0 0}
@media(max-width:700px){.sell-reference-hero{height:112px;background-position:center}.sell-reference-hero-copy{width:calc(100% - 30px);padding-right:0;text-align:right}.sell-reference-hero h1{font-size:18px}.sell-reference-hero p{font-size:8px}.sell-reference-main{width:calc(100% - 30px);padding:18px 0 30px}.sell-wizard-steps{margin-bottom:22px}.sell-wizard-steps:before{top:17px;left:9%;right:9%}.sell-step{gap:5px}.sell-step-icon{width:34px;height:34px;font-size:10px}.sell-step strong{font-size:7px}.sell-fields-grid{gap:12px 10px}.sell-fields-grid label{font-size:7px;gap:5px}.sell-fields-grid input,.sell-fields-grid select,.sell-fields-grid textarea{height:33px;border-radius:6px;padding:0 7px;font-size:7px}.sell-reference-upload-placeholder{height:95px;margin-top:16px}.sell-reference-upload-placeholder strong{font-size:8px}.sell-reference-camera{width:28px;height:28px;font-size:17px}.sell-reference-actions{margin-top:16px}.sell-reference-next{height:33px;min-width:88px;font-size:8px}.sell-reference-back,.sell-reference-call{height:33px;font-size:7px;padding:0 10px}.sell-choice-grid{grid-template-columns:1fr}.sell-choice{padding:15px}.sell-choice strong{font-size:10px}.sell-choice small{font-size:7px}.sell-real-upload{min-height:130px}.sell-real-upload strong{font-size:9px}.sell-real-upload small{font-size:7px}.sell-image-preview{grid-template-columns:repeat(3,1fr);gap:6px}.sell-image-preview-item{height:75px}.sell-reference-benefits{padding:14px 5px;margin-top:16px}.sell-reference-benefits>div{padding:0 5px}.benefit-icon{width:25px;height:25px;font-size:16px}.sell-reference-benefits strong{font-size:7px}.sell-reference-benefits p{font-size:6px;line-height:1.7}}

/* Sell page refinements — full-width section, white canvas, readable typography */
.sell-reference-body,
.sell-reference-page {
    background: #fff !important;
}


/* Sell request confirmation */
.sell-submission-success {
    width: min(1180px, calc(100% - 40px));
    margin: 22px auto 0;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid #bfe7cf;
    border-radius: 14px;
    background: #f3fcf6;
    color: #185c35;
    box-sizing: border-box;
}
.sell-submission-success-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #1f9d55;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
}
.sell-submission-success strong {
    display: block;
    font-size: 16px;
    line-height: 1.8;
}
.sell-submission-success p {
    margin: 2px 0 0;
    font-size: 13px;
    line-height: 2;
}
.sell-submission-success small {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 800;
}

.sell-reference-main {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 34px 0 58px !important;
}

.sell-reference-main > .sell-wizard-steps,
.sell-reference-main > .sell-reference-form,
.sell-reference-main > .sell-reference-benefits {
    width: min(1180px, calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.sell-wizard-steps {
    margin-bottom: 34px !important;
}

.sell-step {
    font-size: 13px !important;
    gap: 9px !important;
}

.sell-step strong {
    font-size: 13px !important;
}

.sell-step-icon {
    width: 46px !important;
    height: 46px !important;
    font-size: 14px !important;
}

.sell-reference-form {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 0 26px !important;
}

.sell-fields-grid {
    gap: 20px 24px !important;
}

.sell-fields-grid label {
    font-size: 13px !important;
    gap: 8px !important;
}

.sell-fields-grid input,
.sell-fields-grid select,
.sell-fields-grid textarea {
    height: 48px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
}

.sell-fields-grid textarea {
    padding: 12px 14px !important;
}

.sell-reference-upload-placeholder {
    height: 150px !important;
    margin-top: 25px !important;
}

.sell-reference-upload-placeholder strong {
    font-size: 14px !important;
}

.sell-reference-camera {
    width: 42px !important;
    height: 42px !important;
    font-size: 24px !important;
}

.sell-choice strong,
.sell-real-upload strong {
    font-size: 15px !important;
}

.sell-choice small,
.sell-real-upload small {
    font-size: 12px !important;
}

.sell-choice {
    padding: 26px 20px !important;
}

.sell-final-note {
    font-size: 13px !important;
}

.sell-reference-actions {
    margin-top: 28px !important;
    padding: 0 !important;
}

.sell-reference-next {
    height: 46px !important;
    min-width: 160px !important;
    font-size: 13px !important;
}

.sell-reference-back,
.sell-reference-call {
    height: 46px !important;
    font-size: 13px !important;
}

.sell-reference-benefits {
    background: #fff !important;
    margin-top: 4px !important;
    padding: 25px 20px !important;
}

.sell-reference-benefits strong {
    font-size: 14px !important;
}

.sell-reference-benefits p {
    font-size: 11px !important;
    line-height: 2 !important;
}

.benefit-icon {
    width: 38px !important;
    height: 38px !important;
    font-size: 24px !important;
}

@media (max-width: 700px) {
    .sell-reference-main {
        padding: 22px 0 34px !important;
    }

    .sell-reference-main > .sell-wizard-steps,
    .sell-reference-main > .sell-reference-form,
    .sell-reference-main > .sell-reference-benefits {
        width: calc(100% - 24px) !important;
    }

    .sell-wizard-steps {
        margin-bottom: 24px !important;
    }

    .sell-step {
        gap: 6px !important;
    }

    .sell-step-icon {
        width: 38px !important;
        height: 38px !important;
        font-size: 11px !important;
    }

    .sell-step strong {
        font-size: 10px !important;
    }

    .sell-fields-grid {
        gap: 14px 10px !important;
    }

    .sell-fields-grid label {
        font-size: 10px !important;
        gap: 6px !important;
    }

    .sell-fields-grid input,
    .sell-fields-grid select,
    .sell-fields-grid textarea {
        height: 40px !important;
        padding: 0 9px !important;
        font-size: 11px !important;
    }

    .sell-fields-grid textarea {
        padding: 9px !important;
    }

    .sell-reference-upload-placeholder {
        height: 115px !important;
        margin-top: 18px !important;
    }

    .sell-reference-upload-placeholder strong {
        font-size: 10px !important;
    }

    .sell-reference-camera {
        width: 32px !important;
        height: 32px !important;
        font-size: 18px !important;
    }

    .sell-choice strong,
    .sell-real-upload strong {
        font-size: 12px !important;
    }

    .sell-choice small,
    .sell-real-upload small {
        font-size: 10px !important;
    }

    .sell-choice {
        padding: 18px 14px !important;
    }

    .sell-final-note {
        font-size: 10px !important;
    }

    .sell-reference-next,
    .sell-reference-back,
    .sell-reference-call {
        height: 38px !important;
        font-size: 10px !important;
    }

    .sell-reference-next {
        min-width: 100px !important;
    }

    .sell-reference-benefits {
        padding: 16px 5px !important;
    }

    .sell-reference-benefits strong {
        font-size: 10px !important;
    }

    .sell-reference-benefits p {
        font-size: 8px !important;
    }

    .benefit-icon {
        width: 28px !important;
        height: 28px !important;
        font-size: 18px !important;
    }
}


/* Sell hero clean artwork: text is rendered as HTML, not baked into the image. */
.sell-reference-hero {
    background-image: linear-gradient(90deg, rgba(18,35,58,.78), rgba(36,62,91,.34) 48%, rgba(36,62,91,.05) 72%), url('/images/banners/sell-hero-clean.png') !important;
    background-size: cover !important;
    background-position: center 52% !important;
}

/* Sell page refinement fixed35: image upload belongs only to step 3, taller hero */
.sell-reference-hero {
    height: 285px !important;
}
.sell-reference-hero h1 {
    font-size: 38px !important;
    line-height: 1.5 !important;
}
.sell-reference-hero p {
    font-size: 17px !important;
    line-height: 1.9 !important;
}

@media (max-width: 700px) {
    .sell-reference-hero {
        height: 165px !important;
    }
    .sell-reference-hero h1 {
        font-size: 24px !important;
        line-height: 1.5 !important;
    }
    .sell-reference-hero p {
        font-size: 12px !important;
        line-height: 1.8 !important;
    }
}


@media (max-width: 700px) {
    .sell-submission-success {
        width: calc(100% - 30px);
        margin-top: 15px;
        padding: 14px;
        gap: 10px;
        border-radius: 11px;
    }
    .sell-submission-success-icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        font-size: 19px;
    }
    .sell-submission-success strong { font-size: 13px; }
    .sell-submission-success p { font-size: 10px; line-height: 1.9; }
    .sell-submission-success small { font-size: 9px; }
}

/* Videos reference page */
.videos-reference-hero{width:100%;overflow:hidden}
.videos-reference-hero-media{position:relative;height:330px;overflow:hidden;background:#102131}
.videos-reference-hero-media>img{width:100%;height:100%;object-fit:cover;object-position:center}
.videos-reference-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,22,35,.78) 0%,rgba(8,22,35,.42) 42%,rgba(8,22,35,.08) 72%,rgba(8,22,35,.2) 100%)}
.videos-reference-hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff;padding-inline:28px}
.videos-reference-eyebrow{font-size:18px;font-weight:800;margin-bottom:6px}
.videos-reference-hero h1{font-size:52px;line-height:1.2;margin:0 0 10px;font-weight:950;letter-spacing:-1px}
.videos-reference-hero p{font-size:18px;line-height:1.8;margin:0;font-weight:700}
.videos-reference-page{background:#fff;padding:28px 0 58px}
.video-category-tabs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px;margin-bottom:18px}
.video-category-tab{height:48px;border:1px solid #e2e9f1;border-radius:10px;background:#f8fafc;color:#4e5a68;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;transition:.2s}
.video-category-tab:hover{border-color:#b9d2f4;color:var(--blue);background:#f5f9ff}
.video-category-tab.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(38,71,214,.18)}
.videos-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.video-reference-card{background:#fff;border:1px solid #e0e7ef;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px rgba(25,50,80,.035);transition:.2s;min-width:0}
.video-reference-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(25,50,80,.09)}
.video-reference-thumb{position:relative;aspect-ratio:16/9;background:#17222e;overflow:hidden}
.video-reference-thumb img{width:100%;height:100%;object-fit:cover}
.video-reference-placeholder{height:100%;display:grid;place-items:center;color:#fff;font-size:42px}
.video-reference-play{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;padding-right:2px;font-size:18px;box-shadow:0 5px 20px rgba(0,0,0,.28)}
.video-reference-duration{position:absolute;left:9px;bottom:8px;padding:4px 7px;border-radius:5px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:800;direction:ltr}
.video-reference-body{padding:12px 13px 14px}
.video-reference-category{display:block;color:var(--blue);font-size:11px;font-weight:800;margin-bottom:4px}
.video-reference-body h2{font-size:16px;line-height:1.7;margin:0 0 9px;color:#20262d;font-weight:900;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video-reference-meta{display:flex;justify-content:space-between;gap:8px;color:#89939e;font-size:10px;border-top:1px solid #edf1f5;padding-top:9px}
@media(max-width:1000px){.video-category-tabs{grid-template-columns:repeat(5,1fr)}.videos-reference-grid{grid-template-columns:repeat(3,1fr)}.videos-reference-hero-media{height:300px}.videos-reference-hero h1{font-size:44px}}
@media(max-width:720px){.video-category-tabs{grid-template-columns:repeat(3,1fr)}.videos-reference-grid{grid-template-columns:repeat(2,1fr)}.videos-reference-hero-media{height:255px}.videos-reference-hero h1{font-size:36px}.videos-reference-eyebrow{font-size:15px}.videos-reference-hero p{font-size:14px}}
@media(max-width:480px){.video-category-tabs{grid-template-columns:repeat(2,1fr)}.videos-reference-grid{grid-template-columns:1fr}.videos-reference-hero-media{height:220px}.videos-reference-hero h1{font-size:30px}.videos-reference-hero p{font-size:12px}.videos-reference-page{padding-top:18px}}

/* Video detail reference page */
.video-detail-reference{background:#fff;padding:32px 0 62px;min-height:60vh}
.video-detail-reference-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start;direction:ltr}
.video-detail-main,.video-detail-reference-sidebar{direction:rtl}
.video-reference-player{width:100%;aspect-ratio:16/9;background:#10161d;border-radius:9px;overflow:hidden;box-shadow:0 8px 24px rgba(18,35,52,.08)}
.video-reference-player iframe,.video-reference-player video{width:100%;height:100%;display:block;border:0}
.video-detail-reference-info{padding:15px 2px 0}
.video-detail-reference-category{font-size:12px;color:var(--blue);font-weight:800;margin-bottom:6px}
.video-detail-reference-info h1{font-size:21px;line-height:1.8;margin:0 0 9px;color:#20262d;font-weight:900}
.video-detail-reference-meta{display:flex;align-items:center;gap:19px;color:#8a929b;font-size:10px;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;padding:10px 0}
.video-detail-reference-meta span{display:inline-flex;align-items:center;gap:5px}
.video-detail-reference-meta svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.video-detail-car-link{display:inline-block;color:var(--blue);font-size:11px;font-weight:800;margin-top:12px}
.video-detail-reference-description{font-size:12px;line-height:2.25;color:#646e78;margin-top:14px;padding-top:13px;border-top:1px solid #edf0f3;white-space:normal}
.video-detail-reference-sidebar{position:sticky;top:90px}
.video-detail-sidebar-box{border:1px solid #e4e9ee;border-radius:10px;background:#fff;padding:12px;box-shadow:0 6px 20px rgba(20,40,60,.035)}
.video-detail-sidebar-title{font-size:16px;font-weight:900;color:#20262d;padding:2px 3px 10px;border-bottom:1px solid #edf0f3}
.video-detail-sidebar-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 0 12px;border-bottom:1px solid #edf0f3}
.video-detail-sidebar-categories a{font-size:12px;text-align:center;color:#66717d;background:#f7f9fb;border:1px solid #e6ebf0;border-radius:6px;padding:6px 4px;white-space:nowrap;transition:.2s}
.video-detail-sidebar-categories a:hover{color:var(--blue);border-color:#cbdcff;background:#f3f7ff}
.video-detail-sidebar-related-title{font-size:15px;font-weight:900;color:#20262d;padding:12px 2px 7px}
.video-related-list{display:grid;gap:0}
.video-related-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:9px;padding:9px 0;border-bottom:1px solid #edf0f3;direction:ltr}
.video-related-item:last-child{border-bottom:0;padding-bottom:2px}
.video-related-thumb{position:relative;width:92px;height:57px;border-radius:6px;overflow:hidden;background:#dfe7ef}
.video-related-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.video-related-thumb>span{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}
.video-related-thumb i{position:absolute;inset:0;margin:auto;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--blue);font-style:normal;font-size:8px;display:flex;align-items:center;justify-content:center;padding-right:1px}
.video-related-content{direction:rtl;min-width:0;display:flex;flex-direction:column;justify-content:center}
.video-related-content strong{font-size:12px;line-height:1.7;color:#28313a;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video-related-content span{font-size:10px;color:#8c949d;margin-top:3px}
@media(max-width:900px){.video-detail-reference-grid{grid-template-columns:1fr}.video-detail-reference-sidebar{position:static}.video-detail-sidebar-box{margin-top:5px}.video-related-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px}.video-related-item{grid-template-columns:96px minmax(0,1fr)}.video-related-thumb{width:96px;height:60px}}
@media(max-width:600px){.video-detail-reference{padding:20px 0 45px}.video-detail-reference-info h1{font-size:18px}.video-detail-reference-meta{font-size:9px;gap:12px;flex-wrap:wrap}.video-detail-reference-description{font-size:11px}.video-detail-sidebar-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.video-related-list{grid-template-columns:1fr}.video-related-item{grid-template-columns:118px minmax(0,1fr)}.video-related-thumb{width:118px;height:70px}}

/* Article pages — match the video reference layout */
.articles-reference-hero{width:100%;overflow:hidden}
.articles-reference-hero-media{position:relative;height:330px;overflow:hidden;background:#172636}
.articles-reference-hero-media>img{width:100%;height:100%;object-fit:cover;object-position:center}
.articles-reference-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,22,35,.78) 0%,rgba(8,22,35,.44) 45%,rgba(8,22,35,.10) 78%,rgba(8,22,35,.22) 100%)}
.articles-reference-hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff;padding-inline:28px}
.articles-reference-eyebrow{font-size:18px;font-weight:800;margin-bottom:6px}
.articles-reference-hero h1{font-size:52px;line-height:1.2;margin:0 0 10px;font-weight:950;letter-spacing:-1px}
.articles-reference-hero p{font-size:18px;line-height:1.8;margin:0;font-weight:700}
.articles-reference-page{background:#fff;padding:28px 0 58px}
.article-category-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin-bottom:18px}
.article-category-tab{height:48px;border:1px solid #e2e9f1;border-radius:10px;background:#f8fafc;color:#4e5a68;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;transition:.2s}
.article-category-tab:hover{border-color:#b9d2f4;color:var(--blue);background:#f5f9ff}
.article-category-tab.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(38,71,214,.18)}
.articles-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.article-reference-card{background:#fff;border:1px solid #e0e7ef;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px rgba(25,50,80,.035);transition:.2s;min-width:0}
.article-reference-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(25,50,80,.09)}
.article-reference-thumb{position:relative;aspect-ratio:16/9;background:#edf2f6;overflow:hidden}
.article-reference-thumb img{width:100%;height:100%;object-fit:cover}
.article-reference-placeholder{height:100%;display:grid;place-items:center;color:#7d8995;font-size:18px;font-weight:900}
.article-reference-read{position:absolute;left:9px;bottom:8px;padding:4px 8px;border-radius:5px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:800}
.article-reference-body{padding:12px 13px 14px}
.article-reference-category{display:block;color:var(--blue);font-size:11px;font-weight:800;margin-bottom:4px}
.article-reference-body h2{font-size:16px;line-height:1.7;margin:0 0 7px;color:#20262d;font-weight:900;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-reference-body p{font-size:12px;line-height:1.9;color:#7a848e;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-reference-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#89939e;font-size:10px;border-top:1px solid #edf1f5;padding-top:9px}
.article-reference-meta strong{color:var(--blue);font-size:11px}
.article-detail-reference{background:#fff;padding:32px 0 62px;min-height:60vh}
.article-detail-reference-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start;direction:ltr}
.article-detail-main,.article-detail-reference-sidebar{direction:rtl}
.article-reference-cover-wrap{width:100%;aspect-ratio:16/9;background:#edf1f4;border-radius:9px;overflow:hidden;box-shadow:0 8px 24px rgba(18,35,52,.08)}
.article-reference-cover{width:100%;height:100%;display:block;object-fit:cover}
.article-detail-reference-info{padding:15px 2px 0}
.article-detail-reference-category{font-size:12px;color:var(--blue);font-weight:800;margin-bottom:6px}
.article-detail-reference-info h1{font-size:26px;line-height:1.8;margin:0 0 9px;color:#20262d;font-weight:900}
.article-detail-reference-meta{display:flex;align-items:center;gap:19px;color:#8a929b;font-size:11px;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;padding:10px 0}
.article-detail-reference-meta span{display:inline-flex;align-items:center;gap:5px}
.article-detail-reference-meta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.article-detail-reference-excerpt{font-size:14px;line-height:2.15;color:#5f6973;margin-top:14px;padding:13px 0;border-bottom:1px solid #edf0f3;font-weight:700}
.article-detail-reference-content{font-size:14px;line-height:2.35;color:#4f5963;margin-top:15px}
.article-detail-reference-content h2,.article-detail-reference-content h3{color:#20262d;margin:25px 0 10px;font-weight:900}
.article-detail-reference-content img{max-width:100%;height:auto;border-radius:8px}
.article-detail-reference-sidebar{position:sticky;top:90px}
.article-detail-sidebar-box{border:1px solid #e4e9ee;border-radius:10px;background:#fff;padding:12px;box-shadow:0 6px 20px rgba(20,40,60,.035)}
.article-detail-sidebar-title{font-size:16px;font-weight:900;color:#20262d;padding:2px 3px 10px;border-bottom:1px solid #edf0f3}
.article-detail-sidebar-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 0 12px;border-bottom:1px solid #edf0f3}
.article-detail-sidebar-categories a{font-size:12px;text-align:center;color:#66717d;background:#f7f9fb;border:1px solid #e6ebf0;border-radius:6px;padding:7px 4px;white-space:nowrap;transition:.2s}
.article-detail-sidebar-categories a:hover{color:var(--blue);border-color:#cbdcff;background:#f3f7ff}
.article-detail-sidebar-related-title{font-size:15px;font-weight:900;color:#20262d;padding:12px 2px 7px}
.article-related-list{display:grid;gap:0}
.article-related-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:9px;padding:9px 0;border-bottom:1px solid #edf0f3;direction:ltr}
.article-related-item:last-child{border-bottom:0;padding-bottom:2px}
.article-related-thumb{position:relative;width:92px;height:57px;border-radius:6px;overflow:hidden;background:#dfe7ef}
.article-related-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.article-related-thumb span{height:100%;display:flex;align-items:center;justify-content:center;color:#65717d;font-size:12px;font-weight:800}
.article-related-content{direction:rtl;min-width:0;display:flex;flex-direction:column;justify-content:center}
.article-related-content strong{font-size:12px;line-height:1.7;color:#28313a;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-related-content span{font-size:10px;color:#8c949d;margin-top:3px}
@media(max-width:1000px){.article-category-tabs{grid-template-columns:repeat(4,1fr)}.articles-reference-grid{grid-template-columns:repeat(3,1fr)}.articles-reference-hero-media{height:300px}.articles-reference-hero h1{font-size:44px}.article-detail-reference-grid{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:900px){.article-detail-reference-grid{grid-template-columns:1fr}.article-detail-reference-sidebar{position:static}.article-detail-sidebar-box{margin-top:5px}.article-related-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px}.article-related-item{grid-template-columns:96px minmax(0,1fr)}.article-related-thumb{width:96px;height:60px}}
@media(max-width:720px){.article-category-tabs{grid-template-columns:repeat(3,1fr)}.articles-reference-grid{grid-template-columns:repeat(2,1fr)}.articles-reference-hero-media{height:255px}.articles-reference-hero h1{font-size:36px}.articles-reference-eyebrow{font-size:15px}.articles-reference-hero p{font-size:14px}}
@media(max-width:600px){.article-detail-reference{padding:20px 0 45px}.article-detail-reference-info h1{font-size:21px}.article-detail-reference-meta{font-size:10px;gap:12px;flex-wrap:wrap}.article-detail-reference-excerpt,.article-detail-reference-content{font-size:12px}.article-detail-sidebar-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.article-related-list{grid-template-columns:1fr}.article-related-item{grid-template-columns:118px minmax(0,1fr)}.article-related-thumb{width:118px;height:70px}}
@media(max-width:480px){.article-category-tabs{grid-template-columns:repeat(2,1fr)}.articles-reference-grid{grid-template-columns:1fr}.articles-reference-hero-media{height:220px}.articles-reference-hero h1{font-size:30px}.articles-reference-hero p{font-size:12px}.articles-reference-page{padding-top:18px}}

/* About page - reference design */
.about-reference-page{background:#fff;padding-bottom:48px}
.about-reference-hero{position:relative;width:100%;height:290px;overflow:hidden;background:#172330}
.about-reference-hero>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 48%}
.about-reference-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,20,30,.05) 25%,rgba(9,20,30,.58) 100%)}
.about-reference-hero-title{position:absolute;inset:auto 0 28px;text-align:center;color:#fff;font-size:31px;font-weight:950;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.about-reference-intro{max-width:760px;text-align:center;padding-top:22px}
.about-reference-intro p{margin:0 0 8px;color:#697582;font-size:14px;line-height:2.05;font-weight:600}
.about-reference-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:720px;margin-top:19px}
.about-stat-card{min-height:108px;border:1px solid #e7edf3;border-radius:10px;background:#fff;box-shadow:0 6px 22px rgba(25,50,80,.045);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px}
.about-stat-icon{width:27px;height:27px;color:var(--blue);margin-bottom:4px}
.about-stat-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.about-stat-card strong{font-size:20px;color:var(--blue);line-height:1.2;font-weight:950}
.about-stat-label{font-size:10px;color:#78838e;margin-top:4px;font-weight:700}
.about-reference-story{display:grid;grid-template-columns:1fr 1.05fr;gap:22px;align-items:center;max-width:860px;padding-top:38px}
.about-reference-story-copy{direction:rtl;text-align:right}
.about-reference-eyebrow{display:block;color:var(--blue);font-size:12px;font-weight:900;margin-bottom:5px}
.about-reference-story-copy h2{font-size:21px;line-height:1.65;margin:0 0 9px;color:#20262d;font-weight:950}
.about-reference-story-copy p{font-size:11px;line-height:2.05;color:#69747f;margin:0 0 8px}
.about-reference-story-image{height:220px;border-radius:10px;overflow:hidden}
.about-reference-story-image img{width:100%;height:100%;display:block;object-fit:cover}
.about-reference-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:860px;margin-top:12px}
.about-reference-gallery>div{height:155px;border-radius:10px;overflow:hidden}
.about-reference-gallery img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:900px){.about-reference-hero{height:250px}.about-reference-story{grid-template-columns:1fr}.about-reference-story-image{height:250px}.about-reference-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.about-reference-hero{height:205px}.about-reference-hero-title{font-size:24px;bottom:20px}.about-reference-intro{padding-top:18px}.about-reference-intro p{font-size:12px}.about-reference-stats{grid-template-columns:repeat(2,1fr);gap:9px}.about-stat-card{min-height:96px}.about-stat-card strong{font-size:18px}.about-reference-story{padding-top:28px}.about-reference-story-copy h2{font-size:19px}.about-reference-story-copy p{font-size:11px}.about-reference-gallery{grid-template-columns:1fr}.about-reference-gallery>div{height:175px}}

/* About page professional full-width refresh */
.about-reference-page{width:100%;background:#fff;padding:0 0 72px;overflow:hidden}
.about-reference-hero{width:100vw;height:390px;margin-inline:calc(50% - 50vw);position:relative;overflow:hidden;background:#172330}
.about-reference-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 48%;transform:scale(1.015)}
.about-reference-hero-overlay{background:linear-gradient(90deg,rgba(5,14,24,.62) 0%,rgba(5,14,24,.16) 52%,rgba(5,14,24,.48) 100%),linear-gradient(180deg,rgba(5,14,24,.02),rgba(5,14,24,.58))}
.about-reference-hero-title{inset:50% 0 auto;transform:translateY(-50%);font-size:clamp(34px,4vw,52px);letter-spacing:-1px;text-shadow:0 4px 22px rgba(0,0,0,.42)}
.about-reference-hero-title:after{content:'معرفی مجموعه، ارزش‌ها و مسیر ما';display:block;margin:13px auto 0;font-size:15px;font-weight:650;letter-spacing:0;color:rgba(255,255,255,.9)}
.about-reference-wide{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.about-reference-intro{padding:58px 0 10px;text-align:center}
.about-intro-badge{display:inline-flex;padding:7px 13px;border-radius:999px;background:#edf4ff;color:var(--blue);font-size:12px;font-weight:900;margin-bottom:12px}
.about-reference-intro h1{font-size:32px;line-height:1.55;margin:0 0 12px;color:#17202a;font-weight:950;letter-spacing:-.5px}
.about-reference-intro p{max-width:820px;margin:0 auto 7px;color:#66717c;font-size:14px;line-height:2.15;font-weight:550}
.about-reference-stats{width:min(1180px,calc(100% - 40px));max-width:none;margin:32px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.about-stat-card{min-height:132px;border:1px solid #e5ebf2;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcfe);box-shadow:0 12px 32px rgba(27,54,88,.07);padding:18px;transition:.2s}
.about-stat-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(27,54,88,.11);border-color:#d5e2f5}
.about-stat-icon{width:31px;height:31px;margin-bottom:7px}
.about-stat-card strong{font-size:24px}
.about-stat-label{font-size:12px}
.about-reference-story{margin-top:70px;display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
.about-reference-story-copy{padding:10px 0}
.about-reference-eyebrow{font-size:13px;margin-bottom:8px}
.about-reference-story-copy h2{font-size:30px;line-height:1.55;margin-bottom:13px}
.about-reference-story-copy p{font-size:14px;line-height:2.2;margin-bottom:10px;color:#66717c}
.about-reference-story-copy:after{content:'✓ بررسی دقیق خودرو  •  ✓ اطلاعات شفاف  •  ✓ مشاوره تخصصی';display:block;margin-top:19px;color:var(--blue);font-size:13px;font-weight:850}
.about-reference-story-image{height:350px;border-radius:20px;box-shadow:0 18px 42px rgba(20,43,72,.12);border:1px solid #e5ebf1}
.about-reference-gallery{margin-top:18px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.about-reference-gallery>div{height:250px;border-radius:18px;box-shadow:0 12px 32px rgba(20,43,72,.08);border:1px solid #e5ebf1}
.about-reference-gallery>div:first-child{height:290px}
@media(max-width:900px){.about-reference-hero{height:320px}.about-reference-stats{grid-template-columns:repeat(2,1fr)}.about-reference-story{grid-template-columns:1fr;gap:25px}.about-reference-story-image{height:300px}.about-reference-gallery{grid-template-columns:1fr}.about-reference-gallery>div,.about-reference-gallery>div:first-child{height:240px}}
@media(max-width:620px){.about-reference-wide,.about-reference-stats{width:calc(100% - 28px)}.about-reference-hero{height:255px}.about-reference-hero-title{font-size:28px}.about-reference-hero-title:after{font-size:12px;margin-top:9px}.about-reference-intro{padding-top:38px}.about-reference-intro h1{font-size:23px}.about-reference-intro p{font-size:12px}.about-reference-stats{gap:10px;margin-top:24px}.about-stat-card{min-height:110px;padding:13px}.about-stat-card strong{font-size:20px}.about-stat-label{font-size:10px}.about-reference-story{margin-top:45px}.about-reference-story-copy h2{font-size:23px}.about-reference-story-copy p{font-size:12px}.about-reference-story-copy:after{font-size:11px;line-height:2}.about-reference-story-image{height:235px}.about-reference-gallery>div,.about-reference-gallery>div:first-child{height:190px}}

/* About page hardening - isolated layout reset */
.about-v2{width:100%;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important;direction:rtl}
.about-v2 *{box-sizing:border-box}
.about-v2 .container{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
.about-v2-hero{width:100%!important;min-height:510px!important;position:relative!important;display:flex!important;align-items:center!important}
.about-v2-hero-content{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin-inline:auto!important}
.about-v2-trust,.about-v2-story,.about-v2-why,.about-v2-dark,.about-v2-gallery,.about-v2-journey,.about-v2-testimonials,.about-v2-cta{width:100%!important}
.about-v2-story-grid,.about-v2-dark-inner{width:100%!important}
.about-v2 img{max-width:100%}
.about-v2-hero h1{color:#fff!important}
.about-v2-hero p{color:#eef4fb!important}
.about-v2-section-head h2,.about-v2-story-copy h2{color:#20262d!important}
.about-v2-dark .about-v2-section-head h2,.about-v2-dark h2,.about-v2-journey .about-v2-section-head h2{color:#fff!important}
.about-v2-stat strong{color:#1769d1!important}
.about-v2-stat span,.about-v2-features p,.about-v2-story-copy p{color:#68727d!important}
@media(max-width:900px){.about-v2 .container,.about-v2-hero-content{width:calc(100% - 32px)!important}.about-v2-hero{min-height:430px!important}}
@media(max-width:600px){.about-v2 .container,.about-v2-hero-content{width:calc(100% - 24px)!important}.about-v2-hero{min-height:440px!important}}

/* =========================================================
   Auto Shayesteh — About page / polished isolated layout
   ========================================================= */
.about-v2{width:100%;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;color:#20262d!important;direction:rtl;overflow:hidden}
.about-v2,.about-v2 *{box-sizing:border-box}
.about-v2 .container{width:min(1180px,calc(100% - 48px))!important;max-width:1180px!important;margin-inline:auto!important}
.about-v2 section{width:100%;position:relative}
.about-v2 img{display:block;max-width:100%}

/* Hero */
.about-v2-hero{height:460px;min-height:460px;position:relative;overflow:hidden;display:block!important}
.about-v2-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.about-v2-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,22,.78) 0%,rgba(5,13,22,.36) 43%,rgba(5,13,22,.08) 72%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.42))}
.about-v2-hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start!important;text-align:right;color:#fff;padding-inline:0!important}
.about-v2-hero-content>span{font-size:16px;font-weight:800;color:#dceaff;margin-bottom:9px}
.about-v2-hero h1{font-size:clamp(38px,4.2vw,58px)!important;line-height:1.25!important;margin:0 0 12px!important;font-weight:950!important;letter-spacing:-1px}
.about-v2-hero p{font-size:18px!important;line-height:1.9!important;max-width:610px;margin:0 0 22px!important;color:#f4f7fb!important}
.about-v2-hero-actions{display:flex;gap:10px;align-items:center}
.about-v2-hero-actions .btn{min-height:46px;padding:0 22px;font-size:14px;font-weight:900;border-radius:10px}
.about-v2-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid rgba(255,255,255,.55);border-radius:10px;color:#fff!important;font-size:14px;font-weight:850;background:rgba(0,0,0,.14);backdrop-filter:blur(5px)}

/* Common section headings */
.about-v2-section-head{text-align:center;max-width:760px;margin:0 auto 30px}
.about-v2-section-head>span,.about-v2-eyebrow{display:inline-block;color:var(--blue)!important;font-size:14px!important;font-weight:950!important;margin-bottom:7px}
.about-v2-section-head h2{font-size:30px!important;line-height:1.45!important;margin:0 0 8px!important;font-weight:950!important;color:#20262d!important}
.about-v2-section-head p{font-size:15px!important;line-height:2!important;color:#707b86!important;margin:0!important}

/* Trust / statistics */
.about-v2-trust{padding:62px 0 68px;background:#fff}
.about-v2-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.about-v2-stat{min-height:150px;border:1px solid #e4eaf1;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(20,44,72,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
.about-v2-stat i{font-style:normal;width:46px;height:46px;border-radius:14px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;font-size:24px;font-weight:900;margin-bottom:8px}
.about-v2-stat strong{font-size:30px!important;line-height:1.15!important;color:var(--blue)!important;font-weight:950!important}
.about-v2-stat span{font-size:13px!important;color:#737e89!important;font-weight:750!important;margin-top:5px}

/* Story */
.about-v2-story{padding:78px 0;background:#f7f9fc}
.about-v2-story-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}
.about-v2-story-image{position:relative;height:410px;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px rgba(20,44,72,.12)}
.about-v2-story-image img{width:100%;height:100%;object-fit:cover}
.about-v2-image-badge{position:absolute;right:20px;bottom:20px;padding:13px 18px;border-radius:12px;background:rgba(8,18,28,.84);color:#fff;display:flex;flex-direction:column;gap:2px;backdrop-filter:blur(8px)}
.about-v2-image-badge strong{font-size:16px}.about-v2-image-badge span{font-size:12px;color:#d7e4f5}
.about-v2-story-copy{text-align:right}
.about-v2-story-copy h2{font-size:34px!important;line-height:1.45!important;margin:0 0 16px!important;font-weight:950!important;color:#20262d!important}
.about-v2-story-copy p{font-size:15px!important;line-height:2.2!important;color:#626d78!important;margin:0 0 12px!important}
.about-v2-story-points{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}
.about-v2-story-points div{display:flex;align-items:center;gap:10px;border:1px solid #e3e9ef;background:#fff;border-radius:12px;padding:12px 14px}
.about-v2-story-points b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-size:11px}
.about-v2-story-points span{font-size:13px;font-weight:850;color:#36414b}

/* Why */
.about-v2-why{padding:78px 0;background:#fff}
.about-v2-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.about-v2-features article{padding:28px 22px;border:1px solid #e5ebf1;border-radius:16px;background:#fff;text-align:center;box-shadow:0 10px 28px rgba(20,44,72,.05)}
.about-v2-features article i{width:52px;height:52px;border-radius:15px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;font-style:normal;font-size:25px;margin:0 auto 13px}
.about-v2-features h3{font-size:17px!important;margin:0 0 7px!important;font-weight:950!important;color:#252d35!important}
.about-v2-features p{font-size:13px!important;line-height:1.9!important;margin:0!important;color:#737e89!important}

/* Values */
.about-v2-dark{padding:82px 0;background:#0c1724;overflow:hidden}
.about-v2-dark:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 40%,rgba(38,71,214,.16),transparent 36%),linear-gradient(90deg,rgba(8,18,28,.15),rgba(8,18,28,.7));pointer-events:none}
.about-v2-dark-inner{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}
.about-v2-dark-inner>div:first-child{text-align:right}
.about-v2-dark h2{font-size:34px!important;line-height:1.4!important;color:#fff!important;margin:0 0 12px!important;font-weight:950!important}
.about-v2-dark p{font-size:15px!important;line-height:2.1!important;color:#c4cfdb!important;margin:0;max-width:480px}
.about-v2-values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.about-v2-values div{padding:25px 18px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:16px;text-align:center}
.about-v2-values strong{display:block;color:#8eb4ff;font-size:13px;margin-bottom:12px}.about-v2-values b{display:block;color:#fff;font-size:17px;margin-bottom:7px}.about-v2-values span{font-size:12px;color:#aebbc9}

/* Gallery */
.about-v2-gallery{padding:80px 0;background:#fff}
.about-v2-gallery-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:220px 160px;gap:14px}
.about-v2-gallery-grid img{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px rgba(20,44,72,.08)}
.about-v2-gallery-grid img:first-child{grid-row:1/3}

/* Journey */
.about-v2-journey{padding:82px 0;background:#f3f6fa}
.about-v2-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:45px}
.about-v2-timeline:before{content:"";position:absolute;top:23px;right:12%;left:12%;height:2px;background:#d4deea}
.about-v2-timeline>div{position:relative;text-align:center;padding:0 15px}
.about-v2-timeline b{position:relative;z-index:1;width:48px;height:48px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #cbd8e8;color:var(--blue);font-size:14px;box-shadow:0 0 0 7px #f3f6fa}
.about-v2-timeline strong{display:block;font-size:16px;color:#27313a;margin-bottom:7px}.about-v2-timeline span{display:block;font-size:12px;line-height:1.9;color:#77828d}

/* Testimonials */
.about-v2-testimonials{padding:82px 0;background:#fff}
.about-v2-testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.about-v2-testimonial-grid article{position:relative;padding:28px 24px;border:1px solid #e4eaf1;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(20,44,72,.055)}
.about-v2-testimonial-grid article>span{position:absolute;top:13px;left:18px;font-size:44px;line-height:1;color:#dce7f6;font-weight:950}
.about-v2-testimonial-grid p{font-size:14px!important;line-height:2.1!important;color:#606c77!important;margin:0 0 18px!important}.about-v2-testimonial-grid strong{display:block;font-size:14px;color:#27313a}.about-v2-testimonial-grid small{display:block;font-size:11px;color:#89939d;margin-top:4px}

/* CTA */
.about-v2-cta{height:300px;min-height:300px;overflow:hidden}
.about-v2-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.about-v2-cta-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,28,.86),rgba(6,17,28,.42) 55%,rgba(6,17,28,.12))}
.about-v2-cta-content{height:100%;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start!important;text-align:right;color:#fff}
.about-v2-cta-content>span{font-size:14px;color:#d9e6f7;font-weight:800}.about-v2-cta-content h2{font-size:32px!important;line-height:1.4!important;margin:5px 0 8px!important;color:#fff!important;font-weight:950!important}.about-v2-cta-content p{font-size:14px;color:#edf2f7;margin:0 0 17px}.about-v2-cta-content>div{display:flex;gap:10px}.about-v2-cta-content .btn{min-height:44px;padding:0 21px;font-size:13px;font-weight:900;border-radius:9px}

@media(max-width:1000px){
 .about-v2 .container{width:min(100% - 36px,900px)!important}
 .about-v2-hero{height:430px;min-height:430px}.about-v2-hero-content{padding-inline:0!important}
 .about-v2-stats,.about-v2-features{grid-template-columns:repeat(2,1fr)}
 .about-v2-story-grid,.about-v2-dark-inner{grid-template-columns:1fr;gap:28px}
 .about-v2-story-image{height:360px}.about-v2-dark-inner>div:first-child{max-width:700px}
 .about-v2-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 180px}.about-v2-gallery-grid img:first-child{grid-row:auto}
 .about-v2-testimonial-grid{grid-template-columns:1fr 1fr}.about-v2-testimonial-grid article:last-child{grid-column:1/-1}
}
@media(max-width:640px){
 .about-v2 .container{width:calc(100% - 28px)!important}
 .about-v2-hero{height:390px;min-height:390px}.about-v2-hero-content{align-items:flex-start!important}.about-v2-hero-content>span{font-size:13px}.about-v2-hero h1{font-size:34px!important}.about-v2-hero p{font-size:14px!important;max-width:420px}.about-v2-hero-actions{flex-wrap:wrap}
 .about-v2-trust,.about-v2-story,.about-v2-why,.about-v2-dark,.about-v2-gallery,.about-v2-journey,.about-v2-testimonials{padding:55px 0}
 .about-v2-section-head{margin-bottom:23px}.about-v2-section-head h2{font-size:24px!important}.about-v2-section-head p{font-size:13px!important}
 .about-v2-stats,.about-v2-features,.about-v2-testimonial-grid{grid-template-columns:1fr}.about-v2-testimonial-grid article:last-child{grid-column:auto}
 .about-v2-stat{min-height:125px}.about-v2-stat strong{font-size:26px!important}.about-v2-stat span{font-size:12px!important}
 .about-v2-story-copy h2,.about-v2-dark h2{font-size:27px!important}.about-v2-story-copy p{font-size:13px!important}.about-v2-story-points{grid-template-columns:1fr}.about-v2-story-image{height:270px}
 .about-v2-values{grid-template-columns:1fr}.about-v2-gallery-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,180px)}.about-v2-gallery-grid img:first-child{grid-row:auto}
 .about-v2-timeline{grid-template-columns:1fr 1fr;gap:25px}.about-v2-timeline:before{display:none}.about-v2-timeline>div{padding:0 4px}
 .about-v2-cta{height:320px;min-height:320px}.about-v2-cta-content h2{font-size:25px!important}.about-v2-cta-content p{font-size:13px}
}

/* About page heading color override */
.about-v2-dark .about-v2-section-head h2,
.about-v2-dark h2,
.about-v2-journey .about-v2-section-head h2 {
    color: #333 !important;
}


/* Contact page — reference layout */
.contact-reference-page main{background:#fff}
.contact-reference{background:#fff;padding:48px 0 70px}
.contact-reference-shell{width:100%;padding:0 34px}
.contact-reference-grid{width:100%;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start}
.contact-reference-map-column{display:flex;flex-direction:column;gap:18px}
.contact-map-card{height:370px;border:1px solid #e1e7ee;border-radius:16px;overflow:hidden;background:#f3f6f9;box-shadow:0 10px 30px rgba(22,43,68,.05)}
.contact-map-card iframe{width:100%;height:100%;border:0;display:block}
.contact-location-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-location-item{min-height:76px;padding:14px;background:#fff;border:1px solid #e5eaf0;border-radius:13px;display:flex;gap:11px;align-items:center;box-shadow:0 7px 22px rgba(22,43,68,.035)}
.contact-location-item .contact-icon{width:35px;height:35px;flex:0 0 35px;border-radius:10px;background:#edf4ff;color:#2647D6;display:grid;place-items:center}
.contact-icon svg,.contact-mini-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-location-item div{min-width:0;display:grid;gap:5px}
.contact-location-item strong{font-size:13px;color:#222;font-weight:900}
.contact-location-item span,.contact-location-item a{font-size:11px;line-height:1.7;color:#7a8490;text-decoration:none}
.contact-location-item a{color:#2647D6;font-weight:800;direction:ltr;text-align:right}
.contact-mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-mini-cards>div{padding:17px 15px;border:1px solid #e5eaf0;border-radius:13px;background:#f8fafc;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.contact-mini-icon{grid-row:1/3;width:34px;height:34px;border-radius:9px;background:#fff;color:#2647D6;display:grid;place-items:center}
.contact-mini-cards strong{font-size:12px;color:#252a30}
.contact-mini-cards small{font-size:10px;color:#858e98;margin-top:3px}
.contact-reference-form-column{min-width:0}
.contact-reference-form-head{margin-bottom:18px}
.contact-reference-eyebrow{font-size:12px;font-weight:900;color:#2647D6}
.contact-reference-form-head h1{font-size:30px;line-height:1.5;color:#222;margin:6px 0 8px}
.contact-reference-form-head p{font-size:12px;line-height:2;color:#707b87;max-width:620px;margin:0}
.contact-reference-form{display:grid;gap:13px}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-reference-form label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#333}
.contact-reference-form input,.contact-reference-form select,.contact-reference-form textarea{width:100%;box-sizing:border-box;border:1px solid #dfe6ee;border-radius:10px;background:#fff;color:#303840;padding:12px 13px;font:inherit;font-size:12px;font-weight:500;outline:none;transition:border-color .2s,box-shadow .2s}
.contact-reference-form input:focus,.contact-reference-form select:focus,.contact-reference-form textarea:focus{border-color:#8db0f4;box-shadow:0 0 0 3px rgba(38,71,214,.08)}
.contact-reference-form textarea{resize:vertical;min-height:116px;line-height:1.9}
.contact-submit{border:0;border-radius:9px;background:#2647D6;color:#fff;font-family:inherit;font-size:13px;font-weight:900;padding:13px 20px;cursor:pointer;box-shadow:0 7px 18px rgba(38,71,214,.18)}
.contact-success,.contact-errors{padding:11px 13px;border-radius:9px;font-size:11px;font-weight:800}
.contact-success{background:#edf9f1;color:#21834a;border:1px solid #cfead8}
.contact-errors{background:#fff1f1;color:#b83232;border:1px solid #f0cccc}
.contact-reference-photo{position:relative;margin-top:22px;height:205px;border-radius:16px;overflow:hidden;background:#e8edf2;box-shadow:0 10px 30px rgba(22,43,68,.07)}
.contact-reference-photo img{width:100%;height:100%;object-fit:cover;display:block}
.contact-reference-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.05) 65%);pointer-events:none}
.contact-photo-overlay{position:absolute;z-index:1;right:24px;bottom:20px;color:#fff;display:grid;gap:4px}
.contact-photo-overlay strong{font-size:22px;font-weight:950}
.contact-photo-overlay span{font-size:11px}
@media(max-width:900px){
 .contact-reference{padding:30px 0 50px}.contact-reference-shell{padding:0 18px}.contact-reference-grid{grid-template-columns:1fr;gap:28px}.contact-map-card{height:300px}.contact-reference-form-head h1{font-size:25px}.contact-reference-photo{height:190px}
}
@media(max-width:600px){
 .contact-location-grid,.contact-mini-cards,.contact-form-row{grid-template-columns:1fr}.contact-map-card{height:250px}.contact-reference-form-head h1{font-size:23px}.contact-reference-form label,.contact-reference-form input,.contact-reference-form select,.contact-reference-form textarea{font-size:11px}.contact-location-item strong{font-size:12px}
}

/* Unified item-card titles: articles, videos and vehicles */
.car-card h3,
.cars-list-grid .car-card h3,
.featured-section .car-card h3,
.article-card h3,
.article-card-link h2,
.article-reference-card .article-reference-body h2,
.video-public-body h2,
.video-reference-card .video-reference-body h2,
.home-media-card .home-media-body h3 {
    font-size: 17px !important;
}

/* Card dates — readable, not browser-small */
.car-card .car-card-meta,
.video-reference-card .video-reference-meta,
.article-reference-card .article-reference-meta,
.home-media-card > div:last-child > small {
    font-size: 13px !important;
    line-height: 1.8 !important;
}

/* Brands directory — premium showroom design */
.brands-page-hero{position:relative;overflow:hidden;background:#111820;color:#fff;padding:76px 0 82px}
.brands-page-hero:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.07);border-radius:50%;left:-180px;top:-250px}
.brands-page-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(38,71,214,.18);border-radius:50%;right:-130px;bottom:-190px}
.brands-hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;position:relative;z-index:1}
.brands-hero-copy .eyebrow{color:#9eb2ff}
.brands-hero-copy h1{font-size:48px;line-height:1.35;margin:10px 0 15px;letter-spacing:-1px}
.brands-hero-copy h1 strong{color:#fff}
.brands-hero-copy p{max-width:600px;color:#aeb8c3;font-size:15px;line-height:2.15;margin:0}
.brands-hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}
.brands-hero-actions .btn{padding:12px 21px}
.brands-text-link{color:#dce3ea;font-size:13px;font-weight:800}.brands-text-link span{color:#7f99ff;margin-right:5px}
.brands-hero-panel{height:300px;position:relative;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));overflow:hidden}
.brands-hero-ring{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.brands-ring-one{width:370px;height:370px}.brands-ring-two{width:230px;height:230px;border-color:rgba(38,71,214,.3)}
.brands-hero-badge{position:absolute;right:28px;top:25px;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px)}
.brands-hero-badge span{display:block;color:#aab4bf;font-size:9px}.brands-hero-badge strong{display:block;font-size:14px;margin-top:3px}
.brands-hero-car{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:56px;font-weight:900;line-height:.85;letter-spacing:5px;color:rgba(255,255,255,.08);transform:skewX(-8deg)}
.brands-hero-car b{font-size:11px;letter-spacing:4px;color:rgba(255,255,255,.18);margin-top:13px}
.brands-stat-strip{position:relative;margin-top:-34px;z-index:3}.brands-stat-inner{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 14px 38px rgba(25,50,80,.08);overflow:hidden}
.brands-stat-inner>div{text-align:center;padding:18px 12px;border-left:1px solid var(--line)}.brands-stat-inner>div:last-child{border-left:0}.brands-stat-inner strong{display:block;font-size:23px;color:var(--blue);font-weight:900}.brands-stat-inner span{display:block;font-size:11px;color:#7c858e;margin-top:3px}
.brands-directory{padding-top:65px;padding-bottom:70px}.brands-directory-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:27px}.brands-directory-head h2{font-size:29px;margin:5px 0 5px}.brands-directory-head p{font-size:12px;color:#7d8791;margin:0}.brands-search{width:290px;height:48px;border:1px solid #dfe5eb;background:#fff;border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 14px;box-shadow:0 5px 20px rgba(25,50,80,.035)}.brands-search span{font-size:25px;color:#8b949d;line-height:1}.brands-search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:12px;color:#20262d}.brands-search input::placeholder{color:#a0a8b0}
.brands-directory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.brand-directory-card{position:relative;display:flex;align-items:center;gap:13px;min-height:105px;background:#fff;border:1px solid #e3e8ed;border-radius:15px;padding:14px 15px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.brand-directory-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--blue);transform:scaleY(0);transform-origin:center;transition:transform .2s}.brand-directory-card:hover{transform:translateY(-4px);border-color:#d4dce5;box-shadow:0 15px 30px rgba(25,50,80,.08)}.brand-directory-card:hover:before{transform:scaleY(1)}
.brand-directory-logo{width:62px;height:62px;flex:0 0 62px;border-radius:13px;background:#f7f9fb;border:1px solid #edf0f3;display:grid;place-items:center}.brand-directory-logo img{width:47px;height:47px;object-fit:contain}.brand-directory-logo span{font-size:25px;font-weight:900;color:var(--blue)}.brand-directory-info{min-width:0}.brand-directory-info h3{font-size:17px;margin:0 0 5px;color:#222a31;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-directory-info p{font-size:11px;color:#8a939c;margin:0}.brand-directory-info i{font-style:normal;margin:0 4px;color:#c3c9cf}.brand-directory-arrow{margin-right:auto;color:var(--blue);font-size:19px;font-weight:900;opacity:.65;transition:transform .2s}.brand-directory-card:hover .brand-directory-arrow{transform:translateX(-4px);opacity:1}.brand-directory-card[hidden]{display:none}.brands-no-result{padding:28px;border:1px dashed #d7dee6;border-radius:14px;text-align:center;color:#7d8791;font-size:13px;background:#fafbfd}
.brands-bottom-cta{padding:0 0 65px}.brands-bottom-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#eef3ff;border:1px solid #dce5ff;border-radius:20px;padding:28px 32px}.brands-bottom-cta h2{font-size:24px;margin:5px 0 5px}.brands-bottom-cta p{font-size:11px;color:#697580;margin:0}.brands-bottom-cta .btn{white-space:nowrap}.brands-bottom-cta .btn span{margin-right:6px}
@media(max-width:1000px){.brands-hero-inner{grid-template-columns:1fr}.brands-hero-panel{height:230px}.brands-directory-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.brands-page-hero{padding:55px 0 65px}.brands-hero-copy h1{font-size:37px}.brands-stat-inner{grid-template-columns:repeat(2,1fr)}.brands-stat-inner>div:nth-child(2){border-left:0}.brands-stat-inner>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.brands-directory-head{align-items:stretch;flex-direction:column}.brands-search{width:100%}.brands-directory-grid{grid-template-columns:repeat(2,1fr)}.brands-bottom-cta-inner{align-items:flex-start;flex-direction:column}.brands-bottom-cta .btn{width:100%;text-align:center}}
@media(max-width:480px){.brands-hero-actions{flex-direction:column;align-items:stretch;gap:16px}.brands-text-link{text-align:center}.brands-directory-grid{grid-template-columns:1fr}.brands-hero-panel{height:190px}.brands-hero-car{font-size:42px}.brands-bottom-cta-inner{padding:23px}.brands-bottom-cta h2{font-size:20px}}

/* Brand detail page */
.brand-detail-page{background:#f7f8fa}
.brand-detail-hero{position:relative;overflow:hidden;background:#111820;color:#fff;padding:28px 0 78px}
.brand-detail-hero:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(255,255,255,.055);border-radius:50%;left:-300px;top:-310px}
.brand-detail-hero:after{content:"";position:absolute;width:470px;height:470px;border:1px solid rgba(38,71,214,.18);border-radius:50%;right:-220px;bottom:-300px}
.brand-detail-back{position:relative;z-index:2;display:inline-flex;align-items:center;color:#aeb8c3;font-size:12px;font-weight:800;margin-bottom:40px;transition:.2s}.brand-detail-back:hover{color:#fff}
.brand-detail-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
.brand-detail-copy .eyebrow{color:#9eb2ff}.brand-detail-copy h1{font-size:48px;line-height:1.3;margin:9px 0 14px;letter-spacing:-1px}.brand-detail-copy p{max-width:650px;color:#adb7c2;font-size:15px;line-height:2.2;margin:0}.brand-detail-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.brand-detail-actions .btn{padding:12px 22px}.brand-detail-text-link{color:#dfe5eb;font-size:13px;font-weight:800}
.brand-detail-logo-wrap{height:310px;position:relative;display:grid;place-items:center}.brand-detail-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08);left:50%;top:50%;transform:translate(-50%,-50%)}.brand-detail-orbit-one{width:310px;height:310px}.brand-detail-orbit-two{width:210px;height:210px;border-color:rgba(38,71,214,.32)}
.brand-detail-logo-card{position:relative;z-index:2;width:172px;height:172px;border-radius:28px;background:#fff;display:grid;place-items:center;box-shadow:0 25px 60px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.8)}.brand-detail-logo-card img{width:120px;height:120px;object-fit:contain}.brand-detail-logo-card span{font-size:68px;font-weight:900;color:var(--blue)}.brand-detail-logo-wrap small{position:absolute;bottom:2px;color:#8f9aa5;font-size:10px;font-weight:800;letter-spacing:2px}
.brand-detail-stats{position:relative;z-index:4;margin-top:-34px}.brand-detail-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 14px 38px rgba(25,50,80,.08)}.brand-detail-stats-grid>div{text-align:center;padding:18px 12px;border-left:1px solid var(--line)}.brand-detail-stats-grid>div:last-child{border-left:0}.brand-detail-stats-grid strong{display:block;color:var(--blue);font-size:22px;font-weight:900}.brand-detail-stats-grid span{display:block;color:#818b95;font-size:11px;margin-top:4px}
.brand-models-section{padding-top:65px;padding-bottom:55px}.brand-detail-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.brand-detail-heading .eyebrow{color:var(--blue);font-size:12px}.brand-detail-heading h2{font-size:28px;color:#222a31;margin:5px 0 5px}.brand-detail-heading p{font-size:12px;color:#808a94;margin:0;line-height:1.9}
.brand-model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.brand-model-card{position:relative;display:flex;align-items:center;gap:16px;min-height:104px;background:#fff;border:1px solid #e3e8ed;border-radius:15px;padding:14px 16px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.brand-model-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--blue);transform:scaleY(0);transition:transform .2s}.brand-model-card:hover{transform:translateY(-4px);border-color:#d3dbe5;box-shadow:0 15px 32px rgba(25,50,80,.08)}.brand-model-card:hover:before{transform:scaleY(1)}.brand-model-number{width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:#f0f4ff;color:var(--blue);display:grid;place-items:center;font-size:11px;font-weight:900;direction:ltr}.brand-model-content{min-width:0}.brand-model-content h3{font-size:17px;margin:0 0 6px;color:#242c33}.brand-model-content span{font-size:12px;color:#8a939c}.brand-model-arrow{margin-right:auto;color:var(--blue);font-size:20px;font-weight:900;transition:transform .2s}.brand-model-card:hover .brand-model-arrow{transform:translateX(-4px)}
.brand-inventory-section{background:#fff;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;padding-top:55px;padding-bottom:70px}.brand-inventory-heading{align-items:center}.brand-result-pill{display:flex;align-items:baseline;gap:6px;background:#f2f5ff;border:1px solid #dfe6ff;border-radius:12px;padding:10px 15px;white-space:nowrap}.brand-result-pill strong{font-size:20px;color:var(--blue)}.brand-result-pill span{font-size:11px;color:#6f7b87}.brand-detail-empty{padding:30px;border:1px dashed #d8dfe7;border-radius:14px;background:#fafbfd;text-align:center;color:#7d8791;font-size:13px}.brand-detail-empty-large{padding:55px 20px}.brand-detail-empty-large .empty-icon{font-size:35px;margin-bottom:10px}.brand-detail-empty-large h3{font-size:18px;color:#343c44;margin:0 0 7px}.brand-detail-empty-large p{font-size:12px;color:#87909a;margin:0 0 18px}
.brand-detail-cta{padding:0 0 65px;background:#fff}.brand-detail-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#111820;color:#fff;border-radius:20px;padding:29px 32px;overflow:hidden;position:relative}.brand-detail-cta-inner:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.07);border-radius:50%;left:-80px;bottom:-150px}.brand-detail-cta-inner>div{position:relative;z-index:1}.brand-detail-cta-inner .eyebrow{color:#9eb2ff}.brand-detail-cta-inner h2{font-size:24px;margin:5px 0}.brand-detail-cta-inner p{font-size:12px;color:#aeb8c3;margin:0;line-height:2}.brand-detail-cta-inner .btn{position:relative;z-index:1;white-space:nowrap}.brand-detail-cta-inner .btn span{margin-right:6px}
@media(max-width:900px){.brand-detail-hero-grid{grid-template-columns:1fr;gap:15px}.brand-detail-logo-wrap{height:240px}.brand-model-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.brand-detail-hero{padding-bottom:65px}.brand-detail-copy h1{font-size:38px}.brand-detail-copy p{font-size:14px}.brand-detail-actions{flex-direction:column;align-items:stretch;gap:15px}.brand-detail-text-link{text-align:center}.brand-detail-stats-grid{grid-template-columns:repeat(2,1fr)}.brand-detail-stats-grid>div:nth-child(2){border-left:0}.brand-detail-stats-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.brand-detail-heading{align-items:flex-start;flex-direction:column}.brand-model-grid{grid-template-columns:1fr}.brand-result-pill{align-self:stretch;justify-content:center}.brand-detail-cta-inner{align-items:flex-start;flex-direction:column;padding:25px}.brand-detail-cta-inner .btn{width:100%;text-align:center}}
@media(max-width:480px){.brand-detail-back{margin-bottom:28px}.brand-detail-logo-card{width:145px;height:145px}.brand-detail-logo-card img{width:100px;height:100px}.brand-detail-logo-wrap{height:210px}.brand-detail-orbit-one{width:235px;height:235px}.brand-detail-orbit-two{width:165px;height:165px}.brand-detail-heading h2{font-size:24px}.brand-detail-cta-inner h2{font-size:20px}}

/* =========================================================
   Global car-card typography — unified across every site section
   ========================================================= */
.car-card .car-specs,
.cars-list-grid .car-card .car-specs,
.featured-section .car-card .car-specs {
    font-size: 12px !important;
}

.car-card .car-card-price small,
.cars-list-grid .car-card .car-card-price small,
.featured-section .car-card .car-card-price small {
    font-size: 12px !important;
}

/* Cars page background */
.cars-page { background: #fff !important; }

/* =========================================================
   Account area — unified premium dashboard design
   ========================================================= */
.account-page,
.account-page .container{position:relative}
.account-page{background:#f4f7fb !important;padding:52px 0 82px}
.account-top{background:#111820;color:#fff;border-radius:22px;padding:28px 30px;margin-bottom:22px;box-shadow:0 18px 45px rgba(18,29,42,.10);position:relative;overflow:hidden}
.account-top:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.06);border-radius:50%;left:-120px;top:-210px}
.account-top>div,.account-top>a{position:relative;z-index:1}
.account-top .eyebrow{color:#9eb2ff;font-size:11px}
.account-top h1{font-size:30px;line-height:1.45;margin:7px 0 5px;letter-spacing:-.5px}
.account-top p{font-size:12px;color:#aeb8c3;line-height:2;margin:0}
.account-actions{position:relative;z-index:2}
.account-actions .btn{min-height:42px;padding-inline:18px}
.account-grid{grid-template-columns:245px minmax(0,1fr);gap:22px}
.account-sidebar{border:1px solid #e2e8ef;border-radius:18px;padding:13px;background:#fff;box-shadow:0 10px 28px rgba(30,55,85,.045)}
.account-profile{padding:12px 6px 19px}
.profile-avatar{width:64px;height:64px;border-radius:19px;background:linear-gradient(145deg,#edf4ff,#e2ebff);font-size:25px;box-shadow:inset 0 0 0 1px #dce7fa}
.account-profile strong{font-size:14px;color:#252d35;margin-top:3px}
.account-profile small{font-size:10px;color:#8b949d}
.account-sidebar nav{padding-top:10px;gap:4px}
.account-sidebar nav a,.account-sidebar nav button{font-size:11px;padding:12px 12px;border-radius:10px}
.account-sidebar nav a:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#cfd6de;margin-left:8px;vertical-align:middle}
.account-sidebar nav a.active:before,.account-sidebar nav a:hover:before{background:var(--blue)}
.account-sidebar nav form{border-top:1px solid #eef1f4;margin-top:7px;padding-top:7px}
.account-sidebar nav button{color:#8b929a}
.account-stat-grid{gap:14px;margin-bottom:22px}
.account-stat-grid>div{border-radius:16px;padding:19px 20px;min-height:105px;box-shadow:0 8px 24px rgba(30,55,85,.035);position:relative;overflow:hidden}
.account-stat-grid>div:after{content:"";position:absolute;left:-18px;bottom:-28px;width:70px;height:70px;border:1px solid #e5ebf4;border-radius:50%}
.account-stat-grid span{font-size:10px;color:#818b95}
.account-stat-grid strong{font-size:24px;margin-top:8px}
.account-section{border-radius:18px;padding:22px;box-shadow:0 8px 25px rgba(30,55,85,.035)}
.account-section .section-heading h2{font-size:19px}
.account-section .section-heading>a{font-size:11px}
.account-section .car-grid{gap:14px}
.account-section .empty-state{min-height:170px;align-content:center}

/* Standalone account pages: favorites / my cars */
body:has(.seller-car-list) .page-hero,
body:has(.pagination-wrap .car-grid) .page-hero,
body:has(.account-form-layout) .page-hero{background:#111820;color:#fff;border:0;padding:48px 0 72px;position:relative;overflow:hidden}
body:has(.seller-car-list) .page-hero:after,
body:has(.pagination-wrap .car-grid) .page-hero:after,
body:has(.account-form-layout) .page-hero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.06);border-radius:50%;left:-170px;top:-270px}
body:has(.seller-car-list) .page-hero .container,
body:has(.pagination-wrap .car-grid) .page-hero .container,
body:has(.account-form-layout) .page-hero .container{position:relative;z-index:1}
body:has(.seller-car-list) .page-hero .eyebrow,
body:has(.pagination-wrap .car-grid) .page-hero .eyebrow,
body:has(.account-form-layout) .page-hero .eyebrow{color:#9eb2ff;font-size:11px}
body:has(.seller-car-list) .page-hero h1,
body:has(.pagination-wrap .car-grid) .page-hero h1,
body:has(.account-form-layout) .page-hero h1{font-size:34px;margin:9px 0 7px}
body:has(.seller-car-list) .page-hero p,
body:has(.pagination-wrap .car-grid) .page-hero p,
body:has(.account-form-layout) .page-hero p{color:#aeb8c3;font-size:12px;line-height:2}
body:has(.seller-car-list) .section,
body:has(.pagination-wrap .car-grid) .section,
body:has(.account-form-layout) .section{background:#f4f7fb}
body:has(.seller-car-list) .section-heading h2{font-size:20px}
body:has(.seller-car-list) .seller-car-list{gap:12px}
.seller-car-row{background:#fff;border-color:#e2e8ef;border-radius:15px;padding:11px;box-shadow:0 6px 20px rgba(30,55,85,.035);transition:.2s}
.seller-car-row:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(30,55,85,.07);border-color:#d5dde7}
.seller-car-thumb{height:78px;border-radius:10px}
.seller-car-info>span{font-size:10px}
.seller-car-info h2{font-size:17px;margin:5px 0}
.seller-car-info p{font-size:10px}
.seller-car-status strong{font-size:11px}
.status-badge{font-size:9px;padding:6px 9px}
.icon-edit,.icon-delete{width:30px;height:30px}

/* Account forms */
.account-form-layout{gap:22px}
.account-form-card{border-radius:18px;padding:27px;box-shadow:0 10px 32px rgba(30,55,85,.055);gap:20px}
.account-form-card label{font-size:10px;gap:7px}
.account-form-card input,.account-form-card select,.account-form-card textarea{font-size:12px;min-height:43px;border-radius:10px;background:#fbfcfe}
.account-form-card textarea{padding-top:12px}
.form-section-title{padding-bottom:13px}
.form-section-title strong{font-size:16px}
.form-section-title span{font-size:9px}
.form-side-info>div{border-radius:15px;padding:18px;box-shadow:0 7px 20px rgba(30,55,85,.03)}
.form-side-info h3{font-size:13px}
.form-side-info p{font-size:10px}
.upload-box{min-height:150px;background:#f8fafc;border-color:#cbd7e5}
.upload-box strong{font-size:12px}
.upload-box span{font-size:9px}
.seller-edit-gallery{gap:14px}
.seller-edit-image{border-radius:14px}
.seller-edit-image img{height:145px}
.seller-edit-image span{font-size:9px}

/* Profile */
.account-content .account-form-card{box-shadow:none}
.account-content .account-section{min-height:100%}

@media(max-width:850px){
 .account-top{padding:24px 22px}
 .account-grid{grid-template-columns:1fr}
 .account-sidebar{position:static}
 .account-sidebar nav{grid-template-columns:repeat(2,1fr)}
 .account-sidebar nav form{grid-column:1/-1}
 .account-form-layout{grid-template-columns:1fr}
}
@media(max-width:560px){
 .account-page{padding:28px 0 55px}
 .account-top h1{font-size:25px}
 .account-top p{font-size:11px}
 .account-actions{width:100%}
 .account-actions .btn{flex:1}
 .account-stat-grid{grid-template-columns:1fr}
 .account-section{padding:15px}
 body:has(.seller-car-list) .page-hero,
 body:has(.pagination-wrap .car-grid) .page-hero,
 body:has(.account-form-layout) .page-hero{padding:38px 0 58px}
 body:has(.seller-car-list) .page-hero h1,
 body:has(.pagination-wrap .car-grid) .page-hero h1,
 body:has(.account-form-layout) .page-hero h1{font-size:27px}
 .seller-car-row{grid-template-columns:75px minmax(0,1fr) 30px}
 .seller-car-thumb{height:65px}
 .seller-car-info h2{font-size:15px}
 .account-form-card{padding:18px}
}

/* Account pages - refined cards for my cars and favorites */
.account-list-hero{margin-bottom:0}
.account-list-shell{background:#f4f7fb;padding:42px 0 78px}
.account-list-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.account-list-head h2{font-size:22px;margin:6px 0 0;color:#202832}
.account-list-head p{font-size:11px;color:#7f8994;margin:0}
.account-list-head .eyebrow{font-size:10px;color:var(--blue);font-weight:800}
.account-list-panel{background:#fff;border:1px solid #e2e8ef;border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(30,55,85,.045)}
.account-list-panel .car-grid{margin:0}
.account-list-panel .pagination-wrap{margin-top:24px}
.account-list-empty{background:#fff;border:1px dashed #ccd6e1;border-radius:20px;padding:55px 25px;text-align:center;display:grid;justify-items:center;gap:14px;box-shadow:0 10px 30px rgba(30,55,85,.03)}
.account-list-empty .empty-icon{width:62px;height:62px;border-radius:18px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;font-size:25px}
.account-list-empty strong{font-size:16px;color:#2a333c}
.account-list-empty p{font-size:11px;color:#8a939d;margin:0}
.seller-car-list{gap:13px}
.seller-car-row{background:#fff;border-radius:16px;padding:12px;box-shadow:0 7px 22px rgba(30,55,85,.035);transition:.2s ease}
.seller-car-row:hover{border-color:#c9d8ec;transform:translateY(-1px);box-shadow:0 12px 28px rgba(30,55,85,.07)}
.seller-car-info h2{font-size:17px!important;color:#252d35}
.seller-car-info>span{font-size:10px}
.seller-car-info p{font-size:11px}
.seller-car-status strong{font-size:12px}
.status-badge{font-size:10px;padding:6px 9px}
.seller-car-actions{justify-content:center}
@media(max-width:700px){.account-list-head{align-items:flex-start;flex-direction:column}.account-list-head .btn{width:100%}.account-list-panel{padding:12px}}

/* Account collections — premium design for My Cars & Favorites */
.account-collection-page{background:#f4f7fb!important;padding:38px 0 82px}
.account-collection-top{margin-bottom:22px}
.account-collection-top h1{font-size:32px!important}
.account-collection-top p{font-size:12px!important}
.account-collection-page .account-grid{grid-template-columns:245px minmax(0,1fr);gap:22px}
.account-collection-page .account-sidebar{position:sticky;top:92px}
.account-collection-page .account-content{min-width:0}
.collection-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #e2e8ef;border-radius:18px;padding:20px 22px;margin-bottom:16px;box-shadow:0 8px 25px rgba(30,55,85,.035)}
.collection-intro h2{font-size:21px!important;margin:5px 0 2px;color:#202832}
.collection-intro p{font-size:11px;color:#7f8994;margin:0}
.collection-intro .eyebrow{font-size:10px;color:var(--blue);font-weight:800}
.collection-count{min-width:105px;text-align:center;padding:10px 14px;border-radius:13px;background:#f1f6ff;color:var(--blue);display:grid;gap:2px}
.collection-count strong{font-size:23px;line-height:1.1}.collection-count span{font-size:9px;color:#758293}
.seller-car-list-premium{display:grid!important;gap:12px}
.seller-car-row-premium{display:grid!important;grid-template-columns:150px minmax(0,1fr) 145px 76px;align-items:center;gap:17px;border:1px solid #e2e8ef!important;padding:12px!important;min-height:145px;box-shadow:0 9px 28px rgba(30,55,85,.045)!important}
.seller-car-row-premium:hover{border-color:#c7d8ed!important;transform:translateY(-2px)!important}
.seller-car-row-premium .seller-car-thumb{width:150px;height:118px;border-radius:12px;overflow:hidden;background:#eef2f6;display:grid;place-items:center}
.seller-car-row-premium .seller-car-thumb img{width:100%;height:100%;object-fit:cover}
.seller-car-row-premium .seller-car-info>span{font-size:10px;color:#87919c}
.seller-car-row-premium .seller-car-info h2{font-size:17px!important;margin:7px 0 8px;color:#252d35}
.seller-car-row-premium .seller-car-info p{font-size:11px;color:#7d8791;margin:0}.seller-car-row-premium .seller-car-info p b{padding:0 4px;color:#c3cad2}
.seller-car-row-premium .seller-car-status{display:grid;justify-items:start;gap:11px}.seller-car-row-premium .seller-car-status strong{font-size:13px;color:#202832}.seller-car-row-premium .seller-car-status strong small{font-size:10px;color:#89929c;font-weight:700}
.seller-car-row-premium .status-badge{font-size:10px!important}
.seller-car-row-premium .seller-car-actions{display:flex!important;gap:7px;align-items:center}
.favorite-cars-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:#fff;border:1px solid #e2e8ef;border-radius:18px;padding:16px;box-shadow:0 9px 28px rgba(30,55,85,.04)}
.favorite-cars-grid .car-card{box-shadow:0 5px 18px rgba(30,55,85,.045)}
.favorite-cars-grid .car-card h3{font-size:17px!important}.favorite-cars-grid .car-specs{font-size:12px!important}.favorite-cars-grid .car-card-price small{font-size:12px!important}
.favorite-count strong{font-size:27px;font-weight:500}
@media(max-width:900px){.account-collection-page .account-grid{grid-template-columns:1fr}.account-collection-page .account-sidebar{position:static}.seller-car-row-premium{grid-template-columns:120px minmax(0,1fr) 125px}.seller-car-row-premium .seller-car-thumb{width:120px;height:105px}.seller-car-row-premium .seller-car-actions{grid-column:2/-1;justify-content:flex-start}}
@media(max-width:620px){.account-collection-page{padding-top:25px}.account-collection-top h1{font-size:27px!important}.collection-intro{align-items:flex-start;padding:16px;}.collection-count{display:none}.favorite-cars-grid{grid-template-columns:1fr 1fr;padding:10px;gap:9px}.favorite-cars-grid .car-card h3{font-size:15px!important}.seller-car-row-premium{grid-template-columns:90px minmax(0,1fr);gap:11px}.seller-car-row-premium .seller-car-thumb{width:90px;height:90px}.seller-car-row-premium .seller-car-status{grid-column:2;display:flex;align-items:center;justify-content:space-between}.seller-car-row-premium .seller-car-actions{grid-column:1/-1}.seller-car-row-premium .seller-car-info h2{font-size:16px!important}}

/* ثبت آگهی خودرو — distinct from the showroom sell-request form */
.account-listing-create .listing-create-note{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border:1px solid #dce7f8;background:#f5f9ff;border-radius:12px;color:#5e6b7a;font-size:10px;line-height:1.9}
.account-listing-create .listing-create-note strong{color:var(--blue)}

/* =========================================================
   Auto Shayesteh — Premium Sell / Listing Forms
   ========================================================= */
.account-listing-create{background:#f4f7fb;min-height:calc(100vh - 80px)}
.account-listing-create .page-hero{background:linear-gradient(120deg,#111820 0%,#1d2732 58%,#263f73 100%);padding:58px 0 72px;color:#fff;position:relative;overflow:hidden}
.account-listing-create .page-hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-180px;top:-320px}
.account-listing-create .page-hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-100px;bottom:-170px}
.account-listing-create .page-hero .container{position:relative;z-index:1}
.account-listing-create .page-hero .eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#b9c8ff;font-size:11px;font-weight:800;background:rgba(255,255,255,.04)}
.account-listing-create .page-hero h1{font-size:38px;margin:14px 0 8px;font-weight:900;letter-spacing:-.5px}
.account-listing-create .page-hero p{font-size:13px;color:#b9c2cc;max-width:620px;line-height:2;margin:0}
.account-listing-create .section{background:transparent;padding:34px 0 80px}
.account-listing-create .account-form-layout{align-items:start;grid-template-columns:minmax(0,1fr) 285px;gap:24px}
.account-listing-create .account-form-card{border:1px solid #e1e7ee;border-radius:22px;background:#fff;padding:28px;box-shadow:0 16px 45px rgba(25,45,70,.07);gap:22px}
.account-listing-create .form-section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;border-bottom:1px solid #edf1f5;padding-bottom:13px;margin-top:2px}
.account-listing-create .form-section-title strong{font-size:17px;color:#202832}
.account-listing-create .form-section-title span{font-size:11px;color:#929ca7}
.account-listing-create .account-form-card label{font-size:11px;font-weight:800;color:#4f5964}
.account-listing-create .account-form-card input,.account-listing-create .account-form-card select,.account-listing-create .account-form-card textarea{border:1px solid #dce3eb;background:#fbfcfe;color:#27303a;font-size:12px;min-height:46px;border-radius:11px;transition:.2s}
.account-listing-create .account-form-card input:focus,.account-listing-create .account-form-card select:focus,.account-listing-create .account-form-card textarea:focus{border-color:#8ca4e9;box-shadow:0 0 0 4px rgba(38,71,214,.07);background:#fff;outline:0}
.account-listing-create .upload-box{border:1px dashed #bfcce0!important;background:#f8faff!important;border-radius:15px!important;min-height:145px;padding:22px!important;display:grid!important;place-items:center;align-content:center;gap:7px;color:#5e6a78!important;text-align:center}
.account-listing-create .upload-box strong{font-size:13px;color:#273443}
.account-listing-create .upload-box span{font-size:10px;color:#929daa}
.account-listing-create .btn-wide{height:49px;border-radius:11px;font-size:12px;font-weight:900;box-shadow:0 9px 22px rgba(38,71,214,.16)}
.account-listing-create .form-side-info{position:sticky;top:100px;background:#111820;color:#fff;border-radius:22px;padding:24px;box-shadow:0 16px 40px rgba(20,30,40,.13);overflow:hidden}
.account-listing-create .form-side-info:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-85px;bottom:-90px}
.account-listing-create .form-side-info>div{position:relative;z-index:1;padding:0 0 23px;margin:0 0 21px;border-bottom:1px solid rgba(255,255,255,.09)}
.account-listing-create .form-side-info>div:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.account-listing-create .form-side-info b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#2647d6;font-size:12px;margin-bottom:12px}
.account-listing-create .form-side-info h3{font-size:14px;margin:0 0 6px}
.account-listing-create .form-side-info p{font-size:10px;line-height:2;color:#aeb8c3;margin:0}

.sell-reference-page{background:#f4f7fb}
.sell-reference-hero{height:310px!important;background-image:linear-gradient(90deg,rgba(9,15,22,.86) 0%,rgba(12,20,29,.58) 43%,rgba(12,20,29,.08) 100%),url('/images/banners/sell-hero-clean.png')!important;background-position:center 58%!important}
.sell-reference-hero-copy{padding-right:49%!important}
.sell-reference-hero h1{font-size:39px!important;line-height:1.35!important;margin-bottom:12px!important}
.sell-reference-hero p{font-size:15px!important;color:#e1e6eb}
.sell-reference-main{width:min(1040px,calc(100% - 36px))!important;padding:0 0 70px!important;margin-top:-38px!important;position:relative;z-index:2}
.sell-wizard-steps{background:#fff;border:1px solid #e2e8ef;border-radius:18px;padding:14px 20px;margin-bottom:16px;box-shadow:0 14px 38px rgba(25,45,70,.07)}
.sell-step strong{font-size:11px!important;color:#65707b}
.sell-step.active strong{color:#202832}
.sell-step-icon{box-shadow:0 0 0 5px #f0f4fa}
.sell-step.active .sell-step-icon{box-shadow:0 0 0 5px #eaf0ff}
.sell-reference-form{border:1px solid #e2e8ef!important;border-radius:20px!important;box-shadow:0 16px 45px rgba(25,45,70,.065);padding-bottom:28px!important}
.sell-step-panel{padding:30px 32px!important}
.sell-fields-grid{gap:18px!important}
.sell-fields-grid label{font-size:11px!important;font-weight:800!important;color:#4f5964}
.sell-fields-grid input,.sell-fields-grid select,.sell-fields-grid textarea{height:46px!important;border:1px solid #dce3eb!important;border-radius:11px!important;background:#fbfcfe!important;font-size:12px!important}
.sell-fields-grid input:focus,.sell-fields-grid select:focus,.sell-fields-grid textarea:focus{border-color:#8ca4e9!important;box-shadow:0 0 0 4px rgba(38,71,214,.07)!important;outline:0}
.sell-choice-grid{gap:14px!important}
.sell-choice{border:1px solid #e0e6ed!important;border-radius:15px!important;padding:19px!important;background:#fbfcfe!important;transition:.2s!important}
.sell-choice:hover{transform:translateY(-2px);border-color:#bdcbed!important;box-shadow:0 10px 25px rgba(30,55,85,.06)}
.sell-choice:has(input:checked){border-color:#8098df!important;background:#f5f8ff!important;box-shadow:0 0 0 3px rgba(38,71,214,.07)}
.sell-choice strong{font-size:14px!important}
.sell-choice small{font-size:10px!important;line-height:1.9!important;color:#818c98}
.sell-real-upload{border:1px dashed #bdcbe0!important;border-radius:16px!important;background:#f8faff!important}
.sell-real-upload strong{font-size:13px!important}
.sell-real-upload small{font-size:10px!important}
.sell-reference-actions{padding:0 32px!important;margin-top:0!important}
.sell-reference-next,.sell-reference-back,.sell-reference-call{height:46px!important;border-radius:10px!important;font-size:11px!important}
.sell-reference-next{min-width:160px!important;box-shadow:0 8px 20px rgba(38,71,214,.16)}
.sell-reference-benefits{border:1px solid #e2e8ef!important;border-radius:18px!important;box-shadow:0 12px 35px rgba(25,45,70,.045)!important;margin-top:18px!important}
.sell-reference-benefits strong{font-size:12px!important}.sell-reference-benefits p{font-size:10px!important}

@media(max-width:900px){
 .account-listing-create .account-form-layout{grid-template-columns:1fr}
 .account-listing-create .form-side-info{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
 .account-listing-create .form-side-info>div{margin:0;padding:0;border:0}
 .sell-reference-hero{height:260px!important}.sell-reference-hero-copy{padding-right:0!important;width:min(720px,calc(100% - 40px))!important}.sell-reference-main{margin-top:-25px!important}
}
@media(max-width:620px){
 .account-listing-create .page-hero{padding:40px 0 55px}.account-listing-create .page-hero h1{font-size:28px}.account-listing-create .page-hero p{font-size:11px}.account-listing-create .section{padding-top:20px}.account-listing-create .account-form-card{padding:18px;border-radius:17px}.account-listing-create .form-section-title{display:block}.account-listing-create .form-section-title span{display:block;margin-top:5px}.account-listing-create .form-side-info{grid-template-columns:1fr;padding:18px;border-radius:17px}.account-listing-create .form-side-info>div{padding-bottom:15px!important;margin-bottom:15px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}.account-listing-create .form-side-info>div:last-child{border-bottom:0!important;margin-bottom:0!important;padding-bottom:0!important}
 .sell-reference-hero{height:205px!important}.sell-reference-hero h1{font-size:27px!important}.sell-reference-hero p{font-size:11px!important}.sell-reference-main{width:calc(100% - 24px)!important;margin-top:-20px!important}.sell-wizard-steps{padding:10px 6px;border-radius:14px}.sell-step{gap:4px}.sell-step strong{font-size:8px!important}.sell-step-icon{width:30px!important;height:30px!important}.sell-step-panel{padding:20px 16px!important}.sell-fields-grid{grid-template-columns:1fr!important}.sell-fields-grid input,.sell-fields-grid select,.sell-fields-grid textarea{height:43px!important;font-size:11px!important}.sell-reference-actions{padding:0 16px!important;flex-wrap:wrap}.sell-reference-next{min-width:120px!important}.sell-reference-benefits{grid-template-columns:1fr!important;padding:16px}.sell-reference-benefits>div{border-left:0!important;border-bottom:1px solid #edf1f5;padding:12px!important}.sell-reference-benefits>div:last-child{border-bottom:0}.sell-choice-grid{grid-template-columns:1fr!important}
}

/* Typography refinement — unified readable sizes */
.cars-results-toolbar p { font-size: 12px !important; }
.filter-sidebar-head a { font-size: 11px !important; }
.article-detail-reference-meta span { font-size: 12px !important; }
.account-stat-grid span { font-size: 12px !important; }
.account-profile small { font-size: 11px !important; }
.account-sidebar nav a,
.account-sidebar nav button { font-size: 12px !important; }

/* Account area: slightly larger overall typography for readability */
.account-page .account-top p { font-size: 12px !important; }
.account-page .section-heading>a { font-size: 11px !important; }
.account-page .empty-state { font-size: 12px !important; }
.account-page .account-form-card label { font-size: 11px !important; }
.account-page .form-section-title span { font-size: 10px !important; }
.account-page .form-side-info p { font-size: 10px !important; }
.account-page .form-side-info h3 { font-size: 13px !important; }
.account-page .seller-car-info>span,
.account-page .seller-car-info p { font-size: 10px !important; }
.account-page .seller-car-status strong { font-size: 11px !important; }
.account-page .status-badge { font-size: 9px !important; }
.account-page .cars-pagination nav { font-size: 11px !important; }

/* =========================================================
   FINAL STABLE UI — Sell request + Account listing creation
   Scoped deliberately to prevent global account/site CSS collisions.
   ========================================================= */
.account-listing-create-body{background:#f5f7fa!important}
.account-listing-create-body main{background:#f5f7fa!important}
.account-listing-create{display:block!important;width:100%!important;min-height:calc(100vh - 80px)!important;background:#f5f7fa!important;color:#202832!important}
.account-listing-create .page-hero{display:block!important;width:100%!important;padding:54px 0 68px!important;background:linear-gradient(125deg,#10171f 0%,#18232e 55%,#263f73 100%)!important;color:#fff!important}
.account-listing-create .page-hero .container{max-width:1180px!important;margin:0 auto!important;padding:0 20px!important;box-sizing:border-box!important}
.account-listing-create .page-hero .eyebrow{font-size:12px!important}
.account-listing-create .page-hero h1{font-size:38px!important;line-height:1.35!important;margin:16px 0 9px!important}
.account-listing-create .page-hero p{font-size:14px!important;line-height:2!important;color:#c4ccd5!important}
.account-listing-create .section{display:block!important;width:100%!important;padding:34px 0 80px!important;background:#f5f7fa!important}
.account-listing-create .section>.container{max-width:1180px!important;margin:0 auto!important;padding:0 20px!important;box-sizing:border-box!important}
.account-listing-create .account-form-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:24px!important;align-items:start!important}
.account-listing-create .account-form-card{display:grid!important;gap:22px!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:30px!important;background:#fff!important;border:1px solid #e1e7ee!important;border-radius:22px!important;box-shadow:0 18px 50px rgba(22,42,66,.08)!important}
.account-listing-create .form-section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin:0!important;padding:0 0 14px!important;border-bottom:1px solid #edf1f5!important}
.account-listing-create .form-section-title strong{font-size:18px!important;line-height:1.6!important;color:#202832!important}
.account-listing-create .form-section-title span{font-size:12px!important;color:#8a949f!important}
.account-listing-create .account-form-card label{display:grid!important;gap:8px!important;font-size:12px!important;line-height:1.6!important;font-weight:800!important;color:#4d5864!important}
.account-listing-create .form-two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 20px!important}
.account-listing-create .account-form-card input,.account-listing-create .account-form-card select,.account-listing-create .account-form-card textarea{width:100%!important;box-sizing:border-box!important;border:1px solid #dce3eb!important;background:#fbfcfe!important;color:#27303a!important;border-radius:11px!important;font-family:inherit!important;font-size:14px!important;outline:0!important;transition:.2s!important}
.account-listing-create .account-form-card input,.account-listing-create .account-form-card select{height:48px!important;min-height:48px!important;padding:0 13px!important}
.account-listing-create .account-form-card textarea{min-height:135px!important;padding:12px 13px!important;resize:vertical!important}
.account-listing-create .account-form-card input:focus,.account-listing-create .account-form-card select:focus,.account-listing-create .account-form-card textarea:focus{border-color:#8ca4e9!important;box-shadow:0 0 0 4px rgba(38,71,214,.08)!important;background:#fff!important}
.account-listing-create .upload-box{display:grid!important;place-items:center!important;align-content:center!important;gap:9px!important;min-height:155px!important;padding:24px!important;box-sizing:border-box!important;border:1.5px dashed #b9c8dc!important;border-radius:16px!important;background:#f7faff!important;color:#596775!important;text-align:center!important;cursor:pointer!important}
.account-listing-create .upload-box strong{font-size:14px!important;color:#273443!important}
.account-listing-create .upload-box span{font-size:12px!important;color:#8d98a4!important}
.account-listing-create .btn-wide{width:100%!important;height:50px!important;border-radius:12px!important;font-size:14px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(38,71,214,.18)!important}
.account-listing-create .form-side-info{display:block!important;position:sticky!important;top:100px!important;width:100%!important;box-sizing:border-box!important;padding:26px!important;background:#111820!important;color:#fff!important;border-radius:22px!important;box-shadow:0 18px 45px rgba(20,30,40,.15)!important}
.account-listing-create .form-side-info>div{display:block!important;margin:0 0 22px!important;padding:0 0 22px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
.account-listing-create .form-side-info>div:last-child{margin-bottom:0!important;padding-bottom:0!important;border-bottom:0!important}
.account-listing-create .form-side-info b{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;margin-bottom:12px!important;border-radius:11px!important;background:#2647d6!important;color:#fff!important;font-size:13px!important}
.account-listing-create .form-side-info h3{font-size:15px!important;line-height:1.6!important;margin:0 0 6px!important;color:#fff!important}
.account-listing-create .form-side-info p{font-size:12px!important;line-height:2!important;margin:0!important;color:#aeb8c3!important}

.sell-reference-body{background:#f5f7fa!important}
.sell-reference-page{width:100%!important;min-height:calc(100vh - 80px)!important;background:#f5f7fa!important;color:#202832!important}
.sell-reference-hero{height:300px!important;display:flex!important;align-items:center!important;background-image:linear-gradient(90deg,rgba(8,15,23,.88) 0%,rgba(10,20,30,.66) 43%,rgba(10,20,30,.08) 78%),url('/images/banners/sell-hero-clean.png')!important;background-size:cover!important;background-position:center 52%!important}
.sell-reference-hero-copy{width:min(1180px,calc(100% - 40px))!important;margin:0 auto!important;padding-right:48%!important;box-sizing:border-box!important;color:#fff!important}
.sell-reference-hero h1{font-size:40px!important;line-height:1.4!important;margin:0 0 10px!important}
.sell-reference-hero p{font-size:16px!important;line-height:2!important;margin:0!important}
.sell-reference-main{width:100%!important;max-width:none!important;margin:0!important;padding:34px 0 70px!important;box-sizing:border-box!important}
.sell-reference-main>.sell-wizard-steps,.sell-reference-main>.sell-reference-form,.sell-reference-main>.sell-reference-benefits{width:min(1180px,calc(100% - 40px))!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
.sell-wizard-steps{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;padding:16px 20px!important;margin-bottom:18px!important;background:#fff!important;border:1px solid #e1e7ee!important;border-radius:18px!important;box-shadow:0 14px 38px rgba(25,45,70,.07)!important}
.sell-step{min-width:0!important;padding:0!important;gap:8px!important;font-size:13px!important;color:#8b96a3!important}
.sell-step strong{font-size:13px!important;white-space:nowrap!important}
.sell-step-icon{width:44px!important;height:44px!important;background:#fff!important}
.sell-reference-form{background:#fff!important;border:1px solid #e1e7ee!important;border-radius:20px!important;box-shadow:0 18px 50px rgba(25,45,70,.07)!important;padding:0 0 28px!important;overflow:hidden!important}
.sell-step-panel{padding:30px 34px!important}
.sell-fields-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 24px!important}
.sell-fields-grid label{font-size:13px!important;gap:8px!important;color:#4d5864!important}
.sell-fields-grid input,.sell-fields-grid select,.sell-fields-grid textarea{height:48px!important;min-height:48px!important;padding:0 13px!important;border:1px solid #dce3eb!important;border-radius:11px!important;background:#fbfcfe!important;font-size:14px!important}
.sell-fields-grid textarea{height:auto!important;min-height:135px!important;padding:12px 13px!important}
.sell-choice-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.sell-choice{padding:23px!important;border:1px solid #e0e6ed!important;border-radius:16px!important;background:#fbfcfe!important}
.sell-choice strong{font-size:15px!important}.sell-choice small{font-size:12px!important;line-height:2!important}
.sell-real-upload{min-height:175px!important;border-radius:16px!important;background:#f8faff!important}
.sell-real-upload strong{font-size:14px!important}.sell-real-upload small{font-size:12px!important}
.sell-reference-actions{padding:0 34px!important;margin-top:0!important}
.sell-reference-next,.sell-reference-back,.sell-reference-call{height:48px!important;font-size:13px!important;border-radius:11px!important}
.sell-reference-next{min-width:170px!important}
.sell-reference-benefits{margin-top:18px!important;padding:26px 22px!important;border:1px solid #e1e7ee!important;border-radius:18px!important;background:#fff!important}
.sell-reference-benefits strong{font-size:14px!important}.sell-reference-benefits p{font-size:11px!important;line-height:2!important}

@media(max-width:900px){
 .account-listing-create .account-form-layout{grid-template-columns:1fr!important}.account-listing-create .form-side-info{position:static!important}
 .sell-reference-hero-copy{padding-right:34%!important}.sell-choice-grid{grid-template-columns:1fr!important}
}
@media(max-width:700px){
 .account-listing-create .page-hero{padding:42px 0 52px!important}.account-listing-create .page-hero h1{font-size:29px!important}.account-listing-create .page-hero p{font-size:12px!important}.account-listing-create .section{padding:22px 0 50px!important}.account-listing-create .section>.container{padding:0 12px!important}.account-listing-create .account-form-card{padding:19px!important;border-radius:17px!important}.account-listing-create .form-two{grid-template-columns:1fr!important;gap:15px!important}.account-listing-create .form-section-title{display:block!important}.account-listing-create .form-section-title span{display:block!important;margin-top:5px!important}.account-listing-create .account-form-card input,.account-listing-create .account-form-card select{height:44px!important;min-height:44px!important;font-size:13px!important}.account-listing-create .account-form-card label{font-size:11px!important}.account-listing-create .form-side-info{padding:19px!important;border-radius:17px!important}
 .sell-reference-hero{height:190px!important}.sell-reference-hero-copy{width:calc(100% - 28px)!important;padding-right:0!important}.sell-reference-hero h1{font-size:25px!important}.sell-reference-hero p{font-size:11px!important}.sell-reference-main{padding:20px 0 45px!important}.sell-reference-main>.sell-wizard-steps,.sell-reference-main>.sell-reference-form,.sell-reference-main>.sell-reference-benefits{width:calc(100% - 24px)!important}.sell-wizard-steps{padding:11px 5px!important;border-radius:14px!important}.sell-step{gap:5px!important}.sell-step-icon{width:36px!important;height:36px!important;font-size:10px!important}.sell-step strong{font-size:9px!important}.sell-step-panel{padding:20px 16px!important}.sell-fields-grid{grid-template-columns:1fr!important;gap:14px!important}.sell-fields-grid label{font-size:11px!important}.sell-fields-grid input,.sell-fields-grid select{height:44px!important;min-height:44px!important;font-size:12px!important}.sell-fields-grid textarea{font-size:12px!important}.sell-reference-actions{padding:0 16px!important;flex-wrap:wrap!important}.sell-reference-next,.sell-reference-back,.sell-reference-call{height:42px!important;font-size:11px!important}.sell-reference-next{min-width:120px!important}.sell-reference-benefits{grid-template-columns:1fr!important;padding:17px 10px!important}.sell-reference-benefits>div{border-left:0!important;border-bottom:1px solid #edf1f5!important;padding:13px!important}.sell-reference-benefits>div:last-child{border-bottom:0!important}.sell-reference-benefits strong{font-size:11px!important}.sell-reference-benefits p{font-size:9px!important}
}

/* Multi-step seller listing wizard */
.account-listing-create.listing-wizard-page .section{padding-top:34px!important}
.listing-wizard-alert{max-width:1180px;margin:0 auto 18px!important}
.listing-wizard{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;position:relative}
.listing-progress{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;border:1px solid #e1e7ee;border-radius:18px;padding:12px;box-shadow:0 12px 32px rgba(25,45,70,.06)}
.listing-progress-step{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 8px;border-radius:12px;color:#8b96a3;font-size:12px;font-weight:800;transition:.2s}
.listing-progress-step b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f0f3f7;color:#7f8995;font-size:12px}
.listing-progress-step.active{background:#edf3ff;color:#2647d6}.listing-progress-step.active b,.listing-progress-step.done b{background:#2647d6;color:#fff}.listing-progress-step.done{color:#4e5b69}
.listing-wizard-form{grid-column:1;padding:0!important;gap:0!important;overflow:hidden}
.listing-step-panel{display:none;padding:30px 34px}.listing-step-panel.active{display:block}
.listing-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #e8edf2;padding-bottom:20px;margin-bottom:25px}.listing-panel-head>div>span{font-size:11px;color:#2647d6;font-weight:900}.listing-panel-head h2{font-size:21px;margin:5px 0 4px;color:#202832}.listing-panel-head p{font-size:12px;color:#87919d;margin:0;line-height:1.9}.listing-panel-head>strong{font-size:12px;color:#8a949f;background:#f5f7fa;padding:8px 10px;border-radius:9px;white-space:nowrap}
.account-listing-create .field-hint{font-size:10px;color:#929ba5;font-weight:600;margin-right:4px}
.listing-step-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid #edf1f5}.listing-step-actions .btn{min-height:46px;border-radius:11px;font-size:13px;font-weight:900;padding:0 20px}.listing-step-actions .btn-primary{margin-right:auto}.listing-step-actions .btn-light{background:#f3f5f7;color:#596572;border:1px solid #e2e7ec}
.listing-upload-box{position:relative;min-height:190px!important;border:1.5px dashed #b8c8df!important;background:#f7faff!important;border-radius:17px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:8px!important;text-align:center!important;cursor:pointer!important;padding:25px!important}.listing-upload-box input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important}.listing-upload-icon{width:46px;height:46px;border-radius:14px;background:#eaf1ff;color:#2647d6;display:grid;place-items:center;font-size:25px;font-weight:400}.listing-upload-box strong{font-size:15px;color:#273443}.listing-upload-box small{font-size:11px;color:#8c97a3}.listing-upload-note{margin-top:12px;padding:11px 13px;background:#f8fafc;border-radius:10px;color:#7d8893;font-size:11px;line-height:1.9}
.listing-image-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.listing-preview-item{position:relative;border:1px solid #e0e6ed;border-radius:12px;overflow:hidden;background:#fff}.listing-preview-item img{display:block;width:100%;height:130px;object-fit:cover}.listing-preview-item span{display:block;padding:8px;text-align:center;font-size:10px;color:#65717d;font-weight:800;background:#fff}
.listing-review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.listing-review-grid>div{background:#f8fafc;border:1px solid #e5eaf0;border-radius:11px;padding:13px}.listing-review-grid span{display:block;font-size:10px;color:#8a949f;margin-bottom:5px}.listing-review-grid strong{display:block;font-size:12px;color:#26313b;word-break:break-word}.listing-review-note{display:grid;gap:5px;margin-top:14px;padding:14px;border-radius:12px;background:#edf5ff;border:1px solid #d7e5ff}.listing-review-note b{font-size:12px;color:#2647d6}.listing-review-note span{font-size:11px;color:#65717d;line-height:1.9}
.listing-wizard-side{grid-column:2;grid-row:2;position:sticky;top:100px;background:#111820;color:#fff;border-radius:22px;padding:25px;box-shadow:0 18px 45px rgba(20,30,40,.15)}.listing-side-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#b9c8ff;font-size:10px;font-weight:900}.listing-wizard-side h3{font-size:18px;line-height:1.7;margin:15px 0;color:#fff}.listing-wizard-side ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.listing-wizard-side li{position:relative;padding-right:20px;color:#aeb8c3;font-size:11px;line-height:1.8}.listing-wizard-side li:before{content:'✓';position:absolute;right:0;color:#7fa0ff;font-weight:900}.listing-side-status{border-top:1px solid rgba(255,255,255,.1);margin-top:22px;padding-top:17px;display:grid;gap:5px}.listing-side-status span{font-size:10px;color:#7f8a96}.listing-side-status strong{font-size:11px;color:#fff}
@media(max-width:900px){.listing-wizard{grid-template-columns:1fr}.listing-wizard-form,.listing-wizard-side{grid-column:1}.listing-wizard-side{grid-row:auto;position:static}.listing-progress{grid-column:1}.listing-image-preview{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.listing-progress{padding:7px;gap:3px}.listing-progress-step{flex-direction:column;gap:4px;padding:8px 3px;font-size:9px}.listing-progress-step b{width:29px;height:29px;font-size:10px}.listing-step-panel{padding:20px 16px}.listing-panel-head h2{font-size:18px}.listing-panel-head p{font-size:11px}.listing-panel-head>strong{font-size:10px}.listing-image-preview{grid-template-columns:repeat(2,1fr)}.listing-preview-item img{height:115px}.listing-step-actions{flex-wrap:wrap}.listing-step-actions .btn{flex:1;min-width:120px}.listing-step-actions .btn-primary{margin-right:0}}

/* Listing forms: required markers, readable success state, and shared edit/create polish */
.account-listing-create .listing-panel-head label em,
.account-listing-create label em{font-style:normal;color:#2647D6;font-size:12px;margin-right:3px}
.account-listing-create .account-form-card label{font-size:12px}
.account-listing-create .account-form-card input,
.account-listing-create .account-form-card select,
.account-listing-create .account-form-card textarea{font-size:13px}
.account-listing-create .listing-review-grid strong{font-size:13px}
.account-listing-create .listing-upload-box small{font-size:12px}
.account-listing-edit .existing-images-title{display:flex;justify-content:space-between;align-items:end;gap:12px;border-bottom:1px solid #e8edf2;padding-bottom:11px;margin-bottom:14px}
.account-listing-edit .existing-images-title strong{font-size:15px;color:#202832}
.account-listing-edit .existing-images-title span{font-size:11px;color:#8b949e}
.account-listing-edit .listing-existing-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.account-listing-edit .listing-existing-image{border:1px solid #e0e6ed;border-radius:13px;overflow:hidden;background:#fff}
.account-listing-edit .listing-existing-image>img{width:100%;height:145px;display:block;object-fit:cover}
.account-listing-edit .listing-image-controls{display:grid;gap:7px;padding:10px;font-size:11px;color:#687480}
.account-listing-edit .listing-image-controls label{display:flex;align-items:center;gap:6px;font-size:11px!important}
.account-listing-edit .listing-image-controls input{width:auto!important}
.account-listing-edit .new-images-heading{margin-top:8px}
.account-cars-success{font-size:15px!important;line-height:1.9!important;padding:15px 18px!important;font-weight:800}
.account-listing-edit .listing-step-panel{min-height:420px}
@media(max-width:900px){.account-listing-edit .listing-existing-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.account-listing-create .account-form-card label{font-size:11px}.account-listing-edit .listing-existing-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.account-listing-edit .existing-images-title{display:block}.account-listing-edit .existing-images-title span{display:block;margin-top:5px}.account-listing-edit .listing-existing-image>img{height:125px}}
/* Account validation messages - readable size */
.account-page .form-alert,
.account-page .listing-wizard-alert,
.account-form-layout .form-alert,
.account-form-layout .listing-wizard-alert,
.account-page .errors,
.account-page .invalid-feedback {
    font-size: 13px !important;
    line-height: 1.9 !important;
    font-weight: 700 !important;
}


/* Listing form polish: keep field labels, required markers and unit hints on one line. */
.account-listing-create .form-two > label,
.account-listing-create .listing-step-panel > label:not(.listing-upload-box){
    display:block!important;
    line-height:1.7!important;
}
.account-listing-create .form-two > label > input,
.account-listing-create .form-two > label > select,
.account-listing-create .listing-step-panel > label:not(.listing-upload-box) > textarea{
    display:block!important;
    width:100%!important;
    margin-top:7px!important;
}
.account-listing-create label em{
    display:inline!important;
    font-style:normal!important;
    color:#2647D6!important;
    font-size:12px!important;
    line-height:1!important;
    margin-right:3px!important;
    vertical-align:middle!important;
}
.account-listing-create .field-hint{
    display:inline!important;
    font-size:11px!important;
    color:#929ba5!important;
    font-weight:600!important;
    margin-right:4px!important;
    vertical-align:middle!important;
}
.account-listing-edit .listing-image-controls input[type="radio"],
.account-listing-edit .listing-image-controls input[type="checkbox"]{
    width:18px!important;
    min-width:18px!important;
    max-width:18px!important;
    height:18px!important;
    min-height:18px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #aeb8c3!important;
    box-shadow:none!important;
    accent-color:#2647D6;
    flex:0 0 18px!important;
}
.account-listing-edit .listing-image-controls label{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    font-size:12px!important;
    line-height:1.6!important;
    white-space:nowrap;
}
.account-listing-edit .listing-image-controls{
    gap:9px!important;
    padding:11px!important;
}

/* Account feedback messages: consistent, readable and prominent. */
.account-listing-create .form-alert,
.account-listing-create .listing-wizard-alert,
.account-page .form-alert,
.account-page .success-alert,
.account-page .errors,
.account-page .invalid-feedback,
.account-cars-success,
.account-form-layout .form-alert,
.account-form-layout .success-alert {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 14px 17px !important;
    margin: 0 0 18px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    line-height: 2 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.account-listing-create .form-alert,
.account-page .form-alert,
.account-form-layout .form-alert {
    background: #fff3f3 !important;
    color: #a92f2f !important;
    border: 1px solid #efcccc !important;
}

.account-listing-create .success-alert,
.account-page .success-alert,
.account-cars-success,
.account-form-layout .success-alert {
    background: #effaf3 !important;
    color: #236b40 !important;
    border: 1px solid #cfe8d8 !important;
}

/* Validation messages shown by Laravel must remain readable even when nested. */
.account-listing-create .form-alert *,
.account-page .form-alert *,
.account-page .success-alert *,
.account-cars-success *,
.account-form-layout .form-alert * {
    font-size: inherit !important;
    line-height: inherit !important;
}

@media (max-width: 620px) {
    .account-listing-create .form-alert,
    .account-page .form-alert,
    .account-page .success-alert,
    .account-cars-success,
    .account-form-layout .form-alert,
    .account-form-layout .success-alert {
        font-size: 13px !important;
        padding: 12px 14px !important;
    }
}

/* Year calendar selector: supports Jalali and Gregorian vehicle model years. */
.year-input-row{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:8px;align-items:stretch;width:100%;}
.year-input-row input,.year-input-row select{min-width:0;}
@media(max-width:640px){.year-input-row{grid-template-columns:minmax(0,1fr) 105px;}}

/* Sell-car page: intentionally mirrors the account listing wizard */
.sell-listing-page .page-hero{margin-bottom:0!important}
.sell-listing-page .sell-listing-wizard{grid-template-columns:minmax(0,1fr) 300px!important}
.sell-listing-page .listing-wizard-form{background:#fff!important;border:1px solid #e1e7ee!important;border-radius:20px!important;box-shadow:0 18px 50px rgba(25,45,70,.07)!important}
.sell-listing-page .sell-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}
.sell-listing-page .sell-choice{position:relative;display:grid;gap:8px;padding:18px;border:1px solid #e1e7ee;border-radius:15px;background:#fff;cursor:pointer;transition:.2s}
.sell-listing-page .sell-choice:hover,.sell-listing-page .sell-choice:has(input:checked){border-color:#2647d6;background:#f5f8ff;box-shadow:0 8px 24px rgba(38,71,214,.08)}
.sell-listing-page .sell-choice input{position:absolute;opacity:0}.sell-listing-page .sell-choice-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#edf3ff;color:#2647d6;font-size:18px}.sell-listing-page .sell-choice strong{font-size:14px;color:#202832}.sell-listing-page .sell-choice small{font-size:11px;color:#89939f;line-height:1.8}
.sell-listing-page .sell-success-alert{display:grid;gap:5px;margin:0 auto 18px;max-width:1180px;font-size:14px!important;line-height:1.9!important}.sell-listing-page .sell-success-alert strong{font-size:16px!important}.sell-listing-page .sell-success-alert small{font-size:12px!important;color:#687480}.sell-listing-page .sell-detail-fields{margin-top:4px}
.sell-listing-page .sell-listing-alert{max-width:1180px;margin:0 auto 18px;font-size:14px!important;line-height:1.9!important}
@media(max-width:900px){.sell-listing-page .sell-listing-wizard{grid-template-columns:1fr!important}.sell-listing-page .sell-choice-grid{grid-template-columns:1fr}}
@media(max-width:620px){.sell-listing-page .sell-choice-grid{grid-template-columns:1fr}.sell-listing-page .sell-choice{padding:14px}.sell-listing-page .sell-choice strong{font-size:13px}.sell-listing-page .sell-choice small{font-size:10px}}

/* Sell-car success feedback: this is a success state, never an error/alert state. */
.sell-listing-page .sell-success-alert {
    display: grid !important;
    gap: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 18px 20px !important;
    margin: 0 auto 20px !important;
    border-radius: 14px !important;
    background: #effaf3 !important;
    color: #236b40 !important;
    border: 1px solid #cfe8d8 !important;
    font-size: 14px !important;
    line-height: 2 !important;
    font-weight: 700 !important;
}
.sell-listing-page .sell-success-alert strong {
    color: #1d6b3c !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    font-weight: 900 !important;
}
.sell-listing-page .sell-success-alert span {
    color: #36734f !important;
    font-size: 13px !important;
    line-height: 2 !important;
}
.sell-listing-page .sell-success-alert small {
    display: inline-flex !important;
    width: fit-content !important;
    margin-top: 4px !important;
    padding: 5px 10px !important;
    border-radius: 8px !important;
    background: rgba(47,123,75,.08) !important;
    color: #236b40 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}
.sell-listing-page .sell-listing-alert {
    font-size: 14px !important;
    line-height: 2 !important;
    font-weight: 800 !important;
}

/* Mobile header: stable layout + working dropdown */
.mobile-site-menu { display:none; }
@media (max-width: 900px) {
    .site-header .header-inner {
        height: 72px;
        min-height: 72px;
        width: min(100% - 20px, 1180px);
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        direction: ltr;
    }
    .site-header .site-logo {
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
        width: auto;
        min-width: 0;
        direction: rtl;
        gap: 8px;
    }
    .site-header .site-logo img { width: 52px; height: 42px; object-fit: contain; }
    .site-header .site-logo .site-logo-html-text { font-size: 18px; white-space: nowrap; }
    .site-header .header-actions {
        grid-column: 1;
        grid-row: 1;
        display:flex;
        justify-self:start;
        align-items:stretch;
        gap: 5px;
        margin:0;
        direction:rtl;
    }
    .site-header .header-account,
    .site-header .header-cta {
        display:flex;
        align-items:center;
        justify-content:center;
        min-height: 48px;
        padding: 7px 11px;
        border-radius: 11px;
        font-size: 13px !important;
        line-height: 1.55;
        font-weight: 900;
        white-space: nowrap;
        text-align:center;
    }
    .site-header .header-account { background:#edf5ff; color:var(--blue); }
    .site-header .header-cta { background:var(--blue); color:#fff; box-shadow:none; }
    .site-header .mobile-menu-button {
        grid-column: 3;
        grid-row: 1;
        justify-self:end;
        display:grid;
        place-items:center;
        width:48px;
        height:48px;
        padding:0;
        border-radius:11px;
        font-size:24px;
        line-height:1;
        z-index:3;
    }
    .site-header .mobile-menu-button.is-open { background:var(--blue); color:#fff; }
    .mobile-site-menu[hidden] { display:none !important; }
    .mobile-site-menu:not([hidden]) {
        display:block;
        position:absolute;
        top:72px;
        right:0;
        left:0;
        background:#fff;
        border-top:1px solid #edf0f4;
        border-bottom:1px solid #e1e7ee;
        box-shadow:0 14px 28px rgba(20,40,65,.12);
        z-index:999;
    }
    .mobile-site-menu-inner { padding:10px 0 14px; }
    .mobile-site-menu nav { display:grid; gap:5px; }
    .mobile-site-menu nav a {
        display:flex;
        align-items:center;
        min-height:48px;
        padding:9px 14px;
        border-radius:10px;
        color:#39424d;
        background:#f8fafc;
        font-size:14px;
        font-weight:800;
        text-decoration:none;
    }
    .mobile-site-menu nav a.active { background:#edf5ff; color:var(--blue); }
}
@media (max-width: 520px) {
    .site-header .header-inner { width:calc(100% - 14px); gap:6px; }
    .site-header .site-logo .site-logo-html-text { font-size:16px; }
    .site-header .site-logo img { width:46px; height:38px; }
    .site-header .header-account,
    .site-header .header-cta { min-height:46px; padding:6px 9px; font-size:12px !important; }
    .site-header .mobile-menu-button { width:46px; height:46px; }
}

/* =========================================================
   Mobile responsive pass — homepage trust / feature / footer
   Keep each section self-contained and readable on narrow screens.
   ========================================================= */
@media (max-width: 700px) {
    /* Trust strip: two balanced cards, never cramped into one line. */
    .trust-strip {
        padding: 8px 0 10px !important;
        background: #fff !important;
    }
    .trust-strip .container {
        width: calc(100% - 24px) !important;
        max-width: none !important;
    }
    .trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        min-height: 0 !important;
        gap: 8px !important;
    }
    .trust-grid > div,
    .trust-grid > div:last-child {
        min-width: 0 !important;
        box-sizing: border-box !important;
        justify-content: flex-start !important;
        gap: 9px !important;
        padding: 12px 9px !important;
        min-height: 74px !important;
        border: 1px solid #e8edf3 !important;
        border-radius: 12px !important;
        background: #fff !important;
        box-shadow: 0 4px 14px rgba(20, 35, 55, .045) !important;
        text-align: right !important;
    }
    .trust-item .trust-icon {
        width: 38px !important;
        height: 38px !important;
        flex: 0 0 38px !important;
        font-size: 19px !important;
    }
    .trust-item strong {
        font-size: 13px !important;
        line-height: 1.55 !important;
        white-space: normal !important;
    }
    .trust-item small {
        margin-top: 1px !important;
        font-size: 10px !important;
        line-height: 1.65 !important;
        white-space: normal !important;
    }
}

@media (max-width: 420px) {
    .trust-grid {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }
    .trust-grid > div,
    .trust-grid > div:last-child {
        min-height: 62px !important;
        padding: 9px 10px !important;
    }
    .trust-item .trust-icon {
        width: 36px !important;
        height: 36px !important;
        flex-basis: 36px !important;
    }
}

@media (max-width: 700px) {
    /* Feature banner: image stays as a clean background; content stacks safely. */
    .feature-banner {
        padding: 18px 0 !important;
        overflow: hidden !important;
    }
    .feature-banner-inner {
        width: calc(100% - 24px) !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 25px 18px 18px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 18px !important;
        border-radius: 16px !important;
        background-position: 58% center !important;
        box-shadow: inset 0 0 0 999px rgba(8, 20, 32, .28), 0 10px 28px rgba(15,23,42,.12) !important;
    }
    .feature-banner-copy {
        width: 100% !important;
        max-width: none !important;
        text-align: right !important;
        direction: rtl !important;
    }
    .feature-banner-copy .eyebrow,
    .feature-banner-copy h2,
    .feature-banner-copy p,
    .feature-banner-copy .btn {
        text-align: right !important;
    }
    .feature-banner-copy .eyebrow {
        display: block !important;
        font-size: 12px !important;
        line-height: 1.7 !important;
    }
    .feature-banner-copy h2 {
        margin: 5px 0 8px !important;
        font-size: 25px !important;
        line-height: 1.55 !important;
        text-shadow: 0 2px 9px rgba(0,0,0,.42) !important;
    }
    .feature-banner-copy p {
        width: 100% !important;
        max-width: 100% !important;
        margin: 7px 0 14px !important;
        font-size: 12px !important;
        line-height: 1.9 !important;
        direction: rtl !important;
        text-shadow: 0 1px 6px rgba(0,0,0,.5) !important;
    }
    .feature-banner-copy .btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 42px !important;
        padding: 9px 16px !important;
        font-size: 13px !important;
        width: auto !important;
    }
    .feature-banner-actions {
        width: 100% !important;
        max-width: none !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        border-radius: 12px !important;
        background: rgba(20, 27, 35, .72) !important;
    }
    .feature-action {
        min-height: 62px !important;
        grid-template-columns: minmax(0, 1fr) 40px !important;
        gap: 10px !important;
        padding: 9px 12px !important;
    }
    .feature-action strong {
        font-size: 14px !important;
        line-height: 1.5 !important;
        white-space: normal !important;
        text-align: right !important;
    }
    .feature-action-icon {
        width: 38px !important;
        height: 38px !important;
        font-size: 18px !important;
    }
}

@media (max-width: 420px) {
    .feature-banner-inner {
        width: calc(100% - 16px) !important;
        padding: 20px 13px 13px !important;
        gap: 14px !important;
    }
    .feature-banner-copy h2 { font-size: 22px !important; }
    .feature-banner-copy p { font-size: 11px !important; }
}

@media (max-width: 700px) {
    /* Footer: readable brand first, then two compact link columns, then contact. */
    .site-footer {
        padding-top: 30px !important;
        background: #fff !important;
    }
    .site-footer > .container.footer-main {
        width: calc(100% - 24px) !important;
        max-width: none !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px 18px !important;
        padding-bottom: 26px !important;
        direction: rtl !important;
    }
    .footer-brand {
        grid-column: 1 / -1 !important;
        text-align: right !important;
    }
    .site-logo-footer {
        margin-bottom: 8px !important;
    }
    .site-logo-footer img {
        width: 58px !important;
        height: 42px !important;
    }
    .site-logo-footer .site-logo-html-text {
        font-size: 19px !important;
    }
    .footer-brand p {
        max-width: 100% !important;
        margin: 6px 0 13px !important;
        font-size: 12px !important;
        line-height: 2 !important;
    }
    .footer-socials {
        gap: 7px !important;
    }
    .footer-socials a {
        width: 36px !important;
        height: 36px !important;
        font-size: 17px !important;
    }
    .footer-column {
        min-width: 0 !important;
        text-align: right !important;
    }
    .footer-column h3 {
        margin: 0 0 9px !important;
        font-size: 14px !important;
        line-height: 1.7 !important;
    }
    .footer-column a,
    .footer-column span {
        font-size: 12px !important;
        line-height: 2.35 !important;
        word-break: break-word !important;
    }
    .footer-contact {
        grid-column: 1 / -1 !important;
        padding-top: 2px !important;
        border-top: 1px solid #edf1f5 !important;
    }
    .footer-contact a:first-of-type {
        font-size: 16px !important;
        margin-bottom: 2px !important;
    }
    .footer-bottom-inner {
        width: calc(100% - 24px) !important;
        max-width: none !important;
        box-sizing: border-box !important;
        padding: 13px 0 !important;
        min-height: 0 !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        direction: rtl !important;
    }
    .footer-bottom-inner > span {
        font-size: 12px !important;
        line-height: 1.9 !important;
        text-align: right !important;
        white-space: normal !important;
    }
    .footer-bottom-inner > div {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 5px 15px !important;
    }
    .footer-bottom-inner a {
        font-size: 12px !important;
        line-height: 1.9 !important;
        white-space: normal !important;
    }
}

@media (max-width: 420px) {
    .site-footer > .container.footer-main,
    .footer-bottom-inner {
        width: calc(100% - 16px) !important;
    }
    .site-footer > .container.footer-main {
        grid-template-columns: 1fr 1fr !important;
        gap: 20px 14px !important;
    }
    .footer-column a,
    .footer-column span { font-size: 11.5px !important; }
}

/* =========================================================
   Mobile navigation drawer — RTL, slides in from the right.
   ========================================================= */
@media (max-width: 900px) {
    body.mobile-menu-open { overflow: hidden; }

    .site-header { position: relative; z-index: 1001; }
    .site-header .mobile-menu-button { position: relative; z-index: 1004; }

    .mobile-menu-overlay {
        position: fixed;
        inset: 0;
        background: rgba(10, 20, 32, .48);
        opacity: 0;
        visibility: hidden;
        transition: opacity .26s ease, visibility .26s ease;
        z-index: 1000;
    }
    .mobile-menu-overlay.is-visible {
        opacity: 1;
        visibility: visible;
    }
    .mobile-menu-overlay[hidden] { display: none !important; }

    .mobile-site-menu {
        display: flex !important;
        flex-direction: column;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: min(340px, 88vw);
        max-width: 100%;
        padding: 0 18px 22px;
        background: #fff;
        box-shadow: -14px 0 38px rgba(20, 35, 55, .18);
        transform: translateX(105%);
        visibility: hidden;
        transition: transform .28s cubic-bezier(.22,.61,.36,1), visibility .28s ease;
        overflow-y: auto;
        overscroll-behavior: contain;
        z-index: 1003;
    }
    .mobile-site-menu.is-open {
        transform: translateX(0);
        visibility: visible;
    }

    .mobile-site-menu-head {
        min-height: 82px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        border-bottom: 1px solid #edf0f4;
        margin-bottom: 12px;
    }
    .mobile-site-menu-brand {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-width: 0;
        color: #20262d;
        text-decoration: none;
        font-size: 17px;
        font-weight: 900;
    }
    .mobile-site-menu-brand img {
        width: 48px;
        height: 42px;
        object-fit: contain;
        flex: 0 0 auto;
    }
    .mobile-site-menu-close {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        border: 1px solid #e3e8ee;
        border-radius: 11px;
        background: #f7f9fb;
        color: #4a5561;
        font-size: 29px;
        line-height: 1;
        cursor: pointer;
        display: grid;
        place-items: center;
    }
    .mobile-site-menu nav {
        display: grid;
        gap: 7px;
    }
    .mobile-site-menu nav a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 54px;
        padding: 10px 14px;
        border: 1px solid #e9edf2;
        border-radius: 12px;
        background: #fafbfd;
        color: #303943;
        font-size: 14px;
        font-weight: 800;
        text-decoration: none;
        transition: .2s ease;
    }
    .mobile-site-menu nav a:hover,
    .mobile-site-menu nav a.active {
        background: #edf5ff;
        border-color: #d5e4ff;
        color: var(--blue);
    }
    .mobile-menu-arrow {
        font-size: 21px;
        line-height: 1;
        color: #9aa4ae;
        transform: rotate(180deg);
    }
    .mobile-site-menu nav a.active .mobile-menu-arrow,
    .mobile-site-menu nav a:hover .mobile-menu-arrow { color: var(--blue); }
}

@media (max-width: 520px) {
    .mobile-site-menu {
        width: min(320px, 90vw);
        padding-left: 14px;
        padding-right: 14px;
    }
    .mobile-site-menu-head { min-height: 76px; }
    .mobile-site-menu-brand { font-size: 16px; }
    .mobile-site-menu-brand img { width: 44px; height: 39px; }
    .mobile-site-menu nav a { min-height: 52px; font-size: 14px; }
}

/* =========================================================
   FINAL MOBILE HEADER + RIGHT DRAWER FIX
   Keeps the three header zones independent so nothing overlaps.
   ========================================================= */
@media (max-width: 900px) {
    .site-header {
        position: relative !important;
        z-index: 2000 !important;
    }

    .site-header .header-inner {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: calc(100% - 16px) !important;
        height: 72px !important;
        min-height: 72px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        gap: 0 !important;
        direction: ltr !important;
        box-sizing: border-box !important;
    }

    /* Centered logo: never competes with the side controls. */
    .site-header .site-logo {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        max-width: 42% !important;
        margin: 0 !important;
        gap: 6px !important;
        direction: rtl !important;
        z-index: 1 !important;
    }
    .site-header .site-logo img {
        width: 46px !important;
        height: 38px !important;
        flex: 0 0 46px !important;
        object-fit: contain !important;
    }
    .site-header .site-logo .site-logo-html-text {
        font-size: 16px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    /* Left controls in the screenshot: account + sell. */
    .site-header .header-actions {
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 5px !important;
        margin: 0 !important;
        padding: 0 !important;
        direction: rtl !important;
        z-index: 2 !important;
    }
    .site-header .header-account,
    .site-header .header-cta,
    .site-header .header-login {
        min-height: 46px !important;
        height: 46px !important;
        padding: 5px 10px !important;
        border-radius: 10px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    /* Right menu button. */
    .site-header .mobile-menu-button {
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 11px !important;
        font-size: 22px !important;
        line-height: 1 !important;
        z-index: 4 !important;
    }

    /* Drawer must be above the page and independent from the header stacking. */
    .mobile-menu-overlay {
        position: fixed !important;
        inset: 0 !important;
        z-index: 2990 !important;
    }
    .mobile-site-menu {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        width: min(320px, 88vw) !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        box-sizing: border-box !important;
        z-index: 3000 !important;
        display: flex !important;
        transform: translate3d(105%, 0, 0) !important;
        visibility: hidden !important;
        opacity: 1 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        transition: transform .28s cubic-bezier(.22,.61,.36,1), visibility .28s ease !important;
    }
    .mobile-site-menu.is-open {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
    }

    body.mobile-menu-open {
        overflow: hidden !important;
        touch-action: none !important;
    }
}

@media (max-width: 560px) {
    .site-header .site-logo { max-width: 39% !important; }
    .site-header .site-logo img { width: 42px !important; height: 35px !important; flex-basis: 42px !important; }
    .site-header .site-logo .site-logo-html-text { font-size: 15px !important; }
    .site-header .header-actions { gap: 4px !important; }
    .site-header .header-account,
    .site-header .header-cta,
    .site-header .header-login {
        min-height: 44px !important;
        height: 44px !important;
        padding: 4px 8px !important;
        font-size: 11px !important;
    }
    .site-header .mobile-menu-button { width: 44px !important; height: 44px !important; min-width: 44px !important; }
}

@media (max-width: 390px) {
    .site-header .site-logo { max-width: 36% !important; }
    .site-header .site-logo .site-logo-html-text { font-size: 14px !important; }
    .site-header .site-logo img { width: 39px !important; height: 33px !important; flex-basis: 39px !important; }
    .site-header .header-account,
    .site-header .header-cta,
    .site-header .header-login { padding-left: 6px !important; padding-right: 6px !important; font-size: 10.5px !important; }
}

/* Mobile: popular brands heading stays RTL/right aligned */
@media (max-width: 900px) {
    .brands-heading {
        justify-content: space-between !important;
        align-items: flex-end !important;
    }

    .brands-heading > div:first-child {
        text-align: right !important;
        margin-right: 0 !important;
        margin-left: auto !important;
    }

    .brands-heading h2,
    .brands-heading p {
        text-align: right !important;
    }
}

@media (max-width: 520px) {
    .brands-heading > div:first-child {
        width: 100% !important;
        align-items: flex-start !important;
    }

    .brands-heading h2,
    .brands-heading p {
        width: 100% !important;
        text-align: right !important;
    }
}

/* Mobile header final alignment: menu + logo on the right, actions on the left */
@media (max-width: 900px) {
    .site-header .header-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        direction: rtl !important;
        overflow: visible !important;
    }
    .site-header .mobile-menu-button {
        order: 1 !important;
        flex: 0 0 auto !important;
        width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        line-height: 1 !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 5 !important;
    }
    .site-header .site-logo {
        order: 2 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        gap: 6px !important;
    }
    .site-header .site-logo img {
        width: 42px !important;
        height: 32px !important;
        object-fit: contain !important;
        flex: 0 0 auto !important;
    }
    .site-header .site-logo-html-text {
        font-size: 16px !important;
        white-space: nowrap !important;
    }
    .site-header .header-actions {
        order: 3 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin-right: auto !important;
        margin-left: 0 !important;
        gap: 6px !important;
        min-width: 0 !important;
    }
    .site-header .header-account,
    .site-header .header-cta {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        font-size: 10px !important;
        padding: 8px 9px !important;
        line-height: 1.3 !important;
    }
}

@media (max-width: 430px) {
    .site-header .header-inner { gap: 7px !important; }
    .site-header .mobile-menu-button { width: 38px !important; height: 38px !important; }
    .site-header .site-logo { gap: 4px !important; }
    .site-header .site-logo img { width: 37px !important; height: 29px !important; }
    .site-header .site-logo-html-text { font-size: 14px !important; }
    .site-header .header-actions { gap: 4px !important; }
    .site-header .header-account,
    .site-header .header-cta { font-size: 9px !important; padding: 7px 7px !important; }
}

/* =========================================================
   MOBILE HEADER — FINAL POSITION FIX
   Keep the menu button stable on the far right and place the
   complete brand lockup immediately beside it. Account/sell
   actions remain grouped on the left.
   ========================================================= */
@media (max-width: 900px) {
    .site-header .header-inner {
        position: relative !important;
        display: flex !important;
        direction: ltr !important;
        justify-content: flex-start !important;
        align-items: center !important;
        overflow: visible !important;
    }

    .site-header .mobile-menu-button {
        position: absolute !important;
        right: 0 !important;
        left: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        order: unset !important;
        z-index: 20 !important;
        flex: 0 0 auto !important;
    }

    .site-header .site-logo {
        position: absolute !important;
        right: 52px !important;
        left: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        order: unset !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: max-content !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        gap: 6px !important;
        z-index: 10 !important;
        white-space: nowrap !important;
    }

    .site-header .site-logo img {
        flex: 0 0 auto !important;
        object-fit: contain !important;
    }

    .site-header .site-logo .site-logo-html-text {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    .site-header .header-actions {
        position: absolute !important;
        left: 0 !important;
        right: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        order: unset !important;
        margin: 0 !important;
        z-index: 15 !important;
    }
}

@media (max-width: 430px) {
    .site-header .site-logo {
        right: 48px !important;
        gap: 4px !important;
    }
}

@media (max-width: 360px) {
    .site-header .site-logo {
        right: 46px !important;
    }
    .site-header .site-logo .site-logo-html-text {
        font-size: 13px !important;
    }
    .site-header .site-logo img {
        width: 35px !important;
        height: 28px !important;
    }
}

/* =========================================================
   EXACT SIDEBAR REFERENCE — RTL / right aligned
   Reference: user supplied sidebar mockup
   ========================================================= */
.admin-panel .admin-sidebar {
    width: 274px !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    overflow: hidden !important;
    border: 0 !important;
    border-left: 1px solid rgba(255,255,255,.055) !important;
    border-radius: 0 !important;
    background: #0b1b32 !important;
    background-image: linear-gradient(180deg,#0b1a31 0%,#0d2039 48%,#0b1a31 100%) !important;
    box-shadow: -10px 0 30px rgba(6,18,35,.13) !important;
    direction: rtl !important;
}

.admin-panel .admin-sidebar > div {
    min-height: 100% !important;
    height: 100% !important;
}

.admin-panel .admin-sidebar-brand {
    height: 92px !important;
    min-height: 92px !important;
    padding: 0 17px !important;
    border-bottom: 1px solid rgba(255,255,255,.055) !important;
    background: rgba(7,18,34,.28) !important;
}

.admin-panel .admin-sidebar-brand a {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 11px !important;
    direction: rtl !important;
}

.admin-panel .admin-sidebar-logo {
    order: 2 !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    flex: 0 0 42px !important;
    padding: 5px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.045) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.16) !important;
}

.admin-panel .admin-sidebar-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

.admin-panel .admin-sidebar-brand a > span:nth-child(2) {
    order: 1 !important;
    min-width: 0 !important;
    text-align: right !important;
}

.admin-panel .admin-sidebar-brand strong {
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    font-weight: 900 !important;
}

.admin-panel .admin-sidebar-brand small {
    color: #8496ad !important;
    font-size: 9.5px !important;
    line-height: 1.6 !important;
    margin-top: 2px !important;
}

.admin-panel .admin-sidebar-nav {
    padding: 13px 11px 10px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin !important;
    scrollbar-color: #304663 transparent !important;
}

.admin-panel .admin-sidebar-nav::-webkit-scrollbar { width: 4px !important; }
.admin-panel .admin-sidebar-nav::-webkit-scrollbar-track { background: transparent !important; }
.admin-panel .admin-sidebar-nav::-webkit-scrollbar-thumb { background: #304663 !important; border-radius: 20px !important; }

.admin-panel .admin-sidebar-section {
    margin: 0 0 11px !important;
    padding: 0 !important;
}

.admin-panel .admin-sidebar-section-title {
    height: 25px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    color: #71839a !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.admin-panel .admin-sidebar nav .admin-side-link,
.admin-panel .admin-sidebar nav > a {
    position: relative !important;
    width: 100% !important;
    min-height: 38px !important;
    height: 38px !important;
    margin: 2px 0 !important;
    padding: 0 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: #b5c1d0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background .16s ease,color .16s ease,border-color .16s ease !important;
}

.admin-panel .admin-sidebar nav .admin-side-link:hover,
.admin-panel .admin-sidebar nav > a:hover {
    background: rgba(255,255,255,.045) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.035) !important;
}

.admin-panel .admin-sidebar nav .admin-side-link.admin-nav-active,
.admin-panel .admin-sidebar nav > a.admin-nav-active {
    background: linear-gradient(90deg,rgba(31,104,215,.90),rgba(30,91,184,.88)) !important;
    border-color: rgba(79,145,239,.32) !important;
    color: #fff !important;
    box-shadow: 0 5px 14px rgba(10,63,138,.22) !important;
}

.admin-panel .admin-sidebar .admin-side-icon {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    flex: 0 0 20px !important;
    display: grid !important;
    place-items: center !important;
    color: #8092a9 !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

.admin-panel .admin-sidebar .admin-nav-active .admin-side-icon,
.admin-panel .admin-sidebar .admin-side-group.is-active > .admin-side-parent .admin-side-icon {
    color: #fff !important;
}

.admin-panel .admin-sidebar .admin-side-parent {
    justify-content: flex-start !important;
    cursor: pointer !important;
}

.admin-panel .admin-sidebar .admin-side-parent > span:nth-child(2) {
    flex: 1 1 auto !important;
    text-align: right !important;
}

.admin-panel .admin-sidebar .admin-side-chevron {
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;
    color: #74879f !important;
    stroke-width: 1.8 !important;
}

.admin-panel .admin-sidebar .admin-side-group.is-active > .admin-side-parent {
    color: #dce7f5 !important;
}

.admin-panel .admin-sidebar nav [data-dropdown-content] {
    margin: 2px 5px 3px 0 !important;
    padding: 2px 10px 2px 0 !important;
    border: 0 !important;
    border-right: 1px solid #263c59 !important;
    display: grid !important;
    gap: 0 !important;
}

.admin-panel .admin-sidebar nav [data-dropdown-content][hidden] {
    display: none !important;
}

.admin-panel .admin-sidebar nav [data-dropdown-content] a {
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-radius: 7px !important;
    color: #8ea0b7 !important;
    background: transparent !important;
    font-size: 10px !important;
    font-weight: 650 !important;
}

.admin-panel .admin-sidebar nav [data-dropdown-content] a:before {
    width: 3px !important;
    height: 3px !important;
    margin-left: 7px !important;
    border-radius: 50% !important;
    background: #40536d !important;
    content: "" !important;
}

.admin-panel .admin-sidebar nav [data-dropdown-content] a:hover {
    background: rgba(255,255,255,.035) !important;
    color: #fff !important;
}

.admin-panel .admin-sidebar nav [data-dropdown-content] a.active,
.admin-panel .admin-sidebar nav [data-dropdown-content] a.admin-nav-active {
    background: rgba(40,112,225,.12) !important;
    color: #64a9ff !important;
    font-weight: 800 !important;
}

.admin-panel .admin-sidebar nav [data-dropdown-content] a.active:before,
.admin-panel .admin-sidebar nav [data-dropdown-content] a.admin-nav-active:before {
    background: #3789ed !important;
}

.admin-panel .admin-sidebar .admin-side-badge {
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: auto !important;
    border-radius: 999px !important;
    background: #e43c4c !important;
    color: #fff !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    box-shadow: 0 3px 8px rgba(228,60,76,.18) !important;
}

.admin-panel .admin-sidebar-footer {
    flex: 0 0 auto !important;
    padding: 10px 11px 12px !important;
    border-top: 1px solid rgba(255,255,255,.055) !important;
    background: rgba(6,17,32,.20) !important;
}

.admin-panel .admin-sidebar-footer form { margin: 0 !important; }

.admin-panel .admin-sidebar .admin-sidebar-logout {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    border: 1px solid rgba(67,101,138,.35) !important;
    border-radius: 9px !important;
    background: rgba(32,58,89,.52) !important;
    color: #b9c6d6 !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    text-align: right !important;
    cursor: pointer !important;
    transition: .16s ease !important;
}

.admin-panel .admin-sidebar .admin-sidebar-logout svg {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    color: #b4c3d5 !important;
}

.admin-panel .admin-sidebar .admin-sidebar-logout:hover {
    background: rgba(46,79,116,.68) !important;
    border-color: rgba(95,137,184,.45) !important;
    color: #fff !important;
}

.admin-panel .admin-sidebar-close { z-index: 10 !important; }

@media (max-width: 1023px) {
    .admin-panel .admin-sidebar { width: min(274px, 88vw) !important; }
}


/* Sidebar final alignment: no section headings, brand text right / logo left */
.admin-panel .admin-sidebar-brand a{direction:rtl!important;flex-direction:row!important;justify-content:flex-start!important}
.admin-panel .admin-sidebar-brand a>span.min-w-0{order:1!important;text-align:right!important}
.admin-panel .admin-sidebar-brand .admin-sidebar-logo{order:2!important;margin-inline-start:0!important;margin-inline-end:0!important}
.admin-panel .admin-sidebar-section-title{display:none!important}
.admin-panel .admin-sidebar-section{margin:0 0 7px!important}
.admin-panel .admin-sidebar-nav{padding-top:15px!important}