@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;700;800;900&family=Playfair+Display:wght@700&display=swap";
.nav{background:var(--cream);z-index:100;justify-content:space-between;align-items:center;height:72px;padding:0 40px;font-family:Cairo,sans-serif;transition:background-color .2s,box-shadow .2s;display:flex;position:fixed;top:0;left:0;right:0}.nav-scrolled{-webkit-backdrop-filter:blur(16px);background:#efe8cdf5;border-bottom:1px solid #50402f14;box-shadow:0 4px 24px #50402f14}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-logo{object-fit:contain;border-radius:12px;flex-shrink:0;width:60px;height:60px}.brand-text{color:var(--ink);letter-spacing:-.3px;white-space:nowrap;font-size:20px;font-weight:900}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a:not(.nav-pill){color:var(--ink);opacity:.75;border-radius:8px;padding:6px 12px;font-size:15px;font-weight:500;text-decoration:none;transition:background .18s,color .18s}.nav-links a:not(.nav-pill):hover{opacity:1;background:#50402f14}.nav-pill{background:var(--ink);color:var(--cream);white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-family:Cairo,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.nav-pill:hover{background:#3a2f1f;transform:translateY(-1px)}.nav-actions{align-items:center;gap:8px;display:flex}.lang-toggle{color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #50402f2e;border-radius:8px;justify-content:center;align-items:center;height:38px;padding:0 12px;font-family:Cairo,sans-serif;font-size:14px;font-weight:700;transition:background .2s,border-color .2s;display:flex}.lang-toggle:hover{background:#50402f14;border-color:#50402f4d}.nav-cart{color:var(--ink);cursor:pointer;background:0 0;border:1.5px solid #50402f2e;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,border-color .2s;display:flex;position:relative}.nav-cart svg{width:18px;height:18px}.nav-cart:hover{background:var(--ink);border-color:var(--ink);color:var(--cream)}.nav-cart__badge{background:var(--gold);color:var(--ink);border-radius:100px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:900;display:inline-flex;position:absolute;top:-5px;right:-5px}[dir=rtl] .nav-cart__badge{left:-5px;right:auto}@media (max-width:1024px){.nav{padding:0 24px}.nav-links a:not(.nav-pill){display:none}.nav-links{gap:6px}}@media (max-width:480px){.nav{height:60px;padding:0 16px}.brand-text{font-size:17px}.brand-logo{width:34px;height:34px}.nav-pill{height:36px;padding:0 12px;font-size:13px}.nav-cart,.lang-toggle{height:34px}.nav-cart{width:34px}}
.footer{background:var(--cream);border-top:1px solid #50402f1a;padding:60px clamp(24px,8vw,130px) 24px;font-family:Cairo,sans-serif}.footer-top{border-bottom:1px solid #50402f1a;grid-template-columns:2fr 1fr 2fr;gap:40px;padding-bottom:60px;display:grid}.footer-brand{flex-direction:column;gap:12px;display:flex}.footer-logo{object-fit:contain;border-radius:16px;width:80px;height:80px;margin-bottom:8px}.footer-title{color:var(--ink);font-size:28px;font-weight:900;line-height:1.2}.footer-description{color:#50402fb3;max-width:300px;font-size:16px;font-weight:600}.footer-links{flex-direction:column;gap:16px;display:flex}.footer-links a{color:var(--ink);width:fit-content;font-size:16px;font-weight:700;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#50402f99}.footer-contact{flex-direction:column;align-items:flex-end;gap:24px;display:flex}.footer-contact address{text-align:end;color:var(--ink);flex-direction:column;gap:8px;font-size:15px;font-style:normal;font-weight:600;display:flex}.footer-contact address a{color:var(--ink);text-decoration:none;transition:opacity .3s}.footer-contact address a:hover{opacity:.7}.footer-social{gap:12px;display:flex}.footer-social a{background:var(--ink);color:var(--cream);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s,background .3s;display:inline-flex}.footer-social a:hover{background:#50402fcc;transform:translateY(-3px)}.footer-social svg{width:20px;height:20px}.footer-bottom{text-align:center;padding-top:24px}.footer-bottom p{color:#50402f99;font-size:14px;font-weight:600}.scroll-top-btn{background:var(--ink);color:var(--cream);cursor:pointer;opacity:0;pointer-events:none;z-index:90;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .4s,transform .4s cubic-bezier(.175,.885,.32,1.275),background .3s;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(20px);box-shadow:0 4px 12px #00000026}.scroll-top-btn.show{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top-btn:hover{background:#50402fcc;transform:translateY(-4px)}.scroll-top-btn svg{width:24px;height:24px}[dir=rtl] .scroll-top-btn{left:30px;right:auto}[dir=rtl] .footer-contact{align-items:flex-start}[dir=rtl] .footer-contact address{text-align:start}@media (max-width:768px){.footer-top{grid-template-columns:1fr;gap:40px}.footer-contact,[dir=rtl] .footer-contact{align-items:flex-start}.footer-contact address,[dir=rtl] .footer-contact address{text-align:start}.scroll-top-btn{width:44px;height:44px;bottom:20px;right:20px}[dir=rtl] .scroll-top-btn{left:20px}}
