/* Theme Name: NX IPTV EN Theme URI: https://iptvfranceelite.com Author: Noxa Description: Lightweight IPTV theme (native HTML/CSS, no page builder) with WooCommerce. English variants: youriptv4k / noxaiptv / alliptvhd. Version: 1.0.0 Requires at least: 6.4 Tested up to: 6.9 Requires PHP: 8.1 License: GPL-2.0-or-later Text Domain: nxiptv-en */ :root{ --bg:#F6F7FB; --surface:#FFFFFF; --ink:#0B1A5C; --ink-2:#1E2A66; --text:#26304F; --muted:#5B6480; --line:#E3E7F2; --tint:#EEF1FB; --red:#D7263D; --red-dark:#B51B30; --accent:#D7263D; --accent-dark:#B51B30; --accent-ink:#fff; --green:#22A45D; --green-dark:#1B8A4E; --gold:#F5B400; --radius:18px; --shadow:0 8px 30px rgba(11,26,92,.08); --shadow-lg:0 20px 60px rgba(11,26,92,.14); --font:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; --hero-bg:radial-gradient(900px 420px at 15% -10%,#E6ECFF 0%,transparent 60%),radial-gradient(700px 400px at 95% 10%,#FFE8EB 0%,transparent 55%); --header-bg:rgba(255,255,255,.97); --plan-top:#0B1A5C; --brand:#0B1A5C; --stat-bg:#0B1A5C; --stat-fg:#fff; --focus:#9DB2FF; } /* Thème sombre : mettez data-theme="dark" sur */ html[data-theme="dark"],body.nx-dark{ --bg:#0A0F24; --surface:#121A38; --ink:#FFFFFF; --ink-2:#2E5BFF; --text:#D7DCF0; --muted:#98A2C6; --line:#26305A; --tint:#1B2550; --red:#FF3B54; --red-dark:#D7263D; --gold:#FFC533; --accent:#FF3B54; --accent-dark:#D7263D; --accent-ink:#fff; --shadow:0 8px 30px rgba(0,0,0,.35); --shadow-lg:0 20px 60px rgba(0,0,0,.5); --hero-bg:radial-gradient(900px 420px at 15% -10%,rgba(46,91,255,.35) 0%,transparent 60%),radial-gradient(700px 400px at 95% 10%,rgba(255,59,84,.25) 0%,transparent 55%); --header-bg:rgba(10,15,36,.97); --plan-top:#1738A8; --brand:#2E5BFF; --stat-bg:#2E5BFF; --stat-fg:#fff; --focus:#FFC533; } *{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *{animation:none!important;transition:none!important}} body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;overflow-x:hidden} img,svg{max-width:100%;display:block} a{color:inherit;text-decoration:none} h1,h2,h3{color:var(--ink);line-height:1.15;margin:0;text-wrap:balance;letter-spacing:-.01em} h1{font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:800} h2{font-size:clamp(1.6rem,3.2vw,2.35rem);font-weight:800} h3{font-size:1.15rem;font-weight:800} p{margin:0} .wrap{width:min(1140px,100% - 2.5rem);margin-inline:auto} section{padding:72px 0} .eyebrow{display:inline-block;color:var(--red);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px} .center{text-align:center} .lead{color:var(--muted);font-size:1.05rem;max-width:62ch} .center .lead{margin-inline:auto} .btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1.35rem;border-radius:999px;font-weight:800;font-size:.95rem;border:0;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap} .btn:focus-visible,summary:focus-visible,.seg button:focus-visible,.screens label:focus-within{outline:3px solid var(--focus);outline-offset:2px} .btn:hover{transform:translateY(-1px)} .btn-red{background:var(--red);color:#fff;box-shadow:0 8px 20px rgba(215,38,61,.28)} .btn-red:hover{background:var(--red-dark)} .btn-navy{background:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(11,26,92,.22)} .btn-navy:hover{background:var(--ink-2)} .btn-green{background:#167A45;color:#fff;box-shadow:0 8px 20px rgba(34,164,93,.28)} .btn-green:hover{background:#12613A} .btn-ghost{background:var(--surface);color:var(--ink);border:1.5px solid var(--line)} .btn-ghost:hover{border-color:var(--ink)} .btn svg{width:18px;height:18px;flex:none} /* header */ header{position:sticky;top:0;z-index:50;background:var(--header-bg);border-bottom:1px solid var(--line)} .nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:1rem} .logo{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.2rem;letter-spacing:-.02em;color:var(--ink)} .logo .mark{width:34px;height:34px;border-radius:9px;background:var(--brand);display:grid;place-items:center;flex:none} .logo b{color:var(--red)} .logo .nx-mark{width:38px;height:38px;flex:none;border-radius:9px;box-shadow:0 4px 12px rgba(11,26,92,.18)} .logo .wordmark{letter-spacing:-.03em;font-size:1.25rem} .nx-smarters .logo b{color:#2E5BFF} .nx-ultra .logo b{color:#FF3B54} .menu{display:flex;gap:1.6rem;font-weight:600;font-size:.93rem;color:var(--muted)} .menu a:hover{color:var(--ink)} .nav .btn{padding:.6rem 1.05rem;font-size:.88rem} .burger{display:none;width:42px;height:42px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;place-items:center} .burger span{display:block;width:18px;height:2px;background:var(--ink);box-shadow:0 -6px 0 var(--ink),0 6px 0 var(--ink)} @media (max-width:860px){ .menu{display:none;position:absolute;left:0;right:0;top:68px;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:.5rem 1.25rem 1rem} .menu a{padding:.75rem 0;border-bottom:1px solid var(--line)} .menu a:last-child{border:0} .menu.open{display:flex} .burger{display:grid} .nav .btn .t{display:none} } /* hero */ .hero{padding:56px 0 40px;background:var(--hero-bg)} .hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center} .pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.35rem .85rem .35rem .5rem;font-size:.8rem;font-weight:700;color:var(--ink);margin-bottom:1.1rem} .pill i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(34,164,93,.18)} .hero h1 span{color:var(--red)} .hero .lead{margin:1.1rem 0 1.6rem} .cta{display:flex;gap:.75rem;flex-wrap:wrap} .ticks{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1.4rem;font-size:.88rem;font-weight:700;color:var(--ink)} .ticks span{display:inline-flex;align-items:center;gap:.4rem} .ticks svg{width:16px;height:16px;color:var(--green)} /* tv mockup */ .tv{position:relative;filter:drop-shadow(0 30px 40px rgba(11,26,92,.22))} .tv .frame{background:#0B1230;border-radius:22px;padding:12px;border:1px solid #2A3465} .tv .screen{aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#101A4A,#1A2C7A 55%,#0E1A55);position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px} .tv .tile{border-radius:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:flex-end;padding:9px;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;min-height:0} .tv .tile small{display:block;font-weight:600;opacity:.75;letter-spacing:0;text-transform:none;font-size:.62rem} .tv .tile.live{background:linear-gradient(160deg,#D7263D,#8E1226);grid-column:span 2;grid-row:span 2} .tv .tile.live .dot{position:absolute;top:10px;left:10px;background:#fff;color:var(--red);font-size:.6rem;padding:.15rem .5rem;border-radius:999px;display:inline-flex;align-items:center;gap:.3rem} .tv .tile.live .dot::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red);animation:blink 1.4s infinite} .tv .tile.live{position:relative} @keyframes blink{50%{opacity:.25}} .tv .tile.a{background:linear-gradient(160deg,#2E5BFF,#1738A8)} .tv .tile.b{background:linear-gradient(160deg,#F5B400,#C47E00)} .tv .tile.c{background:linear-gradient(160deg,#22A45D,#146B3C)} .tv .tile.d{background:linear-gradient(160deg,#7C3AED,#4C1D95)} .tv .stand{width:36%;height:10px;margin:0 auto;background:linear-gradient(#2A3465,#0B1230);border-radius:0 0 10px 10px} .tv .float{position:absolute;background:var(--surface);border-radius:14px;box-shadow:var(--shadow-lg);padding:.6rem .9rem;font-size:.8rem;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:.5rem;animation:bob 5s ease-in-out infinite} .tv .float.f1{left:-28px;bottom:16%} .tv .float.f2{right:-22px;top:12%;animation-delay:-2.5s} .tv .float em{font-style:normal;display:block;font-weight:600;color:var(--muted);font-size:.72rem} .tv .float .ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;flex:none} @keyframes bob{50%{transform:translateY(-6px)}} @media (max-width:900px){ .hero .wrap{grid-template-columns:1fr;gap:2.2rem} .tv{margin:0 14px} .tv .float.f1{left:-10px}.tv .float.f2{right:-10px} } /* trust strip */ .strip{background:var(--surface);border-block:1px solid var(--line);padding:18px 0} .strip .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center} .strip .it{display:flex;align-items:center;gap:.6rem;font-weight:700;color:var(--ink);font-size:.9rem} .strip .it em{display:block;font-style:normal;font-weight:600;color:var(--muted);font-size:.78rem} .strip .ic{width:36px;height:36px;border-radius:10px;background:var(--tint);color:var(--ink);display:grid;place-items:center;flex:none} .strip svg{width:18px;height:18px} @media (max-width:760px){.strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.strip .it{font-size:.82rem;align-items:flex-start}.strip .it em{font-size:.72rem}.strip .ic{width:32px;height:32px}} /* cards */ .grid{display:grid;gap:1.25rem;margin-top:2.4rem} .g4{grid-template-columns:repeat(4,1fr)} .g3{grid-template-columns:repeat(3,1fr)} .g2{grid-template-columns:repeat(2,1fr)} @media (max-width:980px){.g4{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr 1fr}} @media (max-width:600px){.g4,.g3,.g2{grid-template-columns:1fr}} .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow)} .card .ic{width:46px;height:46px;border-radius:12px;background:var(--tint);color:var(--ink);display:grid;place-items:center;margin-bottom:1rem} .card .ic svg{width:22px;height:22px} .card h3{margin-bottom:.5rem} .card p{color:var(--muted);font-size:.93rem} /* pricing */ .seg{display:inline-flex;background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:4px;margin-top:1.4rem} .seg button{border:0;background:transparent;padding:.55rem 1.3rem;border-radius:999px;font-family:inherit;font-weight:800;font-size:.9rem;color:var(--muted);cursor:pointer} .seg button.on{background:var(--brand);color:#fff} .plans{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:2rem;align-items:start} @media (max-width:1000px){.plans{grid-template-columns:1fr 1fr}} @media (max-width:560px){.plans{grid-template-columns:1fr}} .plan{background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column} .plan.hot{border-color:var(--red);box-shadow:0 20px 50px rgba(215,38,61,.18)} .plan .top{background:var(--plan-top);color:#fff;text-align:center;padding:1.4rem 1rem 1.2rem} .plan.hot .top{background:linear-gradient(135deg,var(--plan-top),#2E5BFF)} .plan .top h3{color:#fff!important;font-size:1.45rem} .plan .top .bonus{display:inline-block;margin-top:.5rem;background:rgba(255,255,255,.14);border-radius:999px;padding:.2rem .7rem;font-size:.75rem;font-weight:700} .plan .top .bonus.gold{background:var(--gold);color:#3A2A00} .plan .ribbon{position:absolute;top:18px;right:-34px;transform:rotate(45deg);background:var(--red);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.08em;padding:.3rem 2.6rem;text-transform:uppercase} .plan .body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;flex:1} .plan .lab{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--muted);text-align:center} .screens{display:grid;gap:.45rem} .screens label{display:flex;justify-content:space-between;align-items:center;border:1.5px solid var(--line);border-radius:10px;padding:.5rem .8rem;font-size:.85rem;font-weight:700;cursor:pointer;color:var(--text);transition:border-color .12s,background .12s} .screens label:has(:checked){border-color:var(--brand);background:var(--tint);color:var(--ink)} .screens input{position:absolute;opacity:0;width:0;height:0} .screens .pr{color:var(--red);font-variant-numeric:tabular-nums} .price{text-align:center;padding:.4rem 0 0} .price .was{color:var(--muted);text-decoration:line-through;font-size:.95rem;font-weight:600;margin-right:.4rem} .price .now{font-size:2.6rem;font-weight:800;color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums} .price .now sup{font-size:1.2rem;vertical-align:top;margin-left:.1rem} .price .per{display:block;color:var(--muted);font-size:.8rem;font-weight:600} .plan ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;font-size:.86rem;color:var(--text)} .plan li{display:flex;gap:.5rem;align-items:flex-start} .plan li svg{width:16px;height:16px;color:var(--green);flex:none;margin-top:3px} .plan .btn{width:100%} .plan .btn-ghost{margin-top:-.4rem;font-size:.85rem} .plan .guar{text-align:center;font-size:.75rem;color:var(--muted);font-weight:600} /* after purchase box */ .after{max-width:720px;margin:2.5rem auto 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:2rem;text-align:center;box-shadow:var(--shadow)} .after h3{font-size:1.4rem;margin-bottom:.5rem} .after p{color:var(--muted);margin-bottom:1.2rem} /* devices */ .devices{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.8rem} .devices span{display:inline-flex;align-items:center;gap:.45rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.5rem .95rem;font-weight:700;font-size:.86rem;color:var(--ink)} .devices svg{width:16px;height:16px;color:var(--red)} /* stats */ .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.4rem} @media (max-width:700px){.stats{grid-template-columns:1fr 1fr}} .stat{background:var(--stat-bg);color:var(--stat-fg);border-radius:var(--radius);padding:1.5rem 1rem;text-align:center} .stat b{display:block;font-size:2.2rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1} .stat b i{color:var(--gold);font-style:normal} .stat span{font-size:.85rem;opacity:.8;font-weight:600} /* steps */ .steps{counter-reset:s} .step{position:relative;padding-left:4.2rem} .step::before{counter-increment:s;content:"0" counter(s);position:absolute;left:1.5rem;top:1.5rem;width:36px;height:36px;border-radius:10px;background:var(--red);color:#fff;font-weight:800;display:grid;place-items:center;font-size:.85rem} .step h3{margin-bottom:.35rem} /* features */ .feat{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center} @media (max-width:860px){.feat{grid-template-columns:1fr;gap:2rem}} .checks{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.75rem} .checks li{display:flex;gap:.75rem;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;font-weight:600;font-size:.93rem;color:var(--text)} .checks svg{width:20px;height:20px;color:#fff;background:var(--green);border-radius:50%;padding:4px;flex:none} .chan{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)} .chan h3{margin-bottom:1rem} .chan .row{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--line);font-size:.9rem;font-weight:600} .chan .row:last-child{border:0} .chan .row b{color:var(--ink)} .chan .bar{height:6px;border-radius:999px;background:var(--tint);flex:1;margin:0 1rem;overflow:hidden} .chan .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--red));border-radius:999px} /* faq */ .faq{max-width:780px;margin:2.2rem auto 0;display:grid;gap:.7rem} details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 1.2rem} summary{list-style:none;cursor:pointer;font-weight:800;color:var(--ink);padding:1rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem} summary::-webkit-details-marker{display:none} summary::after{content:"+";font-size:1.4rem;color:var(--red);font-weight:400;flex:none;transition:transform .2s} details[open] summary::after{transform:rotate(45deg)} details p{color:var(--muted);padding-bottom:1rem;font-size:.93rem} /* about + cta */ .about{background:var(--surface);border-block:1px solid var(--line)} .about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center} @media (max-width:860px){.about .wrap{grid-template-columns:1fr}} .about p{color:var(--muted);margin-top:1rem} .about .contact{display:flex;flex-direction:column;gap:.6rem;margin-top:1.4rem} .about .contact a{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;color:var(--ink)} .about .contact svg{width:18px;height:18px;color:var(--red)} .bigcta{background:linear-gradient(135deg,#0B1A5C,#1E2A66);--ink:#fff;color:#fff;border-radius:26px;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden} .bigcta::before{content:"";position:absolute;inset:auto -10% -60% auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(215,38,61,.55),transparent 65%)} .bigcta h2{color:#fff;position:relative} .bigcta p{position:relative;opacity:.85;margin:.8rem auto 1.6rem;max-width:56ch} .bigcta .cta{justify-content:center;position:relative} /* announcement bar */ .annonce{background:var(--red);color:#fff;text-align:center;font-size:.85rem;font-weight:700;padding:.5rem 1rem} .annonce b{background:rgba(255,255,255,.18);border-radius:999px;padding:.1rem .6rem;margin-right:.4rem} @media (max-width:640px){.annonce{font-size:.8rem;padding:.45rem .8rem}.annonce-more{display:none}} /* payment row */ .pay{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap} .pay span{border:1px solid var(--line);border-radius:6px;padding:.15rem .5rem;font-size:.66rem;font-weight:800;letter-spacing:.04em;color:var(--muted);background:var(--surface)} .pay .visa{color:#1A1F71}.pay .mc{color:#EB001B}.pay .pp{color:#003087}.pay .cb{color:#0A8F3C} html[data-theme="dark"] .pay .visa,body.nx-dark .pay .visa{color:#9DB2FF}html[data-theme="dark"] .pay .pp,body.nx-dark .pay .pp{color:#8FC0FF}body.nx-dark .pay .mc{color:#FF6B6B}body.nx-dark .pay .cb{color:#5FD38D} .secure{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em} .secure svg{width:14px;height:14px;color:var(--green)} /* sports carousel */ .sports{display:flex;gap:1rem;overflow-x:auto;padding:2rem .25rem 1rem;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch} .sports::-webkit-scrollbar{display:none} .sport{flex:0 0 220px;aspect-ratio:3/4;border-radius:16px;position:relative;overflow:hidden;scroll-snap-align:start;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:1.1rem;box-shadow:var(--shadow-lg);text-align:left} .sport::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 80% 0%,rgba(255,255,255,.25),transparent 55%),linear-gradient(180deg,transparent 30%,rgba(0,0,0,.55))} .sport svg{width:64px;height:64px;position:absolute;top:1.1rem;left:1.1rem;opacity:.9;color:#fff} .sport b{font-size:1.25rem;font-weight:800;position:relative;line-height:1.1} .sport small{position:relative;font-weight:600;opacity:.85;font-size:.8rem} .sport .tag{position:absolute;top:1rem;right:1rem;background:var(--red);font-size:.62rem;font-weight:800;letter-spacing:.08em;padding:.2rem .5rem;border-radius:999px;text-transform:uppercase} .s1{background:linear-gradient(160deg,#1E7A46,#0B3B22)}.s2{background:linear-gradient(160deg,#E4572E,#7A1E0B)}.s3{background:linear-gradient(160deg,#D7263D,#5A0B17)}.s4{background:linear-gradient(160deg,#2E5BFF,#0F1F6B)}.s5{background:linear-gradient(160deg,#F5B400,#8A5A00)}.s6{background:linear-gradient(160deg,#7C3AED,#2E1065)}.s7{background:linear-gradient(160deg,#0EA5A5,#064E4E)}.s8{background:linear-gradient(160deg,#475569,#0F172A)} .dots{display:flex;gap:.4rem;justify-content:center;margin-top:.4rem} .dots i{width:22px;height:4px;border-radius:999px;background:var(--line)} .dots i:first-child{background:var(--red)} /* device logo grid */ .dev{display:grid;grid-template-columns:repeat(8,1fr);gap:.8rem;margin-top:2rem} @media (max-width:1000px){.dev{grid-template-columns:repeat(4,1fr)}} @media (max-width:520px){.dev{grid-template-columns:repeat(2,1fr)}} .dev div{background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:1.1rem .6rem;text-align:center;display:grid;gap:.4rem;justify-items:center;box-shadow:var(--shadow)} .dev svg{width:34px;height:34px;color:var(--ink)} .dev b{font-size:.85rem;color:var(--ink);font-weight:800} .dev small{font-size:.7rem;color:var(--muted);font-weight:600} /* footer */ footer{padding:2.5rem 0 5.5rem;border-top:1px solid var(--line);background:var(--surface)} footer .wrap{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;align-items:center;font-size:.85rem;color:var(--muted)} footer .links{display:flex;gap:1.2rem;flex-wrap:wrap;font-weight:600} footer .links ul{display:contents;list-style:none;margin:0;padding:0} footer .links li{list-style:none} .gt_float_switcher img{aspect-ratio:4/3;height:24.75px} footer .links a:hover{color:var(--ink)} /* ===== WhatsApp live-chat widget ===== */ .wa-widget{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:var(--font)} .wa{position:relative;display:flex;align-items:center;gap:12px;padding:8px 20px 8px 8px;border-radius:999px;background:linear-gradient(135deg,#3DDC74,#1EB457);color:#fff;border:0;cursor:pointer;font-family:inherit;text-align:left;box-shadow:0 12px 28px rgba(30,180,87,.42);transition:transform .15s,box-shadow .15s;animation:wa-btn-in .5s .4s cubic-bezier(.2,.8,.2,1) both} .wa:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(30,180,87,.5)} .wa-ic{position:relative;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center} .wa-ic svg{width:28px;height:28px;fill:#25D366} .wa-ic::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:wa-pulse 2.2s ease-out infinite} .wa[aria-expanded="true"] .wa-ic::before{animation:none;opacity:0} .wa-txt{display:flex;flex-direction:column;line-height:1.15} .wa-txt b{font-size:.98rem;font-weight:800;letter-spacing:.01em;white-space:nowrap} .wa-txt small{font-size:.72rem;font-weight:600;opacity:.92;display:flex;align-items:center;gap:5px} .wa-dot{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.3);display:inline-block} @keyframes wa-pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.5);opacity:0}} @keyframes wa-btn-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}} .wa-panel{width:min(340px,calc(100vw - 32px));background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.28);border:1px solid var(--line);animation:wa-in .22s ease-out;transform-origin:bottom right} .wa-panel[hidden]{display:none} @keyframes wa-in{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}} .wa-head{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;background:linear-gradient(135deg,#128C7E,#25D366);color:#fff} .wa-avatar{position:relative;flex:none;width:44px;height:44px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:visible} .wa-avatar .nx-mark{width:40px;height:40px;border-radius:10px} .wa-online{position:absolute;right:-3px;bottom:-3px;width:12px;height:12px;border-radius:50%;background:#4ADE80;border:2px solid #128C7E} .wa-who{flex:1;min-width:0;line-height:1.25} .wa-who b{display:block;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .wa-who span{display:flex;align-items:center;gap:.35rem;font-size:.74rem;opacity:.95} .wa-who span i{width:7px;height:7px;border-radius:50%;background:#4ADE80;display:inline-block} .wa-close{border:0;background:rgba(255,255,255,.18);color:#fff;width:30px;height:30px;border-radius:50%;font-size:1.2rem;cursor:pointer;line-height:1} .wa-close:hover{background:rgba(255,255,255,.3)} .wa-body{padding:1rem;background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.05' stroke-width='1.5'%3E%3Ccircle cx='20' cy='20' r='6'/%3E%3Cpath d='M70 15l8 8M78 15l-8 8M100 60a8 8 0 1 1 0 1M30 90l10-10M35 85l10 10'/%3E%3C/g%3E%3C/svg%3E");display:grid;gap:.75rem} .wa-msg{position:relative;background:var(--surface);color:var(--text);border-radius:4px 14px 14px 14px;padding:.7rem .85rem .95rem;font-size:.9rem;line-height:1.45;box-shadow:0 1px 2px rgba(0,0,0,.08);max-width:92%} .wa-msg b{display:block;font-size:.75rem;color:var(--green-dark);margin-bottom:.2rem} .wa-msg time{position:absolute;right:.6rem;bottom:.3rem;font-size:.66rem;color:var(--muted)} .wa-quick{display:flex;flex-wrap:wrap;gap:.4rem} .wa-quick button{border:1.5px solid var(--green);background:var(--surface);color:var(--green-dark);border-radius:999px;padding:.4rem .75rem;font-size:.8rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .12s,color .12s} .wa-quick button:hover{background:var(--green);color:#fff} .wa-form{display:flex;gap:.5rem;padding:.7rem .8rem;border-top:1px solid var(--line);background:var(--surface)} .wa-form input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:999px;padding:.6rem .95rem;font-family:inherit;font-size:.9rem;background:var(--bg);color:var(--text)} .wa-form input:focus{outline:none;border-color:var(--green)} .wa-form button{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:var(--green);color:#fff;display:grid;place-items:center;cursor:pointer} .wa-form button:hover{background:var(--green-dark)} .wa-foot{text-align:center;font-size:.7rem;color:var(--muted);padding:0 .8rem .7rem;background:var(--surface)} @media (max-width:600px){.wa-widget{right:12px;bottom:12px}.wa{padding:6px 16px 6px 6px;gap:10px}.wa-ic{flex-basis:42px;width:42px;height:42px}.wa-ic svg{width:26px;height:26px}.wa-txt b{font-size:.9rem}.wa-txt small{font-size:.68rem}.wa-panel{width:calc(100vw - 24px)}} @media (prefers-reduced-motion:reduce){.wa,.wa-ic::before,.wa-panel{animation:none}} /* ===== WordPress / WooCommerce pages ===== */ .page-wrap{max-width:900px;margin:0 auto;padding:56px 0} .page-wrap h1{margin-bottom:1rem} .page-wrap h2{margin:2rem 0 .8rem;font-size:1.5rem} .page-wrap p,.page-wrap li{color:var(--text)} .page-wrap p{margin:0 0 1rem} .page-wrap a{color:var(--red);text-decoration:underline} .entry-content img{border-radius:12px} .woocommerce .wrap{padding:48px 0} .woocommerce .page-wrap{max-width:1100px} .woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;list-style:none;padding:0;margin:2rem 0} @media (max-width:900px){.woocommerce ul.products{grid-template-columns:1fr 1fr}} @media (max-width:520px){.woocommerce ul.products{grid-template-columns:1fr}} .woocommerce ul.products li.product{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow);text-align:center} .woocommerce ul.products li.product img{display:none} .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1.2rem;font-weight:800;color:var(--ink);margin:0 0 .5rem} .woocommerce ul.products li.product .price{display:block;font-size:1.4rem;font-weight:800;color:var(--red);margin-bottom:.8rem} .woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce button.button.alt,.woocommerce a.button.alt,.wc-block-components-button{background:var(--red)!important;color:#fff!important;border-radius:999px!important;font-weight:800!important;padding:.8rem 1.3rem!important;border:0!important;font-family:inherit!important;line-height:1.2!important} .woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover,.wc-block-components-button:hover{background:var(--red-dark)!important;color:#fff!important} .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container--default .select2-selection--single,.wc-block-components-text-input input,.woocommerce-input-wrapper .select2-selection{background:var(--surface)!important;color:var(--text)!important;border:1.5px solid var(--line)!important;border-radius:10px!important;padding:.7rem .9rem!important;font-family:inherit!important;min-height:44px} .woocommerce form .form-row label{color:var(--ink);font-weight:700;font-size:.9rem} .woocommerce table.shop_table,.woocommerce-checkout #order_review,.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout .woocommerce-checkout-payment,.wc-block-components-order-summary,.wc-block-components-sidebar{background:var(--surface);border:1px solid var(--line)!important;border-radius:var(--radius)!important;color:var(--text)} .woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--line)!important;color:var(--text)} .woocommerce table.shop_table th{color:var(--ink)} .woocommerce-checkout #payment{background:var(--surface)!important;border-radius:var(--radius)} .woocommerce-checkout #payment div.payment_box{background:var(--tint);color:var(--text)} .woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--tint)} .woocommerce-checkout #payment ul.payment_methods{border-bottom-color:var(--line)} .woocommerce-checkout #payment ul.payment_methods li{color:var(--ink);font-weight:700} .woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{background:var(--surface)!important;border-color:var(--line)!important;border-radius:12px;color:var(--text)!important} .woocommerce-message::before{color:var(--green)}.woocommerce-info::before{color:var(--ink)} .woocommerce-message a.button{float:none!important;margin-right:1rem} .woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{float:none;width:100%} .woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr;gap:1.5rem} .woocommerce-checkout .woocommerce-checkout{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:start} @media (max-width:900px){.woocommerce-checkout .woocommerce-checkout{grid-template-columns:1fr}} .woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:100%;margin-bottom:1.5rem} .woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0} .woocommerce-account .woocommerce-MyAccount-navigation li a{display:inline-block;padding:.5rem .9rem;border:1.5px solid var(--line);border-radius:999px;font-weight:700;color:var(--ink);background:var(--surface)} .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--brand);color:#fff;border-color:var(--brand)} .woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%} .woocommerce div.product .product_title{color:var(--ink)} .woocommerce div.product p.price{color:var(--red);font-weight:800;font-size:1.6rem} .woocommerce div.product form.cart .variations td{color:var(--text)} .woocommerce div.product form.cart .variations label{color:var(--ink);font-weight:700} .woocommerce div.product form.cart .quantity .qty{border:1.5px solid var(--line);border-radius:10px;padding:.6rem;background:var(--surface);color:var(--text)} .woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--surface);border-color:var(--line)} .woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--ink)} .woocommerce div.product .woocommerce-tabs .panel{color:var(--text)} .woocommerce div.product .woocommerce-product-gallery{display:none} .woocommerce div.product div.summary{float:none;width:100%;max-width:720px;margin:0 auto} .woocommerce-breadcrumb{color:var(--muted)!important;font-size:.85rem} .woocommerce-breadcrumb a{color:var(--ink)!important} .woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{display:none} .woocommerce-order-received .woocommerce-order{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:2rem} .woocommerce ul.order_details{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:0} .woocommerce ul.order_details li{border:0;padding:0;margin:0;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em} .woocommerce ul.order_details li strong{display:block;color:var(--ink);font-size:1rem;text-transform:none;letter-spacing:0} .woocommerce-privacy-policy-text,.woocommerce-terms-and-conditions-wrapper{color:var(--muted);font-size:.85rem} .wc-block-components-checkout-step__title,.wc-block-components-title,.wc-block-components-order-summary-item__description{color:var(--ink)} .wc-block-components-product-name,.wc-block-components-totals-item,.wc-block-components-radio-control__label,.wc-block-components-checkbox__label,.wc-block-components-text-input label,.wc-block-components-checkout-step__description{color:var(--text)!important} .wc-block-components-order-summary-item__image{display:none} .nx-hidden,#billing_country_field{display:none!important} .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)} .nx-404{text-align:center;padding:80px 0} .nx-404 b{display:block;font-size:6rem;color:var(--red);line-height:1;font-weight:800} .alignwide,.alignfull{max-width:100%} .wp-block-image img{height:auto} /* ===== brand variants (EN sites) ===== */ body.nx-youriptv4k{--accent:#D19C32;--accent-dark:#B8861F;--accent-ink:#111;--red:#D19C32;--red-dark:#B8861F;--gold:#8CC640;--brand:#D19C32;--plan-top:#1A1A22;--stat-bg:#D19C32;--stat-fg:#111;--bg:#0B0B10;--surface:#15161C;--line:#262833;--tint:#1E1F27;--ink:#FFFFFF;--text:#D9DBE3;--muted:#9A9DAD;--hero-bg:radial-gradient(900px 420px at 15% -10%,rgba(209,156,50,.22) 0%,transparent 60%),radial-gradient(700px 400px at 95% 10%,rgba(140,198,64,.12) 0%,transparent 55%);--header-bg:rgba(11,11,16,.97);--focus:#D19C32} body.nx-youriptv4k .logo b,body.nx-youriptv4k .eyebrow,body.nx-youriptv4k .hero h1 span{color:#D19C32} body.nx-youriptv4k .btn-red{color:#111} body.nx-youriptv4k .annonce,body.nx-noxaiptv .annonce{color:#111} body.nx-youriptv4k .annonce b,body.nx-noxaiptv .annonce b{background:rgba(0,0,0,.18)} body.nx-youriptv4k .seg button.on,body.nx-noxaiptv .seg button.on{color:#111} body.nx-youriptv4k .stat b,body.nx-noxaiptv .stat b{color:#111} body.nx-youriptv4k .stat span,body.nx-noxaiptv .stat span{color:#111;opacity:.85} body.nx-youriptv4k .plan.hot{border-color:#D19C32;box-shadow:0 20px 50px rgba(209,156,50,.18)} body.nx-youriptv4k .plan .ribbon{background:#D19C32;color:#111} body.nx-youriptv4k .plan .top .bonus.gold{background:#8CC640;color:#0B2A00} body.nx-youriptv4k .bigcta{background:linear-gradient(135deg,#15161C,#23242E)} body.nx-youriptv4k .bigcta::before{background:radial-gradient(circle,rgba(209,156,50,.45),transparent 65%)} body.nx-youriptv4k .step::before{background:#D19C32;color:#111} body.nx-youriptv4k .screens .pr,body.nx-youriptv4k .stat b i{color:#D19C32} body.nx-youriptv4k .stat b i{color:#111} body.nx-noxaiptv{--accent:#E9B949;--accent-dark:#C9992C;--accent-ink:#111;--red:#E9B949;--red-dark:#C9992C;--brand:#E9B949;--plan-top:#101426;--stat-bg:#E9B949;--stat-fg:#111;--bg:#070A14;--surface:#0F1322;--line:#1F2540;--tint:#161B30;--ink:#fff;--text:#D5D9E8;--muted:#98A0BA;--hero-bg:radial-gradient(900px 420px at 15% -10%,rgba(233,185,73,.2) 0%,transparent 60%);--header-bg:rgba(7,10,20,.97);--focus:#E9B949} body.nx-noxaiptv .logo b,body.nx-noxaiptv .eyebrow,body.nx-noxaiptv .hero h1 span{color:#E9B949} body.nx-noxaiptv .btn-red,body.nx-noxaiptv .step::before,body.nx-noxaiptv .plan .ribbon{color:#111} body.nx-noxaiptv .stat b i{color:#111} body.nx-alliptvhd{--accent:#29AAE2;--accent-dark:#17739A;--accent-ink:#fff;--red:#29AAE2;--red-dark:#17739A;--brand:#29AAE2;--plan-top:#0E1B2E;--stat-bg:#17739A;--stat-fg:#fff;--bg:#070B12;--surface:#0F1622;--line:#1E2A3D;--tint:#14202F;--ink:#fff;--text:#D5DCE8;--muted:#93A0B5;--hero-bg:radial-gradient(900px 420px at 15% -10%,rgba(41,170,226,.22) 0%,transparent 60%);--header-bg:rgba(7,11,18,.97);--focus:#29AAE2} body.nx-alliptvhd .logo b,body.nx-alliptvhd .eyebrow,body.nx-alliptvhd .hero h1 span{color:#29AAE2} body.nx-alliptvhd .stat b i{color:#FFC533} body.nx-alliptvhd .annonce{background:#29AAE2!important;color:#06141F} body.nx-alliptvhd .annonce b{background:rgba(0,0,0,.18)} body.nx-alliptvhd .stat span{opacity:1} body.nx-alliptvhd .btn-red{background:#17739A;color:#fff} body.nx-alliptvhd .btn-red:hover{background:#125E7E} /* hero brand image + poster carousel */ .hero-img{border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:4/3;background:var(--surface)} .hero-img img{width:100%;height:100%;object-fit:cover;display:block} .sport.has-img::before{background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.75))} .sport img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .sport.has-img b,.sport.has-img small{text-shadow:0 2px 8px rgba(0,0,0,.6)} .logo img{height:auto;max-height:40px;width:auto;max-width:200px;object-fit:contain;display:block} .plan .screens.single{display:none} .plan .lab.single{display:none}