/*
Theme Name: AloIPTV
Theme URI: https://aloiptv.net
Author: AloIPTV
Author URI: https://aloiptv.net
Description: Lightweight, SEO-optimized theme for AloIPTV — premium IPTV service. Target keyword: iptv satın al.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: aloiptv
*/

/* ============ RESET & BASE ============ */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased; }
body { font-family:'Plus Jakarta Sans', sans-serif; color:#0a1628; background:#fff; overflow-x:hidden; }
a { text-decoration:none; color:inherit; }
img { max-width:100%; height:auto; display:block; }
button { font-family:inherit; cursor:pointer; border:none; background:none; }

/* ============ CSS VARIABLES ============ */
:root {
  --red: #e30a17;
  --red-dark: #c50815;
  --blue: #2563eb;
  --blue-dark: #1d4ed8;
  --dark: #0a1628;
  --dark-light: #111d35;
  --green: #10b981;
    --text: #cbd5e1;
    --muted: #9ca3af;
  --green-dark: #059669;
  --gray-50: #f9fafb;
  --gray-100: #f0f0f0;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-700: #374151;
  --yellow: #f59e0b;
  --purple: #8b5cf6;
  --pink: #ec4899;
  --whatsapp: #25d366;
}

/* ============ ANIMATIONS ============ */
@keyframes fadeInUp {
  from { opacity:0; transform:translateY(30px); }
  to { opacity:1; transform:translateY(0); }
}
@keyframes pulse {
  0%,100% { opacity:1; }
  50% { opacity:.5; }
}
@keyframes float {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(-10px); }
}
@keyframes marquee {
  0% { transform:translateX(0); }
  100% { transform:translateX(-50%); }
}

/* ============ PROMO MARQUEE ============ */
.promo-marquee {
  background:linear-gradient(90deg, var(--red), var(--red-dark), var(--red));
  padding:10px 0;
  overflow:hidden;
  white-space:nowrap;
}
.promo-marquee-inner {
  display:inline-flex;
  animation:marquee 30s linear infinite;
}
.promo-marquee span {
  display:inline-block;
  padding:0 48px;
  font-size:13px;
  font-weight:600;
  color:#fff;
  letter-spacing:0.5px;
}

/* ============ STICKY NAV ============ */
.site-nav {
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(10,22,40,0.95);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,0.06);
  transition:all 0.3s;
}
.site-nav.scrolled {
  background:rgba(10,22,40,0.98);
  box-shadow:0 4px 20px rgba(0,0,0,0.3);
}
.nav-inner {
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.nav-logo {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:20px;
  font-weight:800;
  color:#fff;
}
.nav-logo .logo-icon {
  width:32px;
  height:32px;
  background:linear-gradient(135deg,var(--red),#ff4757);
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:800;
  font-size:14px;
}
.nav-logo .accent { color:var(--red); }
.nav-links {
  display:flex;
  align-items:center;
  gap:28px;
  list-style:none;
}
.nav-links a {
  font-size:14px;
  font-weight:500;
  color:rgba(255,255,255,0.7);
  transition:color 0.2s;
}
.nav-links a:hover { color:#fff; }
.nav-cta {
  padding:9px 20px;
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  color:#fff !important;
  border-radius:8px;
  font-weight:700 !important;
  font-size:13px !important;
  transition:all 0.2s;
  box-shadow:0 2px 12px rgba(227,10,23,0.3);
}
.nav-cta:hover {
  transform:translateY(-1px);
  box-shadow:0 4px 16px rgba(227,10,23,0.4);
}

/* ============ HERO ============ */
.hero {
  background:linear-gradient(160deg, var(--dark), var(--dark-light));
  padding:80px 24px 100px;
  position:relative;
  overflow:hidden;
}
.hero::before {
  content:'';
  position:absolute;
  inset:0;
  opacity:0.03;
  background-image:radial-gradient(circle at 20% 80%, var(--red) 1px, transparent 1px);
  background-size:40px 40px;
}
.hero-inner {
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
  position:relative;
}
.hero-badge {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 16px;
  background:rgba(227,10,23,0.1);
  border:1px solid rgba(227,10,23,0.2);
  border-radius:100px;
  font-size:13px;
  font-weight:600;
  color:var(--red);
  margin-bottom:20px;
}
.hero-badge .dot {
  width:6px; height:6px;
  background:var(--red);
  border-radius:50%;
  animation:pulse 2s infinite;
}
.hero h1 {
  font-size:52px;
  font-weight:800;
  line-height:1.1;
  color:#fff;
  letter-spacing:-1.5px;
  margin-bottom:20px;
}
.hero h1 .accent { color:var(--red); }
.hero-desc {
  font-size:18px;
  line-height:1.7;
  color:rgba(255,255,255,0.6);
  margin-bottom:32px;
  max-width:480px;
}
.hero-buttons {
  display:flex;
  gap:12px;
  margin-bottom:40px;
  flex-wrap:wrap;
}
.btn-primary {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:16px 28px;
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  color:#fff;
  border-radius:12px;
  font-weight:700;
  font-size:16px;
  transition:all 0.3s;
  box-shadow:0 4px 20px rgba(227,10,23,0.4);
}
.btn-primary:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 30px rgba(227,10,23,0.5);
}
.btn-secondary {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:16px 28px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.15);
  color:#fff;
  border-radius:12px;
  font-weight:600;
  font-size:16px;
  transition:all 0.3s;
}
.btn-secondary:hover {
  background:rgba(255,255,255,0.12);
  border-color:rgba(255,255,255,0.25);
}
.hero-stats {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.hero-stat .value {
  font-size:24px;
  font-weight:800;
  color:#fff;
  margin-bottom:2px;
}
.hero-stat .value .accent { color:var(--red); }
.hero-stat .label {
  font-size:12px;
  color:rgba(255,255,255,0.4);
  font-weight:500;
}

/* Hero TV Mockup */
.hero-tv {
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:20px;
  padding:24px;
  animation:float 6s ease-in-out infinite;
}
.tv-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
}
.tv-dots {
  display:flex;
  gap:6px;
}
.tv-dot {
  width:8px; height:8px;
  border-radius:50%;
}
.tv-badge {
  font-size:10px;
  font-weight:700;
  padding:3px 8px;
  border-radius:4px;
  text-transform:uppercase;
  letter-spacing:0.5px;
}
.tv-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.tv-channel {
  aspect-ratio:16/10;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:700;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.tv-channel .live-dot {
  position:absolute;
  top:6px; right:6px;
  width:6px; height:6px;
  background:var(--red);
  border-radius:50%;
  animation:pulse 2s infinite;
}

/* ============ TRUST BAR ============ */
.trust-bar {
  padding:60px 24px;
  background:linear-gradient(160deg, var(--dark), var(--dark-light));
  border-bottom:1px solid var(--gray-100);
}
.trust-bar-inner {
  max-width:900px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:32px;
  text-align:center;
}
.trust-item-icon {
  width:48px; height:48px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 12px;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.1) !important;
}
.trust-item-title {
  font-size:14px;
  font-weight:700;
  color:#fff;
  margin-bottom:2px;
}
.trust-item-desc {
  font-size:12px;
  color:rgba(255,255,255,.45);
}

/* ============ 3 STEPS ============ */
.steps-section {
  padding:100px 24px;
  background:linear-gradient(180deg, #0a1628, #111d35);
}
.steps-inner {
  max-width:800px;
  margin:0 auto;
}
.section-badge {
  display:inline-block;
  font-size:13px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--red);
  margin-bottom:12px;
}
.section-title {
  font-size:40px;
  font-weight:800;
  line-height:1.15;
  color:#fff;
  margin-bottom:16px;
  letter-spacing:-0.5px;
}
.section-title-white {
  color:#fff;
}
.section-desc {
  font-size:17px;
  color:var(--gray-500);
  margin-bottom:48px;
}
.section-desc-white {
  color:rgba(255,255,255,0.5);
}
.steps-grid {
  display:flex;
  flex-direction:column;
  gap:16px;
}
.step-card {
  display:flex;
  align-items:center;
  gap:20px;
  background:rgba(255,255,255,.03);
  border-radius:16px;
  padding:24px 28px;
  border:1px solid rgba(255,255,255,.08);
  transition:all 0.3s;
}
.step-card:hover {
  border-color:var(--red);
  box-shadow:0 4px 16px rgba(227,10,23,0.06);
  transform:translateX(4px);
}
.step-number {
  flex-shrink:0;
  width:44px; height:44px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:800;
  color:#fff;
}
.step-title {
  font-size:16px;
  font-weight:700;
  color:#fff;
}
.step-desc {
  font-size:14px;
  color:rgba(255,255,255,.5);
}

/* ============ FEATURES ============ */
.features-section {
  padding:100px 24px;
  background:linear-gradient(180deg, #111d35, #0d1a2e);
}
.features-inner {
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}
.features-list {
  display:flex;
  flex-direction:column;
  gap:16px;
}
.feature-item {
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.feature-check {
  flex-shrink:0;
  width:24px; height:24px;
  background:var(--green);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:1px;
}
.feature-name {
  font-size:15px;
  font-weight:600;
  color:#fff;
}
.feature-desc {
  font-size:14px;
  color:rgba(255,255,255,.5);
}
.features-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.feature-card {
  background:rgba(255,255,255,.03);
  border-radius:16px;
  padding:28px 20px;
  border:1px solid rgba(255,255,255,.08);
  transition:all 0.3s;
}
.feature-card:hover {
  transform:translateY(-4px);
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
}
.feature-card-icon {
  width:44px; height:44px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
}
.feature-card h3 {
  font-size:15px;
  font-weight:700;
  color:#fff;
  margin-bottom:4px;
}
.feature-card p {
  font-size:13px;
  color:rgba(255,255,255,.5);
  line-height:1.5;
}

/* ============ COMPARISON TABLE ============ */
.comparison-section {
  padding:100px 24px;
  background:linear-gradient(160deg, var(--dark), var(--dark-light));
}
.comparison-inner {
  max-width:800px;
  margin:0 auto;
}
.comparison-table {
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  overflow:hidden;
}
.comparison-header {
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  padding:20px 28px;
  background:rgba(255,255,255,0.03);
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.comparison-header span {
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
}
.comparison-row {
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  padding:16px 28px;
  border-bottom:1px solid rgba(255,255,255,0.04);
  align-items:center;
}
.comparison-row:last-child { border-bottom:none; }
.comparison-row .label {
  font-size:14px;
  color:rgba(255,255,255,0.75);
  font-weight:500;
}
.comparison-row .alo {
  font-size:14px;
  color:#34d399;
  font-weight:700;
  text-align:center;
}
.comparison-row .other {
  font-size:14px;
  color:rgba(255,255,255,0.3);
  text-align:center;
}
.comparison-row .other.bad { color:#ef4444; }

/* ============ TESTIMONIALS ============ */
.testimonials-section {
  padding:80px 24px;
  background:linear-gradient(180deg, #0a1628, #0d1a2e);
}
.testimonials-inner {
  max-width:1200px;
  margin:0 auto;
}
.testimonials-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.testimonial-card {
  background:rgba(255,255,255,.03);
  border-radius:16px;
  padding:28px;
  border:1px solid rgba(255,255,255,.08);
  transition:all 0.3s;
}
.testimonial-card:hover {
  border-color:var(--gray-200);
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
}
.testimonial-stars {
  display:flex;
  gap:3px;
  margin-bottom:16px;
}
.testimonial-text {
  font-size:15px;
  line-height:1.7;
  color:rgba(255,255,255,.7);
  margin-bottom:20px;
}
.testimonial-author {
  display:flex;
  align-items:center;
  gap:12px;
}
.testimonial-avatar {
  width:36px; height:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  color:#fff;
  font-weight:600;
}
.testimonial-name {
  font-size:14px;
  font-weight:600;
  color:#fff;
}
.testimonial-meta {
  font-size:12px;
  color:var(--gray-400);
}

/* ============ PRICING ============ */
.pricing-section {
  padding:100px 24px;
  background:linear-gradient(180deg, #0d1a2e, #111d35);
}
.pricing-inner {
  max-width:1100px;
  margin:0 auto;
}
.pricing-badge {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 20px;
  background:linear-gradient(135deg, rgba(227,10,23,0.08), rgba(227,10,23,0.04));
  border:1px solid rgba(227,10,23,0.15);
  border-radius:100px;
  font-size:13px;
  font-weight:600;
  color:var(--red);
  margin-bottom:48px;
}
.pricing-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.pricing-card {
  background:rgba(255,255,255,.03);
  border-radius:16px;
  padding:28px 22px;
  border:1px solid rgba(255,255,255,.08);
  transition:all 0.3s;
}
.pricing-card:hover {
  transform:translateY(-4px);
  box-shadow:0 8px 24px rgba(0,0,0,0.3);
}
.pricing-card.popular {
  background:linear-gradient(160deg, var(--dark), var(--dark-light));
  border:2px solid var(--red);
  transform:scale(1.04);
  position:relative;
}
.pricing-card.popular:hover {
  transform:scale(1.06);
  box-shadow:0 12px 40px rgba(227,10,23,0.2);
}
.pricing-card.savings { position:relative; }
.pricing-label {
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:16px;
  color:rgba(255,255,255,.6) !important;
}
.pricing-badge-tag {
  position:absolute;
  top:-12px;
  left:50%;
  transform:translateX(-50%);
  padding:4px 16px;
  border-radius:100px;
  font-size:11px;
  font-weight:700;
  color:#fff;
  white-space:nowrap;
}
.pricing-old {
  font-size:13px;
  color:var(--gray-400);
  text-decoration:line-through;
}
.pricing-discount {
  font-size:11px;
  color:var(--green);
  font-weight:600;
  margin-left:6px;
}
.pricing-price {
  font-size:40px;
  font-weight:800;
  letter-spacing:-2px;
  margin-bottom:16px;
  color:#fff !important;
}
.pricing-features {
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:24px;
}
.pricing-feature {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:rgba(255,255,255,.7) !important;
}
.pricing-btn {
  display:block;
  text-align:center;
  padding:12px;
  border-radius:10px;
  font-weight:700;
  font-size:14px;
  transition:all 0.2s;
}
.pricing-btn-dark {
  background:var(--dark);
  color:#fff;
}
.pricing-btn-dark:hover { background:var(--dark-light); }
.pricing-btn-red {
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  color:#fff;
  font-size:15px;
  padding:14px;
  box-shadow:0 4px 16px rgba(227,10,23,0.4);
}
.pricing-btn-red:hover { box-shadow:0 8px 24px rgba(227,10,23,0.5); }
.pricing-ssl {
  text-align:center;
  margin-top:8px;
  font-size:11px;
  color:var(--gray-400);
}

/* ============ RISK REVERSAL ============ */
.risk-section {
  padding:80px 24px;
  background:linear-gradient(180deg, #111d35, #0a1628);
}
.risk-inner {
  max-width:800px;
  margin:0 auto;
  text-align:center;
}
.risk-icon {
  width:80px; height:80px;
  background:linear-gradient(135deg, rgba(16,185,129,0.12), rgba(16,185,129,0.04));
  border-radius:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 24px;
}
.risk-desc {
  font-size:18px;
  line-height:1.7;
  color:var(--gray-500);
  margin-bottom:32px;
  max-width:560px;
  display:inline-block;
}
.btn-green {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:14px 28px;
  background:linear-gradient(135deg,var(--green),var(--green-dark));
  color:#fff;
  border-radius:10px;
  font-weight:700;
  font-size:15px;
  transition:all 0.3s;
  box-shadow:0 4px 16px rgba(16,185,129,0.3);
}
.btn-green:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(16,185,129,0.4);
}

/* ============ FAQ ============ */
.faq-section {
  padding:100px 24px;
  background:linear-gradient(180deg, #0a1628, #0d1a2e);
}
.faq-inner {
  max-width:720px;
  margin:0 auto;
}
.faq-item {
  background:rgba(255,255,255,.03);
  border-radius:12px;
  margin-bottom:12px;
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  transition:all 0.2s;
}
.faq-item:hover { border-color:var(--gray-300); }
.faq-question {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 24px;
  background:none;
  border:none;
  cursor:pointer;
  font-family:inherit;
  text-align:left;
  gap:16px;
}
.faq-question span {
  font-size:15px;
  font-weight:600;
  color:#fff !important;
}
.faq-question svg {
  flex-shrink:0;
  transition:transform 0.3s;
}
.faq-item.open .faq-question svg {
  transform:rotate(180deg);
}
.faq-answer {
  display:none;
  padding:0 24px 18px;
  font-size:14px;
  line-height:1.7;
  color:rgba(255,255,255,.6);
}
.faq-item.open .faq-answer { display:block; }

/* ============ CONTACT CTA ============ */
.contact-cta {
  padding:80px 24px;
  background:linear-gradient(160deg, var(--dark), var(--dark-light));
  position:relative;
  overflow:hidden;
}
.contact-cta::before {
  content:'';
  position:absolute;
  inset:0;
  opacity:0.04;
  background-image:radial-gradient(circle at 30% 70%, var(--red) 1px, transparent 1px);
  background-size:40px 40px;
}
.contact-inner {
  max-width:600px;
  margin:0 auto;
  text-align:center;
  position:relative;
}
.btn-whatsapp {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:18px 36px;
  background:var(--whatsapp);
  color:#fff;
  border-radius:12px;
  font-weight:700;
  font-size:17px;
  transition:all 0.3s;
  box-shadow:0 4px 20px rgba(37,211,102,0.4);
}
.btn-whatsapp:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 30px rgba(37,211,102,0.5);
}

/* ============ FOOTER ============ */
.site-footer {
  padding:60px 24px 100px;
  background:#060d18;
  border-top:1px solid rgba(255,255,255,0.06);
}
.footer-inner {
  max-width:1200px;
  margin:0 auto;
}
.footer-grid {
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:40px;
  margin-bottom:48px;
}
.footer-brand p {
  font-size:14px;
  line-height:1.7;
  color:rgba(255,255,255,0.4);
  max-width:280px;
  margin-bottom:16px;
}
.footer-wa {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 16px;
  background:rgba(37,211,102,0.15);
  border:1px solid rgba(37,211,102,0.3);
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  color:var(--whatsapp);
  transition:all 0.2s;
}
.footer-wa:hover { background:rgba(37,211,102,0.25); }
.footer-col h4 {
  font-size:13px;
  font-weight:700;
  color:rgba(255,255,255,0.6);
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:16px;
}
.footer-col a {
  display:block;
  font-size:14px;
  color:rgba(255,255,255,0.4);
  margin-bottom:10px;
  transition:color 0.2s;
}
.footer-col a:hover { color:#fff; }
.footer-bottom {
  border-top:1px solid rgba(255,255,255,0.06);
  padding-top:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.footer-copy {
  font-size:13px;
  color:rgba(255,255,255,0.3);
}
.footer-links {
  display:flex;
  gap:16px;
}
.footer-links a {
  font-size:13px;
  color:rgba(255,255,255,0.3);
  transition:color 0.2s;
}
.footer-links a:hover { color:rgba(255,255,255,0.6); }

/* ============ STICKY MOBILE CTA ============ */
.mobile-cta {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:999;
  background:rgba(10,22,40,0.97);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  padding:12px 16px;
  display:none;
  gap:10px;
  border-top:1px solid rgba(255,255,255,0.08);
}
.mobile-cta-test {
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:14px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.15);
  color:#fff;
  border-radius:10px;
  font-weight:600;
  font-size:14px;
}
.mobile-cta-buy {
  flex:2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:14px;
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  color:#fff;
  border-radius:10px;
  font-weight:700;
  font-size:15px;
  box-shadow:0 4px 16px rgba(227,10,23,0.4);
}

/* ============ WHATSAPP FAB ============ */
.whatsapp-fab {
  position:fixed;
  bottom:24px;
  right:24px;
  z-index:998;
  width:56px; height:56px;
  background:var(--whatsapp);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 16px rgba(37,211,102,0.4);
  transition:all 0.3s;
}
.whatsapp-fab:hover {
  transform:scale(1.1);
  box-shadow:0 6px 24px rgba(37,211,102,0.5);
}

/* ============ HAMBURGER MENU ============ */
.nav-hamburger {
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:32px;
  height:32px;
  background:none;
  border:none;
  cursor:pointer;
  padding:4px;
}
.nav-hamburger span {
  display:block;
  width:24px;
  height:2px;
  background:#fff;
  border-radius:2px;
  transition:all 0.3s;
}
.nav-hamburger.active span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.nav-hamburger.active span:nth-child(2) { opacity:0; }
.nav-hamburger.active span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* ============ RESPONSIVE ============ */
@media (max-width:1024px) {
  .hero-inner { grid-template-columns:1fr; gap:40px; }
  .hero h1 { font-size:40px; }
  .features-inner { grid-template-columns:1fr; gap:40px; }
  .pricing-grid { grid-template-columns:repeat(2,1fr); }
  .pricing-card.popular { transform:scale(1); }
  .pricing-card.popular:hover { transform:scale(1.02); }
  .footer-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:768px) {
  .nav-hamburger { display:flex; }
  .nav-links {
    display:none;
    position:absolute;
    top:64px;
    left:0;
    right:0;
    background:rgba(10,22,40,0.98);
    flex-direction:column;
    padding:16px 24px 24px;
    gap:0;
    border-bottom:1px solid rgba(255,255,255,0.08);
  }
  .nav-links.open { display:flex; }
  .nav-links li { width:100%; }
  .nav-links a {
    display:block;
    padding:12px 0;
    font-size:15px;
    border-bottom:1px solid rgba(255,255,255,0.06);
  }
  .nav-links li:last-child a { border-bottom:none; }
  .nav-links .nav-cta {
    display:inline-flex;
    width:100%;
    justify-content:center;
    margin-top:8px;
    padding:14px;
  }
  .site-nav { position:relative; }
  .hero h1 { font-size:32px; letter-spacing:-1px; }
  .hero-stats { grid-template-columns:repeat(2,1fr); gap:16px; }
  .trust-bar-inner { grid-template-columns:repeat(2,1fr); }
  .section-title { font-size:28px; }
  .steps-grid { gap:12px; }
  .features-grid { grid-template-columns:1fr; }
  .comparison-header, .comparison-row { grid-template-columns:1.2fr 1fr 1fr; padding:12px 16px; }
  .testimonials-grid { grid-template-columns:1fr; }
  .pricing-grid { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr; }
  .mobile-cta { display:flex; }
  .whatsapp-fab { bottom:80px; }
  .site-footer { padding-bottom:140px; }
}

/* ============================================================
   PAGE TEMPLATES — About, Pricing, Channels, Contact, FAQ
   ============================================================ */

/* ============ SHARED PAGE HERO ============ */
.pg-hero {
  padding:140px 24px 60px;
  background:linear-gradient(160deg, var(--dark), var(--dark-light));
  text-align:center;
  position:relative;
}
.pg-hero::before {
  content:'';
  position:absolute;
  inset:0;
  opacity:0.03;
  background-image:radial-gradient(circle at 20% 80%, var(--red) 1px, transparent 1px);
  background-size:40px 40px;
}
.pg-hero-inner { position:relative; max-width:800px; margin:0 auto; }
.pg-hero .section-badge { margin-bottom:12px; }
.pg-hero h1, .pg-hero-title {
  font-size:46px;
  font-weight:800;
  color:#fff;
  margin:0 0 16px;
  letter-spacing:-1px;
}
.pg-hero h1 .accent, .pg-hero-title .accent { color:var(--red); }
.pg-hero p, .pg-hero-desc {
  font-size:18px;
  color:rgba(255,255,255,0.5);
  margin:0 auto;
  max-width:520px;
  line-height:1.7;
}

/* ============ ABOUT PAGE ============ */
.pg-story {
  padding:80px 24px;
  background:#fff;
}
.pg-story-inner {
  max-width:800px;
  margin:0 auto;
}
.pg-story p {
  font-size:16px;
  line-height:1.8;
  color:var(--gray-700);
  margin-bottom:20px;
}
.pg-story p:last-child { margin-bottom:0; }

.pg-stats {
  padding:60px 24px;
  background:var(--gray-50);
}
.pg-stats-grid {
  max-width:900px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  text-align:center;
}
.pg-stat-item {
  background:#fff;
  border-radius:16px;
  padding:32px 20px;
  border:1px solid var(--gray-100);
}
.pg-stat-value {
  font-size:36px;
  font-weight:800;
  color:var(--red);
  margin-bottom:4px;
}
.pg-stat-label {
  font-size:14px;
  color:var(--gray-500);
  font-weight:500;
}

.pg-values {
  padding:80px 24px;
  background:#fff;
}
.pg-values-inner {
  max-width:900px;
  margin:0 auto;
  text-align:center;
}
.pg-values-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:40px;
}
.pg-value-card {
  background:var(--gray-50);
  border-radius:16px;
  padding:32px 24px;
  border:1px solid var(--gray-100);
  text-align:center;
  transition:all 0.3s;
}
.pg-value-card:hover {
  transform:translateY(-4px);
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
}
.pg-value-icon {
  width:56px;
  height:56px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 16px;
  font-size:24px;
}
.pg-value-card h3 {
  font-size:18px;
  font-weight:700;
  color:var(--dark);
  margin-bottom:8px;
}
.pg-value-card p {
  font-size:14px;
  color:var(--gray-500);
  line-height:1.6;
}

/* ============ SHARED PAGE CTA ============ */
.pg-cta {
  padding:80px 24px;
  background:linear-gradient(160deg, var(--dark), var(--dark-light));
  text-align:center;
  position:relative;
  overflow:hidden;
}
.pg-cta::before {
  content:'';
  position:absolute;
  inset:0;
  opacity:0.04;
  background-image:radial-gradient(circle at 30% 70%, var(--red) 1px, transparent 1px);
  background-size:40px 40px;
}
.pg-cta-inner {
  max-width:600px;
  margin:0 auto;
  position:relative;
}
.pg-cta h2 {
  font-size:32px;
  font-weight:800;
  color:#fff;
  margin-bottom:16px;
}
.pg-cta p {
  font-size:16px;
  color:rgba(255,255,255,0.5);
  margin-bottom:32px;
  line-height:1.7;
}

/* ============ PRICING PAGE ============ */
.pg-pricing-full {
  padding:80px 24px;
  background:linear-gradient(180deg, #0a1628, #111d35);
}
.pg-pricing-inner {
  max-width:1100px;
  margin:0 auto;
}
.pg-pricing-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.pg-plan-card {
  background:rgba(255,255,255,.03);
  border-radius:16px;
  padding:32px 24px;
  border:1px solid rgba(255,255,255,.08);
  transition:all 0.3s;
  position:relative;
}
.pg-plan-card:hover {
  transform:translateY(-4px);
  box-shadow:0 8px 24px rgba(0,0,0,0.08);
}
.pg-plan-card.popular {
  background:linear-gradient(160deg, var(--dark), var(--dark-light));
  border:2px solid var(--red);
  transform:scale(1.04);
}
.pg-plan-card.popular:hover {
  transform:scale(1.06);
  box-shadow:0 12px 40px rgba(227,10,23,0.2);
}
.pg-plan-card.popular .pg-plan-name,
.pg-plan-card.popular .pg-plan-price,
.pg-plan-card.popular .pg-plan-duration { color:#fff; }
.pg-plan-card.popular .pg-plan-feature { color:rgba(255,255,255,0.7); }
.pg-plan-badge {
  position:absolute;
  top:-12px;
  left:50%;
  transform:translateX(-50%);
  padding:4px 16px;
  border-radius:100px;
  font-size:11px;
  font-weight:700;
  color:#fff;
  white-space:nowrap;
  background:linear-gradient(135deg,var(--red),var(--red-dark));
}
.pg-plan-badge.savings {
  background:linear-gradient(135deg,var(--green),var(--green-dark));
}
.pg-plan-name {
  font-size:14px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  color:rgba(255,255,255,.6);
  margin-bottom:16px;
}
.pg-plan-old {
  font-size:13px;
  color:rgba(255,255,255,.35);
  text-decoration:line-through;
}
.pg-plan-discount {
  font-size:11px;
  color:var(--green);
  font-weight:600;
  margin-left:6px;
}
.pg-plan-price {
  font-size:40px;
  font-weight:800;
  color:#fff !important;
  letter-spacing:-2px;
}
.pg-plan-duration {
  font-size:16px;
  font-weight:500;
  color:rgba(255,255,255,.4);
}
.pg-plan-features {
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:20px 0 24px;
}
.pg-plan-feature {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:rgba(255,255,255,.7);
}

.pg-payment-badges {
  padding:60px 24px;
  background:linear-gradient(180deg, #111d35, #0d1a2e);
}
.pg-payment-grid {
  max-width:900px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  text-align:center;
}
.pg-payment-item {
  background:rgba(255,255,255,.03);
  border-radius:14px;
  padding:24px 16px;
  border:1px solid rgba(255,255,255,.08);
}
.pg-payment-icon {
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  width:48px;
  height:48px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 10px;
}
.pg-payment-item h4 {
  font-size:14px;
  font-weight:700;
  color:#fff;
  margin-bottom:4px;
}
.pg-payment-item p {
  font-size:12px;
  color:rgba(255,255,255,.5);
}

/* ============ CHANNELS PAGE ============ */
.pg-channels {
  padding:80px 24px;
  background:var(--gray-50);
}
.pg-channels-inner {
  max-width:1000px;
  margin:0 auto;
}
.pg-channels-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.pg-channel-card {
  background:#fff;
  border-radius:16px;
  padding:32px 24px;
  border:1px solid var(--gray-100);
  text-align:center;
  transition:all 0.3s;
}
.pg-channel-card:hover {
  transform:translateY(-4px);
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
  border-color:var(--gray-200);
}
.pg-channel-icon {
  width:64px;
  height:64px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 16px;
  font-size:28px;
}
.pg-channel-card h3 {
  font-size:17px;
  font-weight:700;
  color:var(--dark);
  margin-bottom:8px;
}
.pg-channel-card p {
  font-size:13px;
  color:var(--gray-500);
  line-height:1.6;
}

/* ============ CONTACT PAGE ============ */
.pg-contact {
  padding:60px 24px 40px;
  background:var(--gray-50);
}
.pg-contact-inner {
  max-width:900px;
  margin:0 auto;
}
.pg-contact-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-bottom:40px;
}
.pg-contact-card {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  background:#fff;
  border-radius:16px;
  padding:40px 28px;
  border:1px solid var(--gray-100);
  transition:all 0.3s;
}
.pg-contact-card:hover {
  transform:translateY(-4px);
  box-shadow:0 8px 30px rgba(0,0,0,0.06);
}
.pg-contact-icon {
  width:64px;
  height:64px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
}
.pg-contact-card h3 {
  font-size:20px;
  font-weight:700;
  color:var(--dark);
  margin-bottom:8px;
}
.pg-contact-card p {
  font-size:14px;
  color:var(--gray-500);
  margin-bottom:16px;
  line-height:1.6;
}
.pg-contact-link {
  font-size:15px;
  font-weight:600;
}

.pg-info-cards {
  padding:0 24px 40px;
  background:var(--gray-50);
}
.pg-info-grid {
  max-width:900px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:20px;
  margin-bottom:40px;
}
.pg-info-card {
  background:#fff;
  border-radius:14px;
  padding:24px;
  border:1px solid var(--gray-100);
  text-align:center;
}
.pg-info-icon {
  width:44px;
  height:44px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 12px;
}
.pg-info-card h4 {
  font-size:15px;
  font-weight:700;
  color:var(--dark);
  margin-bottom:4px;
}
.pg-info-card p {
  font-size:13px;
  color:var(--gray-500);
}

.pg-reseller {
  padding:0 24px 80px;
  background:var(--gray-50);
}
.pg-reseller-inner {
  max-width:900px;
  margin:0 auto;
}
.pg-reseller-card {
  background:linear-gradient(160deg, var(--dark), var(--dark-light));
  border-radius:16px;
  padding:40px;
  text-align:center;
}
.pg-reseller-card h3 {
  font-size:24px;
  font-weight:800;
  color:#fff;
  margin-bottom:12px;
}
.pg-reseller-card p {
  font-size:15px;
  color:rgba(255,255,255,0.5);
  margin-bottom:24px;
  line-height:1.7;
  max-width:480px;
  display:inline-block;
}
.btn-red {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:14px 28px;
  background:linear-gradient(135deg, var(--red), var(--red-dark));
  color:#fff;
  border-radius:10px;
  font-weight:700;
  font-size:15px;
  transition:all 0.3s;
  box-shadow:0 4px 16px rgba(227,10,23,0.3);
}
.btn-red:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(227,10,23,0.4);
}

/* ============ FAQ PAGE ============ */
.pg-faq {
  padding:60px 24px 100px;
  background:linear-gradient(180deg, #0d1a2e, #0a1628);
}
.pg-faq-inner {
  max-width:720px;
  margin:0 auto;
}
.pg-faq-category {
  font-size:14px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1.5px;
  margin:0 0 16px;
}
.pg-faq-category.red { color:var(--red); }
.pg-faq-category.blue { color:var(--blue); }
.pg-faq-category.green { color:var(--green); }
.pg-faq-category + .faq-item { margin-top:0; }
.pg-faq-spacer { margin-top:32px; }

.pg-faq-cta {
  text-align:center;
  margin-top:48px;
  padding:40px;
  background:rgba(255,255,255,.03);
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
}
.pg-faq-cta h3 {
  font-size:20px;
  font-weight:700;
  color:#fff;
  margin-bottom:8px;
}
.pg-faq-cta p {
  font-size:15px;
  color:rgba(255,255,255,.5);
  margin-bottom:20px;
}

/* ============ PAGE TEMPLATE RESPONSIVE ============ */
@media (max-width:1024px) {
  .pg-pricing-grid { grid-template-columns:repeat(2,1fr); }
  .pg-plan-card.popular { transform:scale(1); }
  .pg-plan-card.popular:hover { transform:scale(1.02); }
  .pg-channels-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
  .pg-hero h1 { font-size:32px; }
  .pg-stats-grid { grid-template-columns:repeat(2,1fr); }
  .pg-values-grid { grid-template-columns:1fr; }
  .pg-pricing-grid { grid-template-columns:1fr; }
  .pg-channels-grid { grid-template-columns:1fr; }
  .pg-contact-grid { grid-template-columns:1fr; }
  .pg-info-grid { grid-template-columns:1fr; }
  .pg-payment-grid { grid-template-columns:repeat(2,1fr); }
}


/* ============ STREAMING PLATFORMS ============ */
.platforms-section {
  padding: 60px 0 50px;
  background: var(--dark-light);
  overflow: hidden;
}
.platforms-section .section-container {
  max-width: 800px;
  margin: 0 auto 40px;
  text-align: center;
  padding: 0 20px;
}
.platforms-section .section-tag {
  font-size: .75rem;
  letter-spacing: 3px;
  color: var(--red);
  margin-bottom: 10px;
  font-weight: 700;
}
.platforms-section .section-title {
  font-size: 2rem;
  color: #fff;
  margin-bottom: 12px;
}
.platforms-section .section-subtitle {
  color:rgba(255,255,255,.6);
  font-size: 1.05rem;
  line-height: 1.6;
}
.platforms-marquee {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.platforms-marquee-track {
  display: flex;
  gap: 16px;
  width: max-content;
  animation: scroll-platforms 45s linear infinite;
}
.platforms-marquee-track:hover {
  animation-play-state: paused;
}
.platform-badge {
  flex-shrink: 0;
  padding: 10px 22px;
  border-radius: 50px;
  font-size: .85rem;
  font-weight: 600;
  color: #fff;
  background:color-mix(in srgb, var(--brand) 25%, rgba(0,0,0,.4));
  border:1.5px solid color-mix(in srgb, var(--brand) 60%, transparent);
  white-space: nowrap;
  transition: all .3s ease;
  cursor: default;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);

  font-weight:700;
  text-shadow:0 1px 3px rgba(0,0,0,.5);
  box-shadow:0 0 8px color-mix(in srgb, var(--brand) 15%, transparent);}
.platform-badge:hover {
  background: var(--brand, rgba(255,255,255,.12));
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0,0,0,.3), 0 0 15px color-mix(in srgb, var(--brand) 30%, transparent);
}
@keyframes scroll-platforms {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@media (max-width: 768px) {
  .platforms-section { padding: 40px 0 30px; }
  .platforms-section .section-title { font-size: 1.5rem; }
  .platforms-marquee-track { gap: 10px; }
  .platform-badge { padding: 8px 16px; font-size: .78rem; }
}

/* ============ DEVICE COMPATIBILITY ============ */
.devices-section {
  padding: 60px 20px 50px;
  background: var(--dark);
}
.devices-section .section-container {
  max-width: 800px;
  margin: 0 auto 40px;
  text-align: center;
}
.devices-section .section-tag {
  font-size: .75rem;
  letter-spacing: 3px;
  color: var(--red);
  margin-bottom: 10px;
  font-weight: 700;
}
.devices-section .section-title {
  font-size: 2rem;
  color: #fff;
  margin-bottom: 12px;
}
.devices-section .section-subtitle {
  color: #94a3b8;
  font-size: 1.05rem;
  line-height: 1.6;
}
.devices-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 900px;
  margin: 0 auto;
}
.device-card {
  background: var(--dark-light);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 16px;
  padding: 30px 20px;
  text-align: center;
  transition: all .3s ease;
}
.device-card:hover {
  border-color: var(--red);
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(227,10,23,.15);
}
.device-icon {
  font-size: 2.5rem;
  margin-bottom: 12px;
}
.device-card h3 {
  color: #fff;
  font-size: 1.05rem;
  margin-bottom: 4px;
}
.device-card p {
  color: #94a3b8;
  font-size: .85rem;
}
@media (max-width: 768px) {
  .devices-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .devices-section { padding: 40px 16px 30px; }
  .devices-section .section-title { font-size: 1.5rem; }
  .device-card { padding: 20px 14px; }
  .device-icon { font-size: 2rem; }
}

/* ============ WHY ALOIPTV SECTION ============ */
.why-aloiptv {
  padding:80px 24px;
  background:linear-gradient(180deg, #0d1a2e, #0a1628);
}
.why-aloiptv .section-inner {
  max-width:1100px;
  margin:0 auto;
  text-align:center;
}
.why-content {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  margin-top:40px;
  text-align:left;
}
.why-text p {
  color:rgba(255,255,255,.75);
  font-size:15px;
  line-height:1.8;
  margin-bottom:16px;
}
.why-text strong {
  color:#fff;
}
.why-stats {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-content:center;
}
.why-stat-item {
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:32px 24px;
  text-align:center;
  backdrop-filter:blur(10px);
}
.why-stat-number {
  font-size:36px;
  font-weight:800;
  color:#e30a17;
  margin-bottom:8px;
}
.why-stat-label {
  font-size:13px;
  color:rgba(255,255,255,.5);
  text-transform:uppercase;
  letter-spacing:1px;
}
@media (max-width:768px) {
  .why-content {
    grid-template-columns:1fr;
    gap:32px;
  }
  .why-stats {
    grid-template-columns:1fr 1fr;
    gap:16px;
  }
  .why-stat-item {
    padding:24px 16px;
  }
  .why-stat-number {
    font-size:28px;
  }
}

/* ============ TEAM SECTION ============ */
.pg-team { padding:80px 24px; background:linear-gradient(180deg, #0d1a2e, #0a1628); }
.pg-team-inner { max-width:1100px; margin:0 auto; }
.team-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:32px; }
.team-card { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:40px 24px; text-align:center; backdrop-filter:blur(10px); transition:transform .3s,border-color .3s; }
.team-card:hover { transform:translateY(-4px); border-color:rgba(227,10,23,.3); }
.team-avatar { width:72px; height:72px; border-radius:50%; background:linear-gradient(135deg,#e30a17,#c50815); display:flex; align-items:center; justify-content:center; margin:0 auto 20px; font-size:24px; font-weight:700; color:#fff; }
.team-name { font-size:18px; font-weight:700; color:#fff; margin-bottom:4px; }
.team-role { font-size:13px; color:#e30a17; font-weight:600; margin-bottom:16px; text-transform:uppercase; letter-spacing:1px; }
.team-bio { font-size:14px; color:rgba(255,255,255,.65); line-height:1.7; }
@media(max-width:768px) { .team-grid { grid-template-columns:1fr; gap:24px; } }

/* ============ CHANNEL LIST SECTION ============ */
.pg-channels-list { padding:80px 24px; background:#0a1628; }
.pg-channels-list-inner { max-width:1100px; margin:0 auto; }
.channel-category-block { margin-bottom:40px; }
.channel-cat-title { font-size:18px; font-weight:700; margin-bottom:16px; }
.channel-tags { display:flex; flex-wrap:wrap; gap:10px; }
.ch-tag { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:8px; padding:8px 16px; font-size:13px; color:rgba(255,255,255,.8); transition:all .2s; }
.ch-tag:hover { background:rgba(227,10,23,.15); border-color:rgba(227,10,23,.3); color:#fff; }

/* ============ BLOG SINGLE POST ============ */
.blog-single { padding:60px 24px 0; background:var(--dark); min-height:100vh; }
.blog-article { max-width:800px; margin:0 auto; }
.blog-article-inner { padding-bottom:60px; }
.blog-breadcrumbs { margin-bottom:24px; font-size:13px; color:rgba(255,255,255,.5); }
.blog-breadcrumbs a { color:rgba(255,255,255,.5); transition:color .2s; }
.blog-breadcrumbs a:hover { color:var(--red); }
.bc-sep { margin:0 8px; }
.bc-current { color:rgba(255,255,255,.8); }
.blog-title { font-size:clamp(28px,5vw,42px); font-weight:800; color:#fff; line-height:1.2; margin-bottom:20px; }
.blog-meta { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:32px; font-size:14px; color:rgba(255,255,255,.55); }
.blog-sep { color:rgba(255,255,255,.3); }
.blog-category { background:rgba(227,10,23,.15); color:var(--red); padding:2px 10px; border-radius:4px; font-size:12px; font-weight:600; text-transform:uppercase; }
.blog-featured-img { margin-bottom:36px; border-radius:12px; overflow:hidden; }
.blog-featured-img img { width:100%; height:auto; display:block; }
/* Blog content typography */
.blog-content { color:rgba(255,255,255,.85); font-size:17px; line-height:1.8; }
.blog-content h2 { font-size:26px; font-weight:700; color:#fff; margin:48px 0 16px; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,.08); }
.blog-content h3 { font-size:20px; font-weight:700; color:#fff; margin:36px 0 12px; }
.blog-content p { margin-bottom:20px; }
.blog-content a { color:var(--red); text-decoration:underline; text-underline-offset:2px; }
.blog-content a:hover { color:#ff4d4d; }
.blog-content ul, .blog-content ol { margin:0 0 20px 24px; }
.blog-content li { margin-bottom:8px; }
.blog-content strong { color:#fff; font-weight:700; }
.blog-content blockquote { border-left:3px solid var(--red); margin:24px 0; padding:16px 24px; background:rgba(255,255,255,.03); border-radius:0 8px 8px 0; font-style:italic; color:rgba(255,255,255,.7); }
.blog-content img { max-width:100%; height:auto; border-radius:8px; margin:24px 0; }
.blog-content table { width:100%; border-collapse:collapse; margin:24px 0; }
.blog-content th { background:rgba(227,10,23,.15); color:#fff; font-weight:700; padding:12px 16px; text-align:left; border:1px solid rgba(255,255,255,.1); }
.blog-content td { padding:12px 16px; border:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.8); }
.blog-content tr:nth-child(even) td { background:rgba(255,255,255,.02); }
/* Blog CTA box */
.blog-cta-box { background:linear-gradient(135deg, rgba(227,10,23,.12), rgba(227,10,23,.05)); border:1px solid rgba(227,10,23,.25); border-radius:16px; padding:40px 32px; text-align:center; margin:48px 0; }
.blog-cta-box h3 { font-size:22px; font-weight:700; color:#fff; margin-bottom:12px; }
.blog-cta-box p { color:rgba(255,255,255,.7); font-size:15px; margin-bottom:20px; max-width:500px; margin-left:auto; margin-right:auto; }
.blog-cta-btn { display:inline-block; background:var(--red); color:#fff; padding:14px 32px; border-radius:8px; font-weight:700; font-size:15px; transition:all .3s; }
.blog-cta-btn:hover { background:var(--red-dark); transform:translateY(-2px); box-shadow:0 8px 24px rgba(227,10,23,.3); }
/* Blog share */
.blog-share { display:flex; align-items:center; gap:12px; padding:24px 0; border-top:1px solid rgba(255,255,255,.08); margin-top:32px; }
.share-label { color:rgba(255,255,255,.5); font-size:14px; font-weight:600; }
.share-btn { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); padding:8px 16px; border-radius:6px; color:rgba(255,255,255,.7); font-size:13px; font-weight:600; transition:all .2s; }
.share-btn:hover { background:rgba(227,10,23,.15); border-color:rgba(227,10,23,.3); color:#fff; }
/* Blog related posts */
.blog-related { padding:60px 24px 80px; background:var(--dark-light); }
.blog-related-inner { max-width:1100px; margin:0 auto; }
.blog-related-title { font-size:24px; font-weight:700; color:#fff; margin-bottom:32px; text-align:center; }
.blog-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.blog-related-card { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); border-radius:12px; overflow:hidden; transition:all .3s; }
.blog-related-card:hover { transform:translateY(-4px); border-color:rgba(227,10,23,.3); }
.related-thumb img { width:100%; height:180px; object-fit:cover; }
.related-card-title { padding:16px 16px 8px; font-size:16px; font-weight:700; color:#fff; line-height:1.4; }
.related-date { padding:0 16px 16px; display:block; font-size:13px; color:rgba(255,255,255,.4); }
@media(max-width:768px) {
  .blog-single { padding:40px 16px 0; }
  .blog-title { font-size:26px; }
  .blog-content { font-size:16px; }
  .blog-content h2 { font-size:22px; }
  .blog-cta-box { padding:28px 20px; }
  .blog-related-grid { grid-template-columns:1fr; }
  .blog-share { flex-wrap:wrap; }
}


/* ============ POLICY PAGES ============ */
body.page-template-default {
  background: var(--dark) !important;
}
body.page-template-default main {
  background: var(--dark);
  max-width: 100%;
  margin: 0;
  padding: 0;
}
body.page-template-default main article {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 24px;
}
body.page-template-default main h1 {
  color: #fff !important;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  padding: 50px 20px 30px;
  margin: 0 0 10px;
  background: linear-gradient(135deg, var(--dark) 0%, var(--dark-light) 100%);
  border-bottom: 3px solid var(--red);
}
body.page-template-default main article > div {
  color: var(--text) !important;
  font-size: 1rem;
  line-height: 1.8;
  padding: 40px 0 60px;
}
body.page-template-default h2 {
  color: #fff !important;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 36px 0 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--red);
}
body.page-template-default h2:first-child {
  margin-top: 0;
}
body.page-template-default p {
  color: var(--text) !important;
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 16px;
}
body.page-template-default article a:not([style*="background"]):not(.whatsapp-fab):not(.mobile-cta-test):not(.mobile-cta-buy) {
  color: var(--red) !important;
}
body.page-template-default a:hover {
  color: #ff4444 !important;
}
body.page-template-default ul,
body.page-template-default ol {
  color: var(--text);
  padding-left: 24px;
  margin-bottom: 16px;
}
body.page-template-default li {
  color: var(--text);
  margin-bottom: 8px;
  line-height: 1.7;
}
body.page-template-default strong {
  color: #fff;
}