/* Showroom palette: champagne, ivory, warm gold, blush rose. Loaded last. */
:root{
  --bg:#f4ead9;--s1:#ece0cb;--s2:#e2d3b8;--tx:#2a2018;--mu:#76664f;--gold:#c4962f;--gold-d:#8a6414;--rose:#c46b6b;--blush:#efd9d0;--deep:#2a2018;--hl:rgba(42,32,24,.16);
}
html,body{background:var(--bg);color:var(--tx)}
.grain{opacity:.035}
.hd.solid{background:rgba(244,234,217,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--hl)}
.mark img{height:46px;width:auto;display:block}
.nav a{color:var(--tx)}
.lang,.cartb{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 1px var(--hl)}
.cartb b{color:var(--gold-d)}
.burger i{background:var(--tx)}
.sheet{background:var(--bg)}.sheet a{color:var(--tx)}
.btn{background:var(--gold);color:#1d1406}
@media(hover:hover) and (pointer:fine){.btn:hover{background:#d4a53a}.btn.ghost:hover{background:rgba(42,32,24,.06)}}
.btn.ghost{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 1px rgba(42,32,24,.45)}
:focus-visible{outline-color:var(--gold-d)}
/* cart drawer */
.cd{background:var(--bg);color:var(--tx);box-shadow:-30px 0 80px rgba(42,32,24,.35)}
.cd__h,.cd__f,.ci2{border-color:var(--hl)}.cd__e,.ci2 span{color:var(--mu)}
.q button{box-shadow:inset 0 0 0 1px var(--hl);color:var(--tx)}
.cs{background:rgba(42,32,24,.55)}
/* subpages */
.ph h1,.ab__big{color:var(--tx)}
.pd{background:#fbf5e9;box-shadow:0 1px 0 var(--hl),0 30px 60px -44px rgba(42,32,24,.5)}
.pd__i{background:var(--s2)}.pd__t small{color:var(--gold-d)}.pd__f b{color:var(--gold-d)}
.tabs button{color:var(--tx)}.tabs button[aria-pressed=true]{background:var(--gold);color:#1d1406}
@media(hover:hover) and (pointer:fine){.tabs button:hover{background:rgba(42,32,24,.06)}.tabs button[aria-pressed=true]:hover{background:#d4a53a}}
.cf input,.cf textarea{background:#fbf5e9;color:var(--tx)}
.cf input:focus,.cf textarea:focus{box-shadow:inset 0 0 0 1px var(--gold-d)}
.ab[style*="--s1"]{background:var(--s1)!important}
.pf{color:var(--mu)}
@media(hover:hover) and (pointer:fine){.pf a:hover{color:var(--tx)}}
/* ===== homepage sections ===== */
.mn{padding:clamp(80px,16svh,180px) 0;background:var(--bg)}
.mn__g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(30px,6vw,110px);align-items:end}
.mn h2{font-weight:200;font-size:clamp(2.2rem,5.6vw,5.4rem);line-height:1.02;letter-spacing:-.02em;max-width:14ch}
html[lang=ar] .mn h2{line-height:1.3;font-weight:300}
.mn p{color:var(--mu);max-width:42ch;margin-top:26px;font-size:1.05rem}
.mn__img{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:20px}
.mn__img img{position:absolute;inset:0;width:100%;height:112%;object-fit:cover;object-position:50% 0}
.mn__img::after{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(196,150,47,.5)}
.mn__l{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.sh{padding:clamp(70px,14svh,150px) 0;background:var(--s1)}
.sh__h{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:clamp(30px,6svh,60px);flex-wrap:wrap}
.sh__h h2{font-weight:200;font-size:clamp(2rem,4.6vw,4rem);line-height:1;letter-spacing:-.02em}
.sh__a{display:flex;gap:10px}
.sh__a button{width:52px;height:52px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(42,32,24,.4);display:grid;place-items:center;font-size:1.2rem;color:var(--tx);transition:background .2s,transform .16s var(--ease)}
.sh__a button:active{transform:scale(.95)}
@media(hover:hover) and (pointer:fine){.sh__a button:hover{background:var(--gold);box-shadow:none}}
html[dir=rtl] .sh__a button{transform:scaleX(-1)}
.sh__r{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px var(--gut) 30px;margin-inline:calc(var(--gut) * -1);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sh__r::-webkit-scrollbar{display:none}
.sc{flex:0 0 min(78vw,360px);scroll-snap-align:start;background:#fbf5e9;border-radius:20px;overflow:hidden;box-shadow:0 1px 0 var(--hl),0 30px 60px -44px rgba(42,32,24,.5);display:grid;grid-template-rows:auto 1fr}
.sc__i{position:relative;aspect-ratio:4/4.6;overflow:hidden;background:var(--s2)}
.sc__i img{position:absolute;inset:0;width:100%;height:112%;object-fit:cover;object-position:50% 0;transition:transform 1.2s var(--ease)}
@media(hover:hover) and (pointer:fine){.sc:hover .sc__i img{transform:scale(1.05)}}
.sc__t{padding:20px 22px 24px;display:grid;gap:8px;align-content:start}
.sc__t small{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d)}
html[lang=ar] .sc__t small{letter-spacing:0;font-size:.9rem}
.sc__t h3{font-weight:300;font-size:1.7rem;line-height:1.05;letter-spacing:-.01em}
.sc__t p{color:var(--mu);font-size:.93rem}
.sc__f{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.sc__f b{font-weight:400;color:var(--gold-d);font-size:1.1rem}
.bk2{position:relative;min-height:92svh;display:grid;align-content:end;overflow:hidden;isolation:isolate;color:#fff}
.bk2>img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;object-position:50% 78%;z-index:-2}
.bk2::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(42,32,24,.82) 0,rgba(42,32,24,.38) 40%,rgba(42,32,24,0) 72%)}
.bk2 .wrap{padding-block:clamp(60px,12svh,140px);display:grid;gap:22px;justify-items:start}
.bk2 h2{font-weight:200;font-size:clamp(2.4rem,6.4vw,6rem);line-height:.98;max-width:12ch;letter-spacing:-.02em;text-shadow:0 2px 24px rgba(0,0,0,.4)}
html[lang=ar] .bk2 h2{line-height:1.2;font-weight:300}
.bk2 p{max-width:42ch;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.bk2 .btn.ghost{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.mk{padding:clamp(70px,14svh,150px) 0;background:var(--blush)}
.mk__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(30px,6vw,110px);align-items:center}
.mk__f{position:relative;aspect-ratio:683/1280;border-radius:20px;overflow:hidden;background:var(--s2) url(img/1.jpg) left top/auto 100% no-repeat}
.mk__f .hp{position:absolute;width:20%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 2px #fff;background:rgba(255,255,255,.18);transition:background .3s,box-shadow .3s}
.mk__f .hp[aria-pressed=true]{background:rgba(196,107,107,.4);box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(196,107,107,.5)}
.mk__f .hp::after{content:"";position:absolute;inset:-14px}
.mk h2{font-weight:200;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1;letter-spacing:-.02em;max-width:11ch}
html[lang=ar] .mk h2{line-height:1.25;font-weight:300}
.mk__tabs{display:flex;gap:8px;margin:34px 0 18px;flex-wrap:wrap}
.mk__tabs button{min-height:46px;padding:0 24px;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(42,32,24,.4);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;transition:background .25s,color .25s}
html[lang=ar] .mk__tabs button{letter-spacing:0;font-size:1rem}
.mk__tabs button[aria-pressed=true]{background:var(--rose);color:#fff;box-shadow:none}
.mk__d{min-height:4.6em;color:var(--mu);font-size:1.1rem;max-width:36ch}
.mk .btn{margin-top:28px}
.lu2{padding:0;background:var(--bg)}
.lu2 figure{position:relative;aspect-ratio:2.36/1;max-height:80svh;width:100%;overflow:hidden}
.lu2 figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lu2 .wrap{padding-block:clamp(30px,6svh,60px);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:end}
.lu2 h2{font-weight:200;font-size:clamp(1.8rem,3.6vw,3rem);letter-spacing:-.015em}.lu2 p{color:var(--mu);max-width:40ch}
.vs{background:var(--deep);color:#f4ead9;padding:clamp(80px,16svh,180px) 0 0}
.vs__big{font-weight:200;font-size:clamp(2.4rem,8.4vw,8.4rem);line-height:1;letter-spacing:-.03em;display:block;direction:ltr;text-align:start;transition:color .3s}
@media(hover:hover) and (pointer:fine){.vs__big:hover{color:var(--gold)}}
.vs__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px;margin-top:clamp(40px,8svh,90px);border-top:1px solid rgba(244,234,217,.2);padding-top:36px}
.vs__g h3{font-weight:500;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#bfae92;margin-bottom:10px}
html[lang=ar] .vs__g h3{letter-spacing:0;font-size:.95rem}
.vs__g p,.vs__g a{font-size:1.05rem;display:block;width:max-content;max-width:100%}
.vs__f{margin-top:56px;padding:26px 0 calc(26px + env(safe-area-inset-bottom));border-top:1px solid rgba(244,234,217,.2);color:#bfae92;font-size:.85rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}
.vs__f nav{display:flex;gap:22px;flex-wrap:wrap}
@media(max-width:860px){.mn__g,.mk__g{grid-template-columns:1fr}.mn__img{max-width:420px}.mk__f{max-width:420px}}
.rv{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}
.loader{background:#e9dcc3;color:#2a2018}.loader .lb{background:rgba(42,32,24,.15)}.loader .lb u{background:var(--gold)}
.loader .lm{box-shadow:0 0 0 1px var(--gold)}