/* =========================================================
   DQ IPTV — Professional Theme v6
   Light, clean, fast. Built from scratch.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* ── Variables ── */
:root {
  --red:      #E8251A;
  --red2:     #c01e14;
  --red-bg:   #fff5f5;
  --dark:     #111827;
  --dark2:    #1f2937;
  --body:     #374151;
  --muted:    #6b7280;
  --light:    #f9fafb;
  --border:   #e5e7eb;
  --white:    #ffffff;
  --shadow:   0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);
  --shadow-lg:0 8px 32px rgba(0,0,0,.10), 0 2px 8px rgba(0,0,0,.06);
  --r:        14px;
  --max:      1200px;
  --nav-h:    72px;
  --ease:     0.22s cubic-bezier(.4,0,.2,1);
  --f:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--f); background: #fff; color: var(--body); line-height: 1.6; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: var(--f); }

/* ── Layout ── */
.wrap { max-width: var(--max); margin: 0 auto; padding: 0 28px; }

/* ── Buttons ── */
.btn { display: inline-flex; align-items: center; gap: 8px; font-family: var(--f); font-weight: 700; font-size: .9rem; padding: 13px 28px; border-radius: 50px; border: 2px solid transparent; transition: var(--ease); white-space: nowrap; cursor: pointer; }
.btn-red  { background: var(--red); color: #fff; border-color: var(--red); }
.btn-red:hover  { background: var(--red2); border-color: var(--red2); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(232,37,26,.3); }
.btn-dark { background: var(--dark); color: #fff; border-color: var(--dark); }
.btn-dark:hover { background: var(--dark2); border-color: var(--dark2); transform: translateY(-2px); }
.btn-outline { background: transparent; color: var(--dark); border-color: var(--border); }
.btn-outline:hover { border-color: var(--red); color: var(--red); }
.btn-outline-w { background: transparent; color: #fff; border-color: rgba(255,255,255,.5); }
.btn-outline-w:hover { border-color: #fff; background: rgba(255,255,255,.1); }
.btn-white { background: #fff; color: var(--red); border-color: #fff; }
.btn-white:hover { background: transparent; color: #fff; border-color: #fff; }
.btn-sm { padding: 9px 20px; font-size: .82rem; }

/* ── Section helpers ── */
.sec { padding: 72px 0; }
.sec-light { background: var(--light); }
.sec-dark  { background: var(--dark); }
.sec-red   { background: linear-gradient(135deg, var(--red) 0%, #a01810 100%); }

.eyebrow { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--red); margin-bottom: 10px; }
.sec-title { font-size: clamp(1.85rem, 3.8vw, 2.9rem); font-weight: 900; line-height: 1.12; color: var(--dark); }
.sec-title span, .sec-title em { color: var(--red); font-style: normal; }
.sec-title.white { color: #fff; }
.sec-sub { color: var(--muted); font-size: 1rem; line-height: 1.75; margin-top: 12px; max-width: 580px; }
.sec-sub.white { color: rgba(255,255,255,.7); }
.sec-hdr { margin-bottom: 52px; }
.sec-hdr.center { text-align: center; }
.sec-hdr.center .sec-sub { margin-left: auto; margin-right: auto; }

/* =========================================================
   HEADER
   ========================================================= */
#site-hdr {
  position: fixed; top: 0; left: 0; right: 0; z-index: 900;
  background: #fff; border-bottom: 1px solid var(--border);
  transition: box-shadow var(--ease);
}
#site-hdr.scrolled { box-shadow: 0 4px 24px rgba(0,0,0,.08); }
.admin-bar #site-hdr { top: 32px; }
@media(max-width:782px){ .admin-bar #site-hdr { top: 46px; } }

.hdr-wrap { display: flex; align-items: center; height: var(--nav-h); gap: 4px; }
.site-logo { flex-shrink: 0; margin-right: auto; display: flex; align-items: center; }
.site-logo img { height: 44px; width: auto; }

/* Desktop nav */
.site-nav { display: flex; align-items: center; }
.site-nav > a {
  padding: 7px 12px; font-size: .8rem; font-weight: 600; color: var(--dark2);
  border-radius: 8px; transition: var(--ease); white-space: nowrap;
}
.site-nav > a:hover, .site-nav > a.active { color: var(--red); background: var(--red-bg); }

/* Dropdown */
.has-drop { position: relative; }
.drop-toggle { display: flex; align-items: center; gap: 4px; padding: 7px 12px; font-size: .8rem; font-weight: 600; color: var(--dark2); border-radius: 8px; transition: var(--ease); cursor: pointer; white-space: nowrap; }
.drop-toggle:hover { color: var(--red); background: var(--red-bg); }
.drop-toggle::after { content: ''; width: 5px; height: 5px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: var(--ease); }
.has-drop:hover .drop-toggle::after { transform: rotate(-135deg) translateY(2px); }
.drop-panel { position: absolute; top: calc(100% + 8px); left: 0; background: #fff; border: 1px solid var(--border); border-radius: var(--r); min-width: 240px; padding: 6px; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: var(--ease); box-shadow: var(--shadow-lg); }
.has-drop:hover .drop-panel { opacity: 1; visibility: visible; transform: translateY(0); }
.drop-panel a { display: block; padding: 9px 14px; font-size: .86rem; color: var(--muted); border-radius: 8px; transition: var(--ease); }
.drop-panel a:hover { color: var(--red); background: var(--red-bg); }

/* Header CTA */
.hdr-cta { display: flex; align-items: center; gap: 10px; margin-left: 12px; flex-shrink: 0; }
.hdr-phone { display: flex; align-items: center; gap: 6px; font-size: .8rem; font-weight: 600; color: var(--muted); transition: var(--ease); white-space: nowrap; }
.hdr-phone:hover { color: var(--red); }
.hdr-phone svg { color: var(--red); flex-shrink: 0; }

/* Hamburger */
.nav-burger { display: none; flex-direction: column; gap: 5px; padding: 8px; }
.nav-burger span { display: block; width: 22px; height: 2px; background: var(--dark); border-radius: 2px; transition: var(--ease); }
.nav-burger.is-open span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
.nav-burger.is-open span:nth-child(2) { opacity: 0; }
.nav-burger.is-open span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }

/* Mobile nav panel */
.mob-panel { position: fixed; inset: 0; background: #fff; z-index: 890; display: flex; flex-direction: column; padding: 88px 28px 40px; transform: translateX(100%); transition: transform .35s cubic-bezier(.4,0,.2,1); overflow-y: auto; }
.mob-panel.is-open { transform: translateX(0); }
.mob-panel a { display: block; font-size: 1.25rem; font-weight: 700; color: var(--dark); padding: 13px 0; border-bottom: 1px solid var(--border); transition: var(--ease); }
.mob-panel a:hover { color: var(--red); }
.mob-panel .mob-cta { margin-top: 24px; display: flex; flex-direction: column; gap: 10px; }

/* =========================================================
   HERO
   ========================================================= */
.hero { position: relative; min-height: 70vh; display: flex; align-items: center; overflow: hidden; background: #05050f; margin-top: var(--nav-h); }
.admin-bar .hero { margin-top: calc(var(--nav-h) + 32px); }
@media(max-width:782px){ .admin-bar .hero { margin-top: calc(var(--nav-h) + 46px); } }

.hero-bg { position: absolute; inset: 0; }
.hero-bg img { width: 100%; height: 100%; object-fit: cover; opacity: .5; filter: saturate(.8) brightness(.9); }
.hero-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(110deg, rgba(5,5,15,.96) 0%, rgba(5,5,15,.7) 45%, rgba(5,5,15,.15) 100%); }

.hero-content { position: relative; z-index: 2; padding: 40px 0 60px; max-width: 640px; }
.hero-pill { display: inline-flex; align-items: center; gap: 8px; background: rgba(232,37,26,.12); border: 1px solid rgba(232,37,26,.3); border-radius: 50px; padding: 6px 16px; font-size: .71rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #ff7066; margin-bottom: 22px; }
.hero-pill::before { content: ''; width: 7px; height: 7px; background: var(--red); border-radius: 50%; box-shadow: 0 0 8px var(--red); animation: liveDot 2s infinite; }
@keyframes liveDot { 0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)} }

.hero-h1 { font-size: clamp(2.4rem, 5vw, 4.2rem); font-weight: 900; line-height: .96; color: #fff; margin-bottom: 20px; letter-spacing: -1px; text-shadow: 0 4px 32px rgba(0,0,0,.4); }
.hero-h1 span { color: var(--red); }
.hero-sub { font-size: .95rem; color: rgba(255,255,255,.65); line-height: 1.75; margin-bottom: 32px; max-width: 480px; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; }
.hero-btns { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }

.hero-stats { display: flex; gap: 36px; margin-top: 52px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,.1); }
.hstat { }
.hstat-num { font-size: 2rem; font-weight: 900; color: #fff; line-height: 1; }
.hstat-num em { color: var(--red); font-style: normal; }
.hstat-lbl { font-size: .68rem; font-weight: 600; color: rgba(255,255,255,.4); text-transform: uppercase; letter-spacing: 1.5px; margin-top: 4px; }

/* Ticker */
.hero-ticker { position: absolute; bottom: 0; left: 0; right: 0; height: 44px; overflow: hidden; background: linear-gradient(to top, rgba(5,5,15,.85), transparent); display: flex; align-items: center; z-index: 2; }
.ticker-track { display: flex; gap: 44px; animation: tickAnim 40s linear infinite; white-space: nowrap; }
.ticker-track span { font-size: .68rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.15); flex-shrink: 0; }
@keyframes tickAnim { from{transform:translateX(0)}to{transform:translateX(-50%)} }

/* =========================================================
   TRUST BAR
   ========================================================= */
.trust-bar { background: #fff; border-bottom: 1px solid var(--border); padding: 0; }
.trust-bar-inner { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; }
.trust-item { display: flex; align-items: center; gap: 10px; padding: 18px 32px; font-size: .83rem; font-weight: 600; color: var(--dark2); border-right: 1px solid var(--border); transition: var(--ease); }
.trust-item:last-child { border-right: none; }
.trust-item:hover { color: var(--red); background: var(--red-bg); }
.trust-item svg { color: var(--red); flex-shrink: 0; }

/* =========================================================
   PLANS
   ========================================================= */
.plans-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

.plan-card { background: #fff; border: 2px solid var(--border); border-radius: 20px; padding: 32px 26px 28px; position: relative; display: flex; flex-direction: column; transition: var(--ease); box-shadow: var(--shadow); }
.plan-card:hover { border-color: var(--red); box-shadow: 0 20px 56px rgba(232,37,26,.14); transform: translateY(-6px); }
.plan-card.featured { border-color: var(--red); box-shadow: 0 12px 40px rgba(232,37,26,.18); background: linear-gradient(160deg, #fff9f9 0%, #fff 60%); }
.plan-card.featured::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--red), #ff6b60); border-radius: 20px 20px 0 0; }

.plan-badge { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: var(--red); color: #fff; font-size: .65rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; padding: 5px 16px; border-radius: 50px; white-space: nowrap; box-shadow: 0 4px 12px rgba(232,37,26,.4); }
.plan-years { font-size: .72rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--red); margin-bottom: 6px; }
.plan-name { font-size: 1.6rem; font-weight: 900; color: var(--dark); margin-bottom: 4px; }
.plan-tagline { font-size: .82rem; color: var(--muted); margin-bottom: 20px; }

.plan-price-box { background: var(--light); border-radius: 12px; padding: 18px; margin-bottom: 24px; text-align: center; }
.plan-price { font-size: 3.8rem; font-weight: 900; color: var(--dark); line-height: 1; }
.plan-price sup { font-size: 1.4rem; vertical-align: top; margin-top: 10px; color: var(--muted); font-weight: 600; }
.plan-price-note { font-size: .78rem; color: var(--muted); margin-top: 4px; font-weight: 500; }
.plan-card.featured .plan-price-box { background: rgba(232,37,26,.06); }
.plan-card.featured .plan-price { color: var(--red); }

.plan-features { flex: 1; margin-bottom: 24px; }
.plan-features li { display: flex; align-items: flex-start; gap: 10px; font-size: .87rem; color: var(--body); padding: 8px 0; border-bottom: 1px solid var(--border); line-height: 1.45; }
.plan-features li:last-child { border: none; }
.plan-features li::before { content: '✓'; color: var(--red); font-weight: 800; flex-shrink: 0; margin-top: 1px; }

/* =========================================================
   CHANNELS GRID
   ========================================================= */

.ch-card { background: #fff; border: 1px solid var(--border); border-radius: var(--r); padding: 20px 14px; text-align: center; transition: var(--ease); box-shadow: var(--shadow); }
.ch-card:hover { border-color: var(--red); background: var(--red-bg); transform: translateY(-4px); box-shadow: 0 10px 28px rgba(232,37,26,.12); }
.ch-icon { width: 46px; height: 46px; background: var(--red-bg); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; font-size: 1.3rem; transition: var(--ease); }
.ch-card:hover .ch-icon { background: rgba(232,37,26,.15); transform: scale(1.08); }
.ch-num { font-size: 1.45rem; font-weight: 900; color: var(--red); line-height: 1; }
.ch-label { font-size: .7rem; color: var(--muted); margin-top: 4px; line-height: 1.35; font-weight: 500; }

/* =========================================================
   DEVICE / SPLIT SECTION
   ========================================================= */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.split.reverse .split-visual { order: -1; }

.split-visual { position: relative; }
.split-visual img { width: 100%; border-radius: 20px; box-shadow: var(--shadow-lg); }
.split-visual::after { content: ''; position: absolute; inset: -20px; border-radius: 28px; background: linear-gradient(135deg, rgba(232,37,26,.08) 0%, transparent 60%); z-index: -1; }

.big-price { font-size: 3.8rem; font-weight: 900; color: var(--dark); line-height: 1; margin: 14px 0 6px; }
.big-price em { color: var(--red); font-style: normal; }
.big-price small { font-size: 1rem; font-weight: 500; color: var(--muted); }
.split-text p { color: var(--muted); line-height: 1.75; margin-bottom: 24px; }

.check-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 28px; }
.check-list li { display: flex; align-items: center; gap: 10px; font-size: .93rem; font-weight: 500; color: var(--dark2); }
.check-list li::before { content: ''; width: 20px; height: 20px; background: var(--red); border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-size: 12px; background-repeat: no-repeat; background-position: center; }
.split-btns { display: flex; gap: 12px; flex-wrap: wrap; }

/* =========================================================
   WHY CHOOSE US
   ========================================================= */
.why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 60px; }
.why-card { background: #fff; border: 1px solid var(--border); border-radius: 18px; padding: 30px 24px; transition: var(--ease); box-shadow: var(--shadow); }
.why-card:hover { border-color: var(--red); box-shadow: 0 12px 36px rgba(232,37,26,.1); transform: translateY(-4px); }
.why-icon { width: 54px; height: 54px; background: var(--red-bg); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; font-size: 1.5rem; transition: var(--ease); }
.why-card:hover .why-icon { background: rgba(232,37,26,.15); transform: scale(1.05); }
.why-card h3 { font-size: 1rem; font-weight: 800; color: var(--dark); margin-bottom: 8px; }
.why-card p { font-size: .86rem; color: var(--muted); line-height: 1.75; }

/* Comparison Table */
.cmp-wrap { overflow-x: auto; border-radius: 18px; border: 1px solid var(--border); box-shadow: var(--shadow); }
.cmp-table { width: 100%; border-collapse: collapse; min-width: 500px; }
.cmp-table thead { background: var(--light); }
.cmp-table thead th { padding: 16px 22px; font-size: .78rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted); text-align: center; border-bottom: 2px solid var(--border); }
.cmp-table thead th:first-child { text-align: left; }
.cmp-table thead th.dq { color: var(--red); }
.cmp-table tbody tr:nth-child(even) { background: var(--light); }
.cmp-table tbody td { padding: 13px 22px; font-size: .87rem; color: var(--muted); text-align: center; border-bottom: 1px solid var(--border); }
.cmp-table tbody tr:last-child td { border: none; }
.cmp-table tbody td:first-child { text-align: left; color: var(--dark); font-weight: 600; }
.cmp-table .yes { color: #16a34a; font-size: 1.15rem; font-weight: 700; }
.cmp-table .no  { color: #d1d5db; font-size: 1.15rem; }

/* =========================================================
   STATS
   ========================================================= */
.stats-inner { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.stat-item { text-align: center; padding: 48px 20px; border-right: 1px solid rgba(255,255,255,.15); }
.stat-item:last-child { border-right: none; }
.stat-num { font-size: clamp(2.8rem, 5vw, 4rem); font-weight: 900; color: #fff; line-height: 1; }
.stat-num em { color: rgba(255,255,255,.5); font-style: normal; font-size: .6em; }
.stat-lbl { font-size: .72rem; font-weight: 600; color: rgba(255,255,255,.6); text-transform: uppercase; letter-spacing: 2px; margin-top: 10px; }

/* =========================================================
   MAP
   ========================================================= */
.map-img { border-radius: 20px; overflow: hidden; border: 1px solid var(--border); box-shadow: var(--shadow-lg); margin-top: 40px; }
.map-img img { width: 100%; display: block; }

/* =========================================================
   CTA BANNER
   ========================================================= */
.cta-box { border-radius: 24px; padding: 64px 72px; display: flex; align-items: center; justify-content: space-between; gap: 40px; position: relative; overflow: hidden; }
.cta-box::before { content: ''; position: absolute; right: -80px; top: -80px; width: 350px; height: 350px; background: rgba(255,255,255,.07); border-radius: 50%; }
.cta-box::after  { content: ''; position: absolute; left: -40px; bottom: -60px; width: 220px; height: 220px; background: rgba(255,255,255,.04); border-radius: 50%; }
.cta-text { position: relative; z-index: 1; }
.cta-text h2 { font-size: clamp(1.8rem, 3.5vw, 2.5rem); font-weight: 900; color: #fff; margin-bottom: 8px; }
.cta-text p  { color: rgba(255,255,255,.72); font-size: .97rem; }
.cta-btns { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; position: relative; z-index: 1; flex-shrink: 0; }

/* =========================================================
   FOOTER
   ========================================================= */
.site-footer { background: var(--dark); padding: 64px 0 0; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,.08); }
.footer-about p { font-size: .87rem; color: rgba(255,255,255,.45); line-height: 1.75; margin: 16px 0 22px; max-width: 270px; }
.footer-contact-links a { display: flex; align-items: center; gap: 8px; font-size: .85rem; color: rgba(255,255,255,.45); margin-bottom: 9px; transition: var(--ease); }
.footer-contact-links a:hover { color: #fff; }
.footer-contact-links svg { color: var(--red); flex-shrink: 0; }
.footer-col h4 { font-size: .72rem; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(255,255,255,.85); margin-bottom: 20px; }
.footer-col li { margin-bottom: 9px; }
.footer-col li a { font-size: .86rem; color: rgba(255,255,255,.45); transition: var(--ease); }
.footer-col li a:hover { color: #fff; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; font-size: .8rem; color: rgba(255,255,255,.3); }
.footer-bottom a { color: rgba(255,255,255,.3); transition: var(--ease); }
.footer-bottom a:hover { color: rgba(255,255,255,.7); }

/* =========================================================
   FLOATING WHATSAPP
   ========================================================= */
.wa-btn { position: fixed; bottom: 28px; right: 28px; z-index: 999; width: 56px; height: 56px; background: #25D366; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; box-shadow: 0 4px 20px rgba(37,211,102,.45); transition: var(--ease); }
.wa-btn:hover { transform: scale(1.1); box-shadow: 0 8px 28px rgba(37,211,102,.5); }

/* =========================================================
   PAGE-SPECIFIC: ABOUT / TRIAL / INNER PAGES
   ========================================================= */

.admin-bar 



.content-block { max-width: 760px; margin: 0 auto; }
.content-block h2 { font-size: 1.6rem; font-weight: 800; color: var(--dark); margin-bottom: 14px; margin-top: 40px; }
.content-block p  { color: var(--muted); line-height: 1.8; margin-bottom: 16px; }

/* Trial form */
.trial-form-wrap { max-width: 560px; margin: 0 auto; }
.form-card { background: #fff; border: 1px solid var(--border); border-radius: 20px; padding: 40px; box-shadow: var(--shadow-lg); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.form-group { margin-bottom: 18px; }
.form-group label { display: block; font-size: .82rem; font-weight: 700; color: var(--dark2); margin-bottom: 7px; letter-spacing: .3px; }
.form-group input, .form-group select, .form-group textarea {
  width: 100%; padding: 12px 16px; background: var(--light); border: 1.5px solid var(--border);
  border-radius: 10px; font-family: var(--f); font-size: .92rem; color: var(--dark);
  transition: var(--ease); outline: none;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--red); background: #fff; box-shadow: 0 0 0 3px rgba(232,37,26,.08); }
.form-group textarea { resize: vertical; min-height: 100px; }
.form-note { font-size: .82rem; color: var(--muted); margin-top: 12px; line-height: 1.6; text-align: center; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:1080px) {
  .plans-grid { grid-template-columns: repeat(3, 1fr); }
  
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .hdr-phone { display: none; }
}
@media(max-width:900px) {
  .split { grid-template-columns: 1fr; gap: 48px; }
  .split.reverse .split-visual { order: 0; }
  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-inner { grid-template-columns: repeat(2, 1fr); }
  .stat-item { border-bottom: 1px solid rgba(255,255,255,.1); }
  .stat-item:nth-child(even) { border-right: none; }
  .cta-box { flex-direction: column; text-align: center; padding: 48px 40px; }
  .site-nav, .hdr-cta { display: none; }
  .nav-burger { display: flex; }
  .trust-item { padding: 14px 20px; }
}
@media(max-width:640px) {
  :root { --nav-h: 64px; }
  .plans-grid { grid-template-columns: 1fr; }
  
  .why-grid { grid-template-columns: 1fr; }
  .stats-inner { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .cta-box { padding: 36px 24px; }
  .hero-h1 { font-size: 2.5rem; }
  .hero-stats { gap: 20px; flex-wrap: wrap; }
  .form-row { grid-template-columns: 1fr; }
  .trust-bar-inner { flex-direction: column; }
}

/* WhatsApp nav button */
.btn-wa { background: #25D366; color: #fff !important; border-color: #25D366; gap: 6px; }
.btn-wa:hover { background: #1da851; border-color: #1da851; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37,211,102,.35); }
.hdr-phone { display: none !important; }


/* ═══════════════════════════════════════
   COMPONENTS v4 — final
═══════════════════════════════════════ */

/* WhatsApp */
.btn-wa{background:#25D366;color:#fff!important;border-color:#25D366}
.btn-wa:hover{background:#1da851;border-color:#1da851;transform:translateY(-2px)}

/* Trust bar */
.trust-bar{background:#fff;border-bottom:1px solid #e5e7eb}
.trust-bar-inner{display:flex;align-items:stretch;justify-content:space-around;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:8px;padding:14px 10px;font-size:.8rem;font-weight:600;color:#374151;border-right:1px solid #e5e7eb;flex:1;justify-content:center;transition:.2s;white-space:nowrap}
.trust-item:last-child{border-right:none}
.trust-item:hover{color:#E8251A;background:#fff5f5}
.trust-item svg{color:#E8251A;flex-shrink:0}

/* Dark slider section */
.sec-dark-slider{background:#0d0d1a;padding:56px 0}
.sl-hdr{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:0 28px;max-width:1200px;margin:0 auto}

/* Slider mask + track */
.sl-mask{overflow:hidden;width:100%;padding:6px 0 14px}
.sl-track{display:flex;gap:10px;animation:slL 42s linear infinite;white-space:nowrap;width:max-content}
.sl-rtl{animation:slR 42s linear infinite}
@keyframes slL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes slR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.sl-track:hover{animation-play-state:paused}

/* Slide card — cinema style */
.sc{flex-shrink:0;width:140px;border-radius:10px;overflow:hidden;position:relative;background:#111;box-shadow:0 4px 16px rgba(0,0,0,.4);transition:.25s;cursor:pointer}
.sc:hover{transform:scale(1.05) translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.5);z-index:2}
.sc img{width:100%;height:200px;object-fit:cover;display:block;filter:brightness(.88)}
.sc:hover img{filter:brightness(1)}
.sc-lbl{position:absolute;bottom:0;left:0;right:0;padding:18px 8px 7px;font-size:.64rem;font-weight:800;color:#fff;letter-spacing:.8px;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.6);background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%)}

/* VOD card */
.sc-v img{height:210px}
.sc-v .sc-lbl{display:none}

/* Devices */
.devices-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:start}
.device-cards{display:flex;flex-direction:column;gap:10px}
.dcard{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:13px 15px;transition:.2s}
.dcard:hover{border-color:#E8251A;background:#fff9f9}
.dcard-best{border:2px solid rgba(232,37,26,.3);background:linear-gradient(135deg,#fff9f9,#fff)}
.dcard-icon{font-size:1.5rem;flex-shrink:0;margin-top:1px;width:32px;text-align:center}
.dcard-title{font-size:.88rem;font-weight:800;color:#111827;margin-bottom:2px}
.dcard-sub{font-size:.72rem;color:#9ca3af;margin-bottom:5px}
.dcard-apps{font-size:.8rem;color:#374151;display:flex;flex-direction:column;gap:3px}
.ab{display:inline-block;font-size:.56rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:1px 5px;border-radius:3px;margin-right:3px}
.ab-free{background:#dcfce7;color:#166534}
.ab-paid{background:#fef3c7;color:#92400e}
.ab-best{background:#dbeafe;color:#1e40af}
.single-note{display:flex;align-items:flex-start;gap:9px;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;padding:11px 14px;font-size:.81rem;color:#166534;line-height:1.6}
.single-note strong{color:#14532d}
.device-visual{position:relative;top:0}
.device-visual img{width:100%;border-radius:16px;box-shadow:0 20px 52px rgba(0,0,0,.12)}
.device-badge{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:rgba(17,24,39,.85);color:#fff;font-size:.75rem;font-weight:700;padding:7px 16px;border-radius:50px;white-space:nowrap;backdrop-filter:blur(8px)}

/* Why strip */
.stalker-note{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fff9f9,#fff5f5);border:1.5px solid rgba(232,37,26,.15);border-left:4px solid #E8251A;border-radius:10px;padding:12px 18px;margin-bottom:24px;font-size:.87rem;color:#374151;line-height:1.6;flex-wrap:wrap}
.sn-badge{display:inline-flex;align-items:center;gap:6px;background:#E8251A;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:50px;white-space:nowrap;flex-shrink:0}
.why-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.ws-item{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:.2s}
.ws-item:hover{border-color:#E8251A;box-shadow:0 4px 14px rgba(232,37,26,.08)}
.ws-icon{font-size:1.5rem}
.ws-item strong{font-size:.82rem;font-weight:800;color:#111827;line-height:1.2}
.ws-item>span:last-child{font-size:.72rem;color:#9ca3af;line-height:1.4}

/* VS table — compact */
.vs-table-wrap{border-radius:14px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 4px 18px rgba(0,0,0,.05)}
.vs-table{width:100%;border-collapse:collapse}
.vs-table thead th{background:#111827;color:#fff;padding:11px 18px;font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-align:center}
.vs-table thead th:first-child{text-align:left}
.vs-table thead th.dq-col{color:#ff8a80}
.vs-table tbody tr:nth-child(even){background:#f9fafb}
.vs-table tbody tr:hover{background:#fff5f5}
.vs-table tbody td{padding:10px 18px;font-size:.85rem;color:#374151;border-bottom:1px solid #f3f4f6;text-align:center}
.vs-table tbody tr:last-child td{border:none}
.vs-table tbody td:first-child{text-align:left;font-weight:600;color:#111827}

/* Countries grid — clean */
.cg-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;margin-bottom:24px}
.cg-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:.2s;text-align:center}
.cg-item:hover{border-color:#E8251A;background:#fff5f5;transform:translateY(-2px)}
.cg-item span:first-child{font-size:1.5rem}
.cg-item span:last-child{font-size:.65rem;font-weight:700;color:#374151}

/* Worldwide CTA — no map, clean stats box */
.worldwide-cta{background:linear-gradient(135deg,#111827,#1f2937);border-radius:20px;padding:36px 48px;margin-top:4px}
.worldwide-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.worldwide-cta-num{font-size:2.4rem;font-weight:900;color:#fff;line-height:1}
.worldwide-cta-num span{color:#E8251A}
.worldwide-cta-lbl{font-size:.7rem;font-weight:600;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px}

@media(max-width:1080px){
  .why-strip{grid-template-columns:repeat(3,1fr)}
  .cg-grid{grid-template-columns:repeat(6,1fr)}
  .devices-grid{grid-template-columns:1fr;gap:32px}
  .device-visual{order:-1}
}
@media(max-width:640px){
  .sc{width:120px}
  .sc img{height:175px}
  .sc-v img{height:190px}
  .why-strip{grid-template-columns:repeat(2,1fr)}
  .cg-grid{grid-template-columns:repeat(3,1fr)}
  .worldwide-cta-inner{flex-direction:column;text-align:center}
  .worldwide-cta{padding:28px 24px}
  .sl-hdr{flex-direction:column;align-items:flex-start}
}

/* Device 2-per-row layout */
.drow { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.dcard-apps-row { display:flex; flex-direction:column; gap:3px; }
.dtag { font-size:.7rem; color:#9ca3af; font-weight:500; margin-left:4px; }
@media(max-width:640px) { .drow { grid-template-columns:1fr; } }

/* ── Legal Pages ── */
.legal-content { font-size:.95rem; line-height:1.8; color:#374151; }
.legal-section { margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #e5e7eb; }
.legal-section:last-child { border:none; }
.legal-section h2 { font-size:1.2rem; font-weight:800; color:#111827; margin-bottom:14px; padding-left:14px; border-left:4px solid #E8251A; }
.legal-content p { margin-bottom:14px; }
.legal-content ul { margin:10px 0 14px 20px; }
.legal-content ul li { margin-bottom:7px; }
.legal-content strong { color:#111827; }
.legal-content a { color:#E8251A; }

/* ── Trial Page ── */
.trial-layout { display:grid; grid-template-columns:1.1fr 0.9fr; gap:52px; align-items:start; }

.form-card-outer { background:#fff; border:1px solid #e5e7eb; border-radius:20px; overflow:hidden; box-shadow:0 8px 32px rgba(0,0,0,.07); }
.form-card-header { background:linear-gradient(135deg,#111827,#1f2937); padding:24px 32px; }
.form-card-header h2 { font-size:1.3rem; font-weight:900; color:#fff; margin-bottom:4px; }
.form-card-header p  { font-size:.85rem; color:rgba(255,255,255,.55); margin:0; }
.form-card-body { padding:32px; }

.fg { margin-bottom:18px; }
.fg label { display:block; font-size:.82rem; font-weight:700; color:#374151; margin-bottom:7px; letter-spacing:.2px; }
.req { color:#E8251A; }
.fg-hint { font-size:.75rem; color:#9ca3af; margin-top:5px; }
.fg-hint-inline { font-size:.76rem; color:#9ca3af; font-weight:400; }
.fg-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }

.fg input[type="text"],
.fg input[type="email"],
.fg input[type="tel"],
.fg input[type="number"],
.fg select,
.fg textarea {
  width:100%; padding:11px 14px; background:#f9fafb; border:1.5px solid #e5e7eb;
  border-radius:10px; font-family:inherit; font-size:.9rem; color:#111827;
  transition:.2s; outline:none;
}
.fg input:focus, .fg select:focus, .fg textarea:focus { border-color:#E8251A; background:#fff; box-shadow:0 0 0 3px rgba(232,37,26,.08); }
.input-invalid { border-color:#E8251A !important; background:#fff9f9 !important; }
.field-err { display:none; font-size:.75rem; color:#E8251A; margin-top:4px; font-weight:600; }

/* Phone row */

.country-code-sel { width:110px; flex-shrink:0; padding:11px 8px; background:#f9fafb; border:1.5px solid #e5e7eb; border-radius:10px; font-family:inherit; font-size:.82rem; color:#374151; cursor:pointer; }
.phone-wrap input { flex:1; }

/* Input with icon */




/* Channels grid */
.channels-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:6px; }

.ch-check:hover { border-color:#E8251A; background:#fff5f5; }
.ch-check input[type="checkbox"] { width:15px; height:15px; accent-color:#E8251A; flex-shrink:0; }
.ch-check input:checked ~ span { color:#E8251A; font-weight:700; }
.ch-check:has(input:checked) { border-color:#E8251A; background:#fff5f5; }

/* Radio */
.radio-row { display:flex; gap:10px; }
.radio-opt { display:flex; align-items:center; gap:7px; padding:9px 16px; background:#f9fafb; border:1.5px solid #e5e7eb; border-radius:8px; cursor:pointer; font-size:.85rem; font-weight:600; color:#374151; transition:.2s; }
.radio-opt:hover { border-color:#E8251A; }
.radio-opt input[type="radio"] { accent-color:#E8251A; }
.radio-opt:has(input:checked) { border-color:#E8251A; background:#fff5f5; color:#E8251A; }

/* Form errors */
.form-errors { background:#fff5f5; border:1.5px solid rgba(232,37,26,.25); border-radius:10px; padding:12px 16px; margin-bottom:20px; font-size:.85rem; color:#E8251A; display:flex; flex-direction:column; gap:4px; }

/* Trial info column */
.trial-info-col h3 { font-size:1.1rem; font-weight:800; color:#111827; margin-bottom:16px; }
.info-perk { display:flex; align-items:flex-start; gap:12px; padding:14px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; margin-bottom:10px; transition:.2s; }
.info-perk:hover { border-color:#E8251A; }
.info-perk-icon { font-size:1.3rem; flex-shrink:0; }
.info-perk-title { font-size:.88rem; font-weight:700; color:#111827; margin-bottom:2px; }
.info-perk-desc { font-size:.78rem; color:#9ca3af; line-height:1.55; }
.trial-note { background:#fff9f9; border:1.5px solid rgba(232,37,26,.2); border-radius:10px; padding:14px 16px; font-size:.83rem; color:#6b7280; line-height:1.65; margin-top:14px; }
.trial-note strong { color:#111827; display:block; margin-bottom:4px; }
.trial-note a { color:#E8251A; }

@media(max-width:900px) {
  .trial-layout { grid-template-columns:1fr; }
  .fg-row { grid-template-columns:1fr; }
  .channels-grid { grid-template-columns:1fr; }
}
@media(max-width:480px) { .channels-grid { grid-template-columns:1fr; } }

/* ── Referral Page ── */
.ref-steps { display:flex; align-items:flex-start; justify-content:center; gap:0; margin-bottom:52px; flex-wrap:wrap; }
.ref-step { flex:1; min-width:200px; max-width:280px; text-align:center; padding:28px 20px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; position:relative; }
.ref-step-num { position:absolute; top:-14px; left:50%; transform:translateX(-50%); width:28px; height:28px; background:#E8251A; color:#fff; font-size:.8rem; font-weight:800; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.ref-step-icon { font-size:2.2rem; margin-bottom:12px; }
.ref-step h3 { font-size:1rem; font-weight:800; color:#111827; margin-bottom:8px; }
.ref-step p { font-size:.84rem; color:#6b7280; line-height:1.7; margin:0; }
.ref-step-arrow { font-size:1.5rem; color:#e5e7eb; padding:0 8px; margin-top:60px; }

.ref-rewards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:52px; }
.ref-reward-card { background:#fff; border:2px solid #e5e7eb; border-radius:18px; padding:28px 22px; text-align:center; position:relative; transition:.2s; }
.ref-reward-card:hover { border-color:#E8251A; box-shadow:0 8px 28px rgba(232,37,26,.1); transform:translateY(-3px); }
.ref-reward-card-featured { border-color:#E8251A; background:linear-gradient(160deg,#fff9f9,#fff); }
.ref-reward-badge { position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:#E8251A; color:#fff; font-size:.62rem; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:4px 12px; border-radius:50px; white-space:nowrap; }
.ref-reward-icon { font-size:2rem; margin-bottom:12px; }
.ref-reward-title { font-size:1rem; font-weight:800; color:#111827; margin-bottom:8px; }
.ref-reward-desc { font-size:.84rem; color:#6b7280; line-height:1.7; }

.ref-claim-box { display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; background:#f9fafb; border:1px solid #e5e7eb; border-radius:20px; padding:48px; margin-bottom:52px; }
.ref-steps-mini { display:flex; flex-direction:column; gap:14px; }
.ref-step-mini { display:flex; align-items:flex-start; gap:12px; font-size:.88rem; color:#374151; line-height:1.6; }
.ref-mini-num { width:24px; height:24px; background:#E8251A; color:#fff; font-size:.72rem; font-weight:800; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px; }

.ref-faqs { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.ref-faq { background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:20px 22px; }
.ref-faq-q { font-size:.92rem; font-weight:800; color:#111827; margin-bottom:8px; }
.ref-faq-a { font-size:.84rem; color:#6b7280; line-height:1.7; }

/* Phone/country field */



.phone-wrap input { border:none !important; background:transparent !important; border-radius:0 !important; box-shadow:none !important; }
.phone-wrap input:focus { border:none !important; box-shadow:none !important; }

@media(max-width:900px) {
  .ref-steps { flex-direction:column; align-items:center; }
  .ref-step-arrow { transform:rotate(90deg); margin:0; }
  .ref-rewards { grid-template-columns:1fr; }
  .ref-claim-box { grid-template-columns:1fr; }
  .ref-faqs { grid-template-columns:1fr; }
}


/* ════ CHANNEL CHECKBOXES — better styling ════ */
.ch-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
}
.ch-check {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 12px;
  background: #f9fafb;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: all .18s;
  user-select: none;
  -webkit-user-select: none;
}
.ch-check:hover {
  border-color: #E8251A;
  background: #fff5f5;
}
.ch-check input[type="checkbox"] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  accent-color: #E8251A;
  cursor: pointer;
  margin: 0;
}
.ch-check span {
  font-size: .82rem;
  font-weight: 500;
  color: #374151;
  line-height: 1.3;
}
.ch-check:has(input:checked) {
  border-color: #E8251A;
  background: #fff5f5;
}
.ch-check:has(input:checked) span {
  color: #E8251A;
  font-weight: 700;
}
/* First item (ALL) spans full width */
.ch-check:first-child {
  grid-column: 1 / -1;
  background: #111827;
  border-color: #111827;
}
.ch-check:first-child span { color: #fff; font-weight:700; font-size:.85rem; }
.ch-check:first-child:hover { background: #1f2937; border-color:#1f2937; }
.ch-check:first-child:has(input:checked) { background: #E8251A; border-color: #E8251A; }

/* ════ PHONE FIELD — fixed ════ */
.phone-wrap {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  background: #f9fafb;
  transition: border-color .2s, box-shadow .2s;
  width: 100%;
}
.phone-wrap:focus-within {
  border-color: #E8251A;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(232,37,26,.08);
}
.country-sel {
  flex: 0 0 auto;
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  border: none !important;
  border-right: 1.5px solid #e5e7eb !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 4px 0 8px !important;
  font-size: .79rem !important;
  color: #374151 !important;
  cursor: pointer;
  height: auto;
  margin: 0 !important;
  -webkit-appearance: auto;
  appearance: auto;
}
.phone-wrap input[type="tel"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 11px 12px !important;
  font-size: .9rem !important;
  color: #111827 !important;
  margin: 0 !important;
  display: block !important;
}
.phone-wrap input[type="tel"]:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ══ Page Hero — consistent across all pages ══ */
.page-hero {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  padding: 72px 0 60px !important;
  text-align: center;
}
.page-hero .wrap {
  max-width: 700px;
  padding: 8px 24px 0;
}
.page-hero .eyebrow {
  display: block;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #E8251A;
  margin-bottom: 12px;
}
.page-hero h1 {
  font-size: clamp(1.9rem, 3.5vw, 2.8rem) !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  margin: 0 0 14px !important;
  line-height: 1.15 !important;
}
.page-hero p {
  font-size: .96rem !important;
  color: rgba(255,255,255,.65) !important;
  margin: 0 auto !important;
  line-height: 1.7 !important;
  max-width: 520px;
}

/* ══ Legal Consent Popup ══ */
#dq-consent-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}
#dq-consent-overlay.hidden{display:none}
#dq-consent-box{background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:16px;max-width:600px;width:100%;padding:40px 36px;color:#e2e8f0;position:relative;box-shadow:0 25px 60px rgba(0,0,0,.6)}
#dq-consent-box .dq-consent-logo{text-align:center;margin-bottom:24px}
#dq-consent-box .dq-consent-logo img{height:44px}
#dq-consent-box h2{font-size:1.3rem;font-weight:800;color:#fff;margin:0 0 6px;text-align:center}
#dq-consent-box .dq-consent-sub{text-align:center;font-size:.82rem;color:rgba(255,255,255,.45);margin-bottom:24px;letter-spacing:.5px;text-transform:uppercase}
#dq-consent-box .dq-consent-body{font-size:.87rem;line-height:1.7;color:rgba(255,255,255,.65);margin-bottom:22px;max-height:220px;overflow-y:auto;padding-right:6px}
#dq-consent-box .dq-consent-body::-webkit-scrollbar{width:4px}
#dq-consent-box .dq-consent-body::-webkit-scrollbar-thumb{background:#E8251A;border-radius:2px}
#dq-consent-box .dq-consent-checks{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
#dq-consent-box .dq-check-row{display:flex;align-items:flex-start;gap:12px;font-size:.85rem;color:rgba(255,255,255,.7);cursor:pointer}
#dq-consent-box .dq-check-row input[type=checkbox]{width:18px;height:18px;accent-color:#E8251A;cursor:pointer;flex-shrink:0;margin-top:2px}
#dq-consent-box .dq-check-row a{color:#E8251A;text-decoration:none}
#dq-consent-box .dq-consent-btn{width:100%;padding:14px;background:#E8251A;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:.2s;opacity:.4;pointer-events:none}
#dq-consent-box .dq-consent-btn.ready{opacity:1;pointer-events:all}
#dq-consent-box .dq-consent-btn.ready:hover{background:#c0201a}
#dq-consent-box .dq-consent-footer{text-align:center;margin-top:16px;font-size:.75rem;color:rgba(255,255,255,.25)}
#dq-channel-consent-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:99998;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}
#dq-channel-consent-overlay.hidden{display:none}
#dq-channel-consent-box{background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:16px;max-width:480px;width:100%;padding:36px 32px;color:#e2e8f0;text-align:center}
#dq-channel-consent-box h3{font-size:1.15rem;font-weight:800;color:#fff;margin:0 0 10px}
#dq-channel-consent-box p{font-size:.85rem;color:rgba(255,255,255,.6);line-height:1.65;margin-bottom:22px}
#dq-channel-consent-box .dq-ch-btns{display:flex;gap:10px}
#dq-channel-consent-box .dq-ch-btns button{flex:1;padding:12px;border-radius:8px;font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;border:none;transition:.2s}
#dq-channel-consent-box .dq-ch-accept{background:#E8251A;color:#fff}
#dq-channel-consent-box .dq-ch-decline{background:rgba(255,255,255,.08);color:rgba(255,255,255,.5)}