/* Theme Name: NX IPTV Theme URI: https://iptvfranceelite.com Author: Noxa Description: Thème IPTV léger et rapide (HTML/CSS natif, sans page builder) avec WooCommerce. 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 */ :root{ --bg:#F6F7FB; --surface:#FFFFFF; --ink:#0B1A5C; --ink-2:#1E2A66; --text:#26304F; --muted:#5B6480; --line:#E3E7F2; --tint:#EEF1FB; --red:#D7263D; --red-dark:#B51B30; --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,.88); --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; --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,.85); --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:var(--green);color:#fff;box-shadow:0 8px 20px rgba(34,164,93,.28)} .btn-green:hover{background:var(--green-dark)} .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);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);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}} /* 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} /* 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:#7B8BFF}html[data-theme="dark"] .pay .pp,body.nx-dark .pay .pp{color:#6FA8FF} .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 a:hover{color:var(--ink)} /* floating whatsapp */ .wa{position:fixed;right:18px;bottom:18px;z-index:60;width:56px;height:56px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(34,164,93,.4)} .wa svg{width:28px;height:28px} .wa:hover{background:var(--green-dark)} /* ===== 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} .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}