/* SouqX 1.28.1 | Premium Buyer & Seller Journey. Layout first, visual rhythm second. */
:root{--journey-ink:#111b35;--journey-muted:#64748b;--journey-violet:#6946ed;--journey-cyan:#00b7d7;--journey-line:#e4e9f4;--journey-card:#fff;--journey-surface:#f4f6fc;--journey-shadow:0 18px 55px rgba(21,31,70,.075)}
body.dark{--journey-ink:#f4f6ff;--journey-muted:#a5b3ce;--journey-line:#303956;--journey-card:#171e34;--journey-surface:#0d1426;--journey-shadow:0 22px 56px rgba(0,0,0,.22)}
/* Seller studio: distinct premium composition, not generic cards */
.sx-seller-hub{max-width:1350px!important;padding-block:22px 76px!important;color:var(--journey-ink)}
.sx-seller-hub .sx-hub-head{position:relative;isolation:isolate;overflow:hidden;min-height:245px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px clamp(24px,4vw,58px)!important;border-radius:30px!important;background:radial-gradient(ellipse at 88% 8%,rgba(0,210,244,.24),transparent 33%),radial-gradient(ellipse at 8% 100%,rgba(188,126,255,.35),transparent 40%),linear-gradient(125deg,#101a3a 0%,#211952 52%,#382079 100%)!important;border:1px solid rgba(177,166,255,.22)!important;box-shadow:0 26px 70px rgba(35,28,98,.2)!important;color:#fff!important}
.sx-seller-hub .sx-hub-head:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(170,175,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(170,175,255,.13) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent 10%,#000)}
.sx-seller-hub .sx-hub-head:after{content:"";position:absolute;inset-inline-end:-95px;top:-155px;width:380px;height:380px;border:1px solid rgba(210,200,255,.22);border-radius:50%;box-shadow:0 0 0 50px rgba(177,158,255,.045),0 0 0 110px rgba(177,158,255,.035);z-index:-1}
.sx-seller-hub .sx-hub-head h1{color:#fff!important;font-size:clamp(28px,3.4vw,45px)!important;letter-spacing:-.8px;line-height:1.3;margin:8px 0!important}
.sx-seller-hub .sx-hub-head p{color:#d9ddf8!important;font-size:14px!important;max-width:570px;line-height:1.9}
.sx-seller-hub .sx-hub-head .sx-eyebrow{color:#91e9ff!important;letter-spacing:2px;font-weight:850}
.sx-seller-hub .sx-hub-head .sx-hero-tags span{color:#eae7ff!important;background:rgba(255,255,255,.095)!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:999px;padding:7px 12px}
.sx-seller-hub .sx-hub-head .sx-primary-cta{background:linear-gradient(115deg,#7a4dff,#b070ff)!important;color:#fff!important;border:1px solid #c0a1ff!important;border-radius:15px!important;box-shadow:0 14px 35px rgba(74,29,172,.4)!important;padding:16px 24px!important;white-space:nowrap;font-weight:900!important}
.sx-seller-hub .sx-hub-stats{gap:15px!important;margin-block:23px!important}
.sx-seller-hub .sx-hub-stat{position:relative;overflow:hidden;background:var(--journey-card)!important;border:1px solid var(--journey-line)!important;border-radius:20px!important;box-shadow:var(--journey-shadow)!important;padding:20px!important;min-height:128px}
.sx-seller-hub .sx-hub-stat:after{content:"";position:absolute;inset-inline-end:-20px;bottom:-44px;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,rgba(118,77,255,.11),transparent 70%);pointer-events:none}
.sx-seller-hub .sx-hub-stat strong{font-family:Manrope,Cairo,sans-serif;font-size:clamp(28px,3vw,39px)!important;letter-spacing:-1px}
.sx-seller-hub .sx-hub-links,.sx-seller-hub .sx-seller-promo,.sx-seller-hub .sx-seller-guide,.sx-seller-hub .sx-hub-filters{background:var(--journey-card)!important;border:1px solid var(--journey-line)!important;border-radius:20px!important;box-shadow:0 8px 32px rgba(29,40,91,.04)!important}
.sx-seller-hub .sx-hub-section-head h2{font-size:clamp(23px,2.6vw,31px)!important;letter-spacing:-.6px}
.sx-seller-hub .sx-hub-grid{gap:17px!important}
.sx-seller-hub .sx-listing-card{background:var(--journey-card)!important;border:1px solid var(--journey-line)!important;border-radius:21px!important;box-shadow:var(--journey-shadow)!important;padding:22px!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.sx-seller-hub .sx-listing-card:hover{transform:translateY(-4px);border-color:rgba(111,77,240,.38)!important;box-shadow:0 22px 60px rgba(64,50,142,.13)!important}
.sx-seller-hub .sx-listing-card h3{font-size:16px!important;line-height:1.85!important;font-weight:850!important;min-height:50px}
.sx-seller-hub .sx-listing-card .price{color:var(--journey-violet)!important;font-family:Manrope,Cairo,sans-serif;font-size:22px!important;font-weight:900!important}
.sx-seller-hub .sx-card-actions{gap:8px!important;padding-top:12px;border-top:1px solid var(--journey-line);margin-top:12px}
.sx-seller-hub .sx-card-actions .btn{border-radius:11px!important;min-height:37px}
.sx-seller-hub .sx-card-actions .sx-photo-manage-action{background:linear-gradient(110deg,#6539e8,#9963ff)!important;color:white!important;border:0!important;box-shadow:0 8px 20px rgba(103,61,222,.18)!important}
/* Buyer product detail: photographic stage and calm buying panel */
.sx-luxe-detail{max-width:1360px!important;color:var(--journey-ink)}
.sx-luxe-detail .sx-detail-intro{background:radial-gradient(circle at 85% 25%,rgba(0,195,237,.22),transparent 30%),linear-gradient(115deg,#111b3d,#352174 65%,#512a91)!important;border-radius:28px!important;box-shadow:0 22px 65px rgba(36,29,103,.2)!important;padding:34px clamp(22px,4vw,52px)!important}
.sx-luxe-detail .sx-detail-intro h2{font-size:clamp(25px,3vw,39px)!important;line-height:1.4!important}
.sx-luxe-detail .listing-shell{gap:24px!important;align-items:start}
.sx-luxe-detail .listing-gallery,.sx-luxe-detail .listing-summary,.sx-luxe-detail .detail-section{background:var(--journey-card)!important;border:1px solid var(--journey-line)!important;border-radius:24px!important;box-shadow:var(--journey-shadow)!important}
.sx-luxe-detail .listing-gallery{padding:15px!important}
.sx-luxe-detail .main-photo-wrap{border-radius:17px!important;background:var(--journey-surface)!important;overflow:hidden}
.sx-luxe-detail .main-photo{max-height:560px;object-fit:contain!important;transition:transform .3s ease}
.sx-luxe-detail .thumbs{gap:10px!important;padding-top:12px}
.sx-luxe-detail .thumb{border-radius:11px!important;overflow:hidden;opacity:.75;transition:opacity .2s,border-color .2s}
.sx-luxe-detail .thumb.active,.sx-luxe-detail .thumb:hover{opacity:1;border-color:var(--journey-violet)!important}
.sx-luxe-detail .listing-summary{padding:clamp(20px,2.5vw,30px)!important}
.sx-luxe-detail .detail-price{font-size:clamp(30px,3.8vw,46px)!important;letter-spacing:-1px;font-family:Manrope,Cairo,sans-serif;color:var(--journey-violet)!important;font-weight:900!important}
.sx-luxe-detail .seller-card{border:1px solid var(--journey-line)!important;background:var(--journey-surface)!important;border-radius:17px!important;padding:15px!important}
.sx-luxe-detail .action-stack .btn{min-height:48px;border-radius:13px!important;font-weight:850!important;transition:transform .2s,filter .2s}
.sx-luxe-detail .action-stack .btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.sx-luxe-detail .detail-section{padding:clamp(18px,3vw,32px)!important}
.sx-luxe-detail .description{line-height:2.05!important;font-size:15px!important}
/* Conversations and inbox: real visual structure, preserve polling/forms */
.sx-journey-chat{max-width:1030px!important;padding-block:24px 70px!important;color:var(--journey-ink)}
.sx-journey-chat .pagehead{background:linear-gradient(125deg,#151d3f,#34246f)!important;color:#fff!important;border:1px solid rgba(179,158,255,.25)!important;border-radius:24px!important;padding:25px 29px!important;box-shadow:0 18px 45px rgba(34,25,93,.15)!important}
.sx-journey-chat .pagehead h1{color:#fff!important;font-size:clamp(20px,2.6vw,30px)!important;line-height:1.5}
.sx-journey-chat .pagehead .price{color:#9aefff!important;font-weight:900;font-size:21px}
.sx-journey-chat .pagehead .link{color:#d9d2ff!important}
.sx-journey-chat .sx-chat-intro{border:1px solid var(--journey-line)!important;background:var(--journey-card)!important;border-radius:19px!important;padding:17px 22px!important;margin-top:15px}
.sx-journey-chat .sx-chat-quick{gap:9px!important;margin-block:14px!important}
.sx-journey-chat .sx-chat-quick button{background:var(--journey-surface)!important;border:1px solid var(--journey-line)!important;color:var(--journey-ink)!important;border-radius:999px!important;padding:9px 15px!important;font-weight:750}
.sx-journey-chat #chatBox{border:1px solid var(--journey-line)!important;border-radius:23px!important;background:radial-gradient(circle at 8% 0%,rgba(119,78,255,.06),transparent 40%),var(--journey-card)!important;box-shadow:var(--journey-shadow)!important;padding:20px!important;min-height:290px}
.sx-journey-chat #chatBox>div{border:1px solid var(--journey-line);box-shadow:0 5px 18px rgba(28,36,72,.035);line-height:1.9}
.sx-journey-chat textarea{border-radius:16px!important;background:var(--journey-card)!important;border:1px solid var(--journey-line)!important;color:var(--journey-ink)!important;min-height:94px}
.sx-journey-chat button.btn{border-radius:12px!important}
.sx-page-messages .sx-v2-hero{background:radial-gradient(circle at 82% 30%,rgba(0,190,225,.19),transparent 35%),linear-gradient(120deg,#111b39,#382274)!important;border-radius:26px!important;color:#fff!important;padding:32px!important}
.sx-page-messages .sx-v2-hero h1,.sx-page-messages .sx-v2-hero p{color:#fff!important}
.sx-page-messages .sx-v2-conversation{background:var(--journey-card)!important;border:1px solid var(--journey-line)!important;border-radius:20px!important;padding:22px!important;box-shadow:var(--journey-shadow)!important;transition:transform .2s,border-color .2s}
.sx-page-messages .sx-v2-conversation:hover{transform:translateY(-3px);border-color:var(--journey-violet)!important}
/* Seller analytics and photo studio */
.sx-journey-analytics{max-width:1250px!important;padding-block:22px 70px!important;color:var(--journey-ink)}
.sx-journey-analytics>.top{background:radial-gradient(circle at 80% 20%,rgba(0,196,235,.22),transparent 32%),linear-gradient(115deg,#121d40,#3b2379)!important;border-radius:24px!important;padding:27px!important;color:#fff!important}
.sx-journey-analytics>.top h1,.sx-journey-analytics>.top p{color:#fff!important}
.sx-journey-analytics .stat,.sx-journey-analytics .section .card{border-radius:19px!important;background:var(--journey-card)!important;border:1px solid var(--journey-line)!important;box-shadow:var(--journey-shadow)!important}
.sx-journey-analytics .section{margin-top:22px}
.sx-journey-analytics .section .card{padding:22px!important}
.sx-photo-studio{max-width:1240px!important;color:var(--journey-ink)!important}
.sx-photo-studio h1{font-size:clamp(28px,3.2vw,43px)!important;letter-spacing:-1px}
.sx-photo-studio .sx-photo-panel{border-radius:25px!important;background:var(--journey-card)!important;border:1px solid var(--journey-line)!important;box-shadow:var(--journey-shadow)!important;padding:clamp(18px,3vw,34px)!important}
.sx-photo-studio .sx-photo-tile{border-radius:17px!important;background:var(--journey-surface)!important;border:1px solid var(--journey-line)!important;transition:transform .2s,box-shadow .2s}
.sx-photo-studio .sx-photo-tile:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(43,38,91,.12)}
.sx-photo-studio .sx-upload{border-radius:20px!important;background:var(--journey-surface)!important;border:2px dashed rgba(119,79,235,.45)!important}
.sx-photo-studio .sx-primary{background:linear-gradient(110deg,#6946ed,#9565ff)!important;border-radius:12px!important;color:#fff!important}
/* Correct bidirectional semantics without reversing individual text */
[dir="rtl"] .sx-journey-chat,[dir="rtl"] .sx-journey-analytics{direction:rtl}
.sx-seller-hub .sx-hub-head,.sx-luxe-detail .listing-shell,.sx-journey-chat .pagehead{direction:inherit}
@media(max-width:900px){.sx-seller-hub .sx-hub-head{min-height:unset;flex-direction:column;align-items:stretch;padding:28px!important}.sx-seller-hub .sx-hub-head .sx-primary-cta{align-self:flex-start}.sx-luxe-detail .listing-shell{grid-template-columns:1fr!important}.sx-luxe-detail .main-photo{max-height:440px}}
@media(max-width:620px){.sx-seller-hub{padding-inline:12px!important}.sx-seller-hub .sx-hub-head{border-radius:22px!important;padding:22px!important}.sx-seller-hub .sx-hub-head h1{font-size:28px!important}.sx-seller-hub .sx-hub-stats{gap:9px!important}.sx-seller-hub .sx-hub-stat{padding:14px!important;min-height:104px}.sx-seller-hub .sx-listing-card{padding:16px!important}.sx-luxe-detail .sx-detail-intro{border-radius:20px!important;padding:22px!important}.sx-journey-chat .pagehead{padding:18px!important}.sx-journey-chat #chatBox{padding:10px!important}.sx-photo-studio .sx-photo-panel{padding:14px!important}}
@media(prefers-reduced-motion:reduce){.sx-seller-hub .sx-listing-card,.sx-luxe-detail .action-stack .btn,.sx-photo-studio .sx-photo-tile,.sx-page-messages .sx-v2-conversation{transition:none!important;transform:none!important}}
