/* SouqX Auto Studio v20 — isolated premium dealership layout */
.sx20-root{--sx20-red:#cf1830;--sx20-ink:#0e1927;--sx20-muted:#667386;--sx20-border:#e5e9ef;--sx20-bg:#f6f8fb;--sx20-white:#fff;font-family:Inter,'Cairo','Tajawal',system-ui,sans-serif;color:var(--sx20-ink);background:var(--sx20-bg);min-height:100vh;line-height:1.5;isolation:isolate}
.sx20-root *{box-sizing:border-box}.sx20-root a{text-decoration:none}.sx20-root button,.sx20-root select,.sx20-root input{font:inherit}.sx20-root button{cursor:pointer}.sx20-root h1,.sx20-root h2,.sx20-root h3,.sx20-root p{margin-top:0}.sx20-root main{max-width:1560px;margin:auto}.sx20-root img{max-width:100%;display:block}.sx20-root [hidden]{display:none!important}
.sx20-header{height:76px;max-width:1560px;margin:auto;padding:0 clamp(18px,3vw,46px);background:#0b1624;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:26px;position:relative;z-index:10}.sx20-root:before{content:"";height:76px;background:#0b1624;position:absolute;inset-inline:0;top:0;z-index:-1}.sx20-logo{display:flex;align-items:center;gap:12px;color:#fff!important;min-width:165px}.sx20-logo b{display:block;font-size:20px;line-height:1.1;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx20-logo small{display:block;font-size:10px;color:#c9d3df}.sx20-mark{font-size:40px;font-style:italic;font-weight:1000;line-height:1;color:#fff;text-shadow:4px 3px var(--sx20-red)}.sx20-nav{display:flex;align-items:center;gap:clamp(12px,2.1vw,34px);height:100%}.sx20-nav a{color:#e6ebf1!important;font-size:13px;font-weight:800;white-space:nowrap;height:100%;display:flex;align-items:center;border-bottom:3px solid transparent}.sx20-nav a.active,.sx20-nav a:hover{border-bottom-color:var(--sx20-red)}.sx20-header-actions{display:flex;align-items:center;gap:9px}.sx20-primary,.sx20-manage{background:linear-gradient(120deg,#e22c42,#b91429);border:1px solid #f04a60;box-shadow:0 7px 22px #cf183044;color:#fff!important;padding:13px 22px;border-radius:11px;font-size:13px;font-weight:850;display:inline-flex;justify-content:center;align-items:center;gap:9px;white-space:nowrap}.sx20-manage{background:#c49a48;border-color:#e4c783;box-shadow:none;color:#101725!important}.sx20-menu{display:none;background:transparent;border:1px solid #425063;border-radius:8px;color:#fff;padding:5px 10px}
.sx20-hero{height:clamp(360px,32vw,490px);position:relative;overflow:hidden;background:#0d1b2b;color:white}.sx20-hero-bg{position:absolute;inset:0;background:url('/static/store_demo19/hero.webp') center 53%/cover no-repeat;transition:background-image .3s}.sx20-hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,#071321 2%,#071321ed 26%,#07132180 48%,#0713210a 83%),linear-gradient(0deg,#071321b8,transparent 38%)}.sx20-hero-copy{position:absolute;inset-block:0;inset-inline-start:clamp(26px,6vw,95px);max-width:560px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:1}.sx20-kicker{font-size:14px;font-weight:850;color:#e5eaf2}.sx20-hero h1{font-size:clamp(36px,4vw,62px);line-height:1.13;font-weight:1000;margin:14px 0 12px;color:#fff;letter-spacing:-.025em}.sx20-hero-copy>p{font-size:15px;line-height:1.9;max-width:520px;color:#e4e8ed}.sx20-hero-benefits{display:flex;flex-wrap:wrap;gap:22px;margin:10px 0 24px;font-size:13px;font-weight:750}.sx20-hero-cta{padding:15px 38px;font-size:15px}.sx20-hero-controls{position:absolute;bottom:24px;inset-inline:0;display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:2;pointer-events:none}.sx20-hero-controls button{pointer-events:auto;background:#fff;border:0;color:#182338;width:36px;height:36px;border-radius:50%;font-size:17px;box-shadow:0 2px 8px #0004}.sx20-hero-controls>span{display:flex;gap:6px;align-items:center}.sx20-hero-controls i{width:7px;height:7px;border-radius:20px;background:#fff;opacity:.8}.sx20-hero-controls i.active{width:18px;background:#d8273c;opacity:1}
.sx20-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:-25px 32px 40px;position:relative;z-index:3}.sx20-trust>div{display:flex;align-items:center;justify-content:center;gap:20px;min-height:90px;background:#fff;border:1px solid #e4e9f0;border-radius:15px;box-shadow:0 12px 30px #17263d13}.sx20-trust-icon{color:#c91730;font-size:36px}.sx20-trust b,.sx20-trust small{display:block}.sx20-trust b{font-size:16px}.sx20-trust small{font-size:12px;color:#758294;margin-top:2px}
.sx20-section{padding:8px clamp(20px,3vw,48px) 27px;scroll-margin-top:20px}.sx20-section-head{display:flex;align-items:center;gap:10px;margin-bottom:20px}.sx20-section-head h2{font-size:clamp(21px,2.1vw,28px);font-weight:950;color:#111b2a;margin:0}.sx20-accent-line{width:4px;height:23px;border-radius:4px;background:var(--sx20-red);order:-1}.sx20-brand-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:11px}.sx20-brand{border:1px solid #e0e6ef;background:#fff;border-radius:12px;padding:13px 6px;min-height:110px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;box-shadow:0 3px 9px #16233b09;transition:.2s}.sx20-brand:hover,.sx20-brand.active{transform:translateY(-3px);border-color:#d41e37;box-shadow:0 9px 20px #ca183024}.sx20-brand img{width:64px;height:51px;object-fit:contain}.sx20-brand b{font-size:11px;color:#243044;direction:ltr}.sx20-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.sx20-category{position:relative;overflow:hidden;border:0;border-radius:12px;aspect-ratio:1.85/1;background:#162435;padding:0;box-shadow:0 5px 15px #0e1d2b17}.sx20-category:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c1724f5 0%,#10203517 70%)}.sx20-category img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.sx20-category:hover img{transform:scale(1.07)}.sx20-category span{position:absolute;inset-inline:12px;bottom:10px;z-index:1;color:#fff;font-size:14px;font-weight:900;text-align:start;display:flex;justify-content:space-between}.sx20-category b{font-size:19px}
.sx20-inventory-head{justify-content:space-between}.sx20-inventory-head a{color:#d51b34;font-size:13px;font-weight:850}.sx20-search{display:grid;grid-template-columns:1.5fr repeat(4,1fr) auto;gap:10px;padding:13px;border-radius:14px;background:#fff;border:1px solid #e6eaf0;box-shadow:0 8px 24px #1420350b;margin-bottom:25px}.sx20-search label{min-width:0;display:flex;flex-direction:column;gap:2px;justify-content:center;border:1px solid #e0e6ee;border-radius:9px;padding:6px 11px;color:#19263a}.sx20-search label>span{font-size:10px;color:#677489;font-weight:750}.sx20-search input,.sx20-search select{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#263448!important;font-size:12px!important;font-weight:750!important;width:100%;min-width:0;padding:3px 0!important}.sx20-search .sx20-search-text{flex-direction:row;align-items:center;gap:9px}.sx20-search-text>span{font-size:23px!important}.sx20-search-btn{background:var(--sx20-red);border:0;border-radius:9px;padding:0 26px;color:#fff;font-weight:850;font-size:13px}.sx20-cars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sx20-car{background:#fff;border:1px solid #e4e9f1;border-radius:15px;overflow:hidden;box-shadow:0 5px 17px #1c2d4810;transition:transform .2s,box-shadow .2s}.sx20-car:hover{transform:translateY(-4px);box-shadow:0 16px 30px #182b4824}.sx20-car-media{height:clamp(160px,16vw,240px);position:relative;overflow:hidden;background:#1c2b3c}.sx20-car-media img{height:100%;width:100%;object-fit:cover}.sx20-car-tag{position:absolute;top:12px;inset-inline-start:12px;background:#c51c32;color:#fff;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:850}.sx20-car-info{padding:15px 16px 16px}.sx20-car h3{font-size:18px;color:#141f2e;margin:0 0 6px;font-weight:950;direction:ltr;text-align:start}.sx20-car p{color:#677386;font-size:11px;margin:0 0 9px}.sx20-car-info>strong{font-size:23px;color:#c9152d;font-weight:950;display:block;direction:ltr;text-align:start}.sx20-car-info>strong small{font-size:12px}.sx20-car-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:10px}.sx20-demo-detail{background:#fff;border:1px solid #cf2037;border-radius:7px;color:#c31730;padding:9px 18px;flex:1;font-size:12px;font-weight:850}.sx20-demo-detail:hover{background:#c31730;color:#fff}.sx20-car-footer>span{font-size:23px;color:#667181}.sx20-empty{padding:20px;text-align:center;background:#fff;border:1px solid #e5e9f0;border-radius:10px}.sx20-empty button{border:0;color:#c9152d;background:transparent;font-weight:800}
.sx20-banners{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:4px clamp(20px,3vw,48px) 26px}.sx20-banner{height:155px;border-radius:13px;overflow:hidden;position:relative;color:#fff;background:#112137}.sx20-banner img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.4}.sx20-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#0a1829 0%,#0a1829b8 45%,transparent 100%)}.sx20-banner-launch{background:#341421}.sx20-banner-finance{background:#0d2b48}.sx20-banner>div{position:relative;z-index:1;padding:19px 27px;max-width:75%}.sx20-banner small{font-size:9px;letter-spacing:2px;color:#d2e0f0}.sx20-banner h2{font-size:22px;margin:4px 0;color:#fff}.sx20-banner p{font-size:12px;margin:0 0 8px;color:#e6eaf1}.sx20-banner a{color:#fff;border:1px solid #d8e2ee;border-radius:6px;padding:5px 13px;font-size:11px;font-weight:800}.sx20-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid #e7ebf1;border-radius:13px;padding:22px 6px}.sx20-why-grid>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-inline-end:1px solid #e5e9f0}.sx20-why-grid>div:last-child{border:0}.sx20-why-grid span{font-size:31px}.sx20-why-grid b,.sx20-why-grid small{display:block}.sx20-why-grid b{font-size:13px}.sx20-why-grid small{font-size:11px;color:#7a8595}.sx20-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sx20-review{padding:18px;background:#fff;border:1px solid #e5e9f0;border-radius:12px;box-shadow:0 5px 15px #12253d0b}.sx20-review>div{display:flex;align-items:center;gap:10px}.sx20-review-avatar{display:inline-flex;align-items:center;justify-content:center;background:#e5ebf4;width:36px;height:36px;border-radius:50%;font-size:17px;font-weight:850}.sx20-review b{font-size:13px}.sx20-stars{color:#e49b0a;letter-spacing:2px}.sx20-review p{font-size:12px;color:#647184;margin:7px 0 0}.sx20-no-reviews{background:#fff;border:1px solid #e6ebf1;border-radius:12px;padding:24px;color:#627185;font-size:13px}.sx20-contact{margin:10px clamp(20px,3vw,48px) 25px;padding:25px 30px;border-radius:13px;background:#0d1b2d;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}.sx20-contact h2{color:#fff;font-size:24px;margin:0 0 5px}.sx20-contact p{color:#b7c4d2;margin:0;font-size:13px}.sx20-contact>span{color:#c4cfdb;font-size:12px}.sx20-footer{background:#0b1624;color:#e2eaf3;display:flex;justify-content:space-between;padding:20px clamp(20px,3vw,48px);font-size:12px}.sx20-owner-strip,.sx20-visitor-demo{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px clamp(20px,3vw,48px);background:#fff4f4;color:#9b1d30;border-top:1px solid #f1c3c9;font-size:12px}.sx20-owner-strip a{background:#c91c33;color:#fff;padding:8px 15px;border-radius:7px;font-weight:850}.sx20-visitor-demo{justify-content:center}.sx20-dialog{max-width:450px;width:calc(100% - 30px);border:1px solid #e2e6ed;border-radius:16px;box-shadow:0 20px 90px #0005;padding:25px;color:#192638;text-align:center}.sx20-dialog::backdrop{background:#071525a6}.sx20-dialog h2{font-size:22px}.sx20-dialog p{font-size:13px;color:#59677a;line-height:1.9}.sx20-dialog>button:first-child{position:absolute;top:8px;inset-inline-end:12px;border:0;background:transparent;font-size:27px;color:#64748b}.sx20-connected-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.sx20-connected-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #e5e9f0;border-radius:12px;padding:10px;color:#182437}.sx20-connected-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px}.sx20-connected-card b{font-size:13px}.sx20-connected-card strong{font-size:14px;color:#bd1931}
.sx20-auto_prestige{--sx20-red:#b68b45}.sx20-auto_prestige .sx20-primary,.sx20-auto_prestige .sx20-search-btn{background:#ad873e;border-color:#c6a76d}.sx20-auto_sport{--sx20-red:#e72c39}.sx20-auto_sport .sx20-hero-shade{background:linear-gradient(270deg,#15080cf5 2%,#190b10d9 30%,#160d1040 72%)}
@media(max-width:1150px){.sx20-header{gap:15px}.sx20-nav{gap:12px}.sx20-nav a{font-size:11px}.sx20-brand-row{grid-template-columns:repeat(4,1fr)}.sx20-search{grid-template-columns:repeat(3,1fr)}.sx20-search-text{grid-column:span 2}.sx20-search-btn{min-height:48px}.sx20-cars{grid-template-columns:repeat(2,1fr)}.sx20-car-media{height:230px}.sx20-category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.sx20-header{height:65px}.sx20-root:before{height:65px}.sx20-logo b{font-size:16px}.sx20-mark{font-size:31px}.sx20-menu{display:block}.sx20-nav{display:none;position:absolute;top:65px;inset-inline:0;background:#0b1624;padding:10px 22px 20px;flex-direction:column;align-items:stretch;height:auto;box-shadow:0 10px 30px #0003}.sx20-nav.open{display:flex}.sx20-nav a{height:38px;font-size:14px}.sx20-header-actions .sx20-primary,.sx20-header-actions .sx20-manage{font-size:10px;padding:9px}.sx20-hero{height:460px}.sx20-hero-bg{background-position:45% center}.sx20-hero-shade{background:linear-gradient(0deg,#081726f5,#08172690 75%,#08172622)}.sx20-hero-copy{inset-inline:25px;justify-content:flex-end;padding-bottom:75px;max-width:none}.sx20-hero h1{font-size:36px}.sx20-hero-benefits{gap:10px;font-size:11px}.sx20-hero-controls{bottom:13px;padding:0 15px}.sx20-trust{margin:15px 15px 30px;gap:8px}.sx20-trust>div{padding:10px;min-height:75px;gap:7px}.sx20-trust-icon{font-size:22px}.sx20-trust b{font-size:11px}.sx20-trust small{font-size:9px}.sx20-section{padding-inline:15px}.sx20-brand-row{grid-template-columns:repeat(4,1fr);gap:7px}.sx20-brand{min-height:85px}.sx20-brand img{height:35px;width:46px}.sx20-brand b{font-size:9px}.sx20-category-grid{grid-template-columns:repeat(2,1fr)}.sx20-search{grid-template-columns:repeat(2,1fr)}.sx20-search-text{grid-column:span 2}.sx20-search-btn{min-height:46px}.sx20-cars{gap:10px}.sx20-car-media{height:170px}.sx20-car-info{padding:12px}.sx20-car h3{font-size:14px}.sx20-car p{font-size:10px}.sx20-car-info>strong{font-size:17px}.sx20-banners{grid-template-columns:1fr;padding-inline:15px}.sx20-why-grid{grid-template-columns:repeat(2,1fr)}.sx20-why-grid>div:nth-child(2){border:0}.sx20-review-grid{grid-template-columns:1fr}.sx20-contact{margin-inline:15px;flex-wrap:wrap}.sx20-owner-strip{flex-wrap:wrap}.sx20-connected-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.sx20-header-actions .sx20-primary{display:none}.sx20-trust{grid-template-columns:1fr}.sx20-trust>div{justify-content:flex-start;min-height:58px;padding:8px 20px}.sx20-brand-row{grid-template-columns:repeat(4,1fr)}.sx20-category-grid{gap:8px}.sx20-cars{grid-template-columns:1fr}.sx20-car-media{height:235px}.sx20-search{grid-template-columns:1fr 1fr}.sx20-search-text{grid-column:span 2}.sx20-search-btn{grid-column:span 2}.sx20-banner>div{max-width:95%}.sx20-contact h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.sx20-root *{scroll-behavior:auto!important;transition:none!important}}