/* ═══════════════════════════════════════════════════════════════
   الحلول الذكية لصيانة السيارات الأوروبية — Smart Solutions
   Colors: Navy #0B2545 / #134074 + Gold #D4A843 accents
   ═══════════════════════════════════════════════════════════════ */
:root {
    --navy: #0B2545;
    --navy-light: #134074;
    --navy-dark: #061A33;
    --navy-surface: #0E2E52;
    --navy-border: #1A3A5C;
    --navy-glow: rgba(19,64,116,0.15);
    --accent: #2A6FDB;
    --accent-light: #4B8BEC;
    --accent-dark: #1D5ABF;
    --accent-glow: rgba(42,111,219,0.15);
    --gold: #D4A843;
    --gold-light: #E8C46A;
    --gold-dark: #B8922E;
    --gold-glow: rgba(212,168,67,0.12);
    --white: #FFFFFF;
    --cream: #F8F9FC;
    --cream-light: #F1F4F9;
    --gray-50: #F9FAFB; --gray-100: #F3F4F6; --gray-200: #E5E7EB;
    --gray-300: #D1D5DB; --gray-400: #9CA3AF; --gray-500: #6B7280;
    --gray-600: #4B5563; --gray-700: #374151; --gray-800: #1F2937;
    --success: #10B981; --warning: #F59E0B; --danger: #EF4444;
    --font-main: 'Noto Sans Arabic','Cairo','Segoe UI',sans-serif;
    --radius: 0.75rem; --radius-lg: 1rem; --radius-xl: 1.5rem;
    --shadow: 0 4px 20px rgba(0,0,0,0.08);
    --shadow-lg: 0 10px 40px rgba(0,0,0,0.12);
    --shadow-xl: 0 20px 60px rgba(0,0,0,0.15);
    --shadow-accent: 0 4px 30px rgba(42,111,219,0.2);
    --transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
    --transition-slow: all 0.5s cubic-bezier(0.4,0,0.2,1);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-main);background:var(--white);color:var(--gray-700);line-height:1.7;direction:rtl;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;transition:var(--transition);}
ul,ol{list-style:none;}
.container{max-width:1280px;margin:0 auto;padding:0 1.5rem;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
/* Reveal */
.rv{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease;}
.rv.d1{transition-delay:.15s;}.rv.d2{transition-delay:.3s;}.rv.d3{transition-delay:.45s;}
.rv.in{opacity:1;transform:translateY(0);}
/* Buttons */
.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;background:linear-gradient(135deg,var(--navy-light),var(--navy));color:var(--white);font-weight:700;font-size:.95rem;border-radius:var(--radius);border:none;cursor:pointer;transition:var(--transition);font-family:var(--font-main);box-shadow:0 4px 15px rgba(11,37,69,0.3);text-decoration:none;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(11,37,69,0.4);background:linear-gradient(135deg,var(--accent),var(--navy-light));}
.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;background:transparent;color:var(--white);font-weight:700;font-size:.95rem;border-radius:var(--radius);border:2px solid rgba(255,255,255,.4);cursor:pointer;transition:var(--transition);font-family:var(--font-main);text-decoration:none;}
.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.8);transform:translateY(-2px);}
.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;background:transparent;color:var(--navy);font-weight:700;font-size:.95rem;border-radius:var(--radius);border:2px solid var(--navy);cursor:pointer;transition:var(--transition);font-family:var(--font-main);text-decoration:none;}
.btn-outline:hover{background:var(--navy);color:var(--white);transform:translateY(-2px);}
.btn-white{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;background:var(--white);color:var(--navy);font-weight:700;font-size:.95rem;border-radius:var(--radius);border:none;cursor:pointer;transition:var(--transition);font-family:var(--font-main);text-decoration:none;}
.btn-white:hover{background:var(--cream);transform:translateY(-2px);box-shadow:var(--shadow-lg);}
/* ════ NAVBAR ════ */
.navbar{position:fixed;top:0;right:0;left:0;z-index:1000;background:rgba(11,37,69,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(212,168,67,0.1);transition:var(--transition);}
.navbar.scrolled{background:rgba(11,37,69,0.97);box-shadow:0 4px 30px rgba(0,0,0,.3);border-bottom-color:rgba(212,168,67,0.2);}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:72px;}
.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;}
.logo-img{height:46px;width:auto;object-fit:contain;}
.logo-text{font-size:1.1rem;font-weight:800;color:var(--gold);line-height:1.2;}
.nav-links{display:flex;align-items:center;gap:.25rem;}
.nav-links li a{padding:.5rem .85rem;font-size:.92rem;font-weight:600;color:var(--gray-300);border-radius:var(--radius);transition:var(--transition);position:relative;}
.nav-links li a:hover,.nav-links li a.active{color:var(--gold-light);}
.nav-links li a.active::after{content:'';position:absolute;bottom:0;right:50%;transform:translateX(50%);width:20px;height:2px;background:var(--gold);border-radius:2px;}
.nav-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;background:linear-gradient(135deg,var(--navy-light),var(--accent-dark));color:var(--white)!important;font-weight:700;font-size:.88rem;border-radius:var(--radius);transition:var(--transition);box-shadow:0 2px 12px rgba(42,111,219,0.3);}
.nav-cta:hover{box-shadow:0 4px 20px rgba(42,111,219,0.5);transform:translateY(-1px);}
.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}
.hb{display:block;width:24px;height:2px;background:var(--gray-300);border-radius:2px;transition:var(--transition);}
/* Sidebar */
.sb-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:1100;opacity:0;pointer-events:none;transition:var(--transition);}
.sb-overlay.open{opacity:1;pointer-events:auto;}
.sidebar{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:var(--navy);z-index:1200;transition:var(--transition-slow);display:flex;flex-direction:column;overflow-y:auto;border-left:1px solid var(--navy-border);}
.sidebar.open{right:0;}
.sb-close{position:absolute;top:1rem;left:1rem;background:rgba(255,255,255,.1);border:none;color:var(--gray-400);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);}
.sb-close:hover{background:rgba(255,255,255,.2);color:var(--white);}
.sb-head{padding:2rem 1.5rem 1.5rem;text-align:center;border-bottom:1px solid var(--navy-border);}
.sb-head img{margin:0 auto;}
.sb-tagline{color:var(--gray-500);font-size:.82rem;margin-top:.75rem;}
.sb-nav{padding:1rem .75rem;flex:1;display:flex;flex-direction:column;gap:.25rem;}
.sb-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--gray-400);font-weight:600;font-size:.95rem;border-radius:var(--radius);transition:var(--transition);}
.sb-link:hover,.sb-link.active{background:var(--accent-glow);color:var(--accent-light);}
.sb-link svg{width:20px;height:20px;flex-shrink:0;}
.sb-foot{padding:1.5rem;border-top:1px solid var(--navy-border);}
.sb-cta{display:block;text-align:center;padding:.85rem;background:linear-gradient(135deg,var(--navy-light),var(--accent-dark));color:var(--white)!important;font-weight:700;border-radius:var(--radius);margin-bottom:.75rem;transition:var(--transition);}
.sb-phone{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--gray-400);font-size:.9rem;direction:ltr;}
@media(max-width:1024px){.nav-links,.nav-cta{display:none;}.menu-toggle{display:flex;}}
/* ════ HERO ════ */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;}
.hero-bg{position:absolute;inset:0;}
.hero-bg img{width:100%;height:100%;object-fit:cover;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,37,69,.93) 0%,rgba(11,37,69,.7) 50%,rgba(11,37,69,.88) 100%);}
.hero-content{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:8rem 1.5rem 4rem;}
.hero-content h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;color:var(--white);line-height:1.2;margin-bottom:1rem;}
.hero-content>p{font-size:clamp(1rem,2vw,1.2rem);color:var(--gray-300);max-width:600px;margin-bottom:2rem;line-height:1.8;}
.hero-features{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:2.5rem;}
.hero-feature{display:flex;align-items:center;gap:.5rem;color:var(--gold-light);font-size:.92rem;font-weight:600;}
.hero-feature svg{color:var(--gold);flex-shrink:0;}
.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;}
.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:2;}
.scroll-indicator-inner{width:24px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:12px;display:flex;justify-content:center;padding-top:6px;}
.scroll-indicator-dot{width:4px;height:8px;background:var(--gold);border-radius:2px;animation:scrollDot 1.5s ease-in-out infinite;}
@keyframes scrollDot{0%,100%{transform:translateY(0);opacity:1;}50%{transform:translateY(12px);opacity:.3;}}
/* ════ SECTIONS ════ */
.section{padding:5rem 0;}.section-py{padding:5rem 0;}
.section-gray{background:var(--cream-light);}.bg-white{background:var(--white);}.bg-light{background:var(--cream-light);}
.section-header{text-align:center;margin-bottom:3.5rem;}
.section-header h2{font-size:clamp(1.7rem,3vw,2.2rem);font-weight:800;color:var(--navy);margin-bottom:.5rem;}
.divider{width:60px;height:3px;background:linear-gradient(90deg,var(--navy-light),var(--gold));margin:.75rem auto;border-radius:3px;}
.subtitle,.section-header p{color:var(--gray-500);font-size:1.05rem;max-width:600px;margin:.5rem auto 0;}
.text-center{text-align:center;}
/* Page Header */
.page-header{position:relative;padding:160px 0 80px;text-align:center;overflow:hidden;background:var(--navy);}
.page-header-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.2;}
.page-header-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,37,69,.95) 0%,rgba(19,64,116,.15) 100%);}
.page-header h1{position:relative;z-index:2;color:var(--white);font-size:clamp(2rem,4vw,2.8rem);font-weight:800;margin-bottom:.5rem;}
.page-header p{position:relative;z-index:2;color:var(--gray-400);font-size:1.05rem;}
.breadcrumb{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.88rem;color:var(--gray-500);margin-top:1rem;}
.breadcrumb a{color:var(--gold);font-weight:600;}.breadcrumb a:hover{color:var(--gold-light);}
/* Services */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;}
.service-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:var(--transition);position:relative;overflow:hidden;}
.service-card::before{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--navy-light),var(--gold));transform:scaleX(0);transition:var(--transition);}
.service-card:hover::before{transform:scaleX(1);}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.service-icon{width:64px;height:64px;background:var(--accent-glow);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;}
.service-icon svg{width:30px;height:30px;stroke:var(--navy-light);fill:none;}
.service-card h3{font-size:1.1rem;font-weight:700;color:var(--navy);margin-bottom:.5rem;}
.service-card p{color:var(--gray-500);font-size:.9rem;line-height:1.7;}
/* Features */
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;}
.feature-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:2rem;transition:var(--transition);display:block;}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--navy-light);}
.feature-icon{width:56px;height:56px;background:var(--accent-glow);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--navy-light);}
.feature-icon svg{width:28px;height:28px;stroke:var(--navy-light);fill:none;}
.feature-card h3{font-size:1.1rem;font-weight:700;color:var(--navy);margin-bottom:.5rem;}
.feature-card p{color:var(--gray-500);font-size:.92rem;line-height:1.7;}
/* Brands */
.brands-logos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;}
.brand-logo-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:2rem 1.5rem;display:flex;align-items:center;justify-content:center;transition:var(--transition);min-height:120px;}
.brand-logo-card:hover{border-color:var(--navy-light);box-shadow:var(--shadow-accent);transform:translateY(-4px);}
.brand-logo-card img{max-height:65px;width:auto;object-fit:contain;filter:grayscale(30%);transition:var(--transition);}
.brand-logo-card:hover img{filter:grayscale(0%);transform:scale(1.1);}
/* Products */
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;}
.product-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.product-card a{display:block;}
.product-image{position:relative;height:220px;overflow:hidden;}
.product-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow);}
.product-card:hover .product-image img{transform:scale(1.08);}
.product-badge{position:absolute;top:1rem;right:1rem;background:var(--navy-light);color:var(--white);font-size:.78rem;font-weight:700;padding:.3rem .8rem;border-radius:2rem;}
.product-content{padding:1.25rem;}
.product-content h3{font-size:1.05rem;font-weight:700;color:var(--navy);margin-bottom:.4rem;}
.product-content p{color:var(--gray-500);font-size:.88rem;line-height:1.6;margin-bottom:.75rem;}
.product-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;}
.product-price{font-weight:800;color:var(--navy-light);font-size:1rem;}
.product-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;background:var(--accent-glow);color:var(--navy-light);font-weight:700;font-size:.88rem;border-radius:var(--radius);transition:var(--transition);}
.product-card:hover .product-btn{background:var(--navy-light);color:var(--white);}
/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;}
.gallery-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;display:block;}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow);}
.gallery-item:hover img{transform:scale(1.08);}
.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,37,69,.8) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;opacity:0;transition:var(--transition);}
.gallery-item:hover .gallery-overlay{opacity:1;}
.gallery-tag{font-size:.78rem;font-weight:700;color:var(--gold-light);background:rgba(212,168,67,.2);padding:.2rem .6rem;border-radius:2rem;align-self:flex-start;margin-bottom:.5rem;}
.gallery-title{color:var(--white);font-weight:700;font-size:1rem;}
/* Stats */
.stats-section{margin-top:3.5rem;padding:3rem 2rem;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);border-radius:var(--radius-xl);position:relative;overflow:hidden;}
.stats-section::before{content:'';position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(212,168,67,.08) 0%,transparent 70%);border-radius:50%;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center;position:relative;z-index:2;}
.stat-number{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:var(--gold-light);margin-bottom:.25rem;}
.stat-label{color:var(--gray-400);font-size:.9rem;font-weight:600;}
/* Testimonials */
.testimonials-section{padding:5rem 0;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%);position:relative;overflow:hidden;}
.testimonials-section .section-header h2{color:var(--white);}
.testimonial-slide{display:none;text-align:center;max-width:700px;margin:0 auto;padding:2rem;}
.testimonial-slide.active{display:block;}
.testimonial-stars{color:var(--gold);font-size:1.4rem;margin-bottom:1.5rem;letter-spacing:3px;}
.testimonial-text{color:var(--gray-300);font-size:1.15rem;line-height:1.9;margin-bottom:2rem;font-style:italic;}
.testimonial-author{display:flex;align-items:center;justify-content:center;gap:1rem;}
.testimonial-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);}
.testimonial-name{font-weight:700;color:var(--white);font-size:1rem;}
.testimonial-title{color:var(--gold);font-size:.85rem;}
.testimonial-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;}
.testimonial-btn{background:rgba(255,255,255,.1);border:none;color:var(--white);width:40px;height:40px;border-radius:50%;font-size:1.3rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;}
.testimonial-btn:hover{background:var(--navy-light);}
.testimonial-dots{display:flex;gap:.4rem;}
.testimonial-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2);border:none;cursor:pointer;transition:var(--transition);}
.testimonial-dot.active{background:var(--gold);width:28px;border-radius:5px;}
.testimonial-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:2rem;transition:var(--transition);}
.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);}
.testimonial-card .stars{font-size:1.1rem;margin-bottom:1rem;letter-spacing:2px;color:var(--gold);}
.testimonial-card .testimonial-text{color:var(--gray-600);font-size:.95rem;line-height:1.8;margin-bottom:1.25rem;font-style:italic;}
.testimonial-card .testimonial-author{justify-content:flex-start;}
.testimonial-card .testimonial-author strong{display:block;color:var(--navy);font-weight:700;}
.testimonial-card .testimonial-author span{color:var(--navy-light);font-size:.85rem;}
/* ════ BLOG ════ */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;}
.blog-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.blog-card a{display:block;}
.blog-image{position:relative;height:200px;overflow:hidden;}
.blog-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow);}
.blog-card:hover .blog-image img{transform:scale(1.06);}
.blog-category{position:absolute;top:1rem;right:1rem;background:var(--navy-light);color:var(--white);font-size:.78rem;font-weight:700;padding:.25rem .75rem;border-radius:2rem;}
.blog-content{padding:1.5rem;}
.blog-meta{display:flex;gap:1rem;margin-bottom:.75rem;}
.blog-meta-item{font-size:.82rem;color:var(--gray-500);}
.blog-excerpt{color:var(--gray-500);font-size:.9rem;line-height:1.7;margin-bottom:.75rem;}
.blog-link{color:var(--navy-light);font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:.3rem;}
/* Blog Sidebar */
.blog-layout{display:grid;grid-template-columns:1fr 340px;gap:3rem;}
.blog-sidebar{position:sticky;top:90px;align-self:start;}
.sidebar-widget{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;}
.sidebar-widget h3{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--gold);display:inline-block;}
.sidebar-post{display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-100);}
.sidebar-post:last-child{border:none;margin:0;padding:0;}
.sidebar-post img{width:70px;height:55px;object-fit:cover;border-radius:.5rem;flex-shrink:0;}
.sidebar-post-info h4{font-size:.85rem;font-weight:700;color:var(--navy);line-height:1.4;margin-bottom:.25rem;}
.sidebar-post-info span{font-size:.75rem;color:var(--gray-500);}
/* Post Detail */
.post-detail{max-width:800px;margin:0 auto;padding:0 1.5rem;}
.post-detail h1{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--navy);line-height:1.4;margin-bottom:1rem;}
.post-meta-detail{display:flex;flex-wrap:wrap;gap:1rem;color:var(--gray-500);font-size:.88rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200);}
.post-featured-image{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2rem;}.post-featured-image img{width:100%;}
.post-body{color:var(--gray-700);font-size:1.05rem;line-height:2;margin-bottom:2rem;}
.post-body h2,.post-body h3{color:var(--navy);margin:2rem 0 1rem;font-weight:700;}
.post-body img{border-radius:var(--radius);margin:1.5rem 0;}
.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;}
.post-tag{padding:.3rem .8rem;background:var(--accent-glow);color:var(--navy-light);font-size:.82rem;font-weight:600;border-radius:2rem;}
.share-buttons{display:flex;gap:.75rem;margin:2rem 0;padding:1.5rem;background:var(--cream-light);border-radius:var(--radius-lg);align-items:center;}
.share-buttons span{font-weight:700;color:var(--navy);margin-left:auto;}
.share-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);transition:var(--transition);text-decoration:none;}
.share-btn:hover{transform:scale(1.1);}
.share-btn.twitter{background:#1DA1F2;}.share-btn.facebook{background:#1877F2;}.share-btn.whatsapp{background:#25D366;}.share-btn.linkedin{background:#0A66C2;}.share-btn.copy{background:var(--navy);cursor:pointer;border:none;}
.related-posts{margin-top:3rem;padding-top:3rem;border-top:1px solid var(--gray-200);}
.related-posts h3{font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;color:var(--navy);}
/* FAQ */
.faq-container{max-width:800px;margin:0 auto;}
.faq-item{border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:.75rem;overflow:hidden;transition:var(--transition);}
.faq-item:hover{border-color:var(--navy-light);}
.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.25rem 1.5rem;background:none;border:none;cursor:pointer;font-family:var(--font-main);font-size:1rem;font-weight:700;color:var(--navy);text-align:right;transition:var(--transition);}
.faq-question:hover{color:var(--accent);}
.faq-question.open{color:var(--accent);background:var(--accent-glow);}
.faq-icon{font-size:1.5rem;color:var(--navy-light);transition:var(--transition);flex-shrink:0;}
.faq-question.open .faq-icon{transform:rotate(45deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;padding:0 1.5rem;color:var(--gray-600);line-height:1.8;font-size:.95rem;}
.faq-answer.open{max-height:500px;padding:0 1.5rem 1.5rem;}
/* CTA */
.cta-section{padding:5rem 1.5rem;text-align:center;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 50%,var(--navy) 100%);position:relative;overflow:hidden;}
.cta-section::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,rgba(212,168,67,.06) 0%,transparent 70%);border-radius:50%;}
.cta-section h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:var(--white);margin-bottom:.75rem;position:relative;}
.cta-section p{color:var(--gray-400);font-size:1.1rem;max-width:500px;margin:0 auto 2rem;position:relative;}
.cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;position:relative;}
/* Forms */
.quick-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.form-group{display:flex;flex-direction:column;}
.form-group label{font-size:.88rem;font-weight:600;margin-bottom:.4rem;color:rgba(255,255,255,.9);}
.form-control{padding:.85rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);background:rgba(255,255,255,.08);color:var(--white);font-family:var(--font-main);font-size:.95rem;transition:var(--transition);direction:rtl;}
.form-control::placeholder{color:rgba(255,255,255,.4);}
.form-control:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow);}
.form-control option{background:var(--navy);color:var(--white);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;}
.contact-form .form-group label{color:var(--gray-700);font-weight:600;margin-bottom:.4rem;font-size:.9rem;}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--gray-200);border-radius:var(--radius);font-family:var(--font-main);font-size:.95rem;transition:var(--transition);direction:rtl;color:var(--navy);background:var(--white);}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--navy-light);box-shadow:0 0 0 3px var(--accent-glow);}
.contact-info-card{background:var(--navy);color:var(--white);padding:2.5rem;border-radius:var(--radius-xl);height:100%;}
.contact-info-card h3{font-size:1.3rem;font-weight:700;color:var(--white);margin-bottom:.5rem;}
.contact-info-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;}
.contact-info-item svg{color:var(--gold);flex-shrink:0;margin-top:.2rem;}
.contact-info-item a{color:var(--gray-300);}.contact-info-item a:hover{color:var(--gold-light);}
/* Filter */
.filter-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;}
.filter-btn{padding:.5rem 1.25rem;border-radius:2rem;font-size:.88rem;font-weight:600;color:var(--gray-600);background:var(--gray-100);transition:var(--transition);border:1px solid transparent;}
.filter-btn:hover,.filter-btn.active{background:var(--navy-light);color:var(--white);border-color:var(--navy-light);}
/* Packages */
.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;}
.package-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:2.5rem 2rem;text-align:center;transition:var(--transition);position:relative;}
.package-card.popular{border-color:var(--navy-light);box-shadow:var(--shadow-accent);}
.package-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--navy-light),var(--accent));color:var(--white);padding:.3rem 1.5rem;border-radius:2rem;font-size:.82rem;font-weight:700;}
.package-name{font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:.5rem;}
.package-price{font-size:2.5rem;font-weight:800;color:var(--navy-light);margin-bottom:.5rem;}.package-price small{font-size:1rem;font-weight:600;}
.package-items{text-align:right;margin-bottom:1rem;}
.package-items li{padding:.5rem 0;border-bottom:1px solid var(--gray-100);font-size:.92rem;color:var(--gray-600);display:flex;align-items:center;gap:.5rem;}
.package-items li::before{content:'✓';color:var(--navy-light);font-weight:700;}
/* Empty & Pagination */
.empty-state{text-align:center;padding:4rem 2rem;color:var(--gray-500);}
.empty-state svg{width:60px;height:60px;margin:0 auto 1rem;color:var(--gray-300);}
.empty-state h3{font-size:1.3rem;font-weight:700;color:var(--gray-600);margin-bottom:.5rem;}
.pagination{display:flex;justify-content:center;gap:.25rem;margin-top:2.5rem;}
.pagination a,.pagination span{padding:.5rem 1rem;border-radius:var(--radius);font-size:.9rem;color:var(--gray-600);background:var(--gray-100);transition:var(--transition);}
.pagination a:hover{background:var(--navy-light);color:var(--white);}
/* Alert Toast */
.toast-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:var(--transition);}
.toast-overlay.show{opacity:1;pointer-events:auto;}
.toast-box{background:var(--white);border-radius:var(--radius-xl);padding:2.5rem 3rem;text-align:center;max-width:420px;width:90%;box-shadow:var(--shadow-xl);transform:scale(.9);transition:var(--transition);}
.toast-overlay.show .toast-box{transform:scale(1);}
.toast-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;}
.toast-icon.success{background:rgba(16,185,129,.1);color:var(--success);}
.toast-icon.error{background:rgba(239,68,68,.1);color:var(--danger);}
.toast-box h3{font-size:1.2rem;font-weight:800;color:var(--navy);margin-bottom:.5rem;}
.toast-box p{color:var(--gray-500);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem;}
.toast-close{padding:.7rem 2rem;background:var(--navy-light);color:var(--white);border:none;border-radius:var(--radius);font-weight:700;font-family:var(--font-main);cursor:pointer;transition:var(--transition);}
.toast-close:hover{background:var(--navy);}
/* Floating */
.floating-btns{position:fixed;bottom:1.5rem;left:1.5rem;z-index:900;display:flex;flex-direction:column;gap:.75rem;}
.float-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);border:none;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-lg);text-decoration:none;}
.float-btn:hover{transform:scale(1.1);}
.float-btn.whatsapp{background:#25D366;}.float-btn.phone-call{background:var(--navy-light);}.float-btn.scroll-top{background:var(--navy);}
/* Footer */
.footer{background:var(--navy);color:var(--gray-400);}
.footer-content{padding:4rem 0 2rem;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:3rem;}
.footer-section h4{color:var(--white);font-size:1.05rem;font-weight:700;margin-bottom:1.25rem;position:relative;padding-bottom:.75rem;}
.footer-section h4::after{content:'';position:absolute;bottom:0;right:0;width:30px;height:2px;background:var(--gold);border-radius:2px;}
.footer-logo img{height:60px;width:auto;margin-bottom:1rem;}.footer-section p{font-size:.9rem;line-height:1.8;color:var(--gray-500);}
.footer-links li{margin-bottom:.5rem;}.footer-links a{font-size:.9rem;color:var(--gray-400);transition:var(--transition);display:inline-flex;align-items:center;gap:.4rem;}
.footer-links a:hover{color:var(--gold-light);padding-right:.5rem;}.footer-links a::before{content:'‹';color:var(--gold);font-size:1.1rem;}
.social-links{display:flex;gap:.5rem;margin-top:1.25rem;}
.social-link{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;transition:var(--transition);color:var(--gray-400);}
.social-link:hover{background:var(--navy-light);color:var(--white);}.social-link svg{width:18px;height:18px;fill:currentColor;}
.contact-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;font-size:.9rem;}
.contact-item svg{color:var(--gold);flex-shrink:0;margin-top:.15rem;}.contact-item a{color:var(--gray-400);}.contact-item a:hover{color:var(--gold-light);}
.newsletter{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06);text-align:center;}
.newsletter h4{color:var(--white);font-weight:700;margin-bottom:.5rem;}.newsletter p{color:var(--gray-500);font-size:.9rem;margin-bottom:1rem;}
.newsletter-form{display:flex;gap:.5rem;max-width:450px;margin:0 auto;}
.newsletter-input{flex:1;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:rgba(255,255,255,.06);color:var(--white);font-family:var(--font-main);font-size:.9rem;direction:ltr;}
.newsletter-input:focus{outline:none;border-color:var(--gold);}
.newsletter-btn{padding:.75rem 1.5rem;background:var(--gold);color:var(--navy);border:none;border-radius:var(--radius);font-weight:700;font-family:var(--font-main);cursor:pointer;transition:var(--transition);}
.newsletter-btn:hover{background:var(--gold-dark);}
.footer-bottom{padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.06);}
.footer-bottom-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.footer-bottom p{font-size:.85rem;color:var(--gray-500);}
.footer-bottom-links{display:flex;gap:1.5rem;}.footer-bottom-links a{font-size:.85rem;color:var(--gray-500);}.footer-bottom-links a:hover{color:var(--gold-light);}
/* Responsive */
@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem;}.stats-grid{grid-template-columns:repeat(2,1fr);}.blog-layout{grid-template-columns:1fr;}.blog-sidebar{position:static;}}
@media(max-width:768px){.hero-content{padding-top:7rem;}.section,.section-py{padding:3.5rem 0;}.footer-grid{grid-template-columns:1fr;}.quick-form{grid-template-columns:1fr;}.contact-grid{grid-template-columns:1fr!important;}.brands-logos-grid{grid-template-columns:repeat(3,1fr);}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;}.hero-features{flex-direction:column;gap:.75rem;}.footer-bottom-content{flex-direction:column;text-align:center;}.features-grid,.services-grid{grid-template-columns:1fr;}}
@media(max-width:480px){.hero-buttons{flex-direction:column;}.brands-logos-grid{grid-template-columns:repeat(2,1fr);}.cta-buttons{flex-direction:column;align-items:center;}}
@media print{.navbar,.floating-btns,.footer,.scroll-indicator{display:none!important;}body{background:white;color:black;}}