/* ATHATH GLOBAL — STUDIO SHOWROOM / 2026
   Photo-first commerce, airy editorial grid, not the Winch cinematic system. */
:root{--ink:#213c35;--paper:#faf9f6;--line:#e5e8e3;--purple:#ccece0;--orange:#ef9d74;--lime:#dae9bb;--blue:#174c43;--cream:#fff;--grey:#6c817a;--radius:25px}
body{background:var(--paper);color:var(--ink);font-family:Cairo,system-ui,sans-serif;line-height:1.65}
::selection{background:#c8e6da;color:#193d35}
.shell{width:min(1330px,calc(100% - 72px))}
.announcement{background:#1e4c40;color:white;border:0;min-height:38px}
.announcement-inner{min-height:38px}.announcement b{color:#f9d09c}.announcement a{text-decoration:none;color:#fae3cc;font-weight:900}
.site-header{background:rgba(250,249,246,.94);border-bottom:1px solid #e7e9e5;backdrop-filter:blur(24px)}
.header-inner{min-height:82px}.brand-glyph{background:#1e5247;width:47px;height:47px;border-radius:17px;font-size:31px;transform:rotate(-5deg);box-shadow:0 8px 15px #12413421}.brand-glyph span{right:7px;top:2px;color:#ffc19e}.brand-text{font-size:21px;letter-spacing:-.5px}.brand-text small{font-size:8px;letter-spacing:1.2px;color:#789086}.nav-links{gap:clamp(11px,1.5vw,24px);font-weight:800}.nav-links a{transition:color .2s}.nav-links a:hover{color:#cf735c}.nav-links .sa-nav{border:1px solid #d3e6d7;background:#eaf4ec;border-radius:99px;color:#276d53;padding:9px 13px}.header-actions .desktop-post{border:0;border-radius:12px;background:#e77957;color:white;box-shadow:0 7px 15px #e779572b;padding:13px 17px}.header-actions .desktop-post:hover{background:#d86445}.icon-button,.account-button{border-radius:12px}.icon-button:hover{background:#ebf3ee}
.btn{border:0;border-radius:14px;font-weight:800;box-shadow:none;min-height:48px}.btn-primary{background:#1d5848;color:#fff}.btn-outline{border:1px solid #d4ded8;background:white;color:#235144}
.landing-meta{padding:30px 0 20px;color:#507364}.landing-meta .landing-issue{color:#91a79e}
.landing-grid{grid-template-columns:minmax(315px,.85fr) minmax(0,1.3fr);gap:16px;min-height:620px}
.landing-copy{min-height:620px;background:linear-gradient(150deg,#dcefe7 0%,#f0f6e9 54%,#faeadb 100%);border:0;border-radius:28px;padding:clamp(27px,3.5vw,65px)}
.landing-copy:before{content:'✳';color:#215a4c0d;font-size:345px;bottom:-185px;left:-93px}.micro-copy{color:#467d6c;letter-spacing:2.4px}
.landing-copy h1{font-size:clamp(44px,4.2vw,74px);line-height:1.32;margin:20px 0;letter-spacing:-2px;font-weight:900}.landing-copy h1 span{color:#d16d52;white-space:normal}.landing-copy h1 span:after{height:5px;background:#f0b29b;border-radius:99px;bottom:1px}
.landing-copy p{font-weight:600;line-height:2;max-width:410px;color:#557166;margin:6px 0 23px}
.hero-search-bar{background:white;border:1px solid #d8e6dd;border-radius:17px;padding:6px 8px 6px 12px;box-shadow:0 12px 34px #25584619}.hero-search-bar input{font-size:13px}.hero-search-bar .icon{color:#58806f}.hero-search-bar button{border-radius:11px;padding:12px 18px;background:#1e5949}.hero-search-bar button:hover{background:#2a7860}
.landing-quick{margin:17px 0 25px}.landing-quick span{color:#668477}.landing-quick button{border:1px solid #bad2c5;border-radius:99px;background:#ffffff8a;font-size:10px;color:#356456;padding:7px 12px}.landing-quick button:hover{border-color:#4e9279;background:white}
.hero-post{background:#e77b59;border:0;border-radius:12px;box-shadow:0 7px 18px #e77b5933;color:white}.hero-action-bar a{border:0;color:#285e4c}
.market-board{min-height:620px;grid-template-rows:repeat(3,minmax(0,1fr));gap:13px;border-radius:28px;overflow:hidden}
.board-card,.board-card.saudi-board{border:0;border-radius:22px;background:#e5efe9;box-shadow:none;position:relative;transition:transform .4s cubic-bezier(.18,.8,.2,1),box-shadow .4s}
.board-card:hover{box-shadow:0 18px 40px #1f41302b;transform:translateY(-5px);z-index:3}
.board-card:focus-visible{outline:3px solid #f5aa88;outline-offset:2px}
.board-card:nth-child(2){background:#e7dfce}.board-card:nth-child(3){background:#dce5f0}.board-card:nth-child(4){background:#e1e8df}.board-card:nth-child(5){background:#f1e4db}
.board-img{padding:0!important;position:absolute!important;inset:0!important;min-height:0}.board-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;filter:none!important;max-width:none}.board-card:hover .board-img img{transform:scale(1.085)}
.board-img:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(0deg,rgba(13,36,30,.78),transparent);pointer-events:none}
.board-card .board-label{background:#ffffffeb;color:#1b5949!important;border-radius:10px;box-shadow:0 5px 20px #0001;font-size:10px;font-weight:900;padding:6px 10px;z-index:4}
.board-card .board-details{color:white;background:transparent!important;position:absolute;bottom:0;right:0;left:0;z-index:2;padding:14px 15px 17px!important;text-shadow:0 1px 2px #0004;min-height:auto!important}
.board-card .board-details b,.board-card.featured .board-details b{color:white!important;font-size:clamp(12px,1vw,18px)!important;line-height:1.55}.board-card .board-details small{color:#e2ebe5!important;display:block;font-size:11px}.board-card .board-details strong{color:#ffdec1!important;font-weight:900;font-size:17px!important;position:static!important}
.board-card.featured .board-details{padding:25px 28px!important}.board-card.featured .board-details b{font-size:clamp(20px,2vw,29px)!important}.board-card.featured .board-details strong{font-size:28px!important}
.board-furniture-note{border:0;border-radius:8px;background:#fef7e7e8;color:#165444;font-weight:800;bottom:124px;left:18px;box-shadow:none}
.missing-photo:before{content:'✳';position:absolute;inset:0;display:grid;place-items:center;font-size:74px;color:#86b5a0;opacity:.35}.missing-caption{display:none;position:absolute;left:10px;right:10px;top:40%;z-index:1;text-align:center;font-size:12px;font-weight:800;color:#265d50}.missing-photo .missing-caption{display:block}.board-img.missing-photo:after{inset:15% 0 0}
.landing-foot{color:#6e8b7c;padding:18px 0 30px}
.strip-live{height:60px;background:#e8f1ea;border:0;overflow:hidden}.strip-label{background:#d8e9df;color:#2e6c59;border:0;width:150px;font-size:11px}.strip-end{background:#e8f1ea;border:0;width:105px;color:#27694f}.ticker-item{color:#315c50}.ticker-item b{color:#d46f50}.ticker-track{will-change:transform}
.category-display,.saudi-showcase,.market-section,.listings-section,.how-section{padding:95px 0}.category-display{background:white}
.display-heading h2,.saudi-heading-copy h2,.market-info h2{font-size:clamp(38px,4.6vw,65px);line-height:1.25;letter-spacing:-1px;color:#234b40}
.display-heading .outline-word{color:#e07c60;-webkit-text-stroke:0;text-shadow:none}
.heading-side p{color:#728d82}
.category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.category-item{border:0!important;border-radius:21px;overflow:hidden;background:#f6f7f2;box-shadow:none;text-align:right;transition:transform .3s,box-shadow .3s}
.category-item:hover{transform:translateY(-7px);box-shadow:0 20px 30px #1b48361a}
.category-thumb{aspect-ratio:1.05;position:relative;padding:0!important;overflow:hidden;background:#e5eee7}
.category-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.category-item:hover .category-thumb img{transform:scale(1.1)}
.category-thumb.cat-no-photo{background:linear-gradient(130deg,#d4e8d8,#eee8d7)}.cat-letter{position:absolute;left:10px;bottom:8px;color:#fff;font-family:'Space Grotesk';font-weight:900;font-size:34px;text-shadow:0 3px 13px #0005}
.category-text{padding:14px 15px 18px}.category-item>strong,.category-text strong{font-size:14px;color:#26473a;display:block}.category-text small{color:#759286;font-size:10px}.category-text small span{color:#de7758}
.saudi-showcase{background:#f0f5f0;border:0}.saudi-section-heading h2{font-size:clamp(36px,4.1vw,56px)}.saudi-heading-copy h2 span{color:#df7c60}.saudi-heading-copy p{color:#637d70}.saudi-all-link{background:#225849;border:0;border-radius:14px;box-shadow:0 9px 20px #1b4c3d22}.saudi-feed-status{background:#fff;border:0;box-shadow:0 1px 12px #21452e0e}.saudi-product-scroller{gap:17px}.saudi-product-card{border:0;border-radius:21px;background:#fff;box-shadow:0 7px 26px #1a403012;transition:transform .3s,box-shadow .3s;overflow:hidden}.saudi-product-card:hover{transform:translateY(-6px);box-shadow:0 20px 33px #1a403020}.saudi-photo{height:260px;background:#dcebe2}.saudi-photo-mark{top:12px;right:12px;border-radius:10px;box-shadow:0 3px 15px #0002;font-size:10px}.saudi-card-body h3{font-size:15px;color:#234537}.saudi-card-footer{border-color:#eef2eb}.saudi-card-footer strong{color:#266b54}.saudi-scroller-bottom{color:#5b7d6c}.saudi-arrows button{border:1px solid #d3e4d9;border-radius:12px}.saudi-arrows button:hover{background:#e4f1e8}
.flash-feature{padding:90px 0;background:#1f5043;color:#fff}.flash-copy h2,.flash-copy h2 em{color:white}.flash-copy p{color:#cfdfd5}.flash-photo{border:0;border-radius:30px;box-shadow:none;overflow:hidden}.flash-stamp{color:#f7bc91}.light-link{color:#fdd9b2}
.market-section{background:#f7f4ec}.market-info h2 i{color:#d97455}.market-info p{color:#657f72}.market-options{background:white;border:0;border-radius:26px;box-shadow:0 12px 45px #27493211;padding:26px}.country-grid{gap:10px}.country-card{background:#f6f8f4;border:1px solid #edf0e9;border-radius:15px;transition:transform .25s,background .25s}.country-card:hover{transform:translateY(-4px);background:#e9f4ec}.country-card.saudi{background:#e8f4e5;border-color:#d8e8d5}.saudi-gate{border:0;border-radius:18px;background:#e4efe4;color:#2e5e4d}.all-countries{border-radius:12px}
.listings-section{background:#fff}.listings-head{margin-bottom:28px}.listings-head p{color:#729083}
.filter-panel{border:1px solid #e9eee9;border-radius:19px;background:#f7faf7;overflow:hidden}.filter-bar{border:0}.filter-bar>label{border-color:#e7eeea!important}.filter-search .icon{color:#7e9b89}.active-filter-line{color:#719080}
.listing-grid{columns:4;column-gap:18px;display:block}.listing-grid>.product-card{display:inline-flex;flex-direction:column;border:1px solid #edf0ed;border-radius:20px;overflow:hidden;box-shadow:0 6px 22px #1d412b0b;background:white;margin-bottom:18px;break-inside:avoid;vertical-align:top;transition:transform .35s,box-shadow .35s;animation:productPop .6s both;animation-delay:var(--delay,0ms)}
.product-card:hover{transform:translateY(-5px);box-shadow:0 19px 32px #1c46301a}.product-card .product-picture{position:relative;width:100%;height:250px!important;background:linear-gradient(125deg,#dcebe0,#f4efe1);overflow:hidden}
.product-card:nth-child(5n+1) .product-picture{height:330px!important}.product-card:nth-child(7n+4) .product-picture{height:285px!important}.photo-hit{display:block;position:absolute;inset:0;overflow:hidden}.photo-hit img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.product-card:hover .photo-hit img{transform:scale(1.07)}
.product-tag{position:absolute!important;right:12px!important;top:12px!important;left:auto!important;background:#fffdf7ed!important;color:#265b46!important;border:0!important;border-radius:10px!important;padding:7px 10px!important;box-shadow:0 5px 18px #0001;font-size:10px!important;z-index:3!important}
.fav-toggle{position:absolute;left:12px!important;top:12px!important;right:auto!important;background:#fffef9!important;border:0!important;border-radius:12px!important;z-index:5!important;box-shadow:0 6px 14px #0001}.fav-toggle.active{background:#fce5dc!important;color:#d05b5f!important}
.product-info{padding:17px 17px 13px;display:flex;flex-direction:column;gap:7px;width:100%}.product-cat{font-size:11px;color:#789489}.pdot{color:#d5a18a;padding-inline:4px}.product-title{font-size:15px;font-weight:900;color:#1c3930;text-align:right;border:0;background:none;padding:0;line-height:1.7;min-height:46px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .2s}.product-title:hover{color:#c8775c}
.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:5px}.product-price{font-size:23px;font-weight:900;color:#1b5944}.product-price small{font-size:13px}.product-quick{display:grid;place-items:center;width:39px;height:39px;background:#eaf4ed;border:0;border-radius:12px;color:#225f4a}.product-quick .icon{width:18px;height:18px}.product-quick:hover{background:#d7e9de}
.product-meta{border-top:1px solid #edf1ed;margin-top:8px;padding-top:10px;color:#8ca099;font-size:10px}
.mode-badge{background:#eaf5ef;border:1px solid #d5e8de;color:#2e6956;border-radius:99px}.mode-badge .dot{background:#2eae7f}
.empty-state{background:#f8fbf8;border:1px solid #e1eae3;border-radius:22px;padding:65px 20px}.empty-state h3{color:#2c5547}.load-more{background:#285e4e;color:white;border:0;border-radius:16px;padding:14px 30px}.load-more:hover{background:#39745f}
.how-section{background:#f5f8f4}.how-hero h2{color:#235344}.how-hero h2 span{color:#de7d5e}.steps-grid{gap:20px}.step-card{border:0;border-radius:24px;background:white;box-shadow:0 12px 23px #2b4b2b0d;padding:26px}.step-num{color:#b4c6b9}.step-emoji{background:#eaf3eb;border-radius:15px;width:66px;height:66px;display:grid;place-items:center;color:#2a7053;font-size:20px}.step-emoji .icon{width:30px;height:30px}.step-card h3{color:#204d3f}
.post-callout{background:#e3ede7}.post-callout h2{color:#275446}.post-callout h2 i{color:#d87658}.callout-shape{color:#93bd9f}.post-callout .btn{background:#225843;color:white}
.site-footer{background:#163e34;color:#e3eee6}.footer-wordmark{color:white}.footer-wordmark span{color:#efb68d}.footer-primary a:hover{color:#efb68d}.footer-base{border-color:#487469;color:#99bbaf}
.mobile-bottom-nav{background:#fffefb;color:#235444;border:0;border-top:1px solid #dae6dd;box-shadow:0 -7px 25px #1d46311d}.mobile-bottom-nav a,.mobile-bottom-nav button{color:#355e4d}.mobile-post-icon{background:#e57b5c;color:white;border:3px solid white}.modal-backdrop{backdrop-filter:blur(8px)}.modal-window{border:0;border-radius:27px;box-shadow:0 25px 70px #071f1f55}.modal-head{background:#f5f8f5}.field input,.field textarea,.field select{border-color:#d9e4dc;border-radius:12px}.toast{background:#255e49;color:white;border:0;border-radius:13px}
@keyframes productPop{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1180px){.category-grid{grid-template-columns:repeat(3,1fr)}.listing-grid{columns:3}.landing-grid{min-height:570px}.market-board{min-height:570px}.landing-copy{min-height:570px}.header-inner{gap:9px}.nav-links{gap:12px;font-size:11px}}
@media(max-width:960px){.landing-grid{grid-template-columns:minmax(285px,.85fr) minmax(0,1fr)}.landing-copy{padding:28px}.landing-copy h1{font-size:49px}.market-board{min-height:520px}.landing-copy{min-height:520px}.listing-grid{columns:3}.category-grid{grid-template-columns:repeat(3,1fr)}.shell{width:calc(100% - 40px)}}
@media(max-width:780px){.header-inner{min-height:65px}.brand-glyph{width:38px;height:38px;font-size:27px;border-radius:13px}.brand-text{font-size:16px}.site-header{z-index:100}.nav-links{box-shadow:0 14px 24px #0001;border-radius:0 0 20px 20px}.shell{width:calc(100% - 30px)}.landing-grid{display:flex;flex-direction:column;gap:14px}.market-board{order:-1;min-height:500px;height:500px}.landing-copy{order:1;min-height:auto;padding:32px 26px;border-radius:22px}.landing-copy h1{font-size:clamp(40px,9vw,64px)}.landing-copy p{margin-bottom:22px;font-size:12px}.landing-meta{padding:14px 0;font-size:10px}.board-card,.board-card.saudi-board{border-radius:13px}.board-card .board-details{padding:8px!important}.board-card.featured .board-details{padding:12px!important}.board-card .board-details b{font-size:11px!important}.board-card.featured .board-details b{font-size:20px!important}.board-card .board-details small{font-size:9px}.board-card .board-details strong{font-size:13px!important}.board-card.featured .board-details strong{font-size:20px!important}.board-card .board-label{font-size:8px;padding:4px 7px}.board-furniture-note{display:none}.landing-foot{padding:13px 0 16px}.category-display,.saudi-showcase,.market-section,.listings-section,.how-section{padding:58px 0}.display-heading h2,.saudi-heading-copy h2{font-size:clamp(32px,8vw,47px)}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-item{border-radius:16px}.category-text{padding:12px}.category-text strong{font-size:12px}.saudi-product-card{flex-basis:252px}.saudi-photo{height:206px}.saudi-section-heading{gap:16px}.saudi-all-link{border-radius:11px}.flash-feature{padding:52px 0}.flash-photo{height:300px;box-shadow:none;margin:0}.market-options{padding:13px}.listing-grid{columns:2;column-gap:11px}.listing-grid>.product-card{margin-bottom:11px;border-radius:14px}.product-card .product-picture{height:190px!important}.product-card:nth-child(5n+1) .product-picture{height:250px!important}.product-card:nth-child(7n+4) .product-picture{height:230px!important}.product-info{padding:11px;gap:4px}.product-tag{font-size:8px!important;padding:5px 6px!important;right:6px!important;top:6px!important}.fav-toggle{width:31px!important;height:31px!important;left:6px!important;top:6px!important}.fav-toggle .icon{width:17px;height:17px}.product-cat{font-size:9px}.product-title{font-size:12px;min-height:39px}.product-price{font-size:18px}.product-price small{font-size:11px}.product-quick{width:30px;height:30px}.product-meta{font-size:8px;line-height:1.5}.steps-grid{gap:12px}.step-emoji{width:52px;height:52px}.step-emoji .icon{width:25px;height:25px}.site-footer{padding-bottom:100px}.mobile-bottom-nav{height:72px}.modal-window{border-radius:19px}.post-callout h2{font-size:38px}.toast{bottom:85px}}
@media(max-width:410px){.market-board{height:400px;min-height:400px;gap:7px}.landing-copy{padding:25px 20px}.board-card.featured .board-details b{font-size:17px!important}.board-card .board-label{font-size:7px;padding:4px}.hero-action-bar{flex-wrap:wrap}.product-card .product-picture{height:160px!important}.product-card:nth-child(5n+1) .product-picture{height:220px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Accessible, readable real-source labels. */
.board-card.saudi-board .board-label{background:#fffdf7!important;color:#27644c!important;font:800 10px Cairo,sans-serif!important;border-radius:10px!important}
.product-card img[src^="https://athathmustamal.com"],.saudi-product-card img[src^="https://athathmustamal.com"]{color:transparent}
@media(max-width:650px){.board-card.saudi-board .board-label{font-size:8px!important}}
/* V8 — Account recovery + protected moderation dashboard */
.auth-forgot{display:block;border:none;background:none;color:#266b59;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px;padding:5px 0 12px;text-align:right}
.admin-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.admin-metrics>div{background:#ecf6ef;border:1px solid #d6e6dc;border-radius:15px;padding:14px;display:flex;flex-direction:column;gap:4px}
.admin-metrics b{font:900 30px Cairo,system-ui;color:#195844}
.admin-metrics span{font-size:12px;color:#527462}
.admin-disclaimer{font-size:12px;color:#536c5d}
.admin-list{display:grid;gap:12px;margin-bottom:23px}
.admin-item,.admin-report{display:grid;grid-template-columns:104px 1fr;gap:14px;background:#fff;border:1px solid #d6e6dc;border-radius:16px;padding:12px;min-width:0}
.admin-report{display:block}
.admin-item img{width:104px;height:116px;object-fit:cover;border-radius:10px;background:#f4eee5}
.admin-item b,.admin-report b{font-size:14px;overflow-wrap:anywhere}
.admin-item p,.admin-report p{margin:4px 0 8px;font-size:12px;max-height:112px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.admin-item small,.admin-report small{display:block;color:#607469;font-size:11px}
.admin-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.admin-actions .btn,.admin-report .btn{padding:7px 12px;min-height:35px;font-size:11px}
.admin-report .btn{margin-top:10px}
.admin-empty{background:#f4f8f4;padding:18px;border-radius:12px}
@media(max-width:510px){.admin-item{grid-template-columns:72px 1fr;gap:9px;padding:9px}.admin-item img{width:72px;height:96px}.admin-item p{max-height:75px}.admin-actions .btn{font-size:10px;padding:5px 8px;min-height:30px}}