@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&display=swap";@font-face{font-family:Estedad;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/estedad/estedad-arabic-300-normal.woff2) format("woff2")}@font-face{font-family:Estedad;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/estedad/estedad-arabic-400-normal.woff2) format("woff2")}@font-face{font-family:Estedad;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/estedad/estedad-arabic-500-normal.woff2) format("woff2")}@font-face{font-family:Estedad;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/estedad/estedad-arabic-700-normal.woff2) format("woff2")}@font-face{font-family:Estedad;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/estedad/estedad-arabic-900-normal.woff2) format("woff2")}:root{--bg-primary: #FFFFFF;--bg-secondary: #F5F5F5;--bg-card: #FFFFFF;--text-primary: #171717;--text-secondary: #525252;--text-muted: #737373;--text-inv: #FFFFFF;--border-color: #F5F5F5;--border-dark: #E4E4E7;--nav-bg: rgba(255, 255, 255, .7);--nav-item-bg: rgba(245, 245, 245, .5);--nav-item-hover: rgba(245, 245, 245, .8);--nav-item-color: #525252;--nav-item-active-bg: #0a0a0a;--nav-item-active-color: #FFFFFF;--card-shadow: none;--title-color: #0a0a0a}.theme-dark{--bg-primary: #0A0A0A;--bg-secondary: #171717;--bg-card: #121212;--text-primary: #EDEDED;--text-secondary: #A3A3A3;--text-muted: #737373;--text-inv: #0A0A0A;--border-color: #1F1F1F;--border-dark: #27272A;--nav-bg: rgba(10, 10, 10, .7);--nav-item-bg: rgba(38, 38, 38, .5);--nav-item-hover: rgba(38, 38, 38, .8);--nav-item-color: #A3A3A3;--nav-item-active-bg: #EDEDED;--nav-item-active-color: #0A0A0A;--card-shadow: 0 4px 20px rgba(0, 0, 0, .5);--title-color: #FFFFFF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Estedad,system-ui,-apple-system,sans-serif;font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}button,input,select,textarea,.confirm-btn,.btn{font-family:Estedad,system-ui,-apple-system,sans-serif!important}h1,h2,h3,h4,h5,h6{font-weight:500;color:var(--title-color)}.price-tag{font-family:Estedad,sans-serif;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .45s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{opacity:0;animation:slideUp .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.1s}.image-zoom-container{overflow:hidden;position:relative}.image-zoom-container img{transition:transform .7s cubic-bezier(.16,1,.3,1);will-change:transform}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}button,a{cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.discount-accent{background-color:#fff1f2;color:#9f1239}.price-old{color:#d4d4d4;text-decoration:line-through;text-decoration-color:#fca5a5}.price-new{color:#be123c}.drawer-backdrop{position:fixed;inset:0;background-color:#0000004d;backdrop-filter:blur(4px);z-index:50;opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s}.drawer-backdrop.active{opacity:1;visibility:visible}.drawer-content{position:fixed;bottom:0;left:0;right:0;max-width:48rem;margin:0 auto;background-color:var(--bg-card);border-top-left-radius:2rem;border-top-right-radius:2rem;z-index:51;transform:translateY(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto;box-shadow:0 -10px 25px -5px #0000000d}.drawer-content.active{transform:translateY(0)}.custom-confirm-dialog{border:none;padding:0;background:transparent;max-width:24rem;width:calc(100% - 2.5rem);border-radius:1.25rem;box-shadow:0 20px 40px -10px #00000026;margin:auto;outline:none}.custom-confirm-dialog::backdrop{background-color:#18181b73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.confirm-dialog-wrapper{background:var(--bg-card);border:1px solid var(--border-dark);border-radius:1.25rem;padding:1.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;direction:rtl;font-family:Estedad,system-ui,-apple-system,sans-serif}.confirm-dialog-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:.25rem}.confirm-dialog-icon svg{width:2.25rem;height:2.25rem;stroke-width:2}.confirm-dialog-content{display:flex;flex-direction:column;gap:.5rem}.confirm-dialog-message{font-size:.9375rem;font-weight:500;color:var(--text-primary);line-height:1.6}.confirm-dialog-actions{display:flex;gap:.75rem;width:100%;margin-top:.5rem}.confirm-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;font-family:Estedad,system-ui,-apple-system,sans-serif!important;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.confirm-btn-secondary{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-dark)}.confirm-btn-secondary:hover{background-color:var(--border-color);color:var(--text-primary)}.confirm-btn-danger{background-color:#e11d48;color:#fff}.confirm-btn-danger:hover{background-color:#be123c;transform:translateY(-1px);box-shadow:0 4px 12px #e11d4833}.confirm-btn-primary{background-color:var(--text-primary);color:var(--bg-primary)}.confirm-btn-primary:hover{background-color:var(--text-secondary);transform:translateY(-1px)}.confirm-dialog-icon.type-success{color:#10b981}.confirm-dialog-icon.type-error{color:#ef4444}.confirm-dialog-icon.type-info{color:#3b82f6}.confirm-dialog-icon.type-warning{color:#f59e0b}.custom-confirm-dialog[open]{animation:confirm-dialog-show .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes confirm-dialog-show{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.site-container{min-height:100vh;display:flex;flex-direction:column;background-color:#fff}
