:root{--color-cocoa-dark: #3E2723;--color-cocoa-medium: #5D4037;--color-cocoa-light: #8D6E63;--color-cream: #FFF8E7;--color-cream-dark: #F5ECD8;--color-gold: #D4AF37;--color-gold-muted: #C9A96E;--color-gold-dark: #B8860B;--color-gold-soft: #D4BC8B;--color-rose-soft: #B8928A;--color-white: #FFFFFF;--color-error: #C62828;--color-error-soft: #C44D3F;--color-error-soft-bg: #FDF0EE;--color-success: #2E7D32;--color-success-soft: #5B8A5E;--font-family: "Tajawal", system-ui, -apple-system, sans-serif;--font-family-heading: var(--font-family);--font-family-body: var(--font-family);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(62, 39, 35, .05);--shadow-md: 0 4px 12px rgba(62, 39, 35, .08);--shadow-lg: 0 8px 24px rgba(62, 39, 35, .12);--shadow-xl: 0 12px 32px rgba(62, 39, 35, .16);--shadow-card: 0 8px 24px rgba(62, 39, 35, .09);--shadow-card-hover: 0 16px 36px rgba(62, 39, 35, .14);--transition-fast: .15s ease-out;--transition-base: .2s ease-out;--transition-slow: .3s ease-out;--header-height: 72px;--header-height-mobile: 56px;--container-max: 1280px;--container-padding: var(--space-4);--surface-page: var(--color-cream);--surface-soft: var(--color-cream-dark);--surface-card: var(--color-white);--text-primary: var(--color-cocoa-dark);--text-secondary: var(--color-cocoa-medium);--text-body: #3D3D3D;--text-muted: var(--color-cocoa-light);--border-soft: rgba(62, 39, 35, .14);--border-strong: rgba(62, 39, 35, .2);--focus-ring: 0 0 0 3px rgba(212, 175, 55, .18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--surface-page);direction:rtl;text-align:right}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}a{color:var(--color-gold-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-gold)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.page-content{min-height:calc(100vh - var(--header-height));padding-top:var(--space-6);padding-bottom:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:600;line-height:1;min-height:48px;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-gold);color:var(--text-primary);border-color:var(--color-gold)}.btn-primary:hover:not(:disabled){background-color:var(--color-gold-dark);border-color:var(--color-gold-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-soft);border-color:var(--text-secondary)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--surface-soft);color:var(--text-primary)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg)}.btn-icon{padding:var(--space-3);border-radius:var(--radius-full)}.card{background-color:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-body{padding:var(--space-4)}.product-card{display:flex;flex-direction:column;background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);cursor:pointer}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card__image{position:relative;aspect-ratio:1 / 1;overflow:hidden;background-color:var(--color-cream-dark)}.product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card__image img{transform:scale(1.05)}.product-card__badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:600;background-color:var(--color-gold);color:var(--color-cocoa-dark);border-radius:var(--radius-sm)}.product-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.product-card__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-cocoa-dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price{display:flex;align-items:center;gap:var(--space-2)}.product-card__price-current{font-size:var(--font-size-lg);font-weight:700;color:var(--color-gold-dark)}.product-card__price-old{font-size:var(--font-size-sm);color:var(--color-cocoa-light);text-decoration:line-through}.product-card__actions{margin-top:auto;padding-top:var(--space-3)}.price-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background-color:var(--color-gold);color:var(--color-cocoa-dark);font-weight:700;border-radius:var(--radius-full)}.price-tag--large{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xl)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm)}.badge--new{background-color:var(--color-success);color:var(--color-white)}.badge--sale{background-color:var(--color-error);color:var(--color-white)}.badge--bestseller{background-color:var(--color-gold);color:var(--color-cocoa-dark)}.badge--out-of-stock{background-color:var(--color-cocoa-light);color:var(--color-white)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-family:inherit;color:var(--text-primary);background-color:var(--surface-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-gold);box-shadow:var(--focus-ring)}.form-input::placeholder{color:var(--text-muted)}.form-input--error{border-color:var(--color-error)}.form-error{font-size:var(--font-size-sm);color:var(--color-error)}.auth-panel{width:100%;max-width:420px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-5)}.auth-panel--wide{max-width:none}.auth-panel__header{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}.auth-panel__eyebrow{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.08em;color:var(--color-gold-dark)}.auth-panel__title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);line-height:1.3;color:var(--text-primary)}.auth-panel__subtitle{font-size:var(--font-size-sm);line-height:1.8;color:var(--text-muted)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form__grid{display:grid;gap:var(--space-4)}.auth-form__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-field__label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.auth-field__control{position:relative;display:flex;align-items:center}.auth-field__icon{position:absolute;right:var(--space-4);color:var(--text-muted);font-size:.95rem;pointer-events:none}.auth-field__input{padding-right:calc(var(--space-6) + var(--space-2))}.auth-field__input--with-toggle{padding-left:calc(var(--space-6) + var(--space-2))}.auth-field__toggle{position:absolute;left:var(--space-3);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--text-muted);transition:color var(--transition-fast),background-color var(--transition-fast)}.auth-field__toggle:hover{color:var(--color-gold-dark);background-color:var(--surface-soft)}.auth-actions{display:flex;flex-direction:column;gap:var(--space-3)}.auth-links{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}.auth-link{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gold-dark);border-bottom:1px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.auth-link:hover{color:var(--text-primary);border-bottom-color:currentColor}.auth-message{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent;font-size:var(--font-size-sm);line-height:1.8}.auth-message i{margin-top:.125rem}.auth-message--error{color:var(--color-error);background-color:#c6282814;border-color:#c628282e}.auth-message--success{color:var(--color-success);background-color:#2e7d3214;border-color:#2e7d322e}.auth-message__content{flex:1}.auth-message__content>div+div{margin-top:var(--space-1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-cream-dark) 25%,var(--color-cream) 50%,var(--color-cream-dark) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton--text{height:1em;border-radius:var(--radius-sm)}.skeleton--title{height:1.5em;width:60%}.skeleton--image{aspect-ratio:1 / 1;border-radius:var(--radius-lg)}.skeleton--button{height:44px;width:120px;border-radius:var(--radius-md)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width: 768px){.product-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}}@media (min-width: 992px){.product-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.section-title{font-size:var(--font-size-2xl);color:var(--color-cocoa-dark)}.section-link{display:flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--color-gold-dark)}.section-link:hover{color:var(--color-gold)}@media (max-width: 767px){:root{--container-padding: var(--space-3)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.auth-form__grid--2{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.text-center{text-align:center}.text-gold{color:var(--color-gold-dark)}.text-muted{color:var(--color-cocoa-light)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.hidden{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}.animate-up{opacity:0;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.text-luxury-headline{font-family:var(--font-family);font-weight:300;letter-spacing:-.02em}.gold-separator{width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);margin:var(--space-4) auto}.section-header-centered{text-align:center;margin-bottom:var(--space-8)}.section-subtitle{display:block;font-size:var(--font-size-sm);letter-spacing:2px;color:var(--color-gold-dark);text-transform:uppercase;margin-bottom:var(--space-2)}.section-desc{color:var(--color-cocoa-light);margin-top:var(--space-2)}.bg-cream{background-color:var(--color-cream)}.occasions-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4);grid-auto-rows:250px}.occasion-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;grid-column:span 6}.occasion-card.large{grid-column:span 12;grid-row:span 2}.occasion-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.occasion-card:hover img{transform:scale(1.03)}.occasion-content{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(62,39,35,.8),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-6);color:var(--color-white)}.occasion-content h3{color:var(--color-white);font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.btn-link{color:var(--color-gold);font-weight:600;text-decoration:underline;text-underline-offset:4px}.btn-link:hover{color:var(--color-gold-dark)}.hero-luxury{position:relative;height:80vh;min-height:500px;display:flex;align-items:center;color:var(--color-white);overflow:hidden}.hero-luxury .hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-luxury .hero-img{width:100%;height:100%;object-fit:cover}.hero-luxury .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#28191466}.hero- luxury .hero-container{position:relative;z-index:1}.hero-tagline{display:block;font-size:var(--font-size-lg);color:var(--color-gold);margin-bottom:var(--space-4);font-weight:600}.hero-luxury .hero-title{color:var(--color-white);font-size:3.5rem;margin-bottom:var(--space-6);line-height:1.1}.hero-luxury .hero-subtitle{font-size:var(--font-size-xl);opacity:.9;max-width:600px;margin:0 auto var(--space-8)}.btn-luxury{min-width:160px}@media (max-width: 768px){.hero-luxury .hero-title{font-size:2.5rem}.occasions-grid{display:flex;flex-direction:column}.occasion-card{height:300px}.occasion-card.large{height:400px}}.brand-section{padding:var(--space-10) 0;background-color:var(--color-white);border-top:1px solid var(--color-cream-dark)}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);text-align:center}.brand-item .brand-icon{font-size:3rem;color:var(--color-gold);margin-bottom:var(--space-4)}.brand-item h3{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}.brand-item p{color:var(--color-cocoa-light);line-height:1.6}@media (max-width: 768px){.brand-grid{grid-template-columns:1fr;gap:var(--space-6)}}