:root{--ui:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;--serif:'Noto Naskh Arabic',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:var(--ui);color:#272a22;background:#f4f3ea;line-height:1.8}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;font-family:var(--serif);line-height:1.3}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}img{display:block;width:100%;object-fit:cover}em{font-style:normal}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid currentColor;outline-offset:4px}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e7e6df;color:#45453c;padding:7px 5%;font-size:10px;min-height:34px;line-height:1.6}.demo-banner a{border-bottom:1px solid #8b8b80}.overline{font-size:10px;letter-spacing:1.3px;display:block}.example-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:#343d2d;color:#faf9ef;min-height:48px;padding:11px 23px;border:0;font-size:13px;transition:filter .2s,transform .2s}.example-button:hover{filter:brightness(1.15);transform:translateY(-2px)}.example-section{max-width:1200px;margin:auto;padding:75px 6%}.example-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.example-heading h2{font-size:42px}.example-heading>span{font-size:10px;letter-spacing:.8px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-grid article{min-width:0}.product-grid img{height:275px;object-fit:cover;object-position:center}.product-grid .crop-two{object-position:60% 20%;filter:saturate(.5)}.product-grid .crop-three{object-position:20% 70%;filter:saturate(.8)}.product-grid h3{font-family:var(--serif);font-size:27px;font-weight:400;margin-top:15px}.product-grid p{font-size:11px;opacity:.7;margin:3px 0 13px}.product-grid button{display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:0;border-top:1px solid #b7baaa;width:100%;padding:12px 0;min-height:44px;font-size:11px}.story{text-align:center;padding:80px 8%;background:#e8eadd}.story h2{font-size:52px;margin:20px 0}.story p{font-size:14px;max-width:540px;margin:auto;opacity:.75}.example-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 6%;font-size:11px;border-top:1px solid #aaa5}.example-footer a{border-bottom:1px solid currentColor;padding:8px 0}.cart-toggle{background:none;border:0;font-size:12px;min-height:44px;padding:8px}.cart-count{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font:10px Arial;margin-right:7px}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#20211e;color:#faf9f2;padding:13px 25px;border-radius:3px;z-index:100;font-size:12px;text-align:center;max-width:calc(100% - 32px);transition:.25s;width:max-content}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{background:#f8f7f1;color:#292c25;border:1px solid #bdbfb3;width:min(520px,calc(100% - 30px));padding:40px;max-height:85vh;overflow:auto}dialog::backdrop{background:#1a1c1866;backdrop-filter:blur(3px)}dialog h2{font-size:34px;margin-bottom:15px}dialog p{font-size:14px;white-space:pre-line;line-height:2}.demo-small{font-size:11px;opacity:.65;margin-top:14px}dialog .example-button{margin-top:20px}.close-dialog{position:absolute;left:8px;top:8px;width:38px;height:38px;border:0;background:none;font:24px Arial}
.shop-nav{height:94px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #d6d7ca}.brand{font-family:var(--serif);font-size:41px;line-height:1.15}.brand span{display:block;font:8px Arial;letter-spacing:1.7px;margin-top:7px}.shop-nav nav{display:flex;gap:32px;font-size:12px}.athar-hero{display:grid;grid-template-columns:1fr 1fr;min-height:555px}.athar-copy{padding:57px 12% 30px}.athar-copy h1{font-size:56px;line-height:1.35;margin-top:22px;color:#37412d}.athar-copy h1 em{color:#747e62}.athar-copy>p{font-size:14px;line-height:2;margin-top:20px;color:#667052}.athar-copy .example-button{margin-top:28px}.athar-edition{display:flex;justify-content:space-between;font-size:10px;border-top:1px solid #c5c8b7;margin-top:42px;padding-top:15px}.athar-photo{position:relative;background:#dfe1d1;overflow:hidden}.athar-photo img{height:100%;min-height:555px;max-height:700px;object-fit:cover}.photo-note{position:absolute;bottom:28px;right:30px;font:24px var(--serif);color:#f5f0dd;text-shadow:0 1px 6px #3336}.athar .product-grid img{background:#e1e4d6}.athar .story{background:#e6e8db}
.mada{background:#faf6f0;color:#562b35}.fashion-nav{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}.fashion-nav>a:first-child{font-size:12px}.fashion-brand{font:43px/1 var(--serif);text-align:center}.fashion-brand span{display:block;font:8px Arial;letter-spacing:2px;margin-top:8px}.fashion-hero{position:relative;height:570px;background:#8c756c;overflow:hidden}.fashion-hero>img{height:100%;object-position:50% 42%;filter:brightness(.76)}.fashion-overlay{position:absolute;top:80px;right:7%;color:#fff8ec}.fashion-overlay .overline{font-size:10px;letter-spacing:2px}.fashion-overlay h1{font-size:86px;line-height:1.2;margin:28px 0}.fashion-overlay>a{display:flex;align-items:center;gap:60px;font-size:13px;width:max-content;border-bottom:1px solid #fff8ec;padding:8px 0}.fashion-edition{position:absolute;bottom:27px;left:6%;color:#fff8ec;font-size:11px}.fashion-intro{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:70px 6%;border-bottom:1px solid #d6c7c6}.fashion-intro>p{font:46px/1.3 var(--serif)}.fashion-intro>p span{color:#9b7780}.fashion-intro>span{font-size:13px;line-height:2.1;max-width:340px}.fashion-products{grid-template-columns:1fr 1fr;gap:35px}.fashion-products img{height:430px;object-position:center 30%}.fashion-products .crop-two{object-position:30% 80%;filter:saturate(.45)}.mada .example-button{background:#562b35}.mada .example-footer{background:#eee1dc}
.finjan{background:#f6edd9;color:#803e2c}.coffee-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 5%;gap:20px;height:107px}.coffee-brand{font:44px/1 var(--serif)}.coffee-brand span{display:block;font:8px Arial;letter-spacing:1.5px;margin-top:8px}.coffee-nav nav{display:flex;gap:32px;font-size:12px}.coffee-nav .cart-toggle{border:1px solid #a8644a;border-radius:50px;padding:10px 20px}.coffee-hero{display:grid;grid-template-columns:1fr 1fr;min-height:570px;padding:0 5% 36px;gap:40px}.coffee-copy{padding:28px 0 15px;position:relative}.coffee-copy h1{font:65px/1.25 var(--serif);margin-top:18px}.coffee-copy h1 em{color:#ad7453}.coffee-copy>p{font-size:15px;margin-top:25px}.coffee-copy .example-button{background:#803e2c;border-radius:100px;margin-top:28px;font-size:13px}.coffee-stamp{display:flex;justify-content:center;align-items:center;text-align:center;width:80px;height:80px;border:1px dashed #ae8261;border-radius:50%;font-size:11px;line-height:1.6;transform:rotate(-12deg)}.coffee-note{margin-top:29px;font-size:8px;letter-spacing:2px}.coffee-photo{position:relative;border-radius:200px 200px 8px 8px;overflow:hidden;background:#522b21;min-height:520px}.coffee-photo img{height:100%;object-position:center;filter:brightness(.8);max-height:620px}.coffee-photo>span{position:absolute;bottom:36px;right:0;left:0;text-align:center;color:#f6edd9;font:52px var(--serif)}.coffee-strip{display:flex;align-items:center;justify-content:center;gap:60px;background:#803e2c;color:#f6edd9;padding:13px 30px;font-size:17px;overflow:hidden;white-space:nowrap}.coffee-strip i{font-style:normal;font-size:24px;color:#ddb37f}.coffee-menu article{display:flex;align-items:center;gap:24px;padding:26px 0;border-bottom:1px solid #ceb298}.menu-number{font:24px Georgia;color:#af7e5d;width:35px}.coffee-menu h3{font:31px var(--serif)}.coffee-menu p{font-size:12px;opacity:.8}.coffee-menu button{margin-inline-start:auto;border:0;background:transparent;display:flex;align-items:center;gap:35px;min-height:44px;font-size:12px}.coffee-menu button span{display:grid;place-items:center;border:1px solid #be997c;border-radius:50%;width:32px;height:32px;font:22px Arial}.finjan .story{background:#e9dac0}.finjan .example-button{background:#803e2c}
.masaha{background:#f5f8f8;color:#263e47}.consult-nav{display:flex;align-items:center;justify-content:space-between;gap:30px;height:95px;padding:0 6%}.consult-brand{display:flex;align-items:center;gap:10px;font-size:24px}.brand-square{display:block;width:23px;height:23px;border:2px solid #78959c;border-radius:2px 11px 2px 2px}.consult-brand small{font:7px Arial;letter-spacing:2px;align-self:flex-end;margin:0 0 8px -4px}.consult-nav nav{display:flex;gap:24px;font-size:11px}.consult-start{font-size:12px;border:1px solid #829da4;padding:8px 18px;border-radius:6px}.consult-hero{display:grid;grid-template-columns:1.1fr .9fr;padding:42px 6% 65px;gap:50px;background:#e8f0f0;min-height:536px}.consult-copy{padding-top:20px}.consult-copy .overline{font-size:11px;letter-spacing:0;color:#607e89}.consult-copy h1{font-family:var(--ui);font-size:47px;line-height:1.55;font-weight:500;margin-top:22px}.consult-copy h1>span{color:#74949b}.consult-copy>p{font-size:14px;color:#688089;margin-top:20px;line-height:2}.consult-copy .example-button{margin-top:25px;background:#294b58;border-radius:7px;font-size:12px}.consult-points{display:flex;gap:26px;margin-top:27px;font-size:10px;color:#69848a}.consult-points span:before{content:'✓';margin-left:5px}.consult-visual{position:relative;min-height:440px}.consult-visual>img{height:100%;max-height:500px;border-radius:100px 7px 7px 7px;object-fit:cover}.consult-card{display:flex;align-items:center;gap:14px;position:absolute;bottom:24px;left:-22px;background:#fcfdfb;border:1px solid #d8e0df;border-radius:7px;padding:17px 20px;width:245px;font-size:13px}.consult-card small{display:block;font-size:10px;color:#70878c}.consult-card>span:last-child{margin-right:auto}.consult-dot{width:8px;height:8px;background:#83a09b;border-radius:50%}.masaha .example-heading h2{font-family:var(--ui);font-size:32px}.consult-services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.consult-services article{border:1px solid #dae3e2;border-radius:7px;padding:26px 22px;background:#fcfdfb}.consult-services article>span{font:11px Arial;color:#839b9f}.consult-services h3{font-weight:500;font-size:20px;margin-top:20px}.consult-services p{font-size:11px;color:#7c9094;margin:12px 0 19px}.consult-services a{font-size:11px;border-bottom:1px solid #9eb1b5;display:inline-block;padding-bottom:4px}.booking-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:70px 6%;background:#e7f0ee;align-items:center}.booking-section h2{font-family:var(--ui);font-size:36px;margin-top:18px;line-height:1.6}.booking-section>div>p{font-size:13px;color:#667e82;margin-top:18px}.booking-card{padding:30px;background:#f9fbf9;border:1px solid #d1dfdc;border-radius:8px}.booking-card h3{font-weight:500;font-size:20px}.booking-days,.booking-times{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.booking-days button,.booking-times button{background:transparent;border:1px solid #c8d7d4;border-radius:5px;padding:8px 13px;font-size:11px;min-height:44px}.booking-times button{flex:1 1 40%}.booking-days button.selected,.booking-times button.selected{background:#294b58;color:#f8fbfa;border-color:#294b58}.booking-card .example-button{margin-top:25px;width:100%;background:#294b58;border-radius:6px;font-size:12px}#booking-result{font-size:12px;margin-top:14px}.masaha .example-footer{background:#d6e5e3}
@media(max-width:700px){
.demo-banner{font-size:8px;padding:7px 5%;gap:12px}.demo-banner span{max-width:58%}.demo-banner a{white-space:nowrap}.shop-nav,.fashion-nav,.consult-nav{height:80px;padding-inline:6%;gap:12px}.brand{font-size:33px}.brand span{font-size:6px}.shop-nav nav{gap:15px;font-size:10px}.cart-toggle{font-size:10px}.cart-count{width:19px;height:19px}.athar-hero{grid-template-columns:1fr;min-height:0}.athar-copy{padding:38px 7% 30px}.athar-copy h1{font-size:48px;margin-top:20px}.athar-copy>p{font-size:13px}.athar-copy .example-button{margin-top:23px}.athar-edition{margin-top:28px;font-size:9px}.athar-photo{height:400px}.athar-photo img{height:400px;min-height:0;max-height:none;object-position:center 55%}.photo-note{font-size:26px;bottom:22px;right:23px}
.example-section{padding:50px 6%}.example-heading h2{font-size:32px}.example-heading>span{font-size:8px}.product-grid{grid-template-columns:1fr 1fr;gap:25px 17px}.product-grid article:last-child:nth-child(odd){grid-column:1/-1;max-width:70%;margin-inline:auto;width:100%}.product-grid img{height:225px}.product-grid h3{font-size:23px}.product-grid p{font-size:10px}.product-grid button{font-size:10px;gap:5px;flex-wrap:wrap}.story{padding:55px 7%}.story h2{font-size:39px}.story p{font-size:13px}.example-footer{font-size:9px;gap:15px;padding-block:23px}.example-footer a{white-space:nowrap}
.fashion-brand{font-size:34px}.fashion-brand span{font-size:6px}.fashion-nav>a:first-child{font-size:9px}.fashion-hero{height:570px}.fashion-hero>img{object-position:48% 45%;filter:brightness(.7)}.fashion-overlay{top:75px;right:7%}.fashion-overlay .overline{font-size:8px}.fashion-overlay h1{font-size:65px;margin:26px 0}.fashion-overlay>a{font-size:12px;gap:35px}.fashion-edition{font-size:9px}.fashion-intro{display:block;padding:42px 7%}.fashion-intro>p{font-size:40px}.fashion-intro>span{display:block;font-size:12px;margin-top:25px}.fashion-products{gap:18px}.fashion-products img{height:260px}
.coffee-nav{height:95px;padding:20px 6%}.coffee-brand{font-size:35px}.coffee-brand span{font-size:6px}.coffee-nav nav{display:none}.coffee-nav .cart-toggle{padding:8px 13px;font-size:10px}.coffee-hero{grid-template-columns:1fr;gap:20px;padding:0 6% 28px;min-height:0}.coffee-copy{padding:20px 0}.coffee-copy h1{font-size:57px;margin-top:16px}.coffee-stamp{width:65px;height:65px;font-size:9px}.coffee-copy>p{font-size:14px;margin-top:18px}.coffee-copy .example-button{margin-top:23px;font-size:12px}.coffee-note{font-size:7px}.coffee-photo{height:410px;min-height:0;border-radius:160px 160px 6px 6px;margin-top:5px}.coffee-photo>img{height:100%}.coffee-photo>span{font-size:46px}.coffee-strip{gap:19px;font-size:12px;padding:11px 8px}.coffee-strip i{font-size:18px}.coffee-menu article{gap:12px;padding:20px 0}.menu-number{font-size:19px;width:22px}.coffee-menu h3{font-size:27px}.coffee-menu p{font-size:10px;max-width:190px}.coffee-menu button{font-size:10px;gap:12px;white-space:nowrap}.coffee-menu button span{width:27px;height:27px;font-size:20px}
.consult-brand{font-size:21px;gap:7px}.brand-square{width:19px;height:19px}.consult-brand small{display:none}.consult-nav nav{display:none}.consult-start{font-size:10px;padding:7px 14px}.consult-hero{grid-template-columns:1fr;gap:30px;padding:30px 6% 40px;min-height:0}.consult-copy{padding:0}.consult-copy h1{font-size:37px;line-height:1.5;margin-top:20px}.consult-copy>p{font-size:13px;margin-top:17px}.consult-copy .overline{font-size:10px}.consult-copy .example-button{font-size:11px;margin-top:23px}.consult-points{font-size:9px;gap:18px;margin-top:24px}.consult-visual{min-height:0;height:360px}.consult-visual>img{height:100%;border-radius:75px 6px 6px 6px}.consult-card{bottom:18px;left:12px;padding:14px 18px;width:220px}.masaha .example-heading h2{font-size:27px}.consult-services{grid-template-columns:1fr;gap:18px}.consult-services article{padding:22px}.consult-services h3{margin-top:12px}.consult-services p{margin:8px 0 15px}.booking-section{grid-template-columns:1fr;gap:27px;padding:50px 6%}.booking-section h2{font-size:31px}.booking-card{padding:23px}.booking-days button,.booking-times button{font-size:10px}.booking-card .example-button{font-size:11px}dialog{padding:35px 23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}