:root {
    --section-height: 90svh;
    --red: #8b0f1a;
    --red-light: #c4162a;
    --red-dark: #4c070d;
    --black: #060607;
    --charcoal: #101014;
    --charcoal-2: #19191f;
    --grey: #71717a;
    --soft: #f5f5f6;
    --white: #ffffff;
    --line: rgba(255,255,255,.14);
    --dark-line: rgba(0,0,0,.1);
    --shadow: 0 18px 55px rgba(0,0,0,.26);
    --radius: 10px;
    --radius-sm: 6px;
    --header-height: 74px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 12px); }
body { margin:0; font-family: Arial, Helvetica, sans-serif; color:var(--white); background:var(--black); line-height:1.5; overflow-x:hidden; }
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }
button, input, select, textarea { font:inherit; }
.container { width:min(1140px, calc(100% - 28px)); margin:0 auto; }
.section-screen > .container { width:min(1140px, calc(100% - 28px)); }
.skip-link { position:absolute; left:-999px; top:0; z-index:999; background:var(--red); padding:12px; }
.skip-link:focus { left:12px; top:12px; }

.site-header { position:fixed; top:0; left:0; right:0; height:var(--header-height); z-index:100; display:flex; align-items:center; justify-content:space-between; padding:10px 14px; background:rgba(6,6,7,.86); backdrop-filter:blur(16px); border-bottom:1px solid rgba(255,255,255,.08); }
.site-header.scrolled { background:rgba(6,6,7,.96); }
.brand-link { display:flex; align-items:center; gap:10px; min-width:0; }
.brand-logo { width:48px; height:48px; object-fit:cover; border-radius:50%; background:#fff; border:1px solid rgba(255,255,255,.18); }
.brand-text { display:grid; line-height:1.03; text-transform:uppercase; letter-spacing:.8px; }
.brand-text strong { font-size:.95rem; }
.brand-text small { color:#d4d4d8; font-size:.68rem; }
.nav-toggle { width:44px; height:42px; display:grid; place-items:center; gap:4px; padding:8px; border:1px solid var(--line); border-radius:var(--radius-sm); background:rgba(255,255,255,.06); cursor:pointer; }
.nav-toggle span { display:block; width:22px; height:2px; background:#fff; transition:.2s ease; }
.nav-toggle.open span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
.nav-toggle.open span:nth-child(2) { opacity:0; }
.nav-toggle.open span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
.site-nav { position:absolute; top:calc(100% + 8px); left:14px; right:14px; display:none; flex-direction:column; padding:10px; background:rgba(12,12,15,.98); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); }
.site-nav.open { display:flex; }
.site-nav a { padding:11px 12px; border-radius:var(--radius-sm); color:#f2f2f3; font-weight:800; }
.site-nav a.active, .site-nav a:hover { background:rgba(139,15,26,.34); color:#fff; }
.nav-cta { background:linear-gradient(135deg,var(--red),var(--red-light)) !important; text-align:center; }

.section-screen { min-height:var(--section-height); height:auto; position:relative; display:flex; align-items:center; padding:calc(var(--header-height) + 18px) 0 54px; overflow:visible; scroll-margin-top:calc(var(--header-height) + 12px); }
.section-fit { width:100%; display:grid; align-content:center; gap:14px; }
h1,h2,h3 { line-height:1.06; margin:0; }
h1 { font-size:clamp(2.05rem, 8vw, 5.2rem); letter-spacing:-1.6px; }
h2 { font-size:clamp(1.85rem, 5.8vw, 4rem); letter-spacing:-1.2px; }
h3 { font-size:clamp(1.05rem, 3vw, 1.5rem); }
p { color:#d5d5d9; margin:0 0 14px; }
.eyebrow { color:#e7adb4; margin:0 0 10px; text-transform:uppercase; letter-spacing:1.6px; font-size:.73rem; font-weight:900; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid transparent; border-radius:var(--radius-sm); padding:12px 15px; font-weight:900; line-height:1; cursor:pointer; transition:.2s ease; }
.btn:hover { transform:translateY(-2px); }
.btn.primary { background:linear-gradient(135deg,var(--red),var(--red-light)); color:#fff; box-shadow:0 14px 25px rgba(139,15,26,.28); }
.btn.secondary { background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.22); }
.btn.dark { background:#121217; color:#fff; border-color:rgba(255,255,255,.12); }
.btn.whatsapp { background:#128c4a; color:#fff; }
.btn.small { padding:8px 10px; font-size:.82rem; }
.btn.full { width:100%; }
.button-row,.hero-actions,.contact-buttons,.vehicle-actions,.center-action { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.centered { justify-content:center; }

.hero { isolation:isolate; overflow:hidden; }
.hero-slider,.hero-slide,.hero-overlay { position:absolute; inset:0; }
.hero-slide { background-size:cover; background-position:center; opacity:0; transform:scale(1.05); transition:opacity 1s ease, transform 6s ease; }
.hero-slide.active { opacity:1; transform:scale(1); }
.hero-overlay { z-index:1; background:linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.72) 50%, rgba(0,0,0,.38) 100%), radial-gradient(circle at 22% 40%, rgba(139,15,26,.38), transparent 36%); }
.hero-inner { position:relative; z-index:2; width:min(1140px, calc(100% - 28px)); margin:0 auto; display:grid; gap:18px; align-items:center; }
.hero-brand-card { width:min(190px, 54vw); background:rgba(255,255,255,.94); color:#111; border-radius:var(--radius); padding:10px; box-shadow:var(--shadow); }
.hero-brand-card img { border-radius:var(--radius-sm); }
.hero-brand-card span { display:block; color:#2c2c31; text-align:center; margin-top:8px; font-size:.77rem; font-weight:900; }
.hero-content { max-width:800px; }
.hero-text { max-width:680px; font-size:clamp(.98rem, 2.2vw, 1.25rem); }
.trust-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.trust-row span { padding:8px 10px; border:1px solid var(--line); border-radius:var(--radius-sm); background:rgba(255,255,255,.08); font-size:.82rem; font-weight:800; }
.scroll-cue,.section-next { position:absolute; left:14px; bottom:18px; transform:none; z-index:4; width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.22); border-radius:var(--radius-sm); background:rgba(0,0,0,.48); color:#fff; box-shadow:0 12px 30px rgba(0,0,0,.25); }
.scroll-cue { width:auto; padding:0 12px; grid-template-columns:auto auto; gap:8px; }
.scroll-cue span { font-size:.68rem; text-transform:uppercase; letter-spacing:1px; font-weight:900; }
.scroll-cue i,.section-next i { animation:bounce 1.25s infinite; }
.dark-cue { background:rgba(255,255,255,.92); color:#111; border-color:rgba(0,0,0,.1); }
@keyframes bounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(6px)} }

.about-home,.stats-section,.faq-preview,.contact-home,.content-section,.process-section,.request-home { background:linear-gradient(145deg,#09090b,#17171d); }
.request-home { background:linear-gradient(145deg,#08080a,#21070d); }
.featured,.testimonials,.blog-preview,.catalogue-section,.form-section,.detail-specs-section,.article-section { background:var(--soft); color:#111; }
.featured p,.testimonials p,.blog-preview p,.catalogue-section p,.form-section p,.detail-specs-section p,.article-section p { color:#47474f; }
.featured .eyebrow,.testimonials .eyebrow,.blog-preview .eyebrow { color:var(--red); }
.split-layout,.form-grid,.detail-grid { display:grid; gap:22px; align-items:center; }
.section-copy p { font-size:clamp(.95rem, 1.7vw, 1.05rem); }
.section-head { text-align:center; max-width:780px; margin:0 auto 14px; }
.premium-panel,.contact-card,.request-summary,.spec-panel,.feature-panel,.blog-card,.testimonial-card,.vehicle-card,.login-card,.admin-panel,.buyer-box { border-radius:var(--radius); border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); box-shadow:var(--shadow); }
.premium-panel,.contact-card { padding:20px; }
.panel-topline { width:78px; height:4px; background:var(--red); border-radius:var(--radius-sm); margin-bottom:16px; }
.icon-list,.feature-list { list-style:none; padding:0; margin:16px 0 0; display:grid; gap:11px; }
.icon-list li,.feature-list li { display:flex; gap:10px; align-items:flex-start; }
.icon-list i,.feature-list i { color:#e34250; margin-top:4px; }

.vehicle-grid { display:grid; gap:14px; }
.featured-grid { grid-template-columns:repeat(5, minmax(240px, 1fr)); overflow-x:auto; padding:4px 2px 14px; scroll-snap-type:x mandatory; }
.featured-grid .vehicle-card { min-width:240px; scroll-snap-align:start; }
.vehicle-card { overflow:hidden; background:#fff; color:#111; border-color:var(--dark-line); box-shadow:0 14px 35px rgba(0,0,0,.12); }
.vehicle-image { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; background:#111; }
.vehicle-image img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.vehicle-card:hover .vehicle-image img { transform:scale(1.04); }
.status-pill { position:absolute; top:10px; right:10px; padding:6px 8px; border-radius:var(--radius-sm); background:var(--red); color:#fff; font-size:.72rem; font-weight:900; }
.status-pill.reserved { background:#b47a00; }
.status-pill.sold { background:#24242a; }
.vehicle-body { padding:12px; }
.vehicle-title-row { display:grid; gap:5px; }
.vehicle-title-row h3 { font-size:1rem; }
.vehicle-title-row strong { color:var(--red); font-size:1.08rem; }
.vehicle-body p { font-size:.84rem; margin:7px 0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.spec-row { display:grid; grid-template-columns:repeat(2,1fr); gap:6px; margin:10px 0; font-size:.76rem; color:#4a4a51; }
.spec-row span { display:flex; align-items:center; gap:5px; min-width:0; }
.vehicle-actions { justify-content:space-between; }

.process-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-bottom:16px; }
.process-grid article { padding:14px; border:1px solid var(--line); border-radius:var(--radius); background:rgba(255,255,255,.06); }
.process-grid i { color:#e34250; font-size:1.4rem; margin-bottom:10px; }
.process-grid p { font-size:.88rem; margin:8px 0 0; }
.brand-wall { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-sm); background:rgba(255,255,255,.06); padding:12px 0; }
.brand-track { display:flex; width:max-content; gap:10px; animation:marquee 30s linear infinite; }
.brand-logo-card { min-width:154px; min-height:86px; padding:12px 14px; border-radius:var(--radius-sm); background:#fff; color:#111; display:grid; place-items:center; gap:7px; border:1px solid rgba(0,0,0,.08); box-shadow:0 10px 22px rgba(0,0,0,.14); }
.brand-logo-card img { width:48px; height:42px; object-fit:contain; display:block; filter:none; }
.brand-logo-card span { text-align:center; font-weight:900; text-transform:uppercase; font-size:.72rem; letter-spacing:.45px; line-height:1.1; }
.brand-logo-card .logo-name-only { padding-top:18px; font-size:.82rem; }
.brand-logo-card img[src*="logo.clearbit.com"] { width:54px; height:42px; }
@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }

.stats-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.stat-card { padding:20px 14px; border-radius:var(--radius); background:rgba(255,255,255,.08); border:1px solid var(--line); text-align:center; }
.stat-card strong { display:block; color:#fff; font-size:clamp(1.8rem, 7vw, 3.6rem); line-height:1; }
.stat-card span { color:#d8d8dc; font-weight:900; font-size:.83rem; }
.admin-stats .stat-card strong { color:var(--red); }
.testimonial-grid,.blog-grid { display:grid; gap:14px; }
.testimonial-card,.blog-card { padding:18px; background:#fff; color:#111; border-color:var(--dark-line); box-shadow:0 12px 28px rgba(0,0,0,.08); }
.testimonial-card span,.blog-card span { display:block; color:var(--red); font-weight:900; font-size:.8rem; text-transform:uppercase; letter-spacing:.8px; }
.stars { color:var(--red); margin-bottom:10px; }
.text-link { color:var(--red); font-weight:900; }
.accordion { display:grid; gap:10px; }
.accordion-item { border:1px solid rgba(255,255,255,.12); border-radius:var(--radius-sm); background:rgba(255,255,255,.07); overflow:hidden; }
.accordion-item button { width:100%; border:0; background:transparent; color:#fff; padding:15px; display:flex; justify-content:space-between; align-items:center; font-weight:900; text-align:left; cursor:pointer; }
.accordion-content { max-height:0; overflow:hidden; transition:max-height .25s ease; }
.accordion-content p { padding:0 15px 15px; margin:0; }
.accordion-item.open .accordion-content { max-height:180px; }
.accordion-item.open i { transform:rotate(45deg); }
.buyer-box { padding:18px; margin-top:16px; background:#111116; color:#fff; }
.buyer-box p { color:#d8d8dc; }

label { display:grid; gap:7px; font-weight:900; color:#111; }
input,select,textarea { width:100%; border:1px solid rgba(0,0,0,.14); border-radius:var(--radius-sm); padding:11px 12px; background:#fff; color:#111; outline:none; }
textarea { resize:vertical; }
input:focus,select:focus,textarea:focus { border-color:var(--red); box-shadow:0 0 0 4px rgba(139,15,26,.1); }
.premium-form { display:grid; gap:12px; background:#fff; color:#111; border:1px solid var(--dark-line); padding:18px; border-radius:var(--radius); box-shadow:var(--shadow); }
.field-pair { display:grid; gap:12px; }
.compact-form { gap:10px; }
.compact-form textarea { max-height:115px; }
.compact-form-section { align-items:center; }
.alert { border-radius:var(--radius-sm); padding:12px; }
.alert p { margin:0; }
.alert.error { background:#fff1f1; color:#7a0710; border:1px solid #ffd3d7; }
.alert.success { background:#ecfff3; color:#045728; border:1px solid #a9efc2; }

.page-hero { padding:calc(var(--header-height) + 42px) 0 42px; background:linear-gradient(135deg,rgba(0,0,0,.9),rgba(82,7,13,.86)); }
.page-hero h1 { max-width:980px; }
.catalogue-section,.form-section,.detail-specs-section,.article-section { padding:42px 0; }
.filter-bar { display:grid; gap:12px; margin-bottom:22px; padding:14px; background:#fff; border-radius:var(--radius); box-shadow:0 12px 30px rgba(0,0,0,.08); }
.empty-state { text-align:center; padding:40px 20px; background:#fff; border-radius:var(--radius); }
.vehicle-detail-hero { padding:calc(var(--header-height) + 28px) 0 34px; background:linear-gradient(145deg,#08080a,#22090d); }
.detail-main-image { position:relative; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); aspect-ratio:16/10; background:#111; }
.detail-main-image img { width:100%; height:100%; object-fit:cover; }
.detail-price { font-size:clamp(2rem,7vw,4rem); font-weight:900; color:#fff; margin:12px 0; }
.detail-price small { display:block; color:#e1a4ab; font-size:.85rem; text-transform:uppercase; letter-spacing:1px; }
.gallery-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:10px; }
.gallery-strip a { display:block; aspect-ratio:16/10; overflow:hidden; border-radius:var(--radius-sm); border:1px solid rgba(255,255,255,.14); }
.gallery-strip img { width:100%; height:100%; object-fit:cover; }
.spec-panel,.feature-panel,.request-summary,.article-body { background:#fff; color:#111; border:1px solid var(--dark-line); padding:20px; border-radius:var(--radius); box-shadow:0 12px 28px rgba(0,0,0,.08); }
.spec-table { display:grid; gap:6px; margin-top:14px; }
.spec-table div { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid rgba(0,0,0,.08); }
.spec-table span { color:#686870; }
.request-summary img { width:100%; border-radius:var(--radius-sm); margin:12px 0; }
.small-price { color:var(--red); font-size:2rem; }
.article-body p { color:#33343a; font-size:1.05rem; }

.site-footer { background:#07070a; border-top:1px solid var(--line); padding:38px 0 18px; }
.footer-grid { display:grid; gap:24px; }
.footer-logo { width:92px; height:92px; object-fit:cover; border-radius:var(--radius-sm); background:#fff; }
.site-footer h3 { font-size:1rem; margin-bottom:10px; }
.site-footer a,.site-footer p { display:block; color:#cfcfd3; margin:7px 0; }
.footer-button { padding:11px 12px; border-radius:var(--radius-sm); background:var(--red); color:#fff !important; font-weight:900; text-align:center; }
.footer-button.ghost { background:rgba(255,255,255,.08); }
.footer-bottom { width:min(1140px,calc(100% - 28px)); margin:24px auto 0; border-top:1px solid var(--line); padding-top:16px; display:flex; justify-content:space-between; align-items:flex-start; gap:12px; color:#aaaab0; }
.trademark-note { max-width:680px; font-size:.75rem; color:#8f8f97; margin:0; line-height:1.45; }

/* Compact the featured stock cards so the Products section does not collide with the Process section on laptop screens. */
.featured .vehicle-card { align-self:start; }
.featured .vehicle-title-row h3 { font-size:.95rem; line-height:1.08; }
.featured .vehicle-title-row strong { font-size:1rem; }
.featured .vehicle-actions { gap:8px; }
.featured .center-action { margin-top:0; }

/* The browser should never clip section content just because the viewport is short. */
@media (max-height: 820px) and (min-width: 960px) {
    :root { --header-height: 74px; }
    .section-screen { padding-top:calc(var(--header-height) + 10px); padding-bottom:46px; align-items:center; }
    .section-head h2 { font-size:clamp(1.85rem, 4.5vw, 3.25rem); }
    .section-head p { margin-bottom:6px; }
    .featured .vehicle-image { aspect-ratio:16/8.3; }
    .featured .vehicle-body { padding:10px; }
    .featured .vehicle-body p { -webkit-line-clamp:2; font-size:.8rem; }
    .featured .spec-row { font-size:.72rem; gap:5px; margin:8px 0; }
    .featured .btn.small { padding:8px 9px; }
    .process-grid { gap:10px; margin-bottom:12px; }
    .process-grid article { padding:12px; }
    .process-grid p { -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; }
}

.floating-whatsapp { position:fixed; right:14px; bottom:14px; width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:#128c4a; color:#fff; z-index:99; box-shadow:0 12px 30px rgba(0,0,0,.32); font-size:1.45rem; }
.reveal { opacity:0; transform:translateY(42px) scale(.98); filter:blur(3px); transition:opacity .75s ease, transform .75s cubic-bezier(.2,.8,.2,1), filter .75s ease; will-change:opacity, transform; }
.reveal.visible { opacity:1; transform:translateY(0) scale(1); filter:blur(0); }
.reveal.reveal-left { transform:translateX(-45px) scale(.98); }
.reveal.reveal-right { transform:translateX(45px) scale(.98); }
.reveal.reveal-left.visible,.reveal.reveal-right.visible { transform:translateX(0) scale(1); }
.vehicle-card.reveal,.testimonial-card.reveal,.blog-card.reveal,.process-grid article.reveal,.brand-logo-card.reveal { transition-delay:var(--reveal-delay, 0ms); }

.login-body { min-height:100svh; display:grid; place-items:center; padding:18px; background:radial-gradient(circle at top,rgba(139,15,26,.42),transparent 34%),#09090b; }
.login-card { width:min(420px,100%); background:#fff; color:#111; padding:26px; display:grid; gap:14px; }
.login-card img { width:105px; height:105px; object-fit:cover; margin:0 auto; border-radius:var(--radius-sm); }
.admin-body { background:#f1f1f3; color:#111; }
.admin-sidebar { position:fixed; inset:0 auto 0 0; width:258px; background:#09090b; color:#fff; padding:16px; display:none; border-right:1px solid rgba(255,255,255,.08); }
.admin-brand { display:flex; align-items:center; gap:10px; font-weight:900; margin-bottom:22px; }
.admin-brand img { width:46px; height:46px; border-radius:50%; object-fit:cover; background:#fff; }
.admin-sidebar nav { display:grid; gap:6px; }
.admin-sidebar a { padding:12px; border-radius:var(--radius-sm); color:#f1f1f3; }
.admin-sidebar a:hover,.admin-sidebar a.active { background:rgba(139,15,26,.34); }
.admin-main { padding:16px; }
.admin-mobilebar { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.admin-topbar { display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; align-items:center; margin-bottom:16px; }
.admin-topbar h1 { font-size:2rem; letter-spacing:-1px; }
.admin-stats { display:grid; gap:12px; margin-bottom:16px; }
.admin-stats .stat-card { background:#fff; color:#111; border-color:var(--dark-line); box-shadow:0 12px 28px rgba(0,0,0,.07); }
.admin-panel { background:#fff; color:#111; border-color:var(--dark-line); padding:18px; box-shadow:0 12px 28px rgba(0,0,0,.07); }
.admin-actions { display:flex; flex-wrap:wrap; gap:10px; }
.table-wrap { overflow-x:auto; }
.admin-table { width:100%; border-collapse:collapse; min-width:820px; }
.admin-table th,.admin-table td { text-align:left; padding:13px; border-bottom:1px solid rgba(0,0,0,.08); vertical-align:middle; }
.admin-table th { color:#57575e; text-transform:uppercase; font-size:.76rem; }
.admin-thumb { width:74px; height:52px; object-fit:cover; border-radius:var(--radius-sm); background:#111; }
.table-actions { display:flex; flex-wrap:wrap; gap:8px; }
.table-actions a,.admin-table a { color:var(--red); font-weight:900; }
.wide-form { max-width:1050px; }
.check-label { display:flex; align-items:center; gap:10px; }
.check-label input { width:auto; }
.request-detail-grid { display:grid; gap:10px; }
.request-detail-grid p { background:#f4f4f5; border-radius:var(--radius-sm); padding:12px; margin:0; }
.request-detail-grid span { display:block; color:#62626a; font-size:.8rem; }
.status-form { display:flex; gap:12px; align-items:end; flex-wrap:wrap; margin-top:18px; }
.status-badge { display:inline-flex; padding:6px 9px; border-radius:var(--radius-sm); background:#f1e8ea; color:var(--red); font-weight:900; font-size:.78rem; }
.admin-preview-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:8px; }
.admin-preview-grid img { height:80px; width:100%; object-fit:cover; border-radius:var(--radius-sm); }

@media (max-width: 700px) {
    .section-screen { min-height:var(--section-height); padding-top:calc(var(--header-height) + 14px); padding-bottom:58px; align-items:flex-start; }
    .section-fit { max-height:none; }
    h1 { font-size:clamp(2rem, 9vw, 3rem); }
    h2 { font-size:clamp(1.65rem, 7vw, 2.45rem); }
    .section-head { margin-bottom:12px; }
    .featured-grid { grid-template-columns:repeat(5, 82vw); }
    .process-grid { grid-template-columns:1fr; }
    .process-grid article:nth-child(n+4) { display:none; }
    .hero-brand-card { width:150px; }
    .hero-actions .btn,.vehicle-actions .btn { width:100%; }
    .stats-grid { grid-template-columns:repeat(2,1fr); }
    .testimonial-grid .testimonial-card:nth-child(n+3), .blog-grid .blog-card:nth-child(n+3) { display:none; }
    .footer-bottom { flex-direction:column; }
}
@media (min-width:700px) {
    .field-pair,.filter-bar { grid-template-columns:repeat(2,1fr); align-items:end; }
    .vehicle-grid:not(.featured-grid),.testimonial-grid,.blog-grid { grid-template-columns:repeat(2,1fr); }
    .footer-grid { grid-template-columns:1.4fr 1fr 1.2fr 1fr; }
    .admin-stats { grid-template-columns:repeat(4,1fr); }
    .request-detail-grid { grid-template-columns:repeat(2,1fr); }
}
@media (min-width:960px) {
    .site-header { padding:10px 34px; }
    .nav-toggle { display:none; }
    .site-nav { position:static; display:flex; flex-direction:row; align-items:center; background:transparent; border:0; box-shadow:none; padding:0; gap:3px; }
    .site-nav a { padding:10px 12px; font-size:.9rem; }
    .hero-inner { grid-template-columns:240px 1fr; }
    .split-layout,.form-grid,.detail-grid { grid-template-columns:1fr 1fr; }
    .vehicle-grid:not(.featured-grid) { grid-template-columns:repeat(3,1fr); }
    .featured-grid { grid-template-columns:repeat(5, minmax(0,1fr)); overflow:visible; gap:14px; }
    .featured-grid .vehicle-card { min-width:0; }
    .admin-sidebar { display:block; }
    .admin-main { margin-left:258px; padding:26px; }
    .admin-mobilebar { display:none; }
}
@media (min-width:960px) and (max-width:1120px) {
    .featured-grid { grid-template-columns:repeat(5, minmax(210px, 1fr)); overflow-x:auto; overflow-y:visible; }
}
@media (min-width:1180px) {
    .site-nav a { padding:10px 14px; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior:auto !important; animation:none !important; transition:none !important; } }

/* Dedicated products page */
.products-hero { padding-bottom:54px; }
.product-hero-grid { display:grid; gap:22px; align-items:center; }
.catalogue-intro-card { border:1px solid var(--line); border-radius:var(--radius); background:rgba(255,255,255,.08); padding:20px; box-shadow:var(--shadow); }
.catalogue-intro-card span { color:#e7adb4; text-transform:uppercase; letter-spacing:1.4px; font-size:.72rem; font-weight:900; }
.catalogue-intro-card strong { display:block; font-size:clamp(2.4rem, 8vw, 4.2rem); line-height:1; margin:10px 0; }
.product-search-panel { background:#fff; color:#111; border:1px solid var(--dark-line); border-radius:var(--radius); box-shadow:0 18px 45px rgba(0,0,0,.10); padding:16px; margin-bottom:24px; }
.filter-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; flex-wrap:wrap; padding-bottom:14px; border-bottom:1px solid rgba(0,0,0,.08); margin-bottom:14px; }
.filter-heading h2 { font-size:clamp(1.5rem, 4vw, 2.4rem); color:#111; }
.filter-grid { display:grid; gap:12px; margin-bottom:14px; }
.filter-grid label { align-content:start; }
.catalogue-status { display:flex; justify-content:space-between; align-items:flex-end; gap:14px; flex-wrap:wrap; margin:6px 0 18px; }
.catalogue-status h2 { color:#111; font-size:clamp(1.45rem, 4vw, 2.5rem); }
.filter-chips { display:flex; flex-wrap:wrap; gap:8px; }
.filter-chips span { display:inline-flex; border:1px solid rgba(139,15,26,.18); background:#fff; color:var(--red); border-radius:var(--radius-sm); padding:7px 9px; font-size:.78rem; font-weight:900; }
.products-grid { align-items:start; }
.process-actions { margin:4px 0 16px; }

@media (min-width:700px) {
    .filter-grid { grid-template-columns:repeat(2,1fr); }
    .wide-filter { grid-column:span 2; }
}
@media (min-width:960px) {
    .product-hero-grid { grid-template-columns:1.45fr .55fr; }
    .filter-grid { grid-template-columns:repeat(4,1fr); }
    .wide-filter { grid-column:span 2; }
}

/* Products catalogue page rebuild: no hero, cleaner filter layout */
.products-page {
    background:var(--soft);
    color:#111;
    min-height:100svh;
    padding:calc(var(--header-height) + 24px) 0 54px;
}
.products-page p { color:#4c4c54; }
.products-page-head {
    display:grid;
    gap:16px;
    align-items:end;
    margin-bottom:22px;
    padding:18px;
    border-radius:var(--radius);
    background:linear-gradient(135deg,#ffffff,#f0f0f2);
    border:1px solid var(--dark-line);
    box-shadow:0 14px 34px rgba(0,0,0,.07);
}
.products-page-head h1 {
    color:#101014;
    font-size:clamp(2rem, 6vw, 4rem);
    max-width:850px;
}
.products-page-head p { max-width:780px; margin-bottom:0; }
.products-head-actions { display:flex; flex-wrap:wrap; gap:10px; }

.products-page .product-search-panel {
    padding:14px;
    border-radius:var(--radius);
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 18px 45px rgba(0,0,0,.08);
}
.clean-filter-heading {
    align-items:center;
    padding-bottom:12px;
    margin-bottom:14px;
}
.clean-filter-heading p:not(.eyebrow) { margin:4px 0 0; max-width:720px; }
.clean-filter-heading h2 { font-size:clamp(1.35rem, 4vw, 2.25rem); }
.filter-sections {
    display:grid;
    gap:12px;
}
.filter-section {
    margin:0;
    padding:14px;
    border:1px solid rgba(0,0,0,.09);
    border-radius:var(--radius-sm);
    background:#fbfbfc;
}
.filter-section legend {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:0 8px;
    color:var(--red);
    font-size:.76rem;
    font-weight:900;
    letter-spacing:.8px;
    text-transform:uppercase;
}
.clean-filter-grid {
    display:grid;
    gap:11px;
    margin:0;
}
.clean-filter-grid label {
    color:#19191f;
    font-size:.82rem;
    letter-spacing:.1px;
}
.clean-filter-grid input,
.clean-filter-grid select {
    min-height:43px;
    border-radius:var(--radius-sm);
    background:#fff;
}
.filter-submit-row {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:flex-end;
    align-items:center;
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid rgba(0,0,0,.08);
}
.filter-submit-row .btn { min-width:160px; }
.filter-secondary {
    background:#fff !important;
    color:#111 !important;
    border-color:rgba(0,0,0,.14) !important;
}
.products-page .catalogue-status {
    padding:14px 16px;
    border-radius:var(--radius);
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 10px 24px rgba(0,0,0,.06);
    margin:18px 0;
}
.products-page .catalogue-status h2 { font-size:clamp(1.25rem, 4vw, 2.15rem); }
.products-grid {
    gap:16px;
}
.products-grid .vehicle-card {
    border-radius:var(--radius-sm);
}
.products-grid .vehicle-image {
    aspect-ratio:16/10;
}

@media (max-width:700px) {
    .products-page { padding-top:calc(var(--header-height) + 16px); }
    .products-page-head { padding:14px; }
    .products-head-actions .btn,
    .filter-submit-row .btn { width:100%; }
    .filter-submit-row { justify-content:stretch; }
    .filter-section { padding:12px; }
}
@media (min-width:700px) {
    .products-page-head { grid-template-columns:1fr auto; }
    .clean-filter-grid { grid-template-columns:repeat(2,1fr); }
    .filter-section-wide .clean-filter-grid { grid-template-columns:1.4fr 1fr; }
    .filter-section-wide .wide-filter { grid-column:auto; }
}
@media (min-width:960px) {
    .filter-sections { grid-template-columns:1fr 1fr; align-items:start; }
    .filter-section-wide { grid-column:1 / -1; }
    .filter-section .clean-filter-grid { grid-template-columns:repeat(2,1fr); }
    .filter-section-wide .clean-filter-grid { grid-template-columns:1.3fr .7fr; }
    .products-grid.vehicle-grid:not(.featured-grid) { grid-template-columns:repeat(3,1fr); }
}
@media (min-width:1180px) {
    .products-grid.vehicle-grid:not(.featured-grid) { grid-template-columns:repeat(4,1fr); }
}

/* Standard products search page: compact search bar + toggleable filters */
.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}
.products-page {
    background:linear-gradient(180deg,#f6f6f7 0%, #eeeeef 100%);
    color:#111;
    padding:calc(var(--header-height) + 30px) 0 64px;
}
.catalogue-compact-head.products-page-head {
    margin-bottom:16px;
    padding:16px;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 12px 26px rgba(0,0,0,.06);
}
.catalogue-compact-head.products-page-head h1 {
    font-size:clamp(2rem, 5vw, 3.2rem);
    letter-spacing:-1px;
}
.catalogue-compact-head.products-page-head p {
    color:#4f4f57;
}
.product-search-modern {
    position:relative;
    z-index:2;
    margin:0 0 18px;
    padding:14px;
    border-radius:var(--radius);
    background:#fff;
    color:#111;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 16px 36px rgba(0,0,0,.08);
}
.standard-search-line {
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    align-items:center;
}
.search-box-main {
    position:relative;
    display:block;
}
.search-box-main i {
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    color:var(--red);
    z-index:1;
}
.search-box-main input {
    width:100%;
    min-height:52px;
    padding:0 14px 0 46px;
    border-radius:var(--radius-sm);
    border:1px solid rgba(0,0,0,.14);
    background:#fff;
    color:#111;
    font-weight:800;
    outline:none;
    box-shadow:none;
}
.search-box-main input:focus,
.advanced-filter-grid input:focus,
.advanced-filter-grid select:focus {
    border-color:var(--red);
    box-shadow:0 0 0 3px rgba(139,15,26,.12);
}
.search-actions {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
}
.search-actions .btn {
    min-height:48px;
}
.filter-toggle-button {
    background:#fff;
    color:#111;
    border-color:rgba(0,0,0,.18);
}
.filter-toggle-button:hover,
.filter-toggle-button[aria-expanded="true"] {
    background:#111;
    color:#fff;
    border-color:#111;
}
.filter-count {
    display:inline-grid;
    place-items:center;
    min-width:20px;
    height:20px;
    padding:0 6px;
    border-radius:999px;
    background:var(--red);
    color:#fff;
    font-size:.72rem;
}
.advanced-filter-panel {
    display:none;
    margin-top:14px;
    padding:14px;
    border-radius:var(--radius-sm);
    border:1px solid rgba(0,0,0,.10);
    background:#fafafa;
    overflow:hidden;
}
.advanced-filter-panel.open {
    display:block;
    animation:filterPanelIn .24s ease both;
}
@keyframes filterPanelIn {
    from { opacity:0; transform:translateY(-8px); }
    to { opacity:1; transform:translateY(0); }
}
.advanced-filter-top {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    padding-bottom:12px;
    margin-bottom:12px;
    border-bottom:1px solid rgba(0,0,0,.08);
}
.advanced-filter-top h2 {
    color:#111;
    font-size:clamp(1.15rem, 3vw, 1.7rem);
    letter-spacing:-.3px;
}
.advanced-filter-top .eyebrow {
    color:var(--red);
    margin-bottom:4px;
}
.advanced-filter-grid {
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}
.filter-field {
    display:grid;
    gap:6px;
    color:#1d1d23;
    font-size:.82rem;
    font-weight:900;
}
.filter-field input,
.filter-field select {
    width:100%;
    min-height:45px;
    border-radius:var(--radius-sm);
    border:1px solid rgba(0,0,0,.14);
    background:#fff;
    color:#111;
    padding:0 12px;
    font-weight:800;
    outline:none;
}
.advanced-filter-actions {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:10px;
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid rgba(0,0,0,.08);
}
.products-page .catalogue-status {
    background:#fff;
    color:#111;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 10px 22px rgba(0,0,0,.06);
    margin:18px 0;
}
.products-page .catalogue-status h2 {
    color:#111;
    font-size:clamp(1.55rem, 4vw, 2.7rem);
}
.products-page .filter-chips span {
    background:#fff5f6;
    border-color:rgba(139,15,26,.20);
}
@media (max-width:699px) {
    .products-page { padding-top:calc(var(--header-height) + 18px); }
    .catalogue-compact-head.products-page-head { padding:14px; }
    .search-actions { display:grid; grid-template-columns:1fr 1fr; }
    .search-actions .btn:first-child { grid-column:1 / -1; }
    .advanced-filter-top { align-items:stretch; flex-direction:column; }
    .advanced-filter-actions .btn { width:100%; }
}
@media (min-width:700px) {
    .standard-search-line {
        grid-template-columns:minmax(0,1fr) auto;
    }
    .search-actions { justify-content:flex-end; flex-wrap:nowrap; }
    .advanced-filter-grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
    .filter-field-wide { grid-column:1 / -1; }
}
@media (min-width:1060px) {
    .advanced-filter-grid { grid-template-columns:repeat(4, minmax(0,1fr)); }
    .filter-field-wide { grid-column:span 2; }
}

/* 2026-06-12 correction: light catalogue theme, reliable no-JS filter toggle, improved spacing */
.products-page {
    background:linear-gradient(180deg, #ffffff 0%, #f4f4f5 48%, #ffffff 100%) !important;
    color:#121217 !important;
    padding:calc(var(--header-height) + 42px) 0 76px !important;
}
.products-page .container {
    display:grid;
    gap:28px;
}
.catalogue-compact-head.products-page-head {
    margin:0 !important;
    padding:24px !important;
    background:#ffffff !important;
    border:1px solid rgba(16,16,20,.10) !important;
    box-shadow:0 14px 36px rgba(0,0,0,.07) !important;
}
.catalogue-compact-head.products-page-head h1 {
    color:#101014 !important;
    margin-bottom:12px;
}
.catalogue-compact-head.products-page-head p,
.products-page p,
.filter-helper-text {
    color:#55555d !important;
}
.products-head-actions,
.search-actions,
.advanced-filter-actions,
.button-row,
.vehicle-actions {
    gap:14px !important;
}
.product-search-modern {
    margin:0 !important;
    padding:22px !important;
    background:#ffffff !important;
    color:#111117 !important;
    border:1px solid rgba(16,16,20,.11) !important;
    box-shadow:0 16px 38px rgba(0,0,0,.075) !important;
}
.standard-search-line {
    gap:16px !important;
}
.filter-toggle-input {
    position:absolute;
    opacity:0;
    pointer-events:none;
    width:1px;
    height:1px;
}
.search-box-main input {
    min-height:56px !important;
    border-radius:8px !important;
    border:1px solid rgba(16,16,20,.17) !important;
    background:#fff !important;
    color:#111117 !important;
}
.search-box-main input::placeholder,
.filter-field input::placeholder {
    color:#777781 !important;
}
.search-actions .btn,
.products-head-actions .btn,
.advanced-filter-actions .btn {
    min-height:50px;
    padding-inline:18px;
}
.filter-toggle-button,
.light-reset {
    background:#ffffff !important;
    color:#111117 !important;
    border:1px solid rgba(16,16,20,.18) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.04);
}
.filter-toggle-button:hover,
.filter-toggle-input:checked ~ .standard-search-line .filter-toggle-button,
.light-reset:hover {
    background:#101014 !important;
    color:#ffffff !important;
    border-color:#101014 !important;
}
.advanced-filter-panel {
    display:none !important;
    margin-top:22px !important;
    padding:22px !important;
    background:#fbfbfc !important;
    border:1px solid rgba(16,16,20,.10) !important;
    border-radius:8px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.filter-toggle-input:checked ~ .advanced-filter-panel {
    display:block !important;
    animation:filterPanelIn .22s ease both;
}
.advanced-filter-top {
    gap:18px !important;
    padding-bottom:18px !important;
    margin-bottom:18px !important;
}
.advanced-filter-top h2 {
    color:#121217 !important;
    margin-bottom:6px;
}
.advanced-filter-grid {
    gap:18px !important;
}
.filter-field {
    gap:8px !important;
    color:#202026 !important;
    font-weight:900 !important;
}
.filter-field input,
.filter-field select {
    min-height:48px !important;
    border-radius:8px !important;
    border:1px solid rgba(16,16,20,.16) !important;
    background:#fff !important;
    color:#111117 !important;
}
.advanced-filter-actions {
    margin-top:22px !important;
    padding-top:20px !important;
}
.products-page .catalogue-status {
    margin:0 !important;
    padding:20px 22px !important;
    background:#ffffff !important;
    border:1px solid rgba(16,16,20,.10) !important;
    box-shadow:0 12px 30px rgba(0,0,0,.065) !important;
}
.products-page .catalogue-status h2 {
    color:#111117 !important;
    margin-top:6px;
}
.products-page .filter-chips {
    gap:10px !important;
}
.products-page .filter-chips span {
    background:#fff4f5 !important;
    color:var(--red) !important;
    border:1px solid rgba(139,15,26,.22) !important;
}
.products-grid.vehicle-grid {
    gap:24px !important;
}
.products-grid .vehicle-card {
    background:#fff !important;
    border:1px solid rgba(16,16,20,.10) !important;
    border-radius:8px !important;
    box-shadow:0 16px 34px rgba(0,0,0,.085) !important;
}
.products-grid .vehicle-body {
    padding:16px !important;
}
.products-grid .vehicle-actions {
    margin-top:14px;
}
.products-grid .btn {
    margin-top:2px;
}
.empty-state {
    background:#fff !important;
    color:#111117 !important;
    border:1px solid rgba(16,16,20,.10) !important;
    border-radius:8px !important;
    padding:34px !important;
}
.empty-state h2 { color:#111117 !important; }

@media (max-width:699px) {
    .products-page {
        padding:calc(var(--header-height) + 24px) 0 58px !important;
    }
    .products-page .container {
        gap:22px;
    }
    .catalogue-compact-head.products-page-head,
    .product-search-modern,
    .advanced-filter-panel,
    .products-page .catalogue-status {
        padding:16px !important;
    }
    .search-actions {
        grid-template-columns:1fr 1fr !important;
        gap:12px !important;
    }
    .search-actions .btn:first-child {
        grid-column:1 / -1;
    }
    .search-actions .btn,
    .search-actions label.btn,
    .products-head-actions .btn,
    .advanced-filter-actions .btn {
        width:100%;
    }
    .products-grid.vehicle-grid {
        gap:18px !important;
    }
}

@media (min-width:700px) {
    .products-head-actions {
        justify-content:flex-end;
    }
}

/* 2026-06-12 correction: bright theme applied across the full public site and admin UI */
:root {
    --page-bg: #ffffff;
    --page-soft: #f6f6f7;
    --page-soft-2: #f0f0f2;
    --ink: #111117;
    --muted: #55555d;
    --muted-2: #71717a;
    --card: #ffffff;
    --light-border: rgba(17,17,23,.10);
    --light-shadow: 0 16px 40px rgba(17,17,23,.08);
    --light-shadow-sm: 0 10px 24px rgba(17,17,23,.06);
}
html { background: var(--page-bg); }
body,
.single-scroll-page,
.content-page {
    background: var(--page-bg) !important;
    color: var(--ink) !important;
}
body p,
.section-copy p,
.hero-text,
.footer-copy,
.article-body p,
.detail-specs-section p,
.content-section p,
.form-section p,
.catalogue-section p,
.testimonials p,
.blog-preview p,
.faq-preview p,
.stats-section p,
.about-home p,
.contact-home p,
.process-section p,
.request-home p {
    color: var(--muted) !important;
}
.site-header {
    background: rgba(255,255,255,.94) !important;
    border-bottom: 1px solid var(--light-border) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.06) !important;
}
.site-header.scrolled {
    background: rgba(255,255,255,.98) !important;
}
.brand-text strong { color: var(--ink) !important; }
.brand-text small { color: var(--muted) !important; }
.brand-logo { border-color: var(--light-border) !important; box-shadow: 0 8px 18px rgba(0,0,0,.06); }
.nav-toggle { background:#fff !important; border-color: var(--light-border) !important; }
.nav-toggle span { background: var(--ink) !important; }
.site-nav {
    background: #fff !important;
    border: 1px solid var(--light-border) !important;
    box-shadow: var(--light-shadow) !important;
}
.site-nav a { color: var(--ink) !important; }
.site-nav a.active,
.site-nav a:hover {
    background: #fff2f4 !important;
    color: var(--red) !important;
}
.site-nav .nav-cta,
.nav-cta {
    color: #fff !important;
    background: linear-gradient(135deg, var(--red), var(--red-light)) !important;
}

.section-screen {
    background: var(--page-bg) !important;
    color: var(--ink) !important;
    border-bottom: 1px solid rgba(17,17,23,.06);
}
.section-screen:nth-of-type(even) {
    background: linear-gradient(180deg, #ffffff 0%, #f7f7f8 100%) !important;
}
.about-home,
.stats-section,
.faq-preview,
.contact-home,
.content-section,
.process-section,
.request-home,
.featured,
.testimonials,
.blog-preview,
.catalogue-section,
.form-section,
.detail-specs-section,
.article-section {
    background: var(--page-bg) !important;
    color: var(--ink) !important;
}
.request-home,
.process-section,
.stats-section,
.faq-preview {
    background: linear-gradient(180deg, #ffffff 0%, #f7f7f8 100%) !important;
}
.eyebrow { color: var(--red) !important; }
h1,h2,h3,
.section-head h1,
.section-head h2,
.section-head h3,
.section-copy h1,
.section-copy h2,
.section-copy h3,
.catalogue-status h2,
.products-page h1,
.products-page h2,
.products-page h3 {
    color: var(--ink) !important;
}
.hero {
    background: #fff !important;
}
.hero-overlay {
    background:
        linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.86) 46%, rgba(255,255,255,.58) 100%),
        radial-gradient(circle at 18% 35%, rgba(196,22,42,.18), transparent 36%) !important;
}
.hero-content {
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(255,255,255,.72);
    box-shadow: 0 18px 45px rgba(17,17,23,.08);
    border-radius: var(--radius);
    padding: clamp(16px, 3vw, 26px);
    backdrop-filter: blur(6px);
}
.hero-brand-card {
    border: 1px solid var(--light-border) !important;
    box-shadow: var(--light-shadow-sm) !important;
}
.trust-row span {
    background:#fff !important;
    border-color: var(--light-border) !important;
    color: var(--ink) !important;
    box-shadow: 0 8px 20px rgba(17,17,23,.05);
}
.scroll-cue,
.section-next {
    background: var(--red) !important;
    color:#fff !important;
    border-color: rgba(139,15,26,.2) !important;
    box-shadow:0 14px 32px rgba(139,15,26,.24) !important;
}
.dark-cue { background: var(--red) !important; color:#fff !important; }

.btn { margin: 2px; }
.btn.secondary,
.btn.dark,
.footer-button.ghost,
.light-reset,
.filter-toggle-button {
    background:#fff !important;
    color:var(--ink) !important;
    border:1px solid var(--light-border) !important;
    box-shadow:0 10px 20px rgba(17,17,23,.05);
}
.btn.secondary:hover,
.btn.dark:hover,
.footer-button.ghost:hover,
.light-reset:hover,
.filter-toggle-button:hover {
    background:#111117 !important;
    color:#fff !important;
    border-color:#111117 !important;
}
.button-row,
.hero-actions,
.contact-buttons,
.vehicle-actions,
.center-action,
.products-head-actions,
.search-actions,
.admin-actions,
.table-actions {
    gap: 14px !important;
}

.premium-panel,
.contact-card,
.request-summary,
.spec-panel,
.feature-panel,
.blog-card,
.testimonial-card,
.vehicle-card,
.login-card,
.admin-panel,
.buyer-box,
.stat-card,
.process-grid article,
.accordion-item,
.product-search-modern,
.catalogue-compact-head.products-page-head,
.catalogue-status,
.empty-state,
.article-body {
    background: var(--card) !important;
    color: var(--ink) !important;
    border: 1px solid var(--light-border) !important;
    box-shadow: var(--light-shadow-sm) !important;
}
.premium-panel p,
.contact-card p,
.request-summary p,
.spec-panel p,
.feature-panel p,
.blog-card p,
.testimonial-card p,
.vehicle-card p,
.login-card p,
.admin-panel p,
.buyer-box p,
.stat-card p,
.process-grid article p,
.accordion-item p,
.product-search-modern p,
.catalogue-compact-head.products-page-head p,
.catalogue-status p,
.empty-state p,
.article-body p {
    color: var(--muted) !important;
}
.panel-topline { background: var(--red) !important; }
.icon-list i,
.feature-list i,
.process-grid i,
.stars,
.text-link { color: var(--red) !important; }
.accordion-item button {
    color: var(--ink) !important;
    background: #fff !important;
}
.accordion-content { background:#fff !important; }
.accordion-item.open { border-color: rgba(139,15,26,.25) !important; }
.stat-card strong { color: var(--red) !important; }
.brand-logo-card {
    background:#fff !important;
    color:var(--ink) !important;
    border:1px solid var(--light-border) !important;
    box-shadow:0 10px 24px rgba(17,17,23,.06) !important;
}
.brand-logo-card span { color: var(--ink) !important; }

label,
.filter-field,
.check-label {
    color: var(--ink) !important;
}
input, select, textarea {
    background:#fff !important;
    color: var(--ink) !important;
    border:1px solid rgba(17,17,23,.16) !important;
}
input::placeholder,
textarea::placeholder { color:#7a7a84 !important; }
.premium-form {
    background:#fff !important;
    color:var(--ink) !important;
    border:1px solid var(--light-border) !important;
    box-shadow:var(--light-shadow-sm) !important;
}

.page-hero,
.vehicle-detail-hero {
    background: linear-gradient(180deg, #ffffff 0%, #f7f7f8 100%) !important;
    color: var(--ink) !important;
    border-bottom:1px solid rgba(17,17,23,.06);
}
.page-hero p,
.vehicle-detail-hero p { color: var(--muted) !important; }
.detail-price { color: var(--red) !important; }
.detail-price small { color: var(--muted) !important; }
.detail-main-image,
.gallery-strip a {
    border:1px solid var(--light-border) !important;
    box-shadow:var(--light-shadow-sm) !important;
    background:#f4f4f5 !important;
}
.gallery-strip a { box-shadow:none !important; }
.spec-table span { color: var(--muted-2) !important; }

.site-footer {
    background:#f7f7f8 !important;
    color:var(--ink) !important;
    border-top:1px solid var(--light-border) !important;
}
.site-footer h3 { color:var(--ink) !important; }
.site-footer a,
.site-footer p { color:var(--muted) !important; }
.footer-button {
    background:var(--red) !important;
    color:#fff !important;
    box-shadow:0 12px 26px rgba(139,15,26,.18);
}
.footer-bottom {
    border-top:1px solid var(--light-border) !important;
    color:var(--muted) !important;
}
.trademark-note { color:var(--muted-2) !important; }
.footer-logo { box-shadow:0 10px 24px rgba(17,17,23,.06); }

.login-body {
    background:linear-gradient(180deg,#ffffff 0%,#f6f6f7 100%) !important;
    color:var(--ink) !important;
}
.admin-body {
    background:#f6f6f7 !important;
    color:var(--ink) !important;
}
.admin-sidebar {
    background:#ffffff !important;
    color:var(--ink) !important;
    border-right:1px solid var(--light-border) !important;
    box-shadow:8px 0 28px rgba(0,0,0,.05);
}
.admin-brand { color:var(--ink) !important; }
.admin-sidebar a { color:var(--ink) !important; }
.admin-sidebar a:hover,
.admin-sidebar a.active {
    background:#fff2f4 !important;
    color:var(--red) !important;
}
.admin-mobilebar,
.admin-topbar { color:var(--ink) !important; }
.admin-table th { color:var(--muted) !important; }
.admin-thumb { background:#f0f0f2 !important; }

.products-page {
    background: linear-gradient(180deg, #ffffff 0%, #f6f6f7 48%, #ffffff 100%) !important;
    color: var(--ink) !important;
}
.advanced-filter-panel {
    background:#fbfbfc !important;
    color:var(--ink) !important;
    border-color: var(--light-border) !important;
}
.filter-toggle-input:checked ~ .standard-search-line .filter-toggle-button {
    background:var(--red) !important;
    color:#fff !important;
    border-color:var(--red) !important;
}
.filter-close-button {
    background:#fff !important;
    color:var(--ink) !important;
    border-color:var(--light-border) !important;
}
.filter-close-button:hover { background:#111117 !important; color:#fff !important; }
.search-box-main i { color:var(--red) !important; }
.products-grid .vehicle-card { box-shadow:var(--light-shadow-sm) !important; }

@media (min-width: 900px) {
    .site-nav {
        position: static !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
    .nav-toggle { display:none !important; }
}
@media (max-width: 899px) {
    .site-header { padding:10px 12px !important; }
    .site-nav { top: calc(100% + 8px) !important; }
    .hero-content { padding:16px; }
}

/* 2026-06-12 correction: balanced bright theme - darker premium light finish */
:root {
    --page-bg: #ececef;
    --page-soft: #e4e3e6;
    --page-soft-2: #d9d8dc;
    --ink: #151518;
    --muted: #4b4b52;
    --muted-2: #686870;
    --card: #f7f7f8;
    --card-strong: #ffffff;
    --light-border: rgba(17,17,23,.16);
    --light-shadow: 0 18px 44px rgba(17,17,23,.12);
    --light-shadow-sm: 0 12px 26px rgba(17,17,23,.10);
}
html { background: var(--page-bg) !important; }
body,
.single-scroll-page,
.content-page,
.products-page {
    background: linear-gradient(180deg, #eeeeef 0%, #e5e4e7 48%, #eeedef 100%) !important;
    color: var(--ink) !important;
}
.site-header {
    background: rgba(239,238,241,.96) !important;
    border-bottom: 1px solid rgba(17,17,23,.16) !important;
    box-shadow: 0 10px 26px rgba(17,17,23,.10) !important;
}
.site-header.scrolled { background: rgba(232,231,234,.98) !important; }
.site-nav { background: #f4f3f5 !important; }
.site-nav a.active,
.site-nav a:hover { background: #eadde0 !important; color: var(--red) !important; }
.section-screen,
.about-home,
.stats-section,
.faq-preview,
.contact-home,
.content-section,
.process-section,
.request-home,
.featured,
.testimonials,
.blog-preview,
.catalogue-section,
.form-section,
.detail-specs-section,
.article-section {
    background: linear-gradient(180deg, #eeeeef 0%, #e3e2e5 100%) !important;
    color: var(--ink) !important;
    border-bottom: 1px solid rgba(17,17,23,.12) !important;
}
.section-screen:nth-of-type(even),
.request-home,
.process-section,
.stats-section,
.faq-preview {
    background: linear-gradient(180deg, #e7e6e9 0%, #f0eff1 100%) !important;
}
.hero { background: #e5e4e7 !important; }
.hero-overlay {
    background:
        linear-gradient(90deg, rgba(238,237,240,.90) 0%, rgba(238,237,240,.79) 48%, rgba(238,237,240,.48) 100%),
        radial-gradient(circle at 18% 35%, rgba(139,15,26,.22), transparent 38%) !important;
}
.hero-content {
    background: rgba(246,245,247,.84) !important;
    border: 1px solid rgba(17,17,23,.14) !important;
    box-shadow: var(--light-shadow) !important;
}
.premium-panel,
.contact-card,
.request-summary,
.spec-panel,
.feature-panel,
.blog-card,
.testimonial-card,
.vehicle-card,
.login-card,
.admin-panel,
.buyer-box,
.stat-card,
.process-grid article,
.accordion-item,
.product-search-modern,
.catalogue-compact-head.products-page-head,
.catalogue-status,
.empty-state,
.article-body,
.premium-form {
    background: var(--card) !important;
    border-color: var(--light-border) !important;
    box-shadow: var(--light-shadow-sm) !important;
}
.vehicle-card,
.blog-card,
.testimonial-card,
.stat-card,
.premium-form,
.spec-panel,
.feature-panel,
.article-body,
.request-summary,
.empty-state {
    background: var(--card-strong) !important;
}
input,
select,
textarea {
    background: #fbfbfc !important;
    border-color: rgba(17,17,23,.20) !important;
}
input:focus,
select:focus,
textarea:focus {
    background: #ffffff !important;
    border-color: var(--red) !important;
}
.btn.secondary,
.btn.dark,
.footer-button.ghost,
.light-reset,
.filter-toggle-button,
.filter-close-button {
    background: #f3f2f4 !important;
    border-color: rgba(17,17,23,.18) !important;
    color: var(--ink) !important;
}
.trust-row span,
.brand-logo-card {
    background: #f8f7f8 !important;
    border-color: rgba(17,17,23,.16) !important;
}
.page-hero,
.vehicle-detail-hero {
    background: linear-gradient(180deg, #e5e4e7 0%, #eeeeef 100%) !important;
    border-bottom: 1px solid rgba(17,17,23,.14) !important;
}
.advanced-filter-panel,
.filter-bar {
    background: #f2f1f3 !important;
    border-color: rgba(17,17,23,.16) !important;
    box-shadow: var(--light-shadow-sm) !important;
}
.site-footer {
    background: #dedde1 !important;
    border-top: 1px solid rgba(17,17,23,.16) !important;
}
.footer-bottom { border-top-color: rgba(17,17,23,.16) !important; }
.login-body,
.admin-body {
    background: linear-gradient(180deg, #e8e7ea 0%, #dedde1 100%) !important;
}
.admin-sidebar {
    background: #eeeef0 !important;
    border-right-color: rgba(17,17,23,.16) !important;
}
.admin-sidebar a:hover,
.admin-sidebar a.active { background: #eadde0 !important; }
.scroll-cue,
.section-next {
    box-shadow: 0 14px 34px rgba(17,17,23,.20) !important;
}

/* 2026-06-12 correction: premium readable typography and balanced grey color system */
:root {
    --font-body: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading: 'Sora', 'Manrope', system-ui, sans-serif;
    --page-bg: #eef0f3;
    --page-soft: #e6e8ec;
    --page-soft-2: #dde0e5;
    --section-bg: #f5f6f8;
    --section-alt: #e9ebef;
    --heading: #101114;
    --ink: #1c1d22;
    --muted: #565b66;
    --muted-2: #6b707c;
    --card: #fbfbfc;
    --card-strong: #ffffff;
    --red: #92111d;
    --red-light: #c4162a;
    --red-dark: #5f0911;
    --black: #111217;
    --charcoal: #1b1c22;
    --light-border: rgba(20,21,27,.14);
    --dark-line: rgba(20,21,27,.12);
    --line: rgba(20,21,27,.14);
    --light-shadow: 0 20px 45px rgba(18,19,25,.12);
    --light-shadow-sm: 0 12px 28px rgba(18,19,25,.09);
    --shadow: 0 18px 42px rgba(18,19,25,.13);
}

html,
body {
    font-family: var(--font-body) !important;
    color: var(--ink) !important;
    background: linear-gradient(180deg, var(--page-bg) 0%, var(--page-soft) 52%, var(--page-bg) 100%) !important;
    font-weight: 500;
    letter-spacing: -0.01em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.brand-text,
.site-nav a,
.btn,
.eyebrow,
.status-pill,
.stat-card strong,
.vehicle-title-row h3,
.vehicle-title-row strong,
.catalogue-status strong,
.admin-brand,
.admin-sidebar a,
label {
    font-family: var(--font-heading) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading) !important;
    font-weight: 800;
    letter-spacing: -0.045em;
}

p,
.section-copy p,
.hero-text,
.vehicle-body p,
.article-body p,
.blog-card p,
.testimonial-card p,
.spec-row,
.spec-table span,
.footer-bottom,
.trademark-note {
    color: var(--muted) !important;
}

.eyebrow,
.text-link,
.stars,
.small-price,
.vehicle-title-row strong,
.blog-card span,
.testimonial-card span,
.featured .eyebrow,
.testimonials .eyebrow,
.blog-preview .eyebrow,
.catalogue-status span {
    color: var(--red) !important;
}

.site-header {
    background: rgba(246,247,249,.96) !important;
    border-bottom: 1px solid var(--light-border) !important;
    box-shadow: 0 10px 26px rgba(18,19,25,.08) !important;
}
.site-header.scrolled { background: rgba(238,240,244,.98) !important; }
.brand-text strong { color: var(--heading) !important; font-weight: 800; }
.brand-text small { color: var(--muted) !important; font-weight: 800; }
.site-nav { background: #f7f8fa !important; }
.site-nav a { color: var(--ink) !important; font-weight: 800; }
.site-nav a.active,
.site-nav a:hover { background: #f0dfe2 !important; color: var(--red) !important; }
.nav-cta { color: #fff !important; }
.nav-toggle { background:#fff !important; border-color:var(--light-border) !important; }
.nav-toggle span { background:var(--heading) !important; }

.section-screen,
.about-home,
.stats-section,
.faq-preview,
.contact-home,
.content-section,
.process-section,
.request-home,
.featured,
.testimonials,
.blog-preview,
.catalogue-section,
.form-section,
.detail-specs-section,
.article-section,
.products-page,
.content-page,
.single-scroll-page {
    background: linear-gradient(180deg, var(--section-bg) 0%, var(--section-alt) 100%) !important;
    color: var(--ink) !important;
    border-bottom: 1px solid rgba(20,21,27,.10) !important;
}

.section-screen:nth-of-type(even),
.process-section,
.stats-section,
.faq-preview,
.request-home {
    background: linear-gradient(180deg, #e7e9ee 0%, #f3f4f6 100%) !important;
}

.hero-overlay {
    background:
        linear-gradient(90deg, rgba(242,243,246,.94) 0%, rgba(242,243,246,.82) 52%, rgba(242,243,246,.50) 100%),
        radial-gradient(circle at 18% 38%, rgba(146,17,29,.22), transparent 37%) !important;
}
.hero-content,
.hero-brand-card,
.premium-panel,
.contact-card,
.request-summary,
.spec-panel,
.feature-panel,
.blog-card,
.testimonial-card,
.vehicle-card,
.login-card,
.admin-panel,
.buyer-box,
.stat-card,
.process-grid article,
.accordion-item,
.product-search-modern,
.catalogue-compact-head.products-page-head,
.catalogue-status,
.empty-state,
.article-body,
.premium-form,
.advanced-filter-panel,
.filter-bar {
    background: var(--card-strong) !important;
    color: var(--ink) !important;
    border-color: var(--light-border) !important;
    box-shadow: var(--light-shadow-sm) !important;
}

.process-grid article,
.stat-card,
.buyer-box,
.accordion-item,
.advanced-filter-panel {
    background: #f7f8fa !important;
}

.icon-list i,
.feature-list i,
.process-grid i { color: var(--red) !important; }
.stat-card strong { color: var(--red-dark) !important; }
.stat-card span { color: var(--muted) !important; }
.accordion-item button { color: var(--heading) !important; }
.buyer-box p,
.accordion-content p { color: var(--muted) !important; }

input,
select,
textarea {
    background: #ffffff !important;
    color: var(--ink) !important;
    border-color: rgba(20,21,27,.18) !important;
    font-weight: 700;
}
input::placeholder,
textarea::placeholder { color: #747985 !important; opacity: 1; }
input:focus,
select:focus,
textarea:focus {
    border-color: var(--red) !important;
    box-shadow: 0 0 0 4px rgba(146,17,29,.11) !important;
}
label { color: var(--heading) !important; font-weight: 700; }

.btn { letter-spacing: -0.015em; }
.btn.primary,
.nav-cta,
.footer-button {
    background: linear-gradient(135deg, var(--red), var(--red-light)) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(146,17,29,.24) !important;
}
.btn.secondary,
.btn.dark,
.footer-button.ghost,
.light-reset,
.filter-toggle-button,
.filter-close-button {
    background: #ffffff !important;
    color: var(--heading) !important;
    border-color: rgba(20,21,27,.18) !important;
}
.btn.secondary:hover,
.btn.dark:hover,
.light-reset:hover,
.filter-toggle-button:hover,
.filter-close-button:hover {
    background: var(--charcoal) !important;
    color: #fff !important;
}
.btn.whatsapp { background:#0f8f4f !important; color:#fff !important; }

.vehicle-card { background:#fff !important; }
.vehicle-body { color: var(--ink) !important; }
.status-pill { color:#fff !important; }
.spec-row span { color: var(--muted) !important; }

.page-hero,
.vehicle-detail-hero {
    background: linear-gradient(180deg, #e6e8ed 0%, #f4f5f7 100%) !important;
    color: var(--ink) !important;
    border-bottom: 1px solid var(--light-border) !important;
}
.detail-price { color: var(--red-dark) !important; }
.detail-price small { color: var(--muted) !important; }
.gallery-strip a { border-color: var(--light-border) !important; }

.site-footer {
    background: #191a20 !important;
    color: #f5f5f6 !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
}
.site-footer h3 { color: #fff !important; }
.site-footer a,
.site-footer p { color: #d6d7dc !important; }
.footer-bottom { border-top-color: rgba(255,255,255,.10) !important; color:#b8bac3 !important; }
.trademark-note { color:#aeb1ba !important; }

.login-body,
.admin-body {
    background: linear-gradient(180deg, #eef0f3 0%, #e3e5ea 100%) !important;
    color: var(--ink) !important;
}
.admin-sidebar {
    background: #f7f8fa !important;
    border-right-color: var(--light-border) !important;
}
.admin-topbar,
.admin-mobilebar,
.admin-brand { color: var(--heading) !important; }
.admin-sidebar a { color: var(--ink) !important; }
.admin-sidebar a:hover,
.admin-sidebar a.active { background:#f0dfe2 !important; color:var(--red) !important; }
.admin-table th { color: var(--muted) !important; }

@media (min-width: 900px) {
    .site-nav { background: transparent !important; }
}

/* 2026-06-12 admin stock image management + gallery slider */
.status-pill.limited-stock,
.status-badge.status-limited-stock { background:#6b4b00 !important; color:#fff !important; }
.status-pill.pending-arrival,
.status-badge.status-pending-arrival { background:#164e63 !important; color:#fff !important; }
.status-pill.available,
.status-badge.status-available { background:#127447 !important; color:#fff !important; }
.status-pill.reserved,
.status-badge.status-reserved { background:#b7791f !important; color:#fff !important; }
.status-pill.sold,
.status-badge.status-sold { background:#2c2f36 !important; color:#fff !important; }

.tag-list { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 10px; }
.tag-list span { display:inline-flex; align-items:center; border:1px solid rgba(139,15,26,.20); background:#fff5f6; color:var(--red-dark); border-radius:var(--radius-sm); padding:5px 8px; font-size:.72rem; font-weight:900; text-transform:capitalize; }
.small-tags { margin:0; gap:5px; }
.small-tags span { font-size:.68rem; padding:4px 6px; }
.detail-tags { margin:12px 0 8px; }

.detail-gallery-slider { display:grid; gap:12px; }
.detail-slide-stage { position:relative; overflow:hidden; border-radius:var(--radius); border:1px solid var(--light-border); box-shadow:var(--light-shadow-sm); background:#fff; aspect-ratio:16/10; }
.detail-slide { position:absolute; inset:0; margin:0; opacity:0; pointer-events:none; transition:opacity .28s ease; }
.detail-slide.active { opacity:1; pointer-events:auto; }
.detail-slide img { width:100%; height:100%; object-fit:cover; }
.gallery-arrow { position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border:1px solid rgba(255,255,255,.45); border-radius:var(--radius-sm); background:rgba(0,0,0,.52); color:#fff; display:grid; place-items:center; cursor:pointer; z-index:3; transition:.2s ease; }
.gallery-arrow:hover { background:var(--red); transform:translateY(-50%) scale(1.04); }
.gallery-prev { left:12px; }
.gallery-next { right:12px; }
.gallery-thumbs { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(86px, 1fr); gap:8px; overflow-x:auto; padding-bottom:4px; }
.gallery-thumb { border:2px solid transparent; border-radius:var(--radius-sm); padding:0; background:#fff; overflow:hidden; height:70px; cursor:pointer; opacity:.68; transition:.2s ease; }
.gallery-thumb.active,
.gallery-thumb:hover { border-color:var(--red); opacity:1; }
.gallery-thumb img { width:100%; height:100%; object-fit:cover; }

.vehicle-editor-form { display:grid; gap:18px; }
.admin-form-section { border:1px solid var(--light-border); border-radius:var(--radius); padding:16px; background:#f8f9fb; display:grid; gap:14px; }
.admin-form-section-head { display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; border-bottom:1px solid rgba(20,21,27,.09); padding-bottom:12px; margin-bottom:2px; }
.admin-form-section-head h2 { font-size:clamp(1.25rem, 2vw, 1.65rem); }
.admin-form-section-head p { max-width:650px; margin:0; }
.upload-grid { display:grid; gap:14px; }
.upload-card { border:1px solid var(--light-border); border-radius:var(--radius); background:#fff; padding:14px; display:grid; gap:10px; align-content:start; }
.upload-card h3,
.gallery-manager h3 { margin:0; font-size:1rem; }
.upload-card img { width:100%; height:180px; object-fit:cover; border-radius:var(--radius-sm); border:1px solid var(--light-border); }
.image-empty { display:grid; place-items:center; min-height:120px; border:1px dashed rgba(20,21,27,.20); border-radius:var(--radius-sm); background:#f0f1f4; color:var(--muted); font-weight:800; text-align:center; padding:14px; }
.gallery-manager { display:grid; gap:12px; }
.admin-gallery-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:12px; }
.gallery-admin-card { display:grid; gap:8px; border:1px solid var(--light-border); border-radius:var(--radius); background:#fff; padding:10px; color:var(--ink); }
.gallery-admin-card img { width:100%; height:115px; object-fit:cover; border-radius:var(--radius-sm); }
.gallery-admin-card span { font-size:.76rem; color:var(--muted); }
.gallery-admin-card strong { display:flex; gap:8px; align-items:center; color:#9b111e; font-size:.8rem; }
.gallery-admin-card input { width:auto; }
.danger-check { color:#9b111e !important; font-weight:900; }
.admin-save-bar { position:sticky; bottom:12px; z-index:6; display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; padding:12px; background:rgba(255,255,255,.92); border:1px solid var(--light-border); border-radius:var(--radius); box-shadow:0 16px 40px rgba(0,0,0,.10); backdrop-filter:blur(8px); }
.empty-admin-state { display:grid; place-items:center; text-align:center; gap:10px; padding:42px 16px; color:var(--muted); }
.empty-admin-state i { font-size:2.4rem; color:var(--red); }
.empty-admin-state h2 { color:var(--heading); }
.empty-admin-state.compact { padding:18px; }
.alert.success { background:#e7f8ef; border:1px solid #9ad7b6; color:#165c35; border-radius:var(--radius-sm); padding:12px; margin-bottom:14px; }
.alert.error { background:#fff0f1; border:1px solid #efb3ba; color:#8b0f1a; border-radius:var(--radius-sm); padding:12px; }

@media (min-width: 760px) {
    .upload-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 700px) {
    .detail-slide-stage { aspect-ratio:4/3; }
    .gallery-arrow { width:38px; height:38px; }
    .gallery-thumb { height:58px; }
    .admin-save-bar .btn { width:100%; }
}


/* 2026-06-12 correction: professional compact admin dashboard typography */
.admin-body {
    font-size: 14px !important;
    line-height: 1.55 !important;
    background: linear-gradient(180deg, #eef0f3 0%, #e5e7eb 100%) !important;
}
.admin-main {
    padding: 22px !important;
}
.admin-topbar {
    gap: 16px !important;
    align-items: flex-start !important;
    margin-bottom: 18px !important;
}
.admin-topbar h1 {
    font-size: clamp(1.55rem, 2.4vw, 2.1rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.04em !important;
    margin: 0 0 4px !important;
}
.admin-topbar p {
    font-size: .92rem !important;
    line-height: 1.45 !important;
    max-width: 720px !important;
    margin: 0 !important;
    color: var(--muted) !important;
}
.admin-actions {
    gap: 10px !important;
}
.admin-actions .btn,
.admin-topbar .btn,
.admin-save-bar .btn {
    min-height: 42px !important;
    padding: 10px 14px !important;
    font-size: .88rem !important;
    border-radius: 8px !important;
}
.admin-stats {
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)) !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
}
.admin-stats .stat-card {
    min-height: 104px !important;
    padding: 16px 18px !important;
    border-radius: 10px !important;
    text-align: left !important;
    display: grid !important;
    align-content: center !important;
    gap: 6px !important;
    background: #ffffff !important;
    border: 1px solid rgba(20,21,27,.12) !important;
    box-shadow: 0 10px 24px rgba(18,19,25,.075) !important;
}
.admin-stats .stat-card strong {
    font-size: clamp(1.8rem, 3.2vw, 2.55rem) !important;
    line-height: 1 !important;
    letter-spacing: -0.05em !important;
    color: var(--red-dark) !important;
}
.admin-stats .stat-card span {
    font-size: .82rem !important;
    line-height: 1.2 !important;
    color: var(--muted) !important;
    font-weight: 800 !important;
}
.admin-panel {
    padding: 20px !important;
    border-radius: 10px !important;
    margin-bottom: 18px !important;
    background: #ffffff !important;
    border: 1px solid rgba(20,21,27,.12) !important;
    box-shadow: 0 12px 28px rgba(18,19,25,.08) !important;
}
.admin-panel h1,
.admin-panel h2,
.admin-panel h3,
.admin-form-section h1,
.admin-form-section h2,
.admin-form-section h3,
.stock-table-panel h2,
.table-wrap h2 {
    font-size: clamp(1.15rem, 1.75vw, 1.55rem) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.035em !important;
    margin: 0 0 14px !important;
}
.admin-panel p,
.admin-form-section p,
.empty-admin-state p {
    font-size: .92rem !important;
    line-height: 1.55 !important;
}
.admin-panel .vehicle-grid:not(.featured-grid) {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
    gap: 14px !important;
}
.admin-panel .vehicle-card {
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 20px rgba(18,19,25,.06) !important;
}
.admin-panel .vehicle-image {
    aspect-ratio: 16 / 9 !important;
}
.admin-panel .vehicle-title-row h3 {
    font-size: .98rem !important;
    letter-spacing: -0.025em !important;
    line-height: 1.15 !important;
    margin: 0 !important;
}
.admin-panel .vehicle-title-row strong {
    font-size: .94rem !important;
}
.admin-panel .vehicle-body {
    padding: 12px !important;
}
.admin-panel .vehicle-body p {
    margin: 6px 0 8px !important;
    font-size: .84rem !important;
}
.empty-admin-state,
.empty-admin-state.compact {
    padding: 30px 18px !important;
    gap: 8px !important;
}
.empty-admin-state i {
    font-size: 2rem !important;
}
.empty-admin-state.compact i {
    font-size: 1.85rem !important;
}
.empty-admin-state .btn,
.empty-admin-state.compact .btn {
    margin-top: 8px !important;
    padding: 10px 14px !important;
    min-height: 42px !important;
    font-size: .88rem !important;
}
.admin-sidebar {
    width: 260px !important;
    padding: 18px 14px !important;
}
.admin-brand {
    font-size: .95rem !important;
    letter-spacing: -0.025em !important;
}
.admin-brand img {
    width: 42px !important;
    height: 42px !important;
}
.admin-sidebar nav {
    gap: 6px !important;
}
.admin-sidebar a {
    padding: 11px 12px !important;
    border-radius: 8px !important;
    font-size: .9rem !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}
.admin-table {
    font-size: .87rem !important;
}
.admin-table th,
.admin-table td {
    padding: 11px 12px !important;
}
.admin-table th {
    font-size: .68rem !important;
    letter-spacing: .08em !important;
}
.admin-thumb {
    width: 68px !important;
    height: 48px !important;
    border-radius: 8px !important;
}
.status-badge {
    border-radius: 7px !important;
    padding: 5px 8px !important;
    font-size: .72rem !important;
}
.table-actions {
    gap: 7px !important;
}
.table-actions .btn,
.admin-table .btn,
.btn.small {
    padding: 8px 10px !important;
    min-height: 34px !important;
    font-size: .78rem !important;
    border-radius: 7px !important;
}
.admin-form-section {
    padding: 18px !important;
    border-radius: 10px !important;
    gap: 13px !important;
}
.admin-form-section-head {
    padding-bottom: 12px !important;
    margin-bottom: 4px !important;
}
.admin-form-section-head h2 {
    margin-bottom: 3px !important;
}
.admin-form-section label {
    font-size: .82rem !important;
    gap: 6px !important;
}
.admin-form-section input,
.admin-form-section select,
.admin-form-section textarea {
    min-height: 42px !important;
    padding: 10px 11px !important;
    font-size: .9rem !important;
    border-radius: 8px !important;
}
.upload-card,
.gallery-admin-card {
    border-radius: 10px !important;
}
.upload-card h3,
.gallery-manager h3 {
    font-size: 1rem !important;
    margin: 0 !important;
}
.upload-card img {
    height: 155px !important;
}
.request-detail-grid p {
    font-size: .9rem !important;
}
.admin-mobilebar {
    background: #ffffff !important;
    border: 1px solid rgba(20,21,27,.12) !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    box-shadow: 0 10px 24px rgba(18,19,25,.07) !important;
}
@media (min-width: 960px) {
    .admin-main {
        margin-left: 260px !important;
        padding: 24px 28px 34px !important;
    }
}
@media (max-width: 700px) {
    .admin-main { padding: 14px !important; }
    .admin-topbar { align-items: stretch !important; }
    .admin-topbar h1 { font-size: 1.55rem !important; }
    .admin-actions .btn,
    .admin-topbar > .btn { width: 100% !important; }
    .admin-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
    .admin-stats .stat-card { min-height: 92px !important; padding: 13px !important; text-align: center !important; }
    .admin-stats .stat-card strong { font-size: 1.8rem !important; }
    .admin-panel { padding: 15px !important; }
    .admin-panel h2 { font-size: 1.25rem !important; }
}


/* 2026-06-12 correction: gallery-only vehicle media and restored hero background slideshow */
.hero {
    background: #07080b !important;
    color: #ffffff !important;
    position: relative !important;
}
.hero-slider,
.hero-slide,
.hero-overlay {
    position: absolute !important;
    inset: 0 !important;
}
.hero-slider {
    z-index: 0 !important;
    overflow: hidden !important;
}
.hero-slide {
    background-size: cover !important;
    background-position: center !important;
    opacity: 0 !important;
    transform: scale(1.06) !important;
    transition: opacity 1.1s ease, transform 6s ease !important;
}
.hero-slide.active {
    opacity: 1 !important;
    transform: scale(1) !important;
}
.hero-overlay {
    z-index: 1 !important;
    background:
        linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.68) 48%, rgba(0,0,0,.35) 100%),
        radial-gradient(circle at 20% 38%, rgba(146,17,29,.42), transparent 38%) !important;
}
.hero-inner {
    position: relative !important;
    z-index: 2 !important;
}
.hero-content {
    background: rgba(7,8,12,.46) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 22px 55px rgba(0,0,0,.30) !important;
    backdrop-filter: blur(4px) !important;
}
.hero-content h1,
.hero-content p,
.hero-text {
    color: #ffffff !important;
}
.hero-content .eyebrow {
    color: #f0b5bd !important;
}
.hero-brand-card {
    background: rgba(255,255,255,.94) !important;
    color: #101114 !important;
}
.hero-brand-card span {
    color: #2b2d33 !important;
}
.single-upload-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 620px !important;
}
@media (min-width: 900px) {
    .single-upload-grid {
        grid-template-columns: minmax(0, 520px) !important;
    }
}

/* 2026-06-12 correction: clean hero content + admin controlled wallpaper slideshow */
.hero {
    min-height: 90svh !important;
    display: flex !important;
    align-items: center !important;
    padding-top: calc(var(--header-height) + 22px) !important;
    padding-bottom: 44px !important;
}
.hero-overlay {
    background:
        linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.62) 48%, rgba(0,0,0,.36) 100%),
        linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.38)) !important;
}
.hero-inner {
    display: block !important;
    width: min(1120px, calc(100% - 30px)) !important;
    margin: 0 auto !important;
}
.hero-content {
    max-width: 790px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}
.hero-brand-card {
    display: none !important;
}
.hero-logo-line {
    display: flex;
    align-items: center;
    gap: 14px;
    width: fit-content;
    max-width: 100%;
    margin-bottom: 18px;
    color: #ffffff;
}
.hero-logo-line img {
    width: 74px;
    height: 74px;
    object-fit: cover;
    border-radius: 12px;
    background: rgba(255,255,255,.96);
    padding: 5px;
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: 0 16px 36px rgba(0,0,0,.26);
}
.hero-logo-line div {
    display: grid;
    gap: 2px;
    min-width: 0;
}
.hero-logo-line strong {
    font-family: 'Sora', 'Manrope', sans-serif;
    font-size: clamp(1rem, 1.8vw, 1.25rem);
    line-height: 1.05;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #ffffff;
    text-shadow: 0 2px 12px rgba(0,0,0,.38);
}
.hero-logo-line small {
    font-size: clamp(.74rem, 1.2vw, .9rem);
    line-height: 1.25;
    color: rgba(255,255,255,.88);
    font-weight: 800;
    max-width: 290px;
    text-shadow: 0 2px 12px rgba(0,0,0,.35);
}
.hero-content .eyebrow {
    color: #f3c7cc !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.35);
    margin-bottom: 10px !important;
}
.hero-content h1 {
    max-width: 850px !important;
    font-size: clamp(2.35rem, 6vw, 5.15rem) !important;
    line-height: .98 !important;
    letter-spacing: -0.075em !important;
    margin: 0 0 14px !important;
    color: #ffffff !important;
    text-shadow: 0 5px 22px rgba(0,0,0,.42);
}
.hero-text {
    max-width: 690px !important;
    font-size: clamp(1rem, 1.55vw, 1.18rem) !important;
    line-height: 1.55 !important;
    color: rgba(255,255,255,.92) !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.34);
}
.hero-actions {
    gap: 14px !important;
    margin-top: 18px !important;
}
.hero-actions .btn {
    min-height: 46px !important;
    padding: 12px 18px !important;
}
.trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px !important;
    margin-top: 16px !important;
}
.trust-row span {
    background: rgba(255,255,255,.92) !important;
    color: #17181d !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.16) !important;
}
.settings-panel { display: grid; gap: 18px; }
.settings-upload-form { display: grid; gap: 14px; }
.hero-wallpaper-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}
.hero-wallpaper-card {
    display: grid;
    gap: 9px;
    padding: 10px;
    border: 1px solid rgba(20,21,27,.12);
    border-radius: 10px;
    background: #ffffff;
    color: var(--ink, #18191f);
    box-shadow: 0 8px 20px rgba(18,19,25,.06);
}
.hero-wallpaper-card img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid rgba(20,21,27,.10);
}
.hero-wallpaper-card span {
    font-size: .82rem;
    color: var(--muted, #62646d);
    line-height: 1.35;
}
.hero-wallpaper-card strong {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--red, #8b0f1a);
    font-size: .82rem;
}
.hero-wallpaper-card input[type="checkbox"] { width: auto; }
.inline-save-bar {
    position: relative !important;
    bottom: auto !important;
    justify-content: flex-start !important;
    margin-top: 4px !important;
}
@media (max-width: 760px) {
    .hero {
        align-items: flex-start !important;
        padding-top: calc(var(--header-height) + 24px) !important;
    }
    .hero-logo-line {
        gap: 11px;
        margin-bottom: 14px;
    }
    .hero-logo-line img {
        width: 60px;
        height: 60px;
        border-radius: 10px;
    }
    .hero-content h1 {
        font-size: clamp(2.08rem, 13vw, 3.25rem) !important;
        line-height: 1.02 !important;
        letter-spacing: -0.06em !important;
    }
    .hero-actions .btn {
        width: 100%;
        justify-content: center;
    }
    .trust-row span {
        font-size: .78rem !important;
    }
}

/* 2026-06-12 correction: centered hero content and above-the-fold CTA visibility */
.hero.section-screen {
    min-height: calc(100svh - var(--header-height)) !important;
    padding-top: calc(var(--header-height) + 8px) !important;
    padding-bottom: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.hero-inner {
    width: min(1060px, calc(100% - 34px)) !important;
    min-height: calc(100svh - var(--header-height) - 68px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
}
.hero-content {
    width: min(850px, 100%) !important;
    max-width: 850px !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.hero-logo-line {
    justify-content: center !important;
    margin: 0 auto 12px !important;
}
.hero-logo-line img {
    width: 62px !important;
    height: 62px !important;
}
.hero-logo-line div {
    text-align: left !important;
}
.hero-content .eyebrow {
    margin-bottom: 8px !important;
}
.hero-content h1 {
    max-width: 820px !important;
    font-size: clamp(2.05rem, 5.05vw, 4.35rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
    margin-bottom: 12px !important;
}
.hero-text {
    max-width: 720px !important;
    margin: 0 auto !important;
    font-size: clamp(.96rem, 1.28vw, 1.08rem) !important;
    line-height: 1.48 !important;
}
.hero-actions {
    justify-content: center !important;
    gap: 14px !important;
    margin-top: 18px !important;
}
.hero-actions .btn {
    min-height: 44px !important;
    padding: 12px 18px !important;
}
.trust-row {
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 14px !important;
}
.trust-row span {
    padding: 8px 11px !important;
}
.scroll-cue {
    left: 14px !important;
    bottom: 16px !important;
}
@media (max-width: 760px) {
    .hero.section-screen {
        min-height: calc(100svh - var(--header-height)) !important;
        padding-top: calc(var(--header-height) + 8px) !important;
        padding-bottom: 54px !important;
        align-items: center !important;
    }
    .hero-inner {
        min-height: calc(100svh - var(--header-height) - 76px) !important;
        width: min(100% - 24px, 560px) !important;
    }
    .hero-logo-line {
        gap: 10px !important;
        margin-bottom: 10px !important;
    }
    .hero-logo-line img {
        width: 52px !important;
        height: 52px !important;
    }
    .hero-logo-line strong {
        font-size: .95rem !important;
    }
    .hero-logo-line small {
        font-size: .72rem !important;
    }
    .hero-content h1 {
        font-size: clamp(1.85rem, 9.7vw, 2.8rem) !important;
        line-height: 1.03 !important;
        letter-spacing: -0.045em !important;
        margin-bottom: 10px !important;
    }
    .hero-text {
        font-size: .94rem !important;
        line-height: 1.42 !important;
        max-width: 95% !important;
    }
    .hero-actions {
        width: 100% !important;
        gap: 10px !important;
        margin-top: 14px !important;
    }
    .hero-actions .btn {
        width: 100% !important;
        min-height: 42px !important;
        padding: 11px 14px !important;
    }
    .trust-row {
        gap: 7px !important;
        margin-top: 10px !important;
    }
    .trust-row span {
        font-size: .72rem !important;
        padding: 7px 8px !important;
    }
    .scroll-cue {
        bottom: 12px !important;
    }
}
@media (max-height: 720px) and (min-width: 761px) {
    .hero-logo-line img {
        width: 54px !important;
        height: 54px !important;
    }
    .hero-content h1 {
        font-size: clamp(2rem, 4.55vw, 3.55rem) !important;
        line-height: 1.01 !important;
    }
    .hero-text {
        font-size: .98rem !important;
        line-height: 1.42 !important;
    }
    .hero-actions {
        margin-top: 14px !important;
    }
    .trust-row {
        margin-top: 10px !important;
    }
}

/* 2026-06-12 blog, email, subscriber and admin-user management update */
.compact-login-card {
    max-width: 420px !important;
    padding: 30px 26px !important;
}
.compact-login-card img {
    width: 78px !important;
    height: 78px !important;
    margin-inline: auto !important;
}
.compact-login-card h1 {
    font-size: clamp(2rem, 4vw, 3.1rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.055em !important;
    margin: 12px 0 10px !important;
}
.compact-login-card p {
    font-size: .93rem !important;
    line-height: 1.5 !important;
}
.footer-subscribe-form {
    display: grid;
    gap: 9px;
    margin: 10px 0 12px;
}
.footer-subscribe-form input {
    min-height: 40px !important;
    border-radius: 8px !important;
    padding: 9px 11px !important;
    font-size: .88rem !important;
}
.developer-credit a {
    color: #ffffff !important;
    font-weight: 900;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.admin-title-cell {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 240px;
}
.empty-thumb {
    display: grid;
    place-items: center;
    color: var(--muted);
    border: 1px dashed rgba(20,21,27,.18);
}
.inline-form { margin: 0; display: inline-flex; }
.btn.danger {
    background: #fff0f1 !important;
    color: #92111d !important;
    border-color: rgba(146,17,29,.24) !important;
}
.btn.danger:hover {
    background: #92111d !important;
    color: #fff !important;
}
.blog-list-section {
    padding: 48px 0 70px;
}
.blog-grid-public {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 22px;
}
.blog-card-media {
    overflow: hidden;
    display: grid;
    align-content: start;
}
.blog-card-image {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    display: block;
    background: #eef0f3;
}
.blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}
.blog-card-media:hover .blog-card-image img { transform: scale(1.04); }
.blog-card-content { padding: 18px; display: grid; gap: 10px; }
.blog-card-content h2 { font-size: clamp(1.1rem, 2vw, 1.45rem) !important; }
.blog-post-head .article-cta-top {
    margin-top: 18px;
}
.article-featured-image {
    width: 100%;
    aspect-ratio: 16 / 8;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 24px;
    border: 1px solid var(--light-border);
    box-shadow: var(--light-shadow-sm);
}
.article-copy {
    display: grid;
    gap: 16px;
}
.article-copy p {
    font-size: 1rem;
    line-height: 1.78;
    margin: 0;
}
.article-cta {
    margin: 24px 0;
    padding: 20px;
    border-radius: 10px;
    background: linear-gradient(135deg, #fff, #f0dfe2) !important;
    border: 1px solid rgba(146,17,29,.18);
    box-shadow: 0 12px 28px rgba(18,19,25,.08);
}
.article-cta h2 {
    font-size: clamp(1.2rem, 2vw, 1.55rem) !important;
    margin-bottom: 8px !important;
}
.article-image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
    margin: 26px 0;
}
.article-image-grid figure {
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--light-border);
    box-shadow: 0 10px 24px rgba(18,19,25,.07);
}
.article-image-grid img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}
.article-image-grid figcaption {
    padding: 9px 11px;
    color: var(--muted);
    font-size: .82rem;
}
.cta-config-card {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(20,21,27,.12);
    border-radius: 10px;
    background: #fff;
}
.blog-editor-form textarea[name="content"] {
    min-height: 260px !important;
    font-family: var(--font-body) !important;
    line-height: 1.65;
}
.admin-sidebar nav a i {
    width: 18px;
    text-align: center;
}
@media (max-width: 760px) {
    .compact-login-card { max-width: calc(100% - 26px) !important; padding: 24px 18px !important; }
    .compact-login-card h1 { font-size: 2rem !important; }
    .article-featured-image { aspect-ratio: 4 / 3; }
}

/* 2026-06-12 final UI/UX, SEO-admin guidance and email-ready polish */
:root {
    --page-bg: #eceef2;
    --page-soft: #e3e6ec;
    --section-bg: #f3f4f7;
    --section-alt: #e7e9ee;
    --card: #ffffff;
    --ink: #17181d;
    --heading: #111217;
    --muted: #575e6a;
    --red: #94111f;
    --red-light: #c7192e;
    --red-dark: #650914;
    --light-border: rgba(23,24,29,.13);
    --light-shadow-sm: 0 12px 28px rgba(18,19,25,.075);
    --light-shadow: 0 22px 52px rgba(18,19,25,.11);
    --radius: 9px;
    --radius-sm: 6px;
}
body {
    background: linear-gradient(180deg, #e9ecf2 0%, #f3f4f7 46%, #e8ebf0 100%) !important;
    color: var(--ink) !important;
}
.site-header {
    background: rgba(243,244,247,.92) !important;
    border-bottom: 1px solid rgba(23,24,29,.10) !important;
    box-shadow: 0 10px 28px rgba(18,19,25,.06) !important;
}
.site-header.scrolled { background: rgba(246,247,249,.96) !important; }
.brand-text strong { color: var(--heading) !important; }
.brand-text small { color: var(--muted) !important; }
.nav-toggle { background:#fff !important; border-color:var(--light-border) !important; }
.nav-toggle span { background:var(--heading) !important; }
.site-nav a { color: var(--ink) !important; }
.site-nav a.active,
.site-nav a:hover { background:#eadde0 !important; color:var(--red) !important; }
.nav-cta { color:#fff !important; background:linear-gradient(135deg,var(--red),var(--red-light)) !important; }
.section-screen { padding-block: calc(var(--header-height) + 34px) 62px !important; }
.section-head { margin-bottom: 22px !important; }
.section-head p,
.section-copy p { color: var(--muted) !important; }
.about-home,
.process-section,
.stats-section,
.faq-preview,
.contact-home,
.request-home,
.content-section,
.form-section,
.detail-specs-section,
.article-section,
.testimonials,
.blog-preview {
    background: linear-gradient(145deg, var(--section-bg), var(--section-alt)) !important;
    color: var(--ink) !important;
}
.premium-panel,
.contact-card,
.request-summary,
.spec-panel,
.feature-panel,
.blog-card,
.testimonial-card,
.vehicle-card,
.login-card,
.admin-panel,
.buyer-box,
.stat-card,
.process-grid article,
.accordion-item,
.product-search-modern,
.catalogue-compact-head.products-page-head,
.catalogue-status,
.empty-state,
.article-body {
    background: rgba(255,255,255,.94) !important;
    border: 1px solid var(--light-border) !important;
    box-shadow: var(--light-shadow-sm) !important;
    border-radius: var(--radius) !important;
}
.process-grid,
.testimonial-grid,
.blog-grid,
.stats-grid,
.vehicle-grid,
.form-grid,
.split-layout { gap: clamp(16px, 2.4vw, 28px) !important; }
.button-row,
.hero-actions,
.contact-buttons,
.vehicle-actions,
.center-action,
.products-head-actions,
.search-actions,
.admin-actions,
.table-actions {
    gap: 14px !important;
    row-gap: 12px !important;
}
.btn {
    border-radius: 7px !important;
    min-height: 44px;
    padding: 12px 18px !important;
    font-size: .92rem !important;
    letter-spacing: -0.01em;
}
.btn.primary { background:linear-gradient(135deg, var(--red), var(--red-light)) !important; color:#fff !important; }
.btn.secondary,
.btn.dark,
.footer-button.ghost,
.light-reset,
.filter-toggle-button {
    background:#fff !important;
    color:var(--ink) !important;
    border:1px solid var(--light-border) !important;
    box-shadow: 0 8px 18px rgba(18,19,25,.05) !important;
}
.btn.whatsapp { background:#0f8f4f !important; color:#fff !important; }
.hero.section-screen {
    min-height: calc(100svh - var(--header-height)) !important;
    padding-top: calc(var(--header-height) + 10px) !important;
    padding-bottom: 50px !important;
    background:#111217 !important;
}
.hero-overlay {
    background:
        linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.46) 48%, rgba(0,0,0,.28) 100%),
        linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.28)) !important;
}
.hero-slide { filter: saturate(1.08) contrast(1.02); }
.hero-content { text-align:center !important; align-items:center !important; }
.hero-logo-line { margin-bottom: 10px !important; }
.hero-logo-line img { width:58px !important; height:58px !important; border-radius:10px !important; }
.hero-content h1 {
    max-width: 780px !important;
    font-size: clamp(2rem, 4.7vw, 4.05rem) !important;
    line-height: 1.03 !important;
    margin-bottom: 12px !important;
    color:#fff !important;
    text-shadow:0 4px 18px rgba(0,0,0,.38) !important;
}
.hero-text {
    max-width: 660px !important;
    color: rgba(255,255,255,.94) !important;
    text-shadow:0 2px 12px rgba(0,0,0,.30) !important;
}
.trust-row span {
    background: rgba(255,255,255,.90) !important;
    color: var(--ink) !important;
    border-color: rgba(255,255,255,.70) !important;
}
.scroll-cue,
.section-next { border-radius: 7px !important; }
.products-page-head,
.product-search-modern,
.catalogue-status { margin-bottom: 24px !important; }
.search-main-row,
.filter-grid { gap: 14px !important; }
.product-search-modern input,
.product-search-modern select,
.product-search-modern textarea,
.premium-form input,
.premium-form select,
.premium-form textarea {
    background:#fff !important;
    color: var(--ink) !important;
    border:1px solid rgba(23,24,29,.16) !important;
    border-radius: 8px !important;
    min-height: 44px;
}
label small,
.field-help {
    display:block;
    margin-top: 4px;
    color:#6b7280 !important;
    font-family: var(--font-body) !important;
    font-size:.78rem !important;
    line-height:1.35;
    font-weight:700;
    letter-spacing:0;
}
.admin-form-section { gap: 16px !important; padding: 18px !important; }
.admin-form-section-head h2 { font-size: clamp(1.1rem, 1.45vw, 1.38rem) !important; }
.admin-form-section-head p { font-size: .86rem !important; color: var(--muted) !important; }
.compact-login-card { max-width: 430px !important; }
.compact-login-card h1 {
    font-size: clamp(1.7rem, 3.4vw, 2.35rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.045em !important;
}
.compact-login-card img { width:70px !important; height:70px !important; }
.footer-copy,
.site-footer p,
.footer-bottom { color: var(--muted) !important; }
.developer-credit a { color: var(--red) !important; }
.site-footer a:hover { color: var(--red) !important; }
.article-cta { background:linear-gradient(135deg,#fff,#f3e5e7) !important; }
@media (max-width: 760px) {
    :root { --header-height: 70px; }
    .section-screen { padding-block: calc(var(--header-height) + 24px) 46px !important; }
    .hero.section-screen {
        min-height: calc(100svh - var(--header-height)) !important;
        padding-top: calc(var(--header-height) + 8px) !important;
        padding-bottom: 58px !important;
    }
    .hero-inner { min-height: auto !important; width:min(100% - 22px, 560px) !important; }
    .hero-content .eyebrow { display:none !important; }
    .hero-logo-line { margin-bottom: 8px !important; }
    .hero-logo-line img { width:46px !important; height:46px !important; }
    .hero-logo-line strong { font-size:.82rem !important; }
    .hero-logo-line small { display:none !important; }
    .hero-content h1 {
        font-size: clamp(1.75rem, 8.4vw, 2.45rem) !important;
        line-height:1.05 !important;
        margin-bottom: 10px !important;
    }
    .hero-text {
        font-size:.9rem !important;
        line-height:1.4 !important;
        max-width: 95% !important;
    }
    .hero-actions { margin-top: 12px !important; gap: 9px !important; }
    .hero-actions .btn { min-height:40px !important; padding:10px 12px !important; font-size:.86rem !important; }
    .hero-actions .btn.whatsapp { display:none !important; }
    .trust-row { display:none !important; }
    .hero-overlay {
        background:
            linear-gradient(180deg, rgba(0,0,0,.40), rgba(0,0,0,.56)),
            linear-gradient(90deg, rgba(0,0,0,.42), rgba(0,0,0,.18)) !important;
    }
    .site-nav {
        background: rgba(255,255,255,.98) !important;
        border-color: var(--light-border) !important;
    }
}