/* ATHATH GLOBAL • SIGNATURE MOTION EDITION | visual layer, keep original app functions intact */
:root{--deep:#102e28;--deep2:#153e35;--sea:#267964;--mint:#c9d9c8;--lime:#f0d697;--cream:#f8f5ed;--ink:#172e28;--warm:#efe6d6;--shadow:0 28px 90px rgba(16,46,40,.12)}
html{scroll-behavior:smooth}body{background:#fbfaf7}::selection{background:#d9a957;color:#193e32}
.announcement{background:#173d32;color:#eee9d6}.announcement-inner{height:36px}.announcement button{color:#eee9d6}
.site-header{height:84px;background:rgba(249,248,243,.94);border-color:#e8e3d8}.site-header.scrolled{background:rgba(251,250,247,.96);box-shadow:0 12px 35px #113b2d16}.brand-mark{background:#e3e9df;box-shadow:0 2px 12px #112f2314}.brand-text b,.nav-links a.active,.nav-links a:hover{color:#a67933}.header-post,.btn-primary{background:#153e35}.header-post:hover,.btn-primary:hover{background:#286450}.header-country{background:#f2eee6;border-color:#e8e2d6}.header-actions .icon-button:hover{background:#ede8da}
.hero{background:radial-gradient(circle at 77% 50%,#25483c 0,#142f29 35%,#0c2621 78%);color:#fff;overflow:hidden;isolation:isolate;border:none}.hero:before{content:"";position:absolute;inset:-20%;background:linear-gradient(118deg,transparent 33%,rgba(245,222,154,.06) 53%,transparent 69%);animation:softSweep 11s ease-in-out infinite;pointer-events:none}.hero:after{content:"";position:absolute;left:-100px;top:-100px;width:700px;height:700px;border:1px solid #f4d79b10;border-radius:50%;pointer-events:none}.hero-noise{background-image:radial-gradient(#dec89e18 1px,transparent 1px);opacity:.55;background-size:26px 26px}
.hero-grid{min-height:690px;grid-template-columns:1.07fr .96fr;gap:22px;padding:72px 0 91px}.hero-copy{max-width:720px}.hero .eyebrow{border:1px solid rgba(239,220,164,.32);background:#fff0;display:inline-flex;color:#e9c888;font-size:11px;border-radius:99px;padding:10px 16px}.hero .pulse{background:#e6c986;box-shadow:0 0 0 7px #e6c98625}.hero h1{font-size:clamp(56px,5.4vw,86px);line-height:1.25;letter-spacing:-2.8px;font-weight:900;margin:25px 0 13px;color:#fff}.hero h1 span{color:#f0d08b}.hero h1 em{color:#e6ba67;font-style:normal;position:relative}.hero h1 em:after{content:"";position:absolute;height:11px;background:#e8b85e48;bottom:7px;left:1%;right:0;z-index:-1;border-radius:100%}.hero-copy>p{font-size:14px;max-width:540px;line-height:2.25;color:#cbd7cf}.hero-search{height:71px;border:1px solid rgba(255,255,255,.14);background:#fff;box-shadow:0 22px 56px #071b194d;margin-top:31px}.hero-search input{color:#193d33}.hero-search>svg{color:#2b6554}.hero-search button{background:#dcb76d;color:#173b2f;border-radius:12px}.hero-search button:hover{background:#f4d18b}.hero-countries{margin-top:22px}.hero-countries>span{color:#c0cfc4}.hero .country-chip{background:#ffffff0c;border:1px solid #ffffff30;color:#f5f2e8;border-radius:30px;padding:7px 11px}.hero .country-chip:hover{background:#e4c27b;color:#193e32;border-color:#e4c27b}.hero-footnote{margin-top:35px;color:#cfddd2}.mini-avatars span{background:#e9d8b0}
.hero-scroll{color:#e7d5b1;opacity:.75}.hero-scroll span:last-child{animation:bounceDown 1.9s infinite}
.premium-stage{height:600px;max-width:580px;width:100%;margin-inline:auto;perspective:1200px;isolation:isolate;transform-style:preserve-3d}
.stage-aura{position:absolute;inset:13% -6%;background:radial-gradient(circle,#bca16e65 2%,#547a5e22 44%,transparent 70%);filter:blur(21px);animation:breathe 7s ease-in-out infinite}
.stage-outline{position:absolute;inset:32px 13px 17px 8%;border:1px solid #d5b97a55;border-radius:220px 220px 32px 32px;transform:rotate(8deg)}
.stage-back-label{position:absolute;left:-56px;top:46%;font:800 11px Manrope,sans-serif;letter-spacing:5px;white-space:nowrap;color:#cbb4777b;transform:rotate(-90deg);z-index:1}
.hero-photo-shell{position:absolute;inset:25px 57px 45px 63px;transform-style:preserve-3d;z-index:2;transform:rotate(-2deg);transition:transform .3s cubic-bezier(.22,.61,.36,1);will-change:transform}
.hero-photo{position:absolute;inset:0;overflow:hidden;border:8px solid #e9e0cc;border-radius:235px 235px 20px 20px;box-shadow:22px 30px 60px #061b16bb,0 0 0 1px #ffffff17;background:#2b5349}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#0c2a2366 75%,#09231dd9 100%)}.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:40% 54%;animation:premiumZoom 16s ease-in-out infinite alternate;filter:saturate(.95) contrast(1.05)}.hero-photo-caption{position:absolute;bottom:34px;right:36px;left:32px;color:white;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:900;text-shadow:0 2px 9px #000}.photo-caption-num{font:800 11px Manrope,sans-serif;direction:ltr;color:#f4db9b}
.hero-side-art{position:absolute;width:178px;height:180px;right:-14px;bottom:8px;border-radius:28px;z-index:3;background:#f5ecda;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 20px 40px #04181280;transform:rotate(9deg);animation:stageFloat 6.5s ease-in-out infinite}.hero-side-art img{width:145px;height:130px;object-fit:contain}.hero-side-art span{font:800 8px Manrope,sans-serif;letter-spacing:2px;color:#537262}
.hero .stage-note{z-index:5;position:absolute;color:#163c30;backdrop-filter:blur(18px);background:#fffef6ec;border-radius:18px;box-shadow:0 14px 34px #0004;animation:stageFloat 6s ease-in-out infinite}.stage-note-top{top:105px;right:-19px}.stage-note-bottom{bottom:88px;left:2px;animation-delay:-3s!important}.stage-crosshair{position:absolute;top:39px;right:7%;font-size:56px;color:#edcf8a;animation:slowSpin 24s linear infinite}
@keyframes softSweep{0%,100%{transform:translateX(-15%) rotate(0)}50%{transform:translateX(15%) rotate(5deg)}}@keyframes premiumZoom{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.12) translateY(-10px)}}@keyframes stageFloat{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes breathe{0%,100%{opacity:.65;transform:scale(.93)}50%{opacity:1;transform:scale(1.08)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes bounceDown{50%{transform:translateY(7px)}}
/* Editorial motion display */
.curated-section{background:#f8f4ea;position:relative;padding:102px 0 112px;overflow:hidden}.curated-section:before{content:"";position:absolute;right:-190px;top:-250px;width:590px;height:590px;border:1px solid #dccba9;border-radius:50%;pointer-events:none}.curated-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:65px;align-items:center;direction:rtl}.curated-heading .mini-heading{font-size:11px;color:#aa874e;letter-spacing:1.4px}.curated-heading h2{font-size:clamp(31px,3.6vw,59px);line-height:1.43;font-weight:900;letter-spacing:-1.7px;margin:19px 0 15px;color:#153a31}.curated-heading h2 em{font-style:normal;color:#bd8e45}.curated-heading p{max-width:460px;font-size:13px;line-height:2.3;color:#657970}.curated-controls{display:flex;gap:11px;margin-top:26px;align-items:center}.curated-arrow{display:grid;place-items:center;border:1px solid #b9c6b6;color:#173f33;background:#ffffffcc;border-radius:50%;width:52px;height:52px;font:500 34px Arial;transition:transform .25s,background .25s}.curated-arrow:hover{background:#174134;color:#fff;transform:scale(1.07)}.curated-pause{background:transparent;color:#63786a;border:0;padding:12px;font-size:11px;font-weight:900}.curated-pause span{color:#bf954f}.curated-count{display:flex;align-items:center;gap:6px;margin-top:36px;direction:ltr;justify-content:flex-end;font:700 13px Manrope,sans-serif;color:#b7c3b6}.curated-count strong{font-size:27px;color:#174436}.curated-progress{width:115px;height:2px;background:#d7ddcf;margin-left:11px;overflow:hidden}.curated-progress i{display:block;width:0;height:100%;background:#aa874e;transition:width .5s}
.curated-stage{height:440px;position:relative;perspective:1300px;touch-action:pan-y;user-select:none}.curated-glow{position:absolute;inset:10% 5%;border-radius:50%;background:#97b1a262;filter:blur(60px);opacity:.8}.curated-slide{position:absolute;top:22px;bottom:22px;left:50%;width:min(59%,320px);border-radius:28px;box-shadow:0 25px 60px #1c483226;overflow:hidden;background:#fff;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .6s,filter .6s;transform-origin:center;opacity:0;pointer-events:none;will-change:transform}.curated-slide.is-active{transform:translateX(-50%) translateZ(100px) rotateY(0);opacity:1;z-index:4;filter:none;pointer-events:auto}.curated-slide.is-left{transform:translateX(calc(-50% - 75%)) translateZ(-90px) rotateY(-26deg) scale(.83);opacity:.68;z-index:3;filter:saturate(.75)}.curated-slide.is-right{transform:translateX(calc(-50% + 75%)) translateZ(-90px) rotateY(26deg) scale(.83);opacity:.68;z-index:3;filter:saturate(.75)}.curated-slide.is-hidden{transform:translateX(-50%) translateZ(-170px) scale(.5);opacity:0;z-index:1}.curated-art{height:83%;background:linear-gradient(145deg,#edf1e6,#f8f0de);display:grid;place-items:center;overflow:hidden}.curated-slide:nth-of-type(3n+1) .curated-art{background:linear-gradient(145deg,#e4ebe3,#e2d2ba)}.curated-slide:nth-of-type(3n+2) .curated-art{background:linear-gradient(145deg,#f7e9d6,#e8eeeb)}.curated-slide:nth-of-type(3n+3) .curated-art{background:linear-gradient(145deg,#dbe5dc,#ede3d5)}.curated-art img{width:112%;height:100%;object-fit:contain;pointer-events:none;transition:transform .7s;filter:drop-shadow(0 10px 6px #152c2415)}.curated-slide.is-active .curated-art img{animation:slideFloat 8s ease-in-out infinite}.curated-slide-meta{height:17%;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;color:#183d32}.curated-slide-meta b{font-size:12px}.curated-slide-meta span{font:800 9px Manrope,sans-serif;color:#a78e63}.curated-swipe-hint{position:absolute;bottom:-20px;left:0;right:0;text-align:center;color:#6c8673;font-size:10px;font-weight:700;letter-spacing:.3px}@keyframes slideFloat{50%{transform:translateY(-7px) scale(1.05)}}
.statement-marquee{background:#cda86a;color:#16352c;overflow:hidden;white-space:nowrap;padding:14px 0;border-top:1px solid #dbb67e;border-bottom:1px solid #ac8c51}.marquee-track{width:max-content;animation:marqueeMove 40s linear infinite;font:800 16px Cairo,sans-serif;word-spacing:14px}.statement-marquee:hover .marquee-track{animation-play-state:paused}@keyframes marqueeMove{to{transform:translateX(50%)}}
/* Merchandising & content */
.market-strip{background:#fff;padding-top:86px}.market-title h2,.section-head h2{font-size:clamp(26px,3vw,43px);letter-spacing:-1px}.market-title h2 span{filter:saturate(.8)}.market-title p,.section-head p{font-size:13px}.country-card{border-color:#eee8dc;background:linear-gradient(130deg,#fff,#fcfaf4);box-shadow:0 5px 20px #1e3b2510;border-radius:21px}.country-card:hover{transform:translateY(-8px) rotate(-1deg);border-color:#ccb480;box-shadow:0 22px 45px #1e564425}.country-card.saudi{background:linear-gradient(143deg,#19463a,#0f3129)!important;color:#fff;border-color:#19463a}.country-card.saudi *{color:#fff!important}.country-card.saudi .flag{filter:drop-shadow(0 5px 10px #0a221760)}
.categories-section{background:#fff}.category-item{border:1px solid #ebe8e0;border-radius:19px;background:#fff;box-shadow:0 8px 23px #163d2810;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s}.category-item:hover{transform:translateY(-9px) rotate(-1deg);box-shadow:0 25px 39px #153c2921}.category-thumb{border-radius:14px;background:linear-gradient(145deg,#eff0e7,#f3e8db);height:141px}.category-item:nth-child(even) .category-thumb{background:linear-gradient(135deg,#f1e7d6,#e5efeb)}.category-thumb img{width:120%;height:114%}
.spotlight{background:#fff}.spotlight-grid{box-shadow:0 24px 90px #071c1a20;border-radius:26px}.spotlight-media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 50px #072c1811;pointer-events:none}.spotlight-tag{border-radius:9px}.spotlight-copy{background:radial-gradient(circle at bottom left,#205344,#102e28)}.spotlight h2 em{color:#eccc8d}.spotlight .btn-lime{background:#e6c686}.spotlight .btn-lime:hover{background:#f0d59a}
.listings-section{background:linear-gradient(180deg,#f9f8f4,#f1f4ee)}.product-card{border-radius:19px;border-color:#e9e7dc;box-shadow:0 7px 21px #172e2711}.product-card:hover{transform:translateY(-9px);box-shadow:0 23px 40px #18392826}.product-picture{background:#eee9db}.product-picture img{transform:scale(1.02)}.product-card:hover .product-picture img{transform:scale(1.15) rotate(-2deg)}.product-price{color:#16483a}.demo-tag{background:#fffbf0;border:1px solid #e4d3ac;color:#9d7b41}.filter-bar{border:1px solid #e2e5dc;border-radius:17px;padding:9px;box-shadow:0 8px 23px #1836260a;background:#fff}
.saudi-section{background:#e9f0e9}.saudi-grid{border-color:#b9d1be}.how-section{background:#fff}.step-card{border-radius:21px;transition:transform .45s,box-shadow .45s}.step-card:hover{transform:translateY(-9px);box-shadow:0 22px 38px #123f3119}.bottom-cta-inner{background:linear-gradient(105deg,#183f32,#113328);box-shadow:0 20px 50px #13382b38}.bottom-cta-inner:after{content:"";position:absolute;left:-35px;top:-80px;width:250px;height:250px;border:1px solid #dcb96860;border-radius:50%;pointer-events:none}.footer{background:#0d2b24}.footer .brand-text b{color:#e5c782}
/* micro interactions */
[data-tilt]{transform-style:preserve-3d}.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .85s cubic-bezier(.16,1,.3,1)}.reveal.in-view{opacity:1;transform:none}.country-card,.category-item,.product-card,.step-card{backface-visibility:hidden}.btn,.curated-arrow,.country-chip,.icon-button{outline-offset:4px}.nav-links a{position:relative}.nav-links a:after{content:"";height:2px;background:#c8a25f;position:absolute;bottom:-9px;left:50%;right:50%;transition:all .25s}.nav-links a:hover:after{right:0;left:0}
@media(max-width:1190px){.hero h1{font-size:clamp(46px,5vw,72px)}.hero-grid{min-height:630px}.premium-stage{height:510px}.hero-photo-shell{inset:18px 35px 36px 40px}.hero-side-art{width:135px;height:135px;right:-10px}.hero-side-art img{width:114px;height:100px}.stage-note-top{right:-15px}.stage-note-bottom{bottom:48px}.curated-layout{gap:36px}}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:8px;padding-top:70px;padding-bottom:60px}.hero-copy{max-width:670px;margin:auto}.hero h1{font-size:clamp(48px,7vw,66px)}.hero-visual{height:545px;width:min(580px,90vw)}.hero .hero-countries{justify-content:center}.hero-copy>p{max-width:610px}.curated-layout{grid-template-columns:1fr;gap:38px}.curated-heading{text-align:center}.curated-heading p{margin-left:auto;margin-right:auto}.curated-controls,.curated-count{justify-content:center}.curated-stage{max-width:620px;width:100%;margin:auto}.curated-section{padding:77px 0 91px}}
@media(max-width:580px){.announcement-inner{height:34px}.site-header{height:72px}.hero-grid{padding:43px 0 46px}.hero .eyebrow{font-size:9px;padding:7px 12px}.hero h1{font-size:clamp(39px,10.3vw,50px);line-height:1.33;letter-spacing:-1.6px}.hero-copy>p{font-size:12px;line-height:2.2}.hero-search{height:60px;margin-top:23px}.hero-search button{background:#e0bf80}.hero-countries{margin-top:17px}.hero .country-chip{font-size:9px;padding:6px 10px}.hero-footnote{margin-top:20px}.premium-stage{width:min(390px,100%);height:382px;margin-top:14px}.hero-photo-shell{inset:16px 35px 25px 42px;transform:none}.hero-photo{border-width:5px;border-radius:160px 160px 16px 16px}.hero-photo-caption{bottom:20px;right:13px;left:13px;font-size:9px}.photo-caption-num{font-size:9px}.stage-outline{inset:20px 7px 10px 8%}.stage-back-label{left:-36px;top:44%;font-size:7px;letter-spacing:3px}.stage-crosshair{top:12px;font-size:35px}.hero-side-art{width:98px;height:106px;right:-7px;bottom:3px;border-radius:15px}.hero-side-art img{width:91px;height:82px}.hero-side-art span{font-size:6px}.hero .stage-note{padding:7px;border-radius:10px;gap:4px}.stage-note-top{right:-5px;top:68px}.stage-note-bottom{left:0;bottom:37px}.hero .stage-note .floating-icon{width:24px;height:24px;font-size:12px}.hero .stage-note b{font-size:8px}.hero .stage-note small{font-size:7px}.curated-section{padding:56px 0 77px}.curated-heading h2{font-size:clamp(30px,8vw,42px);line-height:1.5}.curated-heading p{font-size:11px;line-height:2}.curated-controls{margin-top:17px}.curated-arrow{width:46px;height:46px}.curated-count{margin-top:15px}.curated-stage{height:325px}.curated-slide{width:58%;top:15px;bottom:15px;border-radius:20px}.curated-slide.is-left{transform:translateX(calc(-50% - 68%)) translateZ(-95px) rotateY(-23deg) scale(.85)}.curated-slide.is-right{transform:translateX(calc(-50% + 68%)) translateZ(-95px) rotateY(23deg) scale(.85)}.curated-slide-meta{padding:7px 9px}.curated-slide-meta b{font-size:9px}.curated-slide-meta span{font-size:7px}.curated-swipe-hint{bottom:-18px;font-size:9px}.marquee-track{font-size:12px}.statement-marquee{padding:10px 0}.market-strip{padding-top:55px}.country-card.saudi .flag{font-size:25px}.category-thumb{height:100px}.country-card:hover,.category-item:hover{transform:translateY(-4px)}.filter-bar{padding:4px}.listing-grid{gap:10px}.hero-scroll{display:none}}
@media(prefers-reduced-motion:reduce){.hero-photo img,.hero-side-art,.stage-note,.stage-crosshair,.stage-aura,.marquee-track,.curated-slide.is-active img,.hero:before{animation:none!important}.curated-slide,.hero-photo-shell,.reveal{transition:none!important}.reveal{opacity:1!important;transform:none!important}}