:root{--bb-bg:#F9F9F9;--bb-surface:#FFFFFF;--bb-charcoal:#111111;--bb-text:#222222;--bb-text-secondary:#666666;--bb-text-muted:#999999;--bb-border:rgba(0,0,0,0.08);--bb-border-hover:rgba(0,0,0,0.15);--bb-gold:#C5A059;--bb-gold-soft:#D8BE85;--bb-gold-bg:rgba(197,160,89,0.06);--bb-rose:#E8C4B8;--bb-rose-soft:#F5E6E0;--bb-red:#E53935;--bb-green:#43A047;--bb-black:#000000;--font-heading:'Playfair Display',serif;--font-body:<?php echo ($lang === 'ar') ? "'Tajawal','Cairo',sans-serif":"'Inter','Montserrat',sans-serif";?>;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-soft:0 2px 8px rgba(0,0,0,0.04);--shadow-card:0 4px 16px rgba(0,0,0,0.06);--shadow-hover:0 8px 30px rgba(0,0,0,0.1);--shadow-sticky:0 4px 20px rgba(0,0,0,0.08);--ease:cubic-bezier(0.4,0,0.2,1);--duration:0.3s;}*{box-sizing:border-box;}body{font-family:var(--font-body);background:var(--bb-bg);color:var(--bb-text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}[dir="rtl"]{text-align:right;font-family:'Tajawal','Cairo',sans-serif;}[dir="rtl"] .me-1{margin-right:0 !important;margin-left:0.25rem !important;}[dir="rtl"] .me-2{margin-right:0 !important;margin-left:0.5rem !important;}[dir="rtl"] .me-3{margin-right:0 !important;margin-left:1rem !important;}[dir="rtl"] .ms-1{margin-left:0 !important;margin-right:0.25rem !important;}[dir="rtl"] .ms-2{margin-left:0 !important;margin-right:0.5rem !important;}[dir="rtl"] .ms-3{margin-left:0 !important;margin-right:1rem !important;}[dir="rtl"] .ms-auto{margin-left:unset !important;margin-right:auto !important;}.floating-decorations{display:none !important;}.announcement-bar{background:var(--bb-black);color:#fff;text-align:center;padding:8px 16px;font-size:0.78rem;font-weight:500;letter-spacing:0.5px;position:relative;z-index:1001;}.announcement-bar i{color:var(--bb-gold);}.announcement-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:rgba(255,255,255,0.5);cursor:pointer;font-size:0.9rem;padding:4px;transition:color var(--duration) var(--ease);}.announcement-close:hover{color:#fff;}[dir="rtl"] .announcement-close{right:auto;left:12px;}.ramadan-navbar{background:rgba(255,255,255,0.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--bb-border);box-shadow:var(--shadow-sticky);padding:0;position:sticky;top:0;z-index:1000;transition:box-shadow var(--duration) var(--ease);}.navbar-inner-wrap{max-width:1280px;margin:0 auto;padding:0 1.25rem;}.navbar-main-row{display:flex;justify-content:space-between;align-items:center;height:60px;}.navbar-brand-ramadan{font-family:var(--font-heading);font-size:1.45rem;font-weight:700;letter-spacing:0.2em;color:var(--bb-charcoal) !important;text-decoration:none !important;line-height:1;transition:opacity var(--duration) var(--ease);}.navbar-brand-ramadan:hover{opacity:0.7;}.navbar-brand-ramadan .logo-subtitle{font-family:var(--font-body);font-size:0.52rem;letter-spacing:0.38em;display:block;margin-top:2px;color:var(--bb-gold);text-transform:uppercase;font-weight:600;}.nav-desktop-links{display:none;}@media (min-width:769px){.nav-desktop-links{display:flex;align-items:center;gap:0.25rem;}}.nav-link-ramadan{color:var(--bb-text) !important;font-weight:500;font-size:0.88rem;text-decoration:none;padding:0.45rem 0.85rem;border-radius:var(--radius-full);transition:all var(--duration) var(--ease);white-space:nowrap;}.nav-link-ramadan:hover{color:var(--bb-gold) !important;background:var(--bb-gold-bg);}.nav-icons-group{display:flex;align-items:center;gap:0.15rem;}.nav-icon-ramadan{color:var(--bb-charcoal);font-size:1.1rem;transition:all var(--duration) var(--ease);position:relative;border-radius:var(--radius-sm);padding:0.4rem 0.5rem;min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}.nav-icon-ramadan:hover{color:var(--bb-gold);background:var(--bb-gold-bg);}.cart-badge{position:absolute;top:-4px;right:-4px;background:var(--bb-red);color:#fff;border-radius:50%;width:18px;height:18px;font-size:0.62rem;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid #fff;}.nav-badge{position:absolute;top:-4px;right:-4px;background:var(--bb-red);color:#fff;border-radius:50%;width:18px;height:18px;font-size:0.62rem;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid #fff;}.btn-ramadan{background:var(--bb-black);color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;padding:0.75rem 1.5rem;font-size:0.88rem;transition:all var(--duration) var(--ease);cursor:pointer;letter-spacing:0.3px;}.btn-ramadan:hover{background:var(--bb-charcoal);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,0.2);color:#fff;}.btn-ramadan-secondary{background:#fff;color:var(--bb-charcoal);border:1.5px solid var(--bb-border-hover);border-radius:var(--radius-full);font-weight:600;padding:0.7rem 1.4rem;transition:all var(--duration) var(--ease);}.btn-ramadan-secondary:hover{border-color:var(--bb-black);color:var(--bb-black);background:#fff;}.card-ramadan{background:var(--bb-surface);border-radius:var(--radius-lg);border:1px solid var(--bb-border);transition:all var(--duration) var(--ease);box-shadow:var(--shadow-soft);}.card-ramadan:hover{border-color:var(--bb-border-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px);}.section-title-ramadan{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--bb-charcoal);margin-bottom:1.5rem;text-align:center;}.mobile-menu-toggle{background:none;border:none;cursor:pointer;padding:8px;display:flex;flex-direction:column;gap:5px;z-index:1100;border-radius:var(--radius-sm);}.hamburger-line{display:block;width:22px;height:2px;background:var(--bb-charcoal);border-radius:2px;transition:all 0.35s var(--ease);transform-origin:center;}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg);}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0);}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg);}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:1040;opacity:0;transition:opacity 0.3s var(--ease);backdrop-filter:blur(4px);}.mobile-menu-overlay.open{display:block;opacity:1;}.mobile-menu{position:fixed;top:0;right:-300px;width:280px;height:100vh;background:#fff;z-index:1050;transition:right 0.35s var(--ease);box-shadow:-8px 0 30px rgba(0,0,0,0.15);overflow-y:auto;}[dir="rtl"] .mobile-menu{right:auto;left:-300px;transition:left 0.35s var(--ease);}.mobile-menu.open{right:0;}[dir="rtl"] .mobile-menu.open{left:0;}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--bb-border);}.mobile-menu-brand{font-family:var(--font-heading);font-size:1.2rem;letter-spacing:.15em;color:var(--bb-charcoal);}.mobile-menu-brand small{font-family:var(--font-body);font-size:.45rem;letter-spacing:.32em;color:var(--bb-gold);display:block;text-transform:uppercase;font-weight:600;}.mobile-menu-close{background:rgba(0,0,0,0.04);border:none;color:var(--bb-charcoal);font-size:1.1rem;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--duration) var(--ease);}.mobile-menu-close:hover{background:rgba(0,0,0,0.08);}.mobile-menu-links{padding:.5rem 0;}.mobile-menu-link{display:flex;align-items:center;gap:.8rem;padding:.85rem 1.2rem;color:var(--bb-text);text-decoration:none;font-weight:500;font-size:0.95rem;transition:all .2s var(--ease);border-left:3px solid transparent;}.mobile-menu-link:hover{background:rgba(0,0,0,0.03);color:var(--bb-black);border-left-color:var(--bb-black);}.mobile-menu-link i{color:var(--bb-text-secondary);width:20px;text-align:center;}.mobile-menu-link-danger{color:#dc2626;}.mobile-menu-link-danger i{color:#dc2626;}.mobile-menu-divider{height:1px;background:rgba(0,0,0,.06);margin:.4rem 1.2rem;}.mobile-cart-count{background:var(--bb-red);color:#fff;border-radius:10px;padding:1px 7px;font-size:.7rem;font-weight:700;margin-left:.4rem;}.mobile-bottom-nav{display:none;}@media (max-width:768px){.ramadan-navbar{padding:0;}.navbar-main-row{height:52px;}.navbar-brand-ramadan{font-size:1.15rem !important;letter-spacing:0.15em;}.navbar-brand-ramadan .logo-subtitle{font-size:.4rem !important;letter-spacing:.22em !important;}.nav-icon-ramadan{font-size:1rem;min-width:32px;min-height:32px;padding:0.3rem 0.4rem;}body{padding-bottom:62px;}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1030;background:#fff;border-top:1px solid var(--bb-border);box-shadow:0 -2px 16px rgba(0,0,0,0.06);height:58px;align-items:stretch;}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--bb-text-muted);text-decoration:none;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:0.3px;transition:color .2s,background .2s;padding:4px 0;border-top:2px solid transparent;position:relative;}.bottom-nav-item i{font-size:1.1rem;}.bottom-nav-item.active,.bottom-nav-item:active{color:var(--bb-black);border-top-color:var(--bb-black);}.bottom-nav-badge{position:absolute;top:3px;left:calc(50% + 5px);background:var(--bb-red);color:white;border-radius:10px;padding:1px 4px;font-size:.58rem;font-weight:700;min-width:14px;text-align:center;line-height:1.3;border:1.5px solid #fff;}[dir="rtl"] .bottom-nav-badge{left:auto;right:calc(50% + 5px);}}.form-control-ramadan{border:1px solid var(--bb-border-hover);border-radius:var(--radius-md);padding:.75rem .9rem;transition:all .2s var(--ease);font-family:inherit;background:#fff;}.form-control-ramadan:focus{border-color:var(--bb-black);box-shadow:0 0 0 3px rgba(0,0,0,0.06);outline:none;}.page-container{min-height:calc(100vh - 180px);padding:1.5rem 0;}.footer-ramadan{background:var(--bb-charcoal);color:#f5f5f5;padding:2rem 0 1rem;margin-top:3rem;}.footer-ramadan h5{font-family:var(--font-heading);font-size:1.6rem;letter-spacing:0.12em;color:#fff;margin-bottom:.75rem;line-height:1;}.footer-ramadan h5 span:not(.logo-accent){font-family:var(--font-body);font-size:0.52rem;letter-spacing:0.34em;color:var(--bb-gold);text-transform:uppercase;font-weight:600;display:inline-block;margin-top:.25rem;}.footer-ramadan a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color .2s var(--ease);}.footer-ramadan a:hover{color:#fff;}.alert-ramadan{border-radius:var(--radius-md);border:1px solid var(--bb-border);background:var(--bb-gold-bg);color:var(--bb-charcoal);}.text-gold{color:var(--bb-gold);}.bg-gold{background:var(--bb-gold);}