/* Add custom CSS styles below */ 
/* ============================================
Airth Theme - Complete Salla Pro CSS
Version: 2.0.0 - Full Sections Build
Sections: Marquee, Hero, PM2.5, Filter,
Order, Features, Stats, Testimonials,
Map/Visit, Footer
============================================ */

/* ===== GOOGLE FONT ===== */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap');

/* ===== GLOBAL RESET & FONT ===== */
*, *::before, *::after,
html, body, div, span, p, a, h1, h2, h3, h4, h5, h6,
li, ul, ol, button, input, textarea, select, label,
blockquote, table, th, td, footer, header, nav, section {
font-family: 'Cairo', sans-serif !important;
box-sizing: border-box;
}

body { margin: 0; padding: 0; background: #fff; }

/* Text readability */
body p, body li, body h1, body h2, body h3, body h4, body h5, body h6, body a {
line-height: 1.8 !important;
letter-spacing: 0.01em !important;
word-spacing: 0.08em !important;
}

/* ===== RTL SUPPORT ===== */
.rtl { direction: rtl !important; }
body.lang-en .rtl { direction: ltr !important; }
body.lang-en .rtl .text-right { text-align: left !important; }

/* ===== CSS VARIABLES ===== */
:root {
--airth-primary: #00b5a8;
--airth-primary-dark: #008279;
--airth-primary-light: #e6f7f6;
--airth-dark: #031b1a;
--airth-dark-2: #041713;
--airth-text: #1a1a1a;
--airth-text-light: #435157;
--airth-bg-green: #eaf9f2;
--airth-bg-mint: #eef7f0;
--airth-radius: 1.5rem;
--airth-radius-lg: 2.5rem;
--airth-shadow: 0 4px 24px rgba(0,0,0,0.06);
--airth-shadow-lg: 0 20px 60px rgba(0,0,0,0.1);
}

/* ===== CONTAINER ===== */
.airth-container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 1rem; }

/* ===== MARQUEE / NEWS TICKER ===== */
@keyframes airth-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.airth-marquee-bar { width: 100%; background: #111; color: #fff; font-size: 14px; padding: 12px 0; overflow: hidden; position: relative; z-index: 9999; direction: ltr; }
.airth-marquee-track { display: inline-flex; white-space: nowrap; animation: airth-marquee 40s linear infinite; will-change: transform; }
.airth-marquee-track:hover { animation-play-state: paused; }
.airth-marquee-item { display: inline-flex; align-items: center; gap: 8px; padding: 0 40px; white-space: nowrap; font-weight: 600; }
.airth-marquee-item .airth-fire { color: var(--airth-primary); font-size: 16px; }

/* ===== TOP BAR ===== */
.airth-topbar { width: 100%; background: #e6ebf0; border-bottom: 1px solid #e5e7eb; color: #4b5563; font-size: 12px; padding: 8px 1rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; position: relative; z-index: 50; direction: rtl; }
.airth-topbar a, .airth-topbar button { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: inherit; text-decoration: none; background: none; border: none; cursor: pointer; font-size: inherit; }
.airth-topbar a:hover, .airth-topbar button:hover { color: var(--airth-primary); }

/* ===== HEADER / NAV ===== */
.airth-header { width: 100%; background: rgba(255,255,255,0.95); backdrop-filter: blur(12px); border-bottom: 1px solid #f3f4f6; padding: 1rem; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 50; box-shadow: 0 1px 6px rgba(0,0,0,0.04); direction: rtl; }
.airth-header__logo { font-size: 1.75rem; font-weight: 900; letter-spacing: 0.15em; color: var(--airth-text); text-align: center; flex-grow: 1; }
.airth-header__logo span { color: var(--airth-primary); font-size: 0.7rem; vertical-align: top; }
.airth-icon-btn { width: 40px; height: 40px; border-radius: 50%; background: #f9fafb; display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; color: #4b5563; transition: background 0.2s; }
.airth-icon-btn:hover { background: #f3f4f6; }

/* ===== 3D BUTTON ===== */
.btn-3d { background-color: var(--airth-primary); box-shadow: 0 8px 0 var(--airth-primary-dark), 0 15px 20px rgba(0,181,168,0.3); transition: all 0.1s ease; padding: 1.25rem 4rem; border-radius: 9999px; display: inline-flex; align-items: center; justify-content: center; gap: 1rem; text-decoration: none; min-width: 250px; color: #fff; font-weight: 900; font-size: 1.5rem; border: none; cursor: pointer; }
.btn-3d:hover { transform: translateY(-2px); box-shadow: 0 10px 0 var(--airth-primary-dark), 0 20px 25px rgba(0,181,168,0.4); }
.btn-3d:active { transform: translateY(8px); box-shadow: 0 0 0 var(--airth-primary-dark), 0 5px 10px rgba(0,181,168,0.4); }

/* ===== HERO SECTION ===== */
.airth-hero { position: relative; width: 100%; height: 100vh; min-height: 600px; overflow: hidden; }
.airth-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.airth-hero__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 40%, transparent 100%); }
.airth-hero__content { position: absolute; bottom: 15%; left: 0; right: 0; text-align: center; padding: 0 1rem; z-index: 10; }
.airth-hero__title { font-size: clamp(1.75rem, 5vw, 4rem); color: #fff; font-weight: 900; text-shadow: 0 6px 15px rgba(0,0,0,1), 0 2px 5px rgba(0,0,0,0.8); line-height: 1.8; letter-spacing: 0.04em; max-width: 1280px; margin: 0 auto; }

/* ===== HERO SUB-SECTION ===== */
.airth-hero-sub { width: 100%; background: #fff; padding: 2.5rem 0 4rem; position: relative; z-index: 20; box-shadow: 0 -10px 20px rgba(0,0,0,0.05); text-align: center; }
.airth-hero-sub__heading { font-size: clamp(1.25rem, 3vw, 1.875rem); color: #1f2937; font-weight: 700; max-width: 56rem; margin: 0 auto 1rem; line-height: 1.75; direction: rtl; }
.airth-hero-sub__desc { font-size: clamp(1rem, 2vw, 1.25rem); color: #6b7280; max-width: 48rem; margin: 0 auto 3rem; line-height: 1.75; direction: rtl; }

/* ===== PM2.5 SECTION ===== */
.airth-pm25 { width: 100%; padding: 6rem 0; color: #fff; position: relative; z-index: 20; background: linear-gradient(135deg, #052c28 0%, #010c0b 100%); }
.airth-pm25__title { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 700; color: #cbd5e1; text-align: center; direction: rtl; }
.airth-pm25__subtitle { font-size: clamp(2.5rem, 5vw, 3.75rem); font-weight: 900; color: #fff; text-align: center; margin-top: 1rem; text-shadow: 0 0 30px rgba(0,181,168,0.35); }
.airth-pm25__compare { display: flex; flex-direction: column; gap: 0; align-items: center; border-radius: var(--airth-radius-lg); overflow: hidden; border: 1px solid #0d3d33; margin-top: 4rem; box-shadow: 0 30px 80px rgba(0,181,168,0.12); background: linear-gradient(180deg, rgba(2,31,25,0.95) 0%, rgba(3,24,21,0.96) 50%, rgba(2,31,25,0.99) 100%); }
.airth-pm25__compare-card { position: relative; width: 100%; overflow: hidden; }
.airth-pm25__compare-card img { width: 100%; height: 400px; object-fit: cover; transition: transform 0.7s; }
.airth-pm25__compare-card:hover img { transform: scale(1.05); }
.airth-pm25__compare-label { position: absolute; inset: 0; display: flex; align-items: flex-start; justify-content: center; padding-top: 120px; }
.airth-pm25__compare-label h4 { font-size: clamp(1.75rem, 4vw, 2.75rem); font-weight: 900; text-align: center; text-shadow: 0 4px 15px rgba(0,0,0,1); }
.airth-pm25__features { display: grid; grid-template-columns: 1fr; gap: 2.5rem; margin-top: 4rem; padding: 0 1rem; }
.airth-pm25__feature-item { display: flex; align-items: flex-start; gap: 1rem; direction: rtl; text-align: right; }
.airth-pm25__feature-icon { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 1.75rem; }
.airth-pm25__feature-item h4 { font-size: 1.5rem; font-weight: 900; margin: 0 0 0.5rem; }
.airth-pm25__feature-item p { font-size: 1.125rem; color: #cbd5e1; margin: 0; line-height: 1.75; }
.airth-pm25__summary-box { direction: rtl; text-align: right; display: flex; align-items: center; justify-content: center; border-radius: 2rem; padding: 2.5rem; border: 1px solid #0b3d33; box-shadow: 0 20px 40px rgba(0,0,0,0.35); background: linear-gradient(180deg, rgba(2,32,28,0.95) 0%, rgba(3,40,34,0.85) 100%); }
.airth-pm25__summary-box p { font-size: clamp(1.125rem, 2vw, 1.5rem); color: #e2e8f0; font-weight: 600; line-height: 1.75; max-width: 42rem; }

/* ===== FILTER SECTION ===== */
.airth-filter { padding: 6rem 0; background: var(--airth-primary-light); }
.airth-filter__grid { display: grid; grid-template-columns: 1fr; gap: 4rem; align-items: center; }
.airth-filter__info { direction: rtl; text-align: right; background: #fff; padding: 2.5rem; border-radius: var(--airth-radius); box-shadow: var(--airth-shadow); }
.airth-filter__info h2 { font-size: clamp(1.75rem, 4vw, 2.75rem); font-weight: 700; color: #1f2937; margin: 0 0 1rem; }
.airth-filter__info h2 span { color: var(--airth-primary); }
.airth-filter__info h3 { font-size: clamp(1.5rem, 3vw, 1.875rem); font-weight: 900; color: var(--airth-primary); margin: 0 0 2.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #f3f4f6; }
.airth-filter__list { list-style: none; padding: 0; margin: 0; }
.airth-filter__list li { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; transition: transform 0.3s; }

/* ===== FLOATING WHATSAPP BUTTON ===== */
.airth-whatsapp-float { position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px; background: #25d366; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4); z-index: 99999; cursor: pointer; transition: all 0.3s ease; text-decoration: none; }
.airth-whatsapp-float:hover { transform: scale(1.1); box-shadow: 0 6px 30px rgba(37, 211, 102, 0.6); }
.airth-whatsapp-float svg { width: 32px; height: 32px; fill: #fff; }

/* ===== BANNER SLIDER ===== */
.airth-banner-wrap { width: 100%; max-width: 1280px; margin: 0 auto; padding: 2rem 1rem; }
.airth-banner-box { background: white; border-radius: 32px; box-shadow: 0 25px 40px -12px rgba(0,0,0,0.25); overflow: hidden; }
.airth-slider { position: relative; width: 100%; overflow: hidden; background-color: #0a0c15; direction: ltr; }
.airth-slider-track { display: flex; flex-direction: row; flex-wrap: nowrap; direction: ltr; transition: transform 0.55s cubic-bezier(0.25, 0.92, 0.4, 1); will-change: transform; }
.airth-slide { flex: 0 0 100%; width: 100%; }
.airth-slide img { width: 100%; height: auto; max-height: 520px; object-fit: cover; display: block; pointer-events: none; }
.airth-slider-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(20,28,44,0.55); backdrop-filter: blur(6px); border: none; width: 52px; height: 52px; border-radius: 60px; display: flex; align-items: center; justify-content: center; font-size: 36px; font-weight: 300; color: white; cursor: pointer; transition: all 0.25s ease; z-index: 20; box-shadow: 0 2px 12px rgba(0,0,0,0.2); font-family: monospace; opacity: 0.85; }
.airth-slider-btn:hover { background: rgba(20,28,44,0.25); opacity: 0.98; transform: translateY(-50%) scale(1.02); }
.airth-slider-btn:active { transform: translateY(-50%) scale(0.96); }
.airth-btn-prev { left: 18px; }
.airth-btn-next { right: 18px; }
.airth-dots-wrap { background: white; padding: 16px 12px 22px; display: flex; justify-content: center; gap: 14px; border-top: 1px solid rgba(0,0,0,0.05); }
.airth-dot { width: 14px; height: 14px; background-color: #cbd5e1; border-radius: 50%; cursor: pointer; transition: all 0.2s ease; }
.airth-dot.active { background-color: #00b5a8; width: 32px; border-radius: 20px; box-shadow: 0 0 8px rgba(0,181,168,0.5); }
.airth-dot:hover:not(.active) { background-color: #94a3b8; transform: scale(1.15); }
.airth-progress-line { position: absolute; bottom: 0; left: 0; height: 4px; background-color: #00b5a8; width: 0%; transition: width 7s linear; z-index: 25; opacity: 0.85; }

@media (max-width: 768px) {
    .airth-slider-btn { width: 42px; height: 42px; font-size: 28px; }
    .airth-btn-prev { left: 12px; }
    .airth-btn-next { right: 12px; }
    .airth-slide img { max-height: 380px; }
    .airth-dots-wrap { padding: 12px 10px 18px; gap: 10px; }
    .airth-dot { width: 10px; height: 10px; }
    .airth-dot.active { width: 26px; }
}

@media (max-width: 480px) {
    .airth-slide img { max-height: 280px; }
    .airth-slider-btn { width: 36px; height: 36px; font-size: 24px; }
}

/* ========== إخفاء عناصر سلة - فقط على الصفحة الرئيسية ========== */
body.airth-homepage .s-block,
body.airth-homepage [class*="s-block--"],
body.airth-homepage header.store-header,
body.airth-homepage footer.store-footer,
body.airth-homepage input.s-search-input,
body.airth-homepage .s-verify-banner,
body.airth-homepage svg[viewBox="0 0 32 32"] { 
    display: none !important; 
}

/* التأكد من ظهور المحتوى الجديد */
body.airth-homepage .airth-landing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* إخفاء أي حاويات سلة فارغة أو متبقية */
body.airth-homepage #app > div:not(.airth-landing),
body.airth-homepage main > div:not(.airth-landing) {
    /* ملاحظة: هذا السلكتور قوي جداً، نستخدمه بحذر */
    /* display: none !important; */
}