/* مستر اير - Home Page Styles (Premium) */

.hero-section { margin-bottom: 0; }
.hero-slider { width: 100%; }
.hero-slide { position: relative; min-height: 470px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--primary-dark), var(--primary)); overflow: hidden; }
.hero-slide-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.3; }
.hero-slide-content { position: relative; z-index: 2; text-align: center; padding: 2rem; max-width: 700px; }
.hero-title { color: #fff; font-size: 2.5rem; font-weight: 900; margin-bottom: 1rem; text-shadow: 0 3px 15px rgba(0,0,0,0.3); letter-spacing: -0.02em; }
.hero-subtitle { color: rgba(255,255,255,0.92); font-size: 1.2rem; margin-bottom: 1.5rem; line-height: 1.8; }
.hero-slide-default { background: linear-gradient(135deg, #0077C8 0%, #004d82 50%, #082A4A 100%); }

/* ===== Hero product showcase (لو مفيش بانرات) ===== */
.hero-product .hero-product-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.05fr 0.95fr;
    align-items: center; gap: 2rem; width: 100%; max-width: 1080px; padding: 2rem; }
.hero-product-text { text-align: right; }
.hero-eyebrow { display: inline-flex; align-items: center; gap: .4rem; background: rgba(255,255,255,.16); color: #fff;
    font-weight: 800; font-size: .8rem; padding: .35rem .9rem; border-radius: 999px; margin-bottom: 1rem; }
.hero-product-name { font-size: 2rem; margin-bottom: .5rem; line-height: 1.3; }
.hero-product-meta { color: rgba(255,255,255,.88); font-size: 1rem; margin-bottom: .9rem; }
.hero-product-price { display: flex; align-items: baseline; gap: .6rem; margin-bottom: 1.3rem; }
.hpp-now { color: #fff; font-size: 1.9rem; font-weight: 900; }
.hpp-old { color: rgba(255,255,255,.6); text-decoration: line-through; font-size: 1.05rem; }
.hero-product-media { display: flex; align-items: center; justify-content: center; }
.hero-product-media img { max-width: 100%; max-height: 360px; object-fit: contain; border-radius: 16px;
    background: rgba(255,255,255,.08); padding: 14px; filter: drop-shadow(0 22px 45px rgba(0,0,0,.35)); }
@media (max-width: 767px) {
    .hero-product .hero-product-grid { grid-template-columns: 1fr; text-align: center; gap: 1rem; padding: 1.5rem 1rem; }
    .hero-product-text { text-align: center; }
    .hero-product-price { justify-content: center; }
    .hero-product-media { order: -1; }
    .hero-product-media img { max-height: 190px; padding: 8px; }
    .hero-product-name { font-size: 1.35rem; }
    .hpp-now { font-size: 1.4rem; }
}
.hero-slider .swiper-pagination-bullet { background: #fff; opacity: 0.5; width: 12px; height: 12px; transition: all 0.3s; }
.hero-slider .swiper-pagination-bullet-active { opacity: 1; background: var(--accent); width: 28px; border-radius: 6px; }
.hero-slider .swiper-button-next, .hero-slider .swiper-button-prev { color: #fff; }

/* Section headers — Premium underline */
.section-title {
    position: relative;
    padding-bottom: 0.75rem;
}
.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    width: 50px;
    height: 3px;
    background: var(--gradient-primary);
    border-radius: 3px;
}

.brands-section { background: var(--bg-white); }
.daily-offers-section { position: relative; }

@media (max-width: 767px) {
    .hero-slide { min-height: 300px; }
    .hero-title { font-size: 1.5rem; }
    .hero-subtitle { font-size: 0.95rem; }
    .hero-slider .swiper-button-next, .hero-slider .swiper-button-prev { display: none; }
    .trust-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ===== Spotlight: عروض / منتجات مختارة (بريميوم) ===== */
.spotlight-section { position: relative; overflow: hidden; padding-top: 2.8rem; padding-bottom: 2.8rem; }
.spotlight-section.spotlight-offers { background: linear-gradient(135deg, #fff7ed, #ffedd5 60%, #fff7ed); }
.spotlight-section.spotlight-showcase { background: radial-gradient(1200px 420px at 50% -12%, #e0f2fe, transparent 70%), linear-gradient(135deg, #f8fbff, #eef6ff); }
/* خط لمعة علوي يعطي إحساس بريميوم */
.spotlight-section::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; }
.spotlight-offers::after { background: linear-gradient(90deg, #fb923c, #ea580c, #fb923c); }
.spotlight-showcase::after { background: linear-gradient(90deg, #38bdf8, #0284c7, #0ea5e9); }
/* توهّج خفيف خلف العنوان */
.spotlight-section::before { content: ''; position: absolute; top: -50%; inset-inline-start: -6%; width: 380px; height: 380px;
    background: radial-gradient(circle, rgba(255,255,255,.6), transparent 70%); pointer-events: none; }
.spotlight-head { position: relative; text-align: center; margin-bottom: 1.9rem; }
.spotlight-eyebrow { display: inline-flex; align-items: center; gap: .45rem; font-size: .8rem; font-weight: 900;
    padding: .42rem 1rem; border-radius: 999px; margin-bottom: .6rem; letter-spacing: .3px; }
.spotlight-offers .spotlight-eyebrow { background: linear-gradient(135deg, #fff, #fff7ed); color: #ea580c; box-shadow: 0 4px 14px rgba(234,88,12,.18); }
.spotlight-showcase .spotlight-eyebrow { background: linear-gradient(135deg, #fff, #eff6ff); color: #0369a1; box-shadow: 0 4px 14px rgba(2,132,199,.18); }
.spotlight-eyebrow i { animation: spotPulse 1.8s ease-in-out infinite; }
@keyframes spotPulse { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.18); opacity: .72; } }
.spotlight-title { font-size: 1.95rem; font-weight: 900; margin: .15rem 0 .45rem; letter-spacing: -.02em; }
.spotlight-offers .spotlight-title { color: #c2410c; }
.spotlight-showcase .spotlight-title { color: #0c4a6e; }
.spotlight-head::after { content: ''; display: block; width: 66px; height: 4px; border-radius: 4px; margin: .35rem auto 0; }
.spotlight-offers .spotlight-head::after { background: linear-gradient(90deg, #fb923c, #ea580c); }
.spotlight-showcase .spotlight-head::after { background: linear-gradient(90deg, #38bdf8, #0284c7); }
/* رفع الكروت داخل القسم لإحساس تفاعلي بريميوم */
.spotlight-section .product-card { transition: transform .2s ease, box-shadow .2s ease; }
.spotlight-section .product-card:hover { transform: translateY(-6px); box-shadow: 0 16px 36px rgba(2,132,199,.16); }
@media (max-width: 768px) { .spotlight-title { font-size: 1.45rem; } .spotlight-section { padding-top: 2.1rem; padding-bottom: 2.1rem; } }

/* ===== Showcase premium slider (كارت منتج كبير لكل شريحة) ===== */
.showcase-slider { position: relative; padding-bottom: 2.8rem; }
/* coverflow: الشريحة النشطة كبيرة وواضحة، والجانبية أصغر وباهتة */
.showcase-slider .swiper-slide { width: clamp(300px, 86vw, 740px); height: auto; box-sizing: border-box;
    opacity: .4; transition: opacity .45s ease; }
.showcase-slider .swiper-slide-active { opacity: 1; }
.sc-card { display: grid; grid-template-columns: 0.95fr 1.05fr; align-items: center; gap: 1.6rem;
    background: linear-gradient(135deg, #ffffff, #f6fbff); border-radius: 22px; padding: 1.4rem; text-decoration: none; color: inherit;
    border: 1px solid #e6f1fb; box-shadow: 0 18px 50px rgba(2,132,199,.12); width: 100%; height: 100%;
    transition: box-shadow .25s ease; }
.swiper-slide-active .sc-card { box-shadow: 0 28px 66px rgba(2,132,199,.22); }
/* صورة المنتج: لوحة بيضاء نظيفة + ظل أرضي يطفّيها بشكل بريميوم (يخفي الصندوق الأبيض القديم) */
/* إطار مضيء متحرك بطابع تكييف (أزرق/سماوي بارد) حوالين الصورة */
.sc-frame { position: relative; border-radius: 22px; padding: 3px;
    background: linear-gradient(120deg, #a5f3fc, #22d3ee, #0ea5e9, #38bdf8, #67e8f9, #a5f3fc);
    background-size: 300% 300%;
    animation: scFlow 5.5s ease infinite, scGlow 3.2s ease-in-out infinite; }
@keyframes scFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes scGlow { 0%, 100% { box-shadow: 0 0 16px rgba(34,211,238,.30); } 50% { box-shadow: 0 0 30px rgba(34,211,238,.55); } }
@media (prefers-reduced-motion: reduce) { .sc-frame { animation: none; } }
/* الصورة فقط داخل المربع بلا خلفية، والإطار اللامع ملاصق حولها */
.sc-media { position: relative; border-radius: 19px; padding: 0; overflow: hidden; background: transparent;
    display: flex; align-items: center; justify-content: center; }
.sc-media img { position: relative; z-index: 2; display: block; width: 100%; height: auto; }
.sc-flag { position: absolute; z-index: 4; top: 12px; inset-inline-end: 12px; display: inline-flex; align-items: center; gap: .35rem;
    background: linear-gradient(135deg, #0ea5e9, #0284c7); color: #fff; font-size: .72rem; font-weight: 800;
    padding: .32rem .75rem; border-radius: 999px; box-shadow: 0 4px 12px rgba(2,132,199,.3);
    overflow: hidden; animation: scFlagFloat 3s ease-in-out infinite; }
/* لمعة تمرّ على البادج */
.sc-flag::after { content: ''; position: absolute; top: 0; bottom: 0; width: 45%; left: -60%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,.6), transparent);
    transform: skewX(-20deg); animation: scFlagShine 3.4s ease-in-out infinite; }
/* الأيقونة تنبض */
.sc-flag i { animation: scFlagIcon 1.7s ease-in-out infinite; }
@keyframes scFlagFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes scFlagShine { 0% { left: -60%; } 55%, 100% { left: 150%; } }
@keyframes scFlagIcon { 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(255,255,255,0)); } 50% { transform: scale(1.2); filter: drop-shadow(0 0 4px rgba(255,255,255,.85)); } }
@media (prefers-reduced-motion: reduce) { .sc-flag, .sc-flag::after, .sc-flag i { animation: none; } }
.sc-off { position: absolute; z-index: 4; top: 12px; inset-inline-start: 12px; background: #ef4444; color: #fff;
    font-size: .72rem; font-weight: 800; padding: .3rem .7rem; border-radius: 999px; box-shadow: 0 4px 12px rgba(239,68,68,.3); }
.sc-info { text-align: right; }
.sc-name { font-size: 1.4rem; font-weight: 800; color: #0f172a; line-height: 1.5; margin: 0 0 .85rem; }
.sc-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
.sc-chip { display: inline-flex; align-items: center; gap: .35rem; font-size: .78rem; font-weight: 700;
    color: #0369a1; background: #f0f9ff; border: 1px solid #bae6fd; border-radius: 999px; padding: .32rem .7rem; }
.sc-price { display: flex; align-items: center; gap: .55rem; margin-bottom: 1.25rem; }
.sc-now { font-size: 1.85rem; font-weight: 900; color: #ea580c; }
.sc-old { font-size: 1.05rem; color: #94a3b8; text-decoration: line-through; }
/* ندفة ثلج متلألئة جنب السعر */
.sc-snow { color: #38bdf8; font-size: 1.15rem; transform-origin: center; animation: scSnow 3s ease-in-out infinite; }
@keyframes scSnow {
    0%, 100% { transform: rotate(0deg) scale(1); opacity: .8; filter: drop-shadow(0 0 0 rgba(56,189,248,0)); }
    50%      { transform: rotate(90deg) scale(1.2); opacity: 1; filter: drop-shadow(0 0 5px rgba(56,189,248,.85)); }
}
@media (prefers-reduced-motion: reduce) { .sc-snow { animation: none; } }
/* زر "اطلب الآن": نبضة خفيفة وهو ثابت + تفاعل عند المرور والضغط (الكارت كله رابط) */
.sc-cta { pointer-events: none; display: inline-flex; align-items: center; gap: .5rem;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    animation: scCtaPulse 2.4s ease-in-out infinite; }
.sc-cta i { transition: transform .18s ease; }
@keyframes scCtaPulse { 0%, 100% { box-shadow: 0 6px 16px rgba(234,88,12,.28); } 50% { box-shadow: 0 9px 24px rgba(234,88,12,.5); } }
.sc-card:hover .sc-cta { animation-play-state: paused; transform: translateY(-2px); filter: brightness(1.06);
    box-shadow: 0 12px 28px rgba(234,88,12,.45); }
.sc-card:hover .sc-cta i { transform: translateX(-5px); }
.sc-card:active .sc-cta { transform: translateY(0) scale(.96); box-shadow: 0 4px 12px rgba(234,88,12,.3); }
@media (prefers-reduced-motion: reduce) { .sc-cta, .sc-cta i { animation: none; transition: none; } }
.showcase-slider .swiper-button-next, .showcase-slider .swiper-button-prev { color: #0284c7; }
.showcase-slider .swiper-pagination-bullet { background: #94a3b8; opacity: .5; }
.showcase-slider .swiper-pagination-bullet-active { background: #0284c7; opacity: 1; }
@media (max-width: 768px) {
    .sc-card { grid-template-columns: 1fr; text-align: center; gap: 1rem; padding: 1.1rem; }
    .sc-info { text-align: center; }
    .sc-chips, .sc-price { justify-content: center; }
    .sc-media { min-height: 0; padding: 1rem; }
    .sc-media img { max-height: 200px; }
    .sc-name { font-size: 1.12rem; }
    .sc-now { font-size: 1.45rem; }
    .showcase-slider .swiper-button-next, .showcase-slider .swiper-button-prev { display: none; }
}

/* ===== Brands fallback CTA (لو مفيش ماركات) ===== */
.brands-empty-cta { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; justify-content: center; text-align: center;
    background: linear-gradient(135deg, #f8fbff, #eef6ff); border: 1px solid #dbeafe; border-radius: 16px; padding: 1.5rem 1.25rem; }
.brands-empty-cta .bec-icon { width: 54px; height: 54px; border-radius: 14px;
    background: linear-gradient(135deg, var(--primary, #0077C8), var(--primary-dark, #082A4A));
    color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; flex-shrink: 0; }
.brands-empty-cta .bec-text { display: flex; flex-direction: column; gap: .2rem; }
.brands-empty-cta .bec-text strong { font-size: 1.05rem; color: #0c4a6e; }
.brands-empty-cta .bec-text span { font-size: .85rem; color: #475569; max-width: 460px; }