:root{--color-black: #000000;--color-nude-gold: #d2ae90;--color-slate: #403F47;--color-light-bg: #FAF7F4;--font-body: "Montserrat", "Tajawal", sans-serif;--font-heading: "Playfair Display", "Tajawal", serif;--bg-primary: #FAF7F4;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f5f0eb;--border-color: rgba(210, 174, 144, .25);--accent-primary: #d2ae90;--accent-black: #000000;--accent-gradient: linear-gradient(135deg, #000000 0%, #403F47 100%);--text-primary: #000000;--text-secondary: #403F47;--text-muted: #73717d;--shadow-sm: 0 4px 14px rgba(0, 0, 0, .04);--shadow-md: 0 10px 30px rgba(0, 0, 0, .07);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 9999px;--backdrop-blur: blur(12px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);font-weight:300;background-color:var(--bg-primary);color:var(--text-secondary);min-height:100vh;overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;color:var(--text-primary);letter-spacing:.3px}input,textarea,select{color:#000!important;background-color:#fff!important;border:1px solid #d2ae90!important;font-family:var(--font-body)!important;outline:none}input::placeholder,textarea::placeholder{color:#888492!important;opacity:.8}.button,.btn-gradient,.btn-secondary{font-family:var(--font-body);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:2px}.btn-gradient{background:#000;color:#d2ae90;border:1px solid #d2ae90;padding:12px 24px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 6px 20px #0003}.btn-gradient:hover{background:#403f47;color:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 10px 28px #0000004d}.btn-gradient:active{transform:translateY(0)}.btn-secondary{background:#fff;color:#000;border:1px solid var(--border-color);padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:#d2ae90;color:#000;border-color:#d2ae90}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#d2ae90;border-radius:4px}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 16px}@media (min-width: 768px){.container{padding:0 24px}}@keyframes brandSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-120%);opacity:0}}@keyframes brandSlideIn{0%{transform:translate(-120%);opacity:0}to{transform:translate(0);opacity:1}}.brand-slide-out{animation:brandSlideOut 1.5s cubic-bezier(.4,0,.2,1) forwards}.brand-slide-in{animation:brandSlideIn 1.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes bannerTickerLTR{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes bannerTickerRTL{0%{transform:translate(-100%)}to{transform:translate(100%)}}.banner-ticker-ltr{display:inline-block;white-space:nowrap;animation:bannerTickerLTR 16s linear infinite}.banner-ticker-rtl{display:inline-block;white-space:nowrap;animation:bannerTickerRTL 16s linear infinite}@keyframes searchTickerLoop{0%{transform:translate(100%)}to{transform:translate(-100%)}}.search-ticker-smooth{display:inline-block;white-space:nowrap;font-size:.78rem;color:#888492;font-weight:500;animation:searchTickerLoop 12s linear infinite}.category-pill-btn{transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.category-pill-btn:hover{transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 20px #d2ae9059!important}.category-pill-btn:active{transform:translateY(0) scale(.98)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .35s ease-out forwards}.glass-panel{background:var(--bg-card);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.badge{padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;font-family:var(--font-body);display:inline-flex;align-items:center;gap:4px}.product-grid,.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (min-width: 640px){.product-grid,.products-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width: 1024px){.product-grid,.products-grid{grid-template-columns:repeat(4,1fr);gap:26px}}@media (max-width: 640px){.nav-btn-text{display:none}}.checkout-grid-2col{display:grid;grid-template-columns:1fr;gap:12px;width:100%}@media (min-width: 580px){.checkout-grid-2col{grid-template-columns:1fr 1fr;gap:14px}}.checkout-grid-payment{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}@media (max-width: 540px){.checkout-grid-payment{grid-template-columns:1fr;gap:8px}}.checkout-card-preview{background:linear-gradient(135deg,#000,#2a2930);color:#d2ae90;border-radius:var(--radius-md);padding:16px;border:1px solid #d2ae90;box-shadow:var(--shadow-md);width:100%;margin-bottom:12px}.checkout-input{width:100%;min-width:0;box-sizing:border-box;padding:11px 14px;border-radius:var(--radius-sm);background:#fff!important;color:#000!important;font-size:.88rem;border:1px solid var(--accent-primary);transition:border-color .2s,box-shadow .2s}.checkout-input:focus{border-color:#000!important;box-shadow:0 0 0 2px #d2ae9059}.checkout-input.input-error{border-color:#dc2626!important}.checkout-label{font-size:.82rem;font-weight:600;margin-bottom:5px;display:block;color:#000}.checkout-error-text{color:#dc2626;font-size:.75rem;margin-top:3px;display:block}.modal-overlay,.account-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:clamp(12px,2.5vh,24px) 12px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y}.modal-card-container,.account-modal-container{width:min(720px,calc(100vw - 24px));max-width:calc(100vw - 16px);max-height:calc(100dvh - 32px);height:auto;display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;box-sizing:border-box;border:1px solid var(--border-color);margin:auto}.modal-card-header,.account-modal-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background:#fff;box-sizing:border-box;gap:12px;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);position:sticky;top:0;z-index:10}.modal-card-body,.account-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 20px;box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#d2ae90 #FAF7F4}.account-modal-body::-webkit-scrollbar,.modal-card-body::-webkit-scrollbar,.modal-overlay::-webkit-scrollbar,.account-modal-overlay::-webkit-scrollbar{width:8px}.account-modal-body::-webkit-scrollbar-track,.modal-card-body::-webkit-scrollbar-track,.modal-overlay::-webkit-scrollbar-track,.account-modal-overlay::-webkit-scrollbar-track{background:#faf7f4;border-radius:4px}.account-modal-body::-webkit-scrollbar-thumb,.modal-card-body::-webkit-scrollbar-thumb,.modal-overlay::-webkit-scrollbar-thumb,.account-modal-overlay::-webkit-scrollbar-thumb{background:#d2ae90;border-radius:4px;border:2px solid #FAF7F4}.account-modal-body::-webkit-scrollbar-thumb:hover,.modal-card-body::-webkit-scrollbar-thumb:hover,.modal-overlay::-webkit-scrollbar-thumb:hover,.account-modal-overlay::-webkit-scrollbar-thumb:hover{background:#b89374}.account-tabs-bar{display:flex;gap:8px;border-bottom:1px solid var(--border-color);padding-bottom:14px;margin-bottom:20px;flex-wrap:wrap;width:100%}.account-tab-btn{flex:1 1 auto;min-width:110px;padding:8px 14px;font-size:.82rem;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.account-grid-2col{display:grid;grid-template-columns:1fr;gap:12px;width:100%}@media (min-width: 520px){.account-grid-2col{grid-template-columns:1fr 1fr;gap:12px}}@media (max-width: 480px){.modal-overlay,.account-modal-overlay{padding:8px}.modal-card-container,.account-modal-container{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:var(--radius-md)}.modal-card-header,.account-modal-header{padding:12px 14px}.modal-card-body,.account-modal-body{padding:14px 12px}.account-tab-btn{min-width:90px;padding:7px 8px;font-size:.75rem}}