/* SouqX / 1.28 Visual Identity Foundation. Scoped progressive enhancement; RTL/LTR aware. */
:root{--sx-ink:#0c1731;--sx-navy:#101c38;--sx-violet:#7546f8;--sx-cyan:#12bbdd;--sx-gold:#d4a45e;--sx-surface:#fff;--sx-line:#e2e8f3;--sx-soft:#f3f6fc;--sx-ring:0 0 0 4px rgba(117,70,248,.15);--sx-elev:0 12px 40px rgba(26,40,79,.075);--sx-elev-hover:0 22px 58px rgba(39,43,91,.14)}
html{scroll-behavior:smooth}body{font-family:'Cairo',Arial,sans-serif!important;background:radial-gradient(ellipse 60% 450px at 85% -120px,rgba(117,70,248,.10),transparent),radial-gradient(ellipse 48% 420px at 0% 25%,rgba(18,187,221,.05),transparent),#f3f6fc;color:var(--text);-webkit-font-smoothing:antialiased}html[lang="en"] body{font-family:'Manrope',Arial,sans-serif!important}
body.dark,html.dark body{--sx-surface:#141d34;--sx-line:#303a55;--sx-soft:#121b31;--sx-elev:0 15px 42px rgba(0,0,0,.28);--sx-elev-hover:0 22px 55px rgba(0,0,0,.4);background:radial-gradient(ellipse 75% 550px at 85% -140px,rgba(117,70,248,.19),transparent),radial-gradient(ellipse 55% 550px at -15% 50%,rgba(18,187,221,.08),transparent),#090f20}
/* Global navigation: calm, high-end, strong legibility */
.appbar{min-height:72px;height:auto;padding-block:10px;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);box-shadow:0 4px 28px rgba(15,22,45,.035)}
.appbar .brand{letter-spacing:-.6px}.appbar .btn,.appbar .iconbtn,.market-nav a,.market-nav button{transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.appbar .btn:hover,.appbar .iconbtn:hover,.market-nav button:hover{transform:translateY(-2px)}
:where(.btn,button,input,select,textarea,a):focus-visible{outline:2px solid #8e63ff!important;outline-offset:3px;box-shadow:var(--sx-ring)}
.btn:not(.ghost),button.btn:not(.ghost),.sx-primary-cta{background:linear-gradient(115deg,#6244e9,#9152ff)!important;color:#fff!important;box-shadow:0 7px 22px rgba(110,70,241,.19);border:1px solid rgba(255,255,255,.1)!important}
.btn:not(.ghost):hover,.sx-primary-cta:hover{box-shadow:0 12px 30px rgba(110,70,241,.3);transform:translateY(-2px)}
.btn.ghost{background:var(--card)!important;border:1px solid var(--line)!important;color:var(--text)!important}
input,select,textarea{font-family:inherit;accent-color:var(--sx-violet)}
input:not([type=checkbox]):not([type=radio]),select,textarea{transition:border-color .2s,box-shadow .2s;background-color:var(--input);color:var(--text)}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:#8663f8!important;box-shadow:var(--sx-ring)}
/* Cohesive surfaces across buyer, seller, admin; no global geometry changes */
:where(.card,.market-filter,.sx-hub-stat,.listing-summary,.listing-gallery,.detail-section,.sx-discovery-intro,.sx-hub-links,.sx-hub-head){border-color:var(--line);box-shadow:var(--sx-elev)}
:where(.card,.sx-hub-stat,.market-card,.listing-summary,.listing-gallery){transition:box-shadow .26s ease,border-color .26s ease,transform .26s ease}
:where(.card,.sx-hub-stat,.market-card):hover{border-color:color-mix(in srgb,#8867ff 25%,var(--line));box-shadow:var(--sx-elev-hover)}
/* Homepage: art direction, contrast, rhythm */
.sx-premium-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(178,160,255,.28)!important;border-radius:30px!important;background:radial-gradient(circle at 80% 30%,rgba(121,72,255,.38),transparent 38%),radial-gradient(circle at 18% 95%,rgba(21,190,226,.18),transparent 42%),linear-gradient(130deg,#0b1430 0%,#151b42 55%,#231d50 100%)!important;box-shadow:0 24px 65px rgba(22,27,69,.2)!important}
.sx-premium-hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(190,193,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(190,193,255,.045) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(110deg,transparent,black)}
.sx-premium-hero h1,.sx-premium-hero h2{color:#fff!important;letter-spacing:-.025em;line-height:1.35!important;text-wrap:balance}.sx-premium-hero p{color:#c9d1ec!important;line-height:1.95}.sx-premium-kicker{color:#a5f1ff!important;letter-spacing:.16em}
.sx-premium-hero-primary{background:linear-gradient(110deg,#7752ff,#a05aff)!important;color:#fff!important;box-shadow:0 10px 32px rgba(123,83,255,.32)!important}.sx-premium-hero-secondary{border-color:rgba(255,255,255,.35)!important;color:#fff!important}
.market-title h2,.sx-discovery-intro h2,.sx-hub-head h1,.sx-detail-intro h2{font-weight:900!important;letter-spacing:-.025em}
.market-title{position:relative}.market-title h2:after{content:"";display:block;width:44px;height:4px;border-radius:5px;margin-block-start:8px;background:linear-gradient(90deg,#6c4bf7,#16bddf)}
.market-section{margin-block:25px 34px}.sx-premium-categories .market-cat,.sx-premium-categories a{transition:transform .2s ease,box-shadow .2s ease}.sx-premium-categories .market-cat:hover{transform:translateY(-4px)}
/* Horizontal listing cards: maintain v1.27.2 RTL rules, improve polish only */
.sx-future-card-wrap{border-radius:22px!important;overflow:hidden;box-shadow:var(--sx-elev);transition:box-shadow .25s ease,transform .25s ease}.sx-future-card-wrap:hover{transform:translateY(-3px);box-shadow:var(--sx-elev-hover)}
.sx-future-card-wrap :where(img){transition:transform .4s ease}.sx-future-card-wrap:hover img{transform:scale(1.025)}
.sx-future-card-wrap :where(h3,h4){font-weight:800;line-height:1.65}.sx-future-card-wrap :where(.price,.market-price){font-weight:900;color:var(--sx-violet)}
/* Seller studio: distinctive dark hero, precise KPI cards */
.sx-seller-hub .sx-hub-head{background:radial-gradient(circle at 85% 15%,rgba(154,110,255,.34),transparent 45%),linear-gradient(115deg,#101a3a,#1b2050)!important;color:#fff!important;border:1px solid rgba(172,156,255,.2)!important;border-radius:25px!important;box-shadow:0 18px 50px rgba(19,23,64,.2)!important}
.sx-seller-hub .sx-hub-head :where(h1,p,.sx-eyebrow,.sx-hero-tags span){color:#fff!important}.sx-seller-hub .sx-eyebrow{letter-spacing:.12em;color:#a4eefe!important}
.sx-seller-hub .sx-hub-stat{border-radius:20px!important;overflow:hidden;position:relative}.sx-seller-hub .sx-hub-stat:before{content:"";position:absolute;inset-block-start:0;inset-inline:15px;height:3px;background:linear-gradient(90deg,#7e57ff,#27c7e7);border-radius:10px}
.sx-seller-hub .sx-hub-stat strong{font-size:clamp(25px,3vw,38px)!important;font-weight:900!important;font-variant-numeric:tabular-nums}
.sx-seller-hub .sx-hub-links{border-radius:20px!important}.sx-seller-hub .sx-seller-promo{border-radius:22px!important}
/* Product detail: images and purchase decisions feel premium */
.sx-premium-listing .listing-gallery,.sx-premium-listing .listing-summary{border-radius:24px!important;overflow:hidden}.sx-premium-listing .listing-summary{border:1px solid var(--line)!important}.sx-premium-listing .main-photo-wrap{background:#0e1730}.sx-premium-listing .main-photo-wrap img{object-fit:contain;max-height:640px}
.sx-premium-listing .sx-detail-intro{margin-block-end:24px}.sx-premium-listing .detail-section{border-radius:22px!important}.sx-premium-listing .description{line-height:2!important}
/* Forms, messaging and management: typography, consistent spacing */
:where(.wrap,.market-shell) :where(h1,h2,h3){text-wrap:pretty}:where(.wrap,.market-shell) :where(p,.muted,small){line-height:1.8}
:where(.wrap,.market-shell) :where(table){border-collapse:separate;border-spacing:0}:where(.wrap,.market-shell) :where(th){background:color-mix(in srgb,var(--soft) 92%,transparent);font-weight:800}
:where(.wrap,.market-shell) :where(td,th){padding-block:12px;border-bottom:1px solid var(--line)}
/* RTL and LTR: no forced direction for layout; inherit document language */
html[dir="rtl"] .sx-seller-hub,html[dir="rtl"] .sx-premium-listing{text-align:start}html[dir="ltr"] .sx-seller-hub,html[dir="ltr"] .sx-premium-listing{text-align:start}
@media(max-width:760px){.sx-premium-hero{border-radius:22px!important}.sx-seller-hub .sx-hub-head{border-radius:20px!important}.sx-premium-listing .listing-gallery,.sx-premium-listing .listing-summary{border-radius:18px!important}.market-title h2{font-size:clamp(19px,5vw,26px)}.appbar{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}:where(.card,.sx-future-card-wrap,.btn,img){transition:none!important;animation:none!important}}