:root{--ink:#19110b;--paper:#fff;--stone:#f6f5f3;--line:#e1dfdc;--muted:#5f5955;--alert:#b3261e;--sans:"Inter","Noto Sans Arabic","Helvetica Neue",Arial,sans-serif;--accent:#994f67;--accent-dark:#7d3e53;--beige:#f3ece6;--card-bg:#f4f4f4;--radius:14px;--ok:#2e7d32;--serif:"Playfair Display","Noto Sans Arabic",Georgia,serif;--header-h:72px;--gutter:16px}@media (min-width:768px){:root{--gutter:40px}}@media (min-width:1440px){:root{--gutter:64px}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:14px;line-height:1.6;letter-spacing:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.container{padding:0 var(--gutter)}.label{font-size:12px;letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--muted)}.serif{font-family:var(--serif)}.serif,h1,h2,h3{font-weight:400}.section-title{font-size:clamp(24px,3vw,36px);text-align:center;margin:72px 0 40px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 32px;border:1px solid var(--ink);font-size:13px;letter-spacing:.12em;text-transform:uppercase;transition:.25s}.btn-solid{background:var(--ink);color:var(--paper)}.btn-solid:hover{background:#3a2f27}.btn-outline:hover{background:var(--ink);color:var(--paper)}.btn-light{border-color:#fff;color:#fff}.btn-light:hover{background:#fff;color:var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed}.link-underline{border-bottom:1px solid;padding-bottom:2px}.header{position:-webkit-sticky;position:sticky;top:0;z-index:40;height:var(--header-h);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.header-left,.header-right{display:flex;gap:24px;align-items:center}.header-right{justify-content:flex-end}.wordmark{font-family:var(--serif);font-size:clamp(18px,2.4vw,26px);letter-spacing:.32em;text-transform:uppercase;white-space:nowrap}.icon-btn{display:inline-flex;align-items:center;gap:8px}.icon-btn svg{width:20px;height:20px}.hide-sm{display:none}@media (min-width:768px){.hide-sm{display:inline}}.cart-count{font-size:11px}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:50;opacity:0;pointer-events:none;transition:.3s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;left:0;bottom:0;width:min(440px,100%);background:var(--paper);z-index:60;transform:translateX(-100%);transition:transform .4s cubic-bezier(.2,.7,.2,1);padding:24px var(--gutter);overflow-y:auto}.drawer.open{transform:none}.drawer nav a{display:block;font-size:22px;padding:10px 0}.drawer nav a:hover{color:var(--muted)}.drawer .sub a{font-size:14px;padding:6px 0}.hero{position:relative;height:calc(100svh - var(--header-h));min-height:520px;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.45))}.hero-content{position:absolute;z-index:1;left:0;right:0;bottom:64px;text-align:center;padding:0 var(--gutter)}.hero-content h1{font-size:clamp(32px,5vw,64px);margin:8px 0 24px}.tiles{grid-gap:4px;gap:4px}.tile{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--stone)}.tile img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.tile:hover img{transform:scale(1.04)}.grid{display:grid;grid-gap:32px 4px;gap:32px 4px;grid-template-columns:repeat(2,1fr)}@media (min-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}}.card .card-img{position:relative;background:var(--stone);overflow:hidden}.card .card-img img{width:100%;height:100%;object-fit:cover;transition:opacity .5s}.card .card-img img.alt{position:absolute;inset:0;opacity:0}.card:hover .card-img img.alt{opacity:1}.card-info{padding:12px 12px 0}.card-info .name{font-size:14px}.badge{position:absolute;top:12px;left:12px;background:var(--paper);padding:2px 8px;letter-spacing:.1em;text-transform:uppercase}.page-head{text-align:center;padding:56px 0 32px}.page-head h1{font-family:var(--serif);font-size:clamp(30px,4vw,48px)}.toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px var(--gutter);margin-bottom:24px;position:-webkit-sticky;position:sticky;top:var(--header-h);background:var(--paper);z-index:5}.toolbar select{border:0;font:inherit;background:none;letter-spacing:.1em;text-transform:uppercase;font-size:12px}.pdp{display:grid}@media (min-width:1024px){.pdp{grid-template-columns:1.4fr 1fr}}.pdp-gallery{display:grid;grid-gap:4px;gap:4px}.pdp-gallery img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--stone)}.pdp-info{padding:32px var(--gutter)}@media (min-width:1024px){.pdp-info{position:-webkit-sticky;position:sticky;top:var(--header-h);align-self:start;padding:64px 56px}}.pdp-info h1{font-size:26px;font-family:var(--serif);margin:8px 0}.sizes{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.size{min-width:56px;height:44px;padding:0 12px;border:1px solid var(--line)}.size.active{border-color:var(--ink)}.size:disabled{color:#bbb;text-decoration:line-through;cursor:not-allowed}.stock{font-size:12px;margin:8px 0 20px}.stock.out{color:var(--alert)}details{border-top:1px solid var(--line);padding:16px 0}details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}details summary:after{content:"+"}details[open] summary:after{content:"–"}.cart-row{display:grid;grid-template-columns:96px 1fr auto;grid-gap:16px;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start}.cart-row img{aspect-ratio:4/5;object-fit:cover}.qty{display:inline-flex;border:1px solid var(--line);margin-top:8px}.qty button{width:32px;height:32px}.qty span{width:32px;text-align:center;line-height:32px}.footer{background:var(--stone);margin-top:96px;padding:56px var(--gutter) 32px}.footer-cols{display:grid;grid-gap:24px;gap:24px}@media (min-width:768px){.footer-cols{grid-template-columns:repeat(4,1fr)}}.footer h4{font-weight:400;margin-bottom:12px}.footer li{list-style:none;padding:4px 0;color:var(--muted)}.footer-bottom{margin-top:48px;text-align:center}.newsletter{display:flex;border-bottom:1px solid var(--ink)}.newsletter input{flex:1 1;padding:10px 0}.newsletter input,.search-input{border:0;background:none;font:inherit;outline:none}.search-input{width:100%;border-bottom:1px solid var(--ink);font-size:22px;padding:12px 0}.checkout{max-width:1040px;margin:0 auto}.checkout-grid{display:grid;grid-gap:40px;gap:40px}@media (min-width:768px){.checkout-grid{grid-template-columns:360px 1fr;align-items:start}}.checkout-qr{background:var(--stone);padding:24px}.checkout-qr img{width:100%;max-width:320px;margin:0 auto;background:#fff}.bank-info>div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.bank-info dd{display:flex;gap:16px;align-items:baseline}.steps{padding-left:20px;color:var(--muted)}.steps li{margin-bottom:8px}.steps b{color:var(--ink)}.chat-fab{position:fixed;right:20px;bottom:20px;z-index:70;width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.2)}.chat-panel{position:fixed;right:20px;bottom:88px;z-index:70;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100svh - 120px));background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.15);display:flex;flex-direction:column}@media (max-width:480px){.chat-fab,.chat-panel{right:16px}.chat-fab{bottom:16px}}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.chat-body{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.chat-msg{max-width:85%;padding:10px 12px;font-size:14px;line-height:1.5;white-space:pre-line}.chat-msg.assistant{background:var(--stone);align-self:flex-start}.chat-msg.user{background:var(--ink);color:#fff;align-self:flex-end}.chat-suggest{display:flex;flex-wrap:wrap;gap:6px}.chat-suggest button{border:1px solid var(--line);padding:6px 10px;font-size:12px}.chat-suggest button:hover{border-color:var(--ink)}.chat-input{display:flex;border-top:1px solid var(--line)}.chat-input input{flex:1 1;border:0;padding:14px 16px;font:inherit;outline:none}.chat-input button{padding:0 16px;font-size:12px}.chat-input button:disabled{opacity:.4}.lang-select{border:1px solid var(--line);background:none;font:inherit;font-size:12px;letter-spacing:.08em;padding:4px 6px;cursor:pointer}.header .lang-select{border:0;text-transform:uppercase}html[lang=ar] .label,html[lang=ar] body{letter-spacing:0}[dir=rtl] .drawer{left:auto;right:0;transform:translateX(100%)}[dir=rtl] .drawer.open{transform:none}[dir=rtl] .badge{right:12px}[dir=rtl] .chat-fab,[dir=rtl] .chat-panel{right:auto;left:20px}[dir=rtl] .steps{padding-left:0;padding-right:20px}.faq{max-width:860px;margin:0 auto;scroll-margin-top:var(--header-h)}.faq details{padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:16px;gap:16px}.faq details p{margin-top:12px;font-size:15px;line-height:1.7}.footer a:hover{color:var(--ink)}.about-intro{max-width:680px;margin:24px auto 0;font-size:17px;line-height:1.8;color:var(--muted)}.about-pillars{display:grid;grid-gap:40px;gap:40px;margin:40px auto 0;max-width:1100px}@media (min-width:900px){.about-pillars{grid-template-columns:repeat(3,1fr)}}.about-pillars>div{border-top:1px solid var(--ink);padding-top:24px}.about-num{font-family:var(--serif);font-size:14px;color:var(--muted)}.about-pillars h2{font-family:var(--serif);font-size:24px;margin:8px 0 12px}.about-pillars p{line-height:1.8}.about-visit{text-align:center;background:var(--stone);padding:56px var(--gutter);margin-top:72px}.about-visit h2{font-family:var(--serif);font-size:28px;margin-bottom:8px}.fav-btn{position:absolute;top:8px;right:8px;z-index:2;width:36px;height:36px;display:grid;place-items:center;background:rgba(255,255,255,.85);border-radius:50%;transition:transform .2s}.fav-btn:hover{transform:scale(1.08)}.fav-btn.on,.fav-inline.on{color:var(--alert)}.fav-inline{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0}[dir=rtl] .fav-btn{right:auto;left:8px}.label{letter-spacing:.08em;font-weight:500}.btn{border-radius:999px;font-weight:600;letter-spacing:.06em}.btn-solid{background:var(--accent);border-color:var(--accent)}.btn-solid:hover{background:var(--accent-dark)}.btn-pill{display:inline-flex;align-items:center;height:36px;padding:0 18px;border:1px solid var(--ink);border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;transition:.2s}.btn-pill:hover{background:var(--ink);color:#fff}.btn-pill-solid{background:var(--accent);border-color:var(--accent);color:#fff}.btn-pill-solid:hover{background:var(--accent-dark)}.section-title{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.8vw,32px)}.promo-bar{background:var(--accent);color:#fff;font-size:12px;font-weight:500;overflow:hidden}.promo-track{display:flex;justify-content:center;gap:40px;padding:8px 16px;white-space:nowrap}@media (max-width:767px){.promo-track{justify-content:flex-start;animation:promo-scroll 18s linear infinite}}@keyframes promo-scroll{0%{transform:translateX(0)}to{transform:translateX(-60%)}}@media (prefers-reduced-motion:reduce){.promo-track{animation:none}}.hero{height:auto;min-height:0;color:#fff;overflow:visible;padding-top:16px}.hero:after{display:none}.hero-inner{position:relative;height:min(72svh,640px);min-height:380px;border-radius:var(--radius);overflow:hidden}.hero-inner img{width:100%;height:100%;object-fit:cover}.hero-inner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.5))}.hero-content{bottom:48px}.hero-content h1{font-family:var(--serif);font-weight:500;letter-spacing:0}.tiles{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:32px}@media (min-width:768px){.tiles{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.tiles{grid-template-columns:repeat(5,1fr)}}.tile{position:static;aspect-ratio:auto;overflow:visible;background:none;text-align:center}.tile-img{position:relative;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;background:var(--beige)}.tile-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.tile:hover .tile-img img{transform:scale(1.05)}.tile-pill{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:rgba(255,255,255,.92);color:var(--ink);border-radius:999px;padding:4px 16px;font-family:var(--serif);font-size:13px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.tile-caption{margin-top:10px;font-size:13px;font-weight:600}.deal-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:48px;background:var(--beige);border-radius:var(--radius);padding:28px clamp(20px,4vw,48px)}.deal-banner h2{font-size:clamp(24px,3vw,34px);font-weight:700;margin:4px 0}.deal-banner .label,.deal-banner h2{color:var(--accent)}.row-section{margin-top:48px}.row-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.row-head h2{font-size:clamp(18px,2vw,22px);font-weight:600}.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 16px) / 2.2);grid-gap:16px;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}@media (min-width:768px){.carousel{grid-auto-columns:calc((100% - 48px) / 4)}}@media (min-width:1280px){.carousel{grid-auto-columns:calc((100% - 64px) / 5)}}.carousel>*{scroll-snap-align:start;min-width:0}.grid{gap:32px 16px}.card .card-img{border-radius:var(--radius);background:var(--card-bg);aspect-ratio:4/5}.badge{top:10px;left:10px;background:#fbf3df;color:#6b5a2a;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;letter-spacing:.08em}.badge-muted{background:#fff;color:var(--muted)}.card-strip{position:absolute;left:0;right:0;bottom:0;background:rgba(251,243,223,.95);color:var(--accent);text-align:center;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 0}.card-info{padding:10px 2px 0}.card-brand{font-size:13px;font-weight:700}.card-info .name{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:4px;font-size:13px}.price-now{font-weight:700}.price-was{color:var(--muted)}.price-off{color:var(--accent);font-weight:700}.price-lg{font-size:18px;margin:8px 0 4px}.fav-btn{background:transparent;width:32px;height:32px}.fav-btn.on,.fav-inline.on{color:var(--accent)}.page-head h1,.pdp-info h1{font-family:var(--serif);font-weight:500}.toolbar{border-radius:0}.toolbar select{text-transform:none;letter-spacing:0;font-weight:600;font-size:13px}.pdp-gallery{gap:8px;padding:8px}.pdp-gallery img{border-radius:var(--radius);background:var(--card-bg)}.size{border-radius:8px}.size.active{border-color:var(--accent);color:var(--accent)}.faq summary{font-weight:600}.footer{background:var(--beige)}.chat-fab,.chat-msg.user{background:var(--accent)}.chat-msg,.chat-panel{border-radius:12px}.chat-suggest button{border-radius:999px}.about-pillars>div{border-top-color:var(--accent)}.about-visit{border-radius:var(--radius)}.about-num,.about-pillars h2,.about-visit h2{font-family:var(--serif);font-weight:500}.checkout-qr{border-radius:var(--radius)}[dir=rtl] .badge{left:auto;right:10px}[dir=rtl] .tile-pill{transform:translateX(50%);left:auto;right:50%}.hero-inner img{object-position:center 45%}.about-pillars h2,.deal-banner h2,.faq .section-title,.row-head h2{font-family:var(--serif);font-weight:500;letter-spacing:0}.row-head h2{font-size:clamp(20px,2.2vw,26px)}.card-brand,.deal-banner h2{font-weight:600}.card-brand{font-family:var(--sans)}.price-lg .price-now{font-family:var(--serif);font-weight:600;font-size:22px}.badge{font-size:11px;padding:4px 8px}.card-strip{font-size:12px}.card-brand,.card-info .name,.price,.tile-caption{font-size:14px}.promo-bar{font-size:13px}@media (max-width:767px){body{font-size:15px}.card-brand,.card-info .name,.price{font-size:14px}}.footer h2.label{font-size:12px;font-weight:600;margin-bottom:12px;font-family:var(--sans)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}