.hero-section{position:relative;padding:0;width:100%;height:100vh;min-height:600px;background:#0f2744;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-slider-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;border-radius:0;overflow:hidden;z-index:0;box-shadow:none}@media (max-width:1024px){.hero-section{height:100vh;min-height:600px;overflow:hidden}}@media (max-width:768px){.hero-section{height:100vh;min-height:600px;overflow:hidden}}.hero-slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.2s ease-in-out;display:block;transform:scale(1.0);background-position:center center;width:100%;height:100%;object-fit:cover}.hero-slide.active{opacity:1;transform:scale(1.0)}@media (max-width:768px){.hero-slide{background-position:center 30% !important;transform:scale(1.0) !important}.hero-slide.active{transform:scale(1.0) !important}}.hero-slide::after{display:none}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.25) 100%);pointer-events:none;z-index:1}.hero-bg-container{pointer-events:auto !important}.hero-slider-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10;pointer-events:auto;user-select:none}.hero-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.3);cursor:pointer;transition:transform 0.3s ease,background-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease;border:1px solid rgba(255,255,255,0.5)}.hero-dot:hover{background:rgba(255,255,255,0.8);transform:scale(1.2)}.hero-dot.active{background:var(--gold-main);transform:scale(1.3);border-color:var(--gold-main)}.hero-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.2);color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;z-index:10;transition:transform 0.3s ease,background-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.hero-nav-btn:hover{background:var(--gold-main);border-color:var(--gold-main)}.hero-nav-btn.prev{left:30px}.hero-nav-btn.next{right:30px}@media (max-width:768px){.hero-nav-btn{width:40px;height:40px;font-size:1rem}.hero-nav-btn.prev{left:10px}.hero-nav-btn.next{right:10px}}.hero-content-vertical{position:relative;z-index:2;text-align:center;color:#fff;max-width:1200px;width:100%;padding:20px;margin-top:0;display:flex;flex-direction:column;align-items:center;gap:20px;overflow:visible}.filter--hero{margin-top:8vh}@media (max-width:768px){.hero-content-vertical{position:absolute !important;top:8% !important;left:0 !important;right:0 !important;margin-top:0 !important;padding:10px !important;width:100% !important;z-index:15 !important}.hero-title-center{white-space:pre-line !important;font-size:clamp(1.5rem,6vw,2.2rem) !important;line-height:1.3 !important}.hero-slider-wrapper{top:0;left:0;right:0;bottom:0;height:100%;border-radius:0}.filter--hero{margin-top:7vh !important}@media (max-height:700px){.hero-content-vertical{top:4% !important;gap:8px !important}.filter--hero{margin-top:4vh !important}}}.hero-title-center{font-family:'Outfit',sans-serif;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:800;line-height:1.1;margin:0;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;text-shadow:0 4px 15px rgba(0,0,0,0.6),0 1px 2px rgba(0,0,0,0.8) !important;letter-spacing:-0.5px}.hero-subtitle-center{font-family:'Inter',sans-serif;font-size:clamp(0.9rem,1.2vw,1.1rem);font-weight:500;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;margin-bottom:5px;letter-spacing:0.5px;text-shadow:0 2px 8px rgba(0,0,0,0.7),0 1px 2px rgba(0,0,0,0.9) !important}@media (max-width:768px){.hero-slider{height:100% !important}.hero-slide{background-size:cover !important;background-position:center 30% !important}.hero-overlay{background:linear-gradient(to bottom,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.3) 100%) !important}}@media (max-width:1024px){.hero-title-center{font-size:2.8rem}}@media (max-width:768px){.hero-title-center{font-size:clamp(2.2rem,8.5vw,3.2rem) !important;white-space:nowrap !important;letter-spacing:-0.02em;padding-top:5px;max-width:98%;margin:0 auto;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,0.6)}.hero-subtitle-center{font-size:1.25rem;max-width:95%;line-height:1.3;margin-top:18px !important}}.hero-promo-card{position:absolute !important;left:158px !important;right:auto !important;top:200px !important;z-index:100 !important;background:#ffffff !important;border-radius:16px !important;box-shadow:0 20px 50px rgba(0,0,0,0.2),0 4px 12px rgba(201,162,63,0.15) !important;display:none !important;flex-direction:row !important;overflow:hidden !important;transition:all 0.4s cubic-bezier(0.16,1,0.3,1) !important;direction:rtl !important;border:1px solid rgba(201,162,63,0.2) !important;border-top:3px solid #C9A23F !important}@media (min-width:992px){.hero-promo-card{display:flex !important}}.promo-toggle-bar{width:44px !important;border-left:none !important;border-right:1px solid rgba(201,162,63,0.25) !important;background:linear-gradient(180deg,#1A1F2E 0%,#12161F 100%) !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;gap:10px !important;user-select:none !important;transition:all 0.3s ease !important;order:-1 !important}.promo-toggle-bar:hover{background:linear-gradient(180deg,#C9A23F 0%,#B8942F 100%) !important}.promo-toggle-text{writing-mode:vertical-rl !important;transform:rotate(180deg) !important;font-size:0.82rem !important;font-weight:800 !important;letter-spacing:1px !important;color:#C9A23F !important;font-family:'Cairo',sans-serif !important;transition:color 0.3s ease !important}.promo-toggle-bar:hover .promo-toggle-text{color:#ffffff !important}.promo-toggle-arrow{font-size:0.75rem !important;transition:transform 0.4s ease !important;color:#C9A23F !important}.promo-toggle-bar:hover .promo-toggle-arrow{color:#ffffff !important}.hero-promo-card.expanded .promo-toggle-arrow{transform:rotate(180deg) !important}.promo-details-body{padding:20px 24px !important;display:flex !important;flex-direction:column !important;gap:14px !important;width:230px !important;transition:all 0.4s ease !important}.promo-field{display:flex !important;flex-direction:column !important;align-items:center !important;gap:4px !important;text-align:center !important;border-bottom:1px dashed rgba(201,162,63,0.2) !important;padding-bottom:10px !important}.promo-field:last-child,.promo-expanded-fields .promo-field:last-child{border-bottom:none !important;padding-bottom:0 !important}.promo-field-header{display:flex !important;align-items:center !important;justify-content:center !important;gap:6px !important}.promo-icon{color:#C9A23F !important;font-size:1rem !important}.promo-icon.red-icon{color:#C9A23F !important}.promo-field-label{font-size:0.75rem !important;color:#64748b !important;font-weight:600 !important;font-family:'Cairo',sans-serif !important;letter-spacing:0.3px !important}.promo-field-value{font-size:0.95rem !important;color:#1A1F2E !important;font-weight:800 !important;font-family:'Cairo',sans-serif !important}.promo-field-value.gold-text{color:#C9A23F !important;font-size:1.3rem !important;font-weight:900 !important;text-shadow:0 1px 3px rgba(201,162,63,0.2) !important}.promo-field-value.exception-text{color:#1A1F2E !important;font-weight:800 !important;font-size:0.88rem !important;opacity:0.75 !important}.promo-field-value.expiry-text{color:#1A1F2E !important;font-weight:900 !important;font-size:1rem !important;background:linear-gradient(135deg,#C9A23F,#E5B94D) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important}.promo-expanded-fields{max-height:0 !important;opacity:0 !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;gap:14px !important;transition:max-height 0.45s cubic-bezier(0.16,1,0.3,1),opacity 0.3s ease !important}.hero-promo-card.expanded .promo-expanded-fields{max-height:260px !important;opacity:1 !important;border-bottom:1px dashed rgba(201,162,63,0.2) !important;padding-bottom:10px !important}@media (max-width:991px){.hero-promo-card{display:none !important}}.hero-promo-mobile{display:none}@media (max-width:991px){.hero-promo-mobile{display:block;direction:rtl;background:#ffffff;border-top:3px solid #C9A23F;box-shadow:0 4px 20px rgba(0,0,0,0.08);overflow:hidden}.hpm-header{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1A1F2E 0%,#12161F 100%);padding:10px 16px;direction:rtl}.hpm-header-icon{color:#C9A23F;font-size:0.9rem;flex-shrink:0}.hpm-header-title{font-family:'Cairo',sans-serif;font-size:0.8rem;font-weight:700;color:#ffffff;flex:1}.hpm-badge{background:linear-gradient(135deg,#C9A23F,#E5B94D);color:#1A1F2E;font-family:'Cairo',sans-serif;font-size:0.85rem;font-weight:900;padding:3px 10px;border-radius:20px;white-space:nowrap}.hpm-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}.hpm-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:14px 10px;text-align:center;border-bottom:1px solid rgba(201,162,63,0.12);border-left:1px solid rgba(201,162,63,0.12);background:#ffffff}.hpm-cell:nth-child(odd){border-left:none}.hpm-cell:nth-child(3),.hpm-cell:nth-child(4){border-bottom:none}.hpm-icon{color:#C9A23F;font-size:1rem;margin-bottom:2px}.hpm-label{font-family:'Cairo',sans-serif;font-size:0.7rem;color:#64748b;font-weight:600}.hpm-value{font-family:'Cairo',sans-serif;font-size:0.88rem;color:#1A1F2E;font-weight:800;line-height:1.2}.hpm-value.hpm-gold{background:linear-gradient(135deg,#C9A23F,#E5B94D);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:0.95rem;font-weight:900}.hpm-note{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:rgba(201,162,63,0.06);border-top:1px solid rgba(201,162,63,0.15);font-family:'Cairo',sans-serif;font-size:0.75rem;color:#64748b;font-weight:600}.hpm-note i{color:#C9A23F;font-size:0.8rem}}@media (min-width:1025px){.hero-section{height:calc(100vh - 165px) !important;min-height:calc(100vh - 165px) !important}}
/* Photo-optimized: use high-quality smooth rendering (NOT crisp-edges which is for pixel art) */
.hero-slide img {
    image-rendering: auto;
    transform: translateZ(0); /* Force GPU layer for performance */
}