@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#193a32;--paper:#f8f7f2;--accent:#c7da93;--muted:#6a746c;--line:#e0e4dc;--white:#fff;--font:'Noto Sans Arabic','Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8fba68;outline-offset:3px}.wrap{width:min(1280px,90%);margin:auto}.notice{background:var(--ink);color:#fff;font-size:11px;letter-spacing:.3px;padding:8px 5%;display:flex;justify-content:space-between;gap:12px}.notice a{text-decoration:underline}.top{display:flex;align-items:center;gap:36px;padding:24px 0}.brand{display:flex;gap:10px;align-items:center;min-width:175px}.mark{width:43px;height:43px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:700 30px Georgia;position:relative}.brand strong{font-size:25px;display:block;line-height:1.3}.brand small{font:10px 'Manrope',sans-serif;letter-spacing:3px}.search{flex:1;display:flex;border:1px solid var(--line);background:#fff;border-radius:6px;padding:0 15px;align-items:center;gap:10px}.search input{width:100%;border:0;background:none;padding:13px 0;outline:none}.controls{display:flex;gap:12px;align-items:center}.controls select,.country select{background:none;border:0;color:var(--ink);max-width:130px}.iconbtn{border:1px solid var(--line);border-radius:6px;background:white;padding:10px 13px;display:flex;align-items:center;gap:8px}.count{background:var(--ink);color:#fff;font:11px 'Manrope';border-radius:50%;min-width:20px;height:20px;display:grid;place-items:center}.nav{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:56px}.navlinks{display:flex;gap:28px;align-items:center}.nav button{border:0;background:none;color:var(--ink);padding:15px 0;font-size:12px}.nav button.active{font-weight:800;border-bottom:2px solid var(--ink)}.country{display:flex;align-items:center;gap:5px;font-size:11px}.hero{margin:28px auto 0;display:grid;grid-template-columns:1fr 1fr;min-height:460px;border-radius:10px;overflow:hidden;background:#e9e8df}.herocopy{padding:55px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}.eyebrow{font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';display:block;width:25px;height:1px;background:currentColor}h1{font-size:clamp(36px,4vw,57px);line-height:1.6;font-weight:600;letter-spacing:-1.5px;margin:18px 0 10px}.herocopy p{max-width:330px;color:#5c685f;font-size:13px;line-height:2.1;margin:0 0 25px}.primary{border:0;border-radius:4px;background:var(--ink);color:#fff;padding:13px 24px;display:inline-flex;gap:30px;align-items:center}.heroart{position:relative;background:#d7d9cb;overflow:hidden;display:grid;place-items:center;min-height:390px}.heroart:before{content:'';position:absolute;width:75%;height:120%;top:17%;border-radius:50% 50% 0 0;background:#e8e9dc;transform:rotate(-15deg)}.heroart svg{width:95%;height:95%;position:absolute;filter:drop-shadow(0 25px 22px #33352822)}.artnote{position:absolute;bottom:25px;inset-inline-start:28px;background:#faf9f0e8;padding:13px 19px;border-radius:5px;font-size:12px}.artnote small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);font-family:'Manrope'}.edition{position:absolute;top:22px;right:25px;font:10px 'Manrope';letter-spacing:3px;writing-mode:vertical-rl}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:24px 0;gap:24px}.benefit{display:flex;align-items:center;gap:13px}.benefit .symbol{font-size:22px;border:1px solid #d9dfd4;width:42px;height:42px;display:grid;place-items:center;border-radius:50%}.benefit strong{display:block;font-size:12px}.benefit small{font-size:10px;color:var(--muted)}section{padding-top:42px}.sectionhead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:20px}h2{font-size:25px;font-weight:600;margin:0}h3{font-size:18px;margin:0}.kicker{font:9px 'Manrope';letter-spacing:3px;color:var(--muted);margin-bottom:6px}.sectionhead p{margin:0;font-size:11px;color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.cat{border:0;border-radius:7px;padding:0;overflow:hidden;text-align:start;color:var(--ink);background:#eeece4}.cat:nth-child(2){background:#e6e9e0}.cat:nth-child(3){background:#ebe5dc}.cat:nth-child(4){background:#e0e6e3}.catvisual{height:190px;display:grid;place-items:center;overflow:hidden}.catvisual svg{height:180px;width:90%;transition:transform .3s;filter:drop-shadow(0 12px 9px #30372b18)}.cat:hover svg{transform:translateY(-5px) rotate(-3deg)}.catlabel{display:flex;justify-content:space-between;padding:15px 20px;border-top:1px solid #ffffff80;font-weight:600;font-size:13px}.catalogtoolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.catalogtoolbar select,.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:5px;padding:11px;background:#fff;color:var(--ink);width:100%}.catalogtoolbar select{width:auto}.empty{border:1px dashed #bdc8b6;border-radius:8px;padding:45px 20px;text-align:center;background:#f0f2e9}.empty .emptyicon{font-size:30px;margin-bottom:10px}.empty p{font-size:12px;color:var(--muted);line-height:2}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.productimage{height:230px;background:#eef0e9;position:relative;display:grid;place-items:center}.productimage img{height:100%;width:100%;object-fit:cover}.productimage svg{width:85%;height:85%}.badge{position:absolute;top:12px;inset-inline-start:12px;border-radius:3px;background:#fff;padding:5px 9px;font-size:10px}.productbody{padding:15px}.productbody h3{font-size:14px}.productbody p{font-size:10px;color:var(--muted)}.productbottom{display:flex;justify-content:space-between;align-items:center;margin-top:17px;gap:8px}.productbottom button{font-size:11px;padding:8px 12px}.story{margin:50px 0 0;padding:35px 40px;background:var(--ink);color:#fff;border-radius:7px;display:flex;justify-content:space-between;gap:30px;align-items:center}.story h2{font-size:26px;margin-top:9px}.story p{color:#d2dccc;font-size:12px;max-width:440px;line-height:2}.story .route{direction:ltr;font:15px 'Manrope';display:flex;align-items:center;gap:20px}.route span{border:1px solid #ffffff40;border-radius:50%;width:65px;height:65px;display:grid;place-items:center}.route i{height:1px;width:65px;background:#a8c382}.footer{padding:40px 0 20px;margin-top:30px}.footerrow{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer p{font-size:11px;color:var(--muted)}.footerbottom{border-top:1px solid var(--line);margin-top:25px;padding-top:17px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:12px;padding:25px;width:min(540px,92vw);max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#14261f80;backdrop-filter:blur(3px)}.dialoghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close{background:none;border:0;font-size:25px}.cartrow{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.cartrow .info{flex:1}.cartrow strong{font-size:13px}.cartrow small{display:block;color:var(--muted);font-size:11px}.cartrow input{width:55px;padding:5px;border:1px solid var(--line)}.quiet{background:none;border:0;color:var(--muted);text-decoration:underline;font-size:11px}.total{display:flex;justify-content:space-between;margin:20px 0;font-weight:700}.help{font-size:12px;line-height:1.9;color:var(--muted)}.adminheader{display:flex;align-items:center;justify-content:space-between;padding:30px 0}.adminnotice{background:#eee5cd;padding:15px 20px;border-radius:6px;font-size:12px;line-height:1.9}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.stat{border:1px solid var(--line);padding:20px;background:#fff;border-radius:7px}.stat strong{font:30px 'Manrope';display:block}.stat span{font-size:12px;color:var(--muted)}.admintools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.secondary{background:white;color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:11px 18px}.tablewrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:7px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th,td{padding:16px;text-align:start;border-bottom:1px solid var(--line)}th{background:#edf0e7}td .quiet{margin-inline-end:12px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:5px;font-size:11px}.field.full{grid-column:1/-1}.formactions{display:flex;gap:12px;margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 22px;border-radius:7px;z-index:20;box-shadow:0 4px 25px #0002;font-size:12px}.adminlink{font-size:12px;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}html{scroll-behavior:smooth}html[dir=ltr] h1{line-height:1.2;letter-spacing:-2px;margin-bottom:22px}html[dir=ltr] .brand strong{font-size:20px}html[dir=ltr] .herocopy{padding-block:65px}html[dir=ltr] .navlinks{gap:23px}
@media(max-width:900px){.top{gap:16px}.brand{min-width:auto}.search{max-width:340px}.controls{margin-inline-start:auto}.hero{min-height:390px}.herocopy{padding:30px}.heroart{min-height:390px}.navlinks{gap:18px}.country{display:none}.categories,.products{grid-template-columns:repeat(2,1fr)}.benefits{gap:10px}.benefit small{font-size:9px}.story{padding:25px}.story .route{gap:10px}.route i{width:25px}.catvisual{height:200px}}
@media(max-width:600px){.wrap{width:92%}.notice{font-size:9px;padding:7px 4%}.top{padding:18px 0;flex-wrap:wrap;gap:16px}.brand strong{font-size:21px}.mark{width:36px;height:36px;font-size:25px}.search{order:3;min-width:100%;max-width:none}.search input{padding:10px 0}.controls select{font-size:11px;max-width:80px}.iconbtn{padding:8px}.nav{overflow-x:auto;min-height:45px}.navlinks{gap:25px;white-space:nowrap}.nav button{font-size:11px;padding:10px 0}.hero{grid-template-columns:1fr;margin-top:16px}.herocopy{padding:28px}h1{font-size:37px;line-height:1.5;margin:10px 0}.herocopy p{font-size:12px;margin-bottom:18px}.heroart{min-height:290px}.heroart svg{height:115%}.edition{font-size:8px}.artnote{bottom:16px;font-size:11px}.benefits{grid-template-columns:1fr;padding:20px 6px;gap:15px}.benefit .symbol{width:34px;height:34px;font-size:18px}.benefit small{font-size:10px}section{padding-top:30px}.sectionhead{align-items:flex-start}.sectionhead p{max-width:120px;font-size:10px}h2{font-size:21px}.categories,.products{gap:10px}.catvisual{height:155px}.catvisual svg{height:145px}.catlabel{font-size:12px;padding:10px 12px}.story{flex-direction:column;align-items:flex-start;margin-top:30px;gap:10px}.story h2{font-size:23px}.story .route{align-self:center;margin-top:10px}.route span{width:50px;height:50px}.route i{width:45px}.footerrow{align-items:flex-start}.footerrow p{max-width:150px}.footerbottom{gap:10px;line-height:1.9}.productimage{height:180px}.productbody{padding:10px}.productbottom{align-items:flex-start;flex-direction:column}.productbottom button{width:100%;justify-content:center}.stats{gap:8px}.stat{padding:13px}.stat span{font-size:10px}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.adminheader h1{font-size:24px}.adminheader{gap:10px}.catalogtoolbar{margin-top:12px}.sectionhead.cataloghead{flex-direction:column}.footer .brand small{letter-spacing:2px}}

/* General department store */
.categories{grid-template-columns:repeat(3,1fr)}.navlinks{gap:23px}.nav button{white-space:nowrap}.hero-montage{position:absolute;inset:0;direction:ltr}.hero-montage>div{position:absolute;filter:drop-shadow(0 18px 12px #30403220)}.hero-montage svg{position:static;width:100%;height:100%;filter:none}.montage-laptop{width:70%;height:70%;left:0;top:2%;transform:rotate(-8deg)}.montage-chair{width:63%;height:72%;right:-3%;bottom:2%;transform:rotate(5deg)}.montage-beauty{width:36%;height:43%;left:3%;bottom:7%;transform:rotate(-8deg)}.heroart:before{top:13%;height:105%}.cat:nth-child(5){background:#ece4db}.cat:nth-child(6){background:#e8e5d3}
@media(max-width:1100px){.nav{overflow-x:auto}.country{display:none}.navlinks{gap:22px}.navlinks button{font-size:11px}}
@media(max-width:600px){.categories{grid-template-columns:repeat(2,1fr)}.navlinks{gap:22px}.hero-montage{inset:0 9%}.hero-montage svg{height:100%}.artnote{bottom:12px}.montage-chair{bottom:5%}.montage-beauty{bottom:10%}}

/* Launch departments: menswear and toys */
.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.catvisual{height:230px}.catvisual svg{height:215px}.montage-menswear{width:77%;height:90%;left:-6%;top:-1%;transform:rotate(-9deg)}.montage-toys{width:54%;height:65%;right:-1%;bottom:6%;transform:rotate(8deg)}
@media(max-width:600px){.catvisual{height:165px}.catvisual svg{height:155px}.montage-menswear{height:92%;left:-8%;top:-2%}.montage-toys{bottom:9%}}
