/*
Theme Name: Digital Picks Pro
Author: Digital Picks
Description: Fast, SEO-optimized WordPress theme for blogs that review digital products for comfort, education, health and making money online. Built to follow Google AdSense program policies: an AdSense Readiness checklist, trust pages, ads only on long articles, reserved ad slots (no layout shift), cookie consent, auto Table of Contents, schema markup, breadcrumbs, author box, required legal pages and menus created on activation.
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: digitalpicks
Tags: blog, digital-products, two-columns, custom-menu, featured-images, threaded-comments, translation-ready, accessibility-ready
*/

:root{
  --pi-primary:#0f766e;--pi-primary-dark:#0b5a54;--pi-accent:#f97316;--pi-ink:#1f2937;--pi-muted:#6b7280;
  --pi-bg:#ffffff;--pi-soft:#f4f9f8;--pi-border:#e5e7eb;--pi-radius:12px;--pi-max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--pi-ink);background:var(--pi-bg);line-height:1.7;font-size:18px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--pi-primary);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--pi-primary-dark)}
h1,h2,h3,h4{line-height:1.25;color:#111827;margin:1.6em 0 .6em}
h1{font-size:clamp(1.9rem,4vw,2.7rem);margin-top:0}
h2{font-size:clamp(1.45rem,3vw,1.9rem)}
h3{font-size:1.3rem}
.container{width:100%;max-width:var(--pi-max);margin:0 auto;padding:0 20px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:fixed;top:8px;left:8px;background:#fff;padding:10px 16px;z-index:9999;clip:auto;width:auto;height:auto}
:focus-visible{outline:3px solid var(--pi-accent);outline-offset:2px}

/* Header */
.topbar{background:var(--pi-primary-dark);color:#fff;font-size:.8rem;text-align:center;padding:6px 10px}
.site-header{background:#fff;border-bottom:1px solid var(--pi-border);position:sticky;top:0;z-index:100}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.site-title{font-size:1.5rem;font-weight:800;margin:0}
.site-title a{text-decoration:none;color:var(--pi-primary)}
.site-title span{color:var(--pi-accent)}
.site-description{margin:0;font-size:.75rem;color:var(--pi-muted)}
.custom-logo{max-height:52px;width:auto}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;align-items:center}
.main-nav a{display:block;padding:10px 14px;text-decoration:none;color:var(--pi-ink);font-weight:600;font-size:.95rem;border-radius:8px}
.main-nav a:hover,.main-nav .current-menu-item>a{background:var(--pi-soft);color:var(--pi-primary)}
.main-nav .sub-menu{display:none;position:absolute;background:#fff;border:1px solid var(--pi-border);border-radius:10px;padding:6px;min-width:200px;flex-direction:column;align-items:stretch;box-shadow:0 10px 25px rgba(0,0,0,.08)}
.main-nav li{position:relative}
.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:flex}
.menu-toggle{display:none;background:var(--pi-primary);color:#fff;border:0;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer}
.header-search{display:flex}
.header-search input[type=search]{border:1px solid var(--pi-border);border-radius:8px 0 0 8px;padding:9px 12px;font-size:.9rem;width:160px}
.header-search button{border:0;background:var(--pi-accent);color:#fff;padding:0 14px;border-radius:0 8px 8px 0;cursor:pointer;font-weight:700}

/* Hero + slider */
.hero{background:linear-gradient(135deg,#ecfdf5,#fff7ed);padding:44px 0 30px}
.hero h1{margin-bottom:.3em}
.hero p.lead{font-size:1.15rem;color:var(--pi-muted);max-width:720px;margin:0 0 20px}
.btn{display:inline-block;background:var(--pi-accent);color:#fff!important;padding:13px 24px;border-radius:999px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:1rem}
.btn:hover{background:#ea580c}
.btn.secondary{background:var(--pi-primary)}
.slider{position:relative;overflow:hidden;border-radius:var(--pi-radius);margin-top:26px;background:#111}
.slides{display:flex;transition:transform .5s ease}
.slide{min-width:100%;position:relative;aspect-ratio:21/9}
.slide img{width:100%;height:100%;object-fit:cover;opacity:.75}
.slide .caption{position:absolute;left:0;right:0;bottom:0;padding:24px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff}
.slide .caption a{color:#fff;text-decoration:none}
.slide .caption h2{margin:0 0 6px;color:#fff;font-size:clamp(1.1rem,2.6vw,1.8rem)}
.slide .caption .cat{background:var(--pi-accent);display:inline-block;padding:2px 10px;border-radius:99px;font-size:.75rem;font-weight:700;margin-bottom:8px}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:0;width:42px;height:42px;border-radius:50%;font-size:1.3rem;cursor:pointer;z-index:2}
.slider-btn.prev{left:12px}.slider-btn.next{right:12px}
.slider-dots{position:absolute;bottom:10px;right:16px;display:flex;gap:6px;z-index:2}
.slider-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0}
.slider-dots button.active{background:var(--pi-accent)}

/* Sections / grid */
.section{padding:44px 0}
.section-title{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 22px;border-bottom:2px solid var(--pi-border);padding-bottom:10px}
.section-title h2{margin:0}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.cat-card{background:var(--pi-soft);border:1px solid var(--pi-border);border-radius:var(--pi-radius);padding:18px;text-decoration:none;color:var(--pi-ink);font-weight:700;display:block}
.cat-card:hover{border-color:var(--pi-primary);transform:translateY(-2px)}
.cat-card small{display:block;color:var(--pi-muted);font-weight:400}
.grid{display:grid;gap:22px;grid-template-columns:repeat(4,1fr)}
.grid.three{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid var(--pi-border);border-radius:var(--pi-radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}
.card:hover{box-shadow:0 10px 25px rgba(0,0,0,.08)}
.card .thumb{aspect-ratio:16/10;background:var(--pi-soft);overflow:hidden}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.card .body{padding:14px 16px 18px;display:flex;flex-direction:column;flex:1}
.card .cat{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--pi-accent);text-decoration:none}
.card h3{font-size:1.05rem;margin:6px 0 8px}
.card h3 a{color:#111827;text-decoration:none}
.card h3 a:hover{color:var(--pi-primary)}
.card p{font-size:.88rem;color:var(--pi-muted);margin:0 0 10px;line-height:1.55}
.meta{font-size:.8rem;color:var(--pi-muted);margin-top:auto}
.pagination{display:flex;gap:8px;justify-content:center;margin:34px 0 0;flex-wrap:wrap}
.pagination .page-numbers{padding:10px 16px;border:1px solid var(--pi-border);border-radius:8px;text-decoration:none;font-weight:600}
.pagination .current{background:var(--pi-primary);color:#fff;border-color:var(--pi-primary)}

/* Layout with sidebar */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;padding:34px 0 50px}
.layout.no-sidebar{grid-template-columns:minmax(0,1fr)}
.breadcrumbs{font-size:.85rem;color:var(--pi-muted);margin-bottom:14px}
.breadcrumbs a{color:var(--pi-muted)}
.entry-title{margin-bottom:.4em}
.entry-meta{font-size:.88rem;color:var(--pi-muted);display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.entry-thumb{margin:0 0 24px;border-radius:var(--pi-radius);overflow:hidden}
.entry-content{font-size:1.06rem}
.entry-content p{margin:0 0 1.2em}
.entry-content img{border-radius:10px}
.entry-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:1.4em 0}
.entry-content th,.entry-content td{border:1px solid var(--pi-border);padding:10px 12px;text-align:left}
.entry-content th{background:var(--pi-soft)}
.entry-content blockquote{border-left:4px solid var(--pi-accent);margin:1.4em 0;padding:6px 20px;background:var(--pi-soft);border-radius:0 10px 10px 0}
.toc{background:var(--pi-soft);border:1px solid var(--pi-border);border-radius:var(--pi-radius);padding:16px 22px;margin:0 0 28px}
.toc strong{display:block;margin-bottom:6px}
.toc ol{margin:0;padding-left:20px}
.toc li{margin:4px 0;font-size:.95rem}
.toc ol ol{margin-top:4px}
.disclosure{font-size:.85rem;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 14px;margin:0 0 22px;color:#78350f}
.author-box{display:flex;gap:18px;align-items:center;background:var(--pi-soft);border-radius:var(--pi-radius);padding:20px;margin:36px 0}
.author-box img{border-radius:50%}
.author-box h3{margin:0 0 4px;font-size:1.1rem}
.author-box p{margin:0;font-size:.92rem;color:var(--pi-muted)}
.review-note{font-size:.85rem;color:var(--pi-muted);border-top:1px solid var(--pi-border);padding-top:12px;margin-top:24px}
.post-tags a{display:inline-block;background:var(--pi-soft);border:1px solid var(--pi-border);border-radius:99px;padding:2px 12px;margin:0 6px 6px 0;font-size:.82rem;text-decoration:none}
.related{margin-top:40px}
.progress{position:fixed;top:0;left:0;height:4px;background:var(--pi-accent);width:0;z-index:200}

/* Sidebar & widgets */
.sidebar .widget{background:#fff;border:1px solid var(--pi-border);border-radius:var(--pi-radius);padding:18px;margin-bottom:24px}
.sidebar .widget-title{font-size:1.05rem;margin:0 0 10px;border-bottom:2px solid var(--pi-accent);padding-bottom:6px;display:inline-block}
.sidebar ul{list-style:none;margin:0;padding:0}
.sidebar li{padding:6px 0;border-bottom:1px dashed var(--pi-border);font-size:.95rem}
.sidebar li:last-child{border:0}
.sticky-ad{position:sticky;top:90px}

/* Ads: reserved space prevents layout shift (good for Core Web Vitals + AdSense policy) */
.ad-slot{margin:28px auto;text-align:center;clear:both;min-height:280px}
.ad-slot.ad-header{min-height:100px;margin:16px auto}
.ad-slot.ad-sidebar{min-height:600px;margin:0 0 24px}
.ad-label{display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;margin-bottom:4px}
.ad-slot ins{display:block}

/* Footer */
.site-footer{background:#0b1f1d;color:#cbd5d1;margin-top:40px;padding:44px 0 20px;font-size:.92rem}
.site-footer a{color:#e5f4f1}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px}
.site-footer h4{color:#fff;margin:0 0 12px;font-size:1rem}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{padding:4px 0}
.footer-bottom{border-top:1px solid #1f3a37;margin-top:28px;padding-top:16px;font-size:.8rem;text-align:center}
.footer-legal{margin-top:14px;font-size:.78rem;color:#94a3a0}
.footer-menu{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;margin:18px 0 0}

/* Cookie banner */
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;max-width:760px;margin:0 auto;background:#111827;color:#fff;border-radius:14px;padding:16px 20px;z-index:9999;display:none;gap:16px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35);font-size:.88rem}
.cookie-banner.show{display:flex}
.cookie-banner a{color:#fcd34d}
.cookie-banner button{border:0;border-radius:99px;padding:9px 18px;font-weight:700;cursor:pointer}
.cookie-banner .accept{background:var(--pi-accent);color:#fff}
.cookie-banner .reject{background:#374151;color:#fff}

/* Forms / comments / 404 */
input[type=text],input[type=email],input[type=search],textarea{width:100%;border:1px solid var(--pi-border);border-radius:8px;padding:11px 12px;font:inherit}
.comment-list{list-style:none;padding:0}
.comment-body{border:1px solid var(--pi-border);border-radius:10px;padding:14px;margin-bottom:14px}
.error-404{text-align:center;padding:70px 0}
.notice{padding:12px 16px;border-radius:8px;margin-bottom:16px}
.notice.ok{background:#ecfdf5;border:1px solid #6ee7b7}
.notice.err{background:#fef2f2;border:1px solid #fca5a5}
.hp{position:absolute;left:-9999px}

/* Responsive */
@media(max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.sticky-ad{position:static}.ad-slot.ad-sidebar{min-height:280px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){
 body{font-size:17px}
 .menu-toggle{display:block}
 .main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--pi-border);padding:10px 20px}
 .main-nav.open{display:block}
 .main-nav ul{flex-direction:column;align-items:stretch}
 .main-nav .sub-menu{display:flex;position:static;border:0;box-shadow:none;padding-left:14px}
 .header-search{display:none}
 .header-inner{position:relative}
 .slide{aspect-ratio:4/3}
 .cookie-banner.show{flex-direction:column;align-items:stretch}
}
@media(max-width:560px){.grid,.grid.three{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.author-box{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===================== HOME PAGE v2 ===================== */
:root{--pi-peach:#fda47f;--pi-purple:#a99cf5;--pi-blue:#4a8df7;--pi-green:#7ee07f;--pi-cream:#fdf1e4;--pi-primary:#2f6fe4;--pi-primary-dark:#1e4fb0;--pi-accent:#f2784b}
.btn{background:#111;border-radius:6px;padding:12px 24px}
.btn:hover{background:#333}
.btn.small{padding:7px 16px;font-size:.85rem}
.tone-peach{background:var(--pi-peach)}.tone-purple{background:var(--pi-purple)}.tone-blue{background:var(--pi-blue)}.tone-green{background:var(--pi-green)}.tone-dark{background:#222}
.ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:4rem}
.eyebrow{color:var(--pi-blue);font-size:.9rem;font-weight:600}
.center-head{text-align:center;margin-bottom:30px}
.center-head h2,.split-head h2{margin:0 0 6px;font-size:clamp(1.6rem,3vw,2.2rem)}
.center-head p,.split-head p{margin:0;color:var(--pi-muted);font-size:.95rem}
.split-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;flex-wrap:wrap}

/* Hero */
.hero2{background:linear-gradient(180deg,#fff3e8,#fff);padding:50px 0 40px}
.hero2-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.hero2 h1{font-size:clamp(2rem,4.6vw,3.3rem);margin:0 0 .35em;line-height:1.12}
.hero2 .lead{color:var(--pi-muted);font-size:1.05rem;max-width:520px}
.trust{list-style:none;padding:0;margin:22px 0 0;display:flex;gap:18px;flex-wrap:wrap;font-size:.9rem;font-weight:600}
.hero2-visual{position:relative;padding:24px}
.blob{position:absolute;border-radius:24px;z-index:0}
.b-peach{width:62%;height:70%;left:0;bottom:0;background:var(--pi-peach)}
.b-purple{width:55%;height:68%;right:0;top:0;background:var(--pi-purple)}
.hero-slider{margin:0;z-index:1;border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.hero-slider .slide{aspect-ratio:4/3}
.hero-ph{position:relative;z-index:1;font-size:6rem;text-align:center;padding:60px 0}

/* About */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.collage{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:1/1.05}
.collage>div{border-radius:14px;overflow:hidden}
.collage img{width:100%;height:100%;object-fit:cover}
.collage .c1{grid-row:1/3;margin-bottom:60px}
.collage .c3{background:var(--pi-cream)}
.badge-box{position:absolute;left:0;bottom:0;background:var(--pi-blue);color:#fff;border-radius:8px;padding:16px 26px;display:flex;align-items:center;gap:10px;z-index:2;max-width:70%}
.badge-box strong{font-size:2.2rem;line-height:1}
.badge-box span{font-weight:700;line-height:1.2}
.about h2,.why h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:.2em 0 .5em}
.feat{display:flex;gap:14px;margin:18px 0}
.feat p{margin:2px 0 0;font-size:.9rem;color:var(--pi-muted)}
.ico{flex:0 0 46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}
.ico-green{background:#d9f7da;color:#16a34a}.ico-peach{background:#ffe0d2;color:#ea580c}.ico-blue{background:#dbe8ff;color:#2563eb}.ico-purple{background:#e7e2ff;color:#6d28d9}.ico-white{background:#fff;color:#16a34a}

/* Picks */
.picks{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.pick{display:flex;gap:18px;border:1px solid var(--pi-border);border-radius:12px;padding:14px;align-items:stretch}
.pick .tone-thumb{flex:0 0 38%;min-height:170px;border-radius:10px}
.pick-body h3{margin:6px 0;font-size:1.15rem}
.pick-body h3 a{color:#111;text-decoration:none}
.pick-body p{font-size:.88rem;color:var(--pi-muted);margin:0 0 8px}
.chip{display:inline-block;background:var(--pi-peach);color:#7c2d12;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:5px}
.tone-thumb{display:block;overflow:hidden;position:relative}
.tone-thumb img{width:100%;height:100%;object-fit:cover}

/* Promos */
.promos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px auto 10px}
.promo{position:relative;border-radius:10px;padding:26px 24px;min-height:160px;color:#111;text-decoration:none;overflow:hidden;display:block}
.promo.tone-purple,.promo.tone-blue{color:#fff}
.promo small{display:block;font-size:.8rem;font-weight:700}
.promo strong{display:block;font-size:1.6rem;line-height:1.15;margin:6px 0 12px;max-width:62%}
.promo .tag{display:inline-block;background:rgba(255,255,255,.35);padding:3px 12px;border-radius:4px;font-size:.78rem;font-weight:700}
.promo i{position:absolute;right:14px;bottom:4px;font-size:5.4rem;font-style:normal;opacity:.95}

/* Product cards */
.pcard{border:1px solid var(--pi-border);border-radius:8px;padding:8px;background:#fff}
.pcard .tone-thumb{aspect-ratio:1/1;border-radius:6px}
.pc-body{padding:10px 4px 4px}
.pc-body h3{font-size:.98rem;margin:0 0 6px}
.pc-body h3 a{color:#111;text-decoration:none}
.pc-body p{font-size:.8rem;color:var(--pi-muted);margin:0 0 8px;line-height:1.45}
.pc-foot{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700;border-top:1px solid var(--pi-border);padding-top:8px;color:#111}

/* Why */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.why-img{border-radius:10px;overflow:hidden;aspect-ratio:16/8;margin-top:18px}
.why-img img{width:100%;height:100%;object-fit:cover}
.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wbox{border-radius:8px;padding:22px}
.wbox.cream{background:var(--pi-cream)}
.wbox.green{background:var(--pi-green)}
.wbox .ico{margin-bottom:12px}
.wbox p{margin:6px 0 0;font-size:.85rem;color:#4b5563}
.wbox.green p{color:#14532d}
.topics{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:10px 20px 40px}
.topics a{border:1px solid var(--pi-border);border-radius:999px;padding:9px 20px;text-decoration:none;color:#111;font-weight:700;background:#fff}
.topics a:hover{border-color:var(--pi-accent);color:var(--pi-accent)}

/* Reviews */
.reviews{background:var(--pi-cream)}
.rev-wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center}
.rev-card{background:#fff;border-radius:12px;padding:34px;box-shadow:0 8px 24px rgba(0,0,0,.06);position:relative}
.rev{display:none}.rev.active{display:block}
.rev p{font-size:1.02rem}
.rev-btns{display:flex;gap:8px;justify-content:flex-end}
.rev-btns button{width:34px;height:34px;border-radius:6px;border:0;background:#111;color:#fff;font-size:1.2rem;cursor:pointer}
.rev-art{font-size:9rem;text-align:center;background:radial-gradient(circle at 60% 40%,var(--pi-blue) 0 52%,transparent 53%);line-height:1.2}

/* Team */
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.member{border-radius:8px;overflow:hidden;position:relative;text-decoration:none;aspect-ratio:3/4}
.member img{width:100%;height:100%;object-fit:cover}
.member span{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);color:#fff;text-align:center;padding:8px;font-weight:700;font-size:.9rem}

/* News */
.news{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ncard{border-radius:16px;padding:10px 10px 18px}
.nthumb{display:block;border-radius:10px;overflow:hidden;aspect-ratio:16/10;background:rgba(255,255,255,.4)}
.nthumb img{width:100%;height:100%;object-fit:cover}
.nmeta{font-size:.74rem;margin:12px 8px 6px;color:#111;font-weight:600}
.ncard h3{font-size:1.02rem;margin:0 8px 6px}
.ncard h3 a{color:#111;text-decoration:none}
.ncard p{font-size:.84rem;margin:0 8px 12px;color:#1f2937}
.ncard .btn{margin-left:8px}

/* Newsletter */
.newsletter{background:var(--pi-blue);color:#fff;margin-top:30px}
.nl-grid{display:grid;grid-template-columns:150px 1fr 1.1fr;gap:26px;align-items:center;padding-top:34px;padding-bottom:34px}
.nl-pet{font-size:5.5rem;line-height:1;text-align:center;align-self:end}
.nl-pet img{max-height:150px;width:auto;margin:-60px auto 0}
.newsletter h2{color:#fff;margin:0 0 6px;font-size:1.5rem}
.newsletter p{margin:0;font-size:.9rem;opacity:.95}
.nl-form{display:flex;gap:10px}
.nl-form input[type=email]{flex:1;border:0;border-radius:4px;padding:13px}
.nl-form button{background:#111;color:#fff;border:0;border-radius:4px;padding:0 22px;font-weight:700;cursor:pointer}
.nl-msg{margin-top:8px!important;font-weight:700}

/* Footer v2 */
.site-footer{background:#0a0a0a;color:#bdbdbd;margin-top:0}
.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}
.site-footer .social{display:flex;gap:8px}
.site-footer .social a{width:30px;height:30px;border-radius:5px;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;font-weight:800;text-decoration:none;font-size:.8rem}

@media(max-width:1024px){
 .hero2-grid,.about-grid,.why-grid,.rev-wrap{grid-template-columns:1fr}
 .promos,.news{grid-template-columns:1fr}
 .team{grid-template-columns:repeat(2,1fr)}
 .nl-grid{grid-template-columns:1fr;text-align:center}
 .nl-pet{display:none}
 .picks{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){.pick{flex-direction:column}.pick .tone-thumb{flex:none}.why-cards{grid-template-columns:1fr}.nl-form{flex-direction:column}.nl-form button{padding:12px}.footer-grid{grid-template-columns:1fr}}

/* ===================== COVER (hero) v3: vibrant ===================== */
.hero2{position:relative;overflow:hidden}
.hero2 .container{position:relative;z-index:2}
.hero-vibrant{background:radial-gradient(1000px 500px at 85% 10%,rgba(124,58,237,.65),transparent 60%),radial-gradient(800px 500px at 0% 100%,rgba(242,120,75,.45),transparent 60%),linear-gradient(135deg,#0f172a 0%,#1e3a8a 55%,#2f6fe4 100%);color:#fff;padding:70px 0 120px}
.hero-vibrant h1{color:#fff;font-size:clamp(2.2rem,5.2vw,3.9rem);line-height:1.08;letter-spacing:-.02em}
.hero-vibrant .hl{background:linear-gradient(90deg,#fdba74,#fde68a,#f9a8d4);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero-vibrant .lead{color:#dbeafe;font-size:1.15rem}
.hero-vibrant .trust{color:#e0e7ff}
.pill{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);color:#fff;border-radius:999px;padding:7px 16px;font-size:.82rem;font-weight:700;margin-bottom:16px}
.hero-light .pill{background:#fff;border-color:#fed7aa;color:#c2410c}
.hero-search{display:flex;background:#fff;border-radius:999px;padding:6px;max-width:560px;margin:22px 0 14px;box-shadow:0 14px 40px rgba(0,0,0,.28)}
.hero-search input[type=search]{flex:1;border:0;background:transparent;padding:12px 18px;font-size:1rem;outline:none;min-width:0}
.hero-search button{border:0;background:linear-gradient(135deg,#f2784b,#f59e0b);color:#fff;border-radius:999px;padding:0 26px;font-weight:800;cursor:pointer;font-size:1rem}
.hero-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 20px;font-size:.85rem}
.hero-chips span{opacity:.8}
.hero-chips a{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);color:#fff;padding:4px 12px;border-radius:999px;text-decoration:none;font-weight:600}
.hero-chips a:hover{background:#fff;color:#1e3a8a}
.hero-light .hero-chips a{background:#fff;border-color:var(--pi-border);color:#111}
.hero-cta{margin:0 0 26px}
.btn.cta{background:linear-gradient(135deg,#f2784b,#f59e0b);color:#fff!important;padding:15px 30px;font-size:1.05rem;border-radius:999px;box-shadow:0 10px 24px rgba(242,120,75,.45)}
.btn.cta:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ea580c,#f59e0b)}
.stats{display:flex;gap:14px;flex-wrap:wrap}
.stats div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);border-radius:14px;padding:12px 20px;min-width:110px}
.stats strong{display:block;font-size:1.6rem;line-height:1.1;color:#fff}
.stats span{font-size:.78rem;color:#c7d2fe;font-weight:600}
.hero-light .stats div{background:#fff;border-color:var(--pi-border)}
.hero-light .stats strong{color:#111}.hero-light .stats span{color:var(--pi-muted)}
.hero-light{padding-bottom:90px}
.hero-vibrant .b-peach{background:linear-gradient(135deg,#f2784b,#f59e0b);opacity:.9}
.hero-vibrant .b-purple{background:linear-gradient(135deg,#7c3aed,#c084fc);opacity:.9}
.hero-wave{position:absolute;left:0;bottom:-1px;width:100%;height:70px;z-index:1;display:block}
/* floating shapes */
.fx{position:absolute;border-radius:50%;filter:blur(2px);z-index:0;animation:pi-float 9s ease-in-out infinite}
.fx1{width:220px;height:220px;left:-60px;top:40px;background:rgba(253,164,127,.25)}
.fx2{width:140px;height:140px;left:46%;top:-30px;background:rgba(169,156,245,.35);animation-delay:-3s}
.fx3{width:260px;height:260px;right:-80px;bottom:30px;background:rgba(126,224,127,.18);animation-delay:-6s}
.float{position:absolute;z-index:3;background:#fff;color:#111;border-radius:999px;padding:8px 16px;font-weight:800;font-size:.85rem;box-shadow:0 10px 26px rgba(0,0,0,.25);animation:pi-float 5s ease-in-out infinite;white-space:nowrap}
.f1{top:0;left:6%}.f2{bottom:14%;left:-14px;animation-delay:-1.5s}.f3{top:30%;right:-10px;animation-delay:-3s}
@keyframes pi-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media(prefers-reduced-motion:reduce){.fx,.float{animation:none!important}}
@media(max-width:1024px){.hero-vibrant{padding:50px 0 100px}.f2{left:6px}.f3{right:6px}}
@media(max-width:560px){.hero-search button{padding:0 16px}.stats div{flex:1;min-width:90px;padding:10px}.float{display:none}}


/* ===================== TOP OF PAGE = theme preview (header + cover) ===================== */
body,button,input,textarea,select{font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
h1,h2,h3,h4{font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.site-header{border-bottom:0;box-shadow:0 1px 0 rgba(15,23,42,.06)}
.header-inner{gap:24px;min-height:70px}
.site-title{font-size:1.65rem;font-weight:800;letter-spacing:-.02em;line-height:1}
.site-title a{color:var(--pi-primary)}
.site-title a span{color:var(--pi-accent)}
.main-nav{margin-left:auto}
.main-nav a{font-weight:500;font-size:.98rem;padding:8px 14px}
.header-search input[type=search]{background:#f4f7f8;border:0;border-radius:12px;padding:10px 16px;width:150px;font-size:.88rem}
.header-search button{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.hero-vibrant{padding:40px 0 100px}
.hero2-grid{grid-template-columns:1.4fr 1fr;gap:30px}
.hero-vibrant h1{font-size:clamp(2.2rem,4.8vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0 0 .4em}
.hero-vibrant .lead{font-size:1.1rem;max-width:600px;line-height:1.55}
.hero-vibrant .pill{background:#fff;color:#c2410c;border:0;font-weight:600;padding:9px 22px;margin-bottom:22px;backdrop-filter:none}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.hero-actions .hero-cta{margin:0}
.btn.cta{background:#f2784b;box-shadow:none;font-weight:700;padding:16px 28px;font-size:1.02rem}
.btn.cta:hover{background:#ea580c}
.hero-search button{background:#f2784b;font-weight:700}
.stats{gap:12px}
.stats div{background:#fff;border:0;backdrop-filter:none;border-radius:14px;padding:10px 16px;min-width:0;width:120px}
.stats strong{color:#1e3a8a;font-size:1.45rem;font-weight:700}
.stats span{color:#6b7280;font-weight:500}
.hero-vibrant .b-peach{background:#f2784b;opacity:1}
.hero-vibrant .b-purple{background:#7c3aed;opacity:1}
.hero-slider{border-radius:0;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.hero-slider .slide img{opacity:1}
.hero-slider .slide .caption{background:#0f172a;padding:16px 20px;top:auto}
.hero-slider .slide .caption .cat{background:#f2784b;font-size:.7rem;padding:2px 12px}
.hero-slider .slide .caption h2{font-size:1rem;font-weight:700;margin:0}
@media(max-width:1024px){.hero2-grid{grid-template-columns:1fr}.hero-vibrant{padding:36px 0 90px}}
@media(max-width:560px){.hero-actions{gap:16px}.stats div{width:auto;flex:1}}

/* Footer extras (v1.2.0) */
.footer-extra{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:28px;padding-top:20px;border-top:1px solid #1f3a37}
.footer-extra .widget-title{color:#fff;margin:0 0 10px;font-size:1rem}
.site-footer .menu,.site-footer ul.menu{list-style:none;margin:0;padding:0}
@media(min-width:1025px){.footer-grid{grid-template-columns:1.6fr repeat(var(--fcols,3),1fr)}}


/* Top social links bar: editable and toggleable in Appearance > Customize > Top Social Links */
.top-social-bar{background:#f3f7fb;border-bottom:1px solid var(--pi-border);font-size:.82rem;line-height:1.3}
.top-social-inner{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:38px;flex-wrap:wrap;padding-top:5px;padding-bottom:5px}
.top-social-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;padding:3px;border-radius:50%;width:34px;height:34px}
.top-social-link:hover{background:#e4edf7;color:var(--pi-primary)}
.top-social-link .social-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--social-color,var(--pi-primary));color:#fff;font-size:16px;font-family:Arial,sans-serif;font-weight:800;line-height:1}.top-social-link:hover{transform:translateY(-1px);filter:brightness(.94)}.top-social-bar{position:relative;z-index:20}
.entry-page{box-sizing:border-box}
@media(max-width:768px){.top-social-inner{justify-content:center;gap:5px}.top-social-link{width:32px;height:32px;padding:2px}.top-social-link .social-icon{width:27px;height:27px;flex-basis:27px}.page-full-width .entry-page{padding-left:0;padding-right:0}}


/* ===== Top social icons: icons only, brand colors, size from Customizer (16-40px) ===== */
.top-social-bar{--social-size:28px}
.top-social-inner{gap:10px;min-height:calc(var(--social-size) + 14px)}
.top-social-link{width:var(--social-size);height:var(--social-size);padding:0;border-radius:50%;background:none!important;transition:transform .15s ease,filter .15s ease}
.top-social-link:hover{background:none!important;transform:translateY(-1px) scale(1.06);filter:none}
.top-social-link .social-icon{width:100%;height:100%;flex:0 0 auto;border-radius:50%;padding:calc(var(--social-size) * .17);box-sizing:border-box;background:#111;overflow:hidden}
.top-social-link .social-icon svg{display:block;width:100%;height:100%}
.top-social-link.social-social_fb .social-icon{background:#1877F2}
.top-social-link.social-social_ig .social-icon{background:linear-gradient(45deg,#f58529 0%,#dd2a7b 45%,#8134af 100%)}
.top-social-link.social-social_tiktok .social-icon{background:#000}
.top-social-link.social-social_yt .social-icon{background:#FF0000}
.top-social-link.social-social_pin .social-icon{background:#E60023}
.top-social-link.social-social_x .social-icon{background:#000}
.top-social-link.social-social_yt .social-icon,.top-social-link.social-social_tiktok .social-icon{padding:calc(var(--social-size) * .12)}
@media(max-width:768px){.top-social-inner{justify-content:center;gap:10px}.top-social-link{width:var(--social-size);height:var(--social-size);padding:0}.top-social-link .social-icon{width:100%;height:100%;flex-basis:auto}}


/* ===================== v2: review blocks, archives, tables ===================== */
.archive-desc{color:var(--pi-muted);margin:-6px 0 24px;max-width:720px}
.pi-box{border:1px solid var(--pi-border);border-radius:var(--pi-radius);padding:16px 20px;margin:24px 0;background:var(--pi-soft)}
.pi-box strong{display:block;margin-bottom:6px}
.pi-box ul{margin:6px 0 0;padding-left:20px}
.pi-box p:last-child{margin-bottom:0}
.pi-takeaways{border-left:5px solid var(--pi-primary)}
.pi-verdict{background:#fff7ed;border-color:#fed7aa;border-left:5px solid var(--pi-accent)}
.pi-proscons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.pi-proscons>div{border:1px solid var(--pi-border);border-radius:var(--pi-radius);padding:14px 18px}
.pi-proscons strong{display:block;margin-bottom:4px}
.pi-proscons ul{margin:0;padding-left:20px}
.pi-pros{background:#f0fdf4;border-color:#bbf7d0!important}
.pi-cons{background:#fef2f2;border-color:#fecaca!important}
.pi-faq{margin:32px 0}
.pi-faq details{border:1px solid var(--pi-border);border-radius:10px;padding:12px 16px;margin:10px 0;background:#fff}
.pi-faq summary{cursor:pointer;font-weight:700}
.pi-faq details>div{margin-top:8px}
.pi-faq details>div p:last-child{margin-bottom:0}
.pi-btn,.entry-content a.pi-btn{display:inline-block;background:var(--pi-accent);color:#fff!important;font-weight:700;padding:11px 24px;border-radius:99px;text-decoration:none!important}
.pi-btn:hover{filter:brightness(.95)}
.pi-btn-wrap{margin:22px 0}
.pi-pick{display:flex;gap:18px;align-items:center;justify-content:space-between;border:1px solid var(--pi-border);border-radius:var(--pi-radius);padding:18px 20px;margin:24px 0;background:#fff;box-shadow:0 4px 18px rgba(15,23,42,.05)}
.pi-pick-title{font-size:1.15rem;display:block}
.pi-pick-price{display:inline-block;font-size:.8rem;font-weight:700;color:var(--pi-primary);background:var(--pi-soft);border-radius:99px;padding:2px 10px;margin:4px 0 6px}
.pi-pick-body p{margin:6px 0 0;font-size:.95rem}
.entry-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:24px 0;font-size:.95rem}
.entry-content th,.entry-content td{border:1px solid var(--pi-border);padding:10px 12px;text-align:left;vertical-align:top}
.entry-content th{background:var(--pi-soft)}
@media(max-width:640px){.pi-proscons{grid-template-columns:1fr}.pi-pick{flex-direction:column;align-items:flex-start}}

/* ===================== v2.1: magazine-style home ===================== */
.mg-intro{background:linear-gradient(135deg,#f0fdfa 0%,#fff 55%,#fff7ed 100%);padding:56px 0 48px;border-bottom:1px solid var(--pi-border)}
.mg-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}
.mg-kicker{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pi-primary);background:#ccfbf1;border-radius:99px;padding:5px 14px;margin-bottom:16px}
.mg-intro h1{font-size:clamp(2.1rem,4.8vw,3.4rem);line-height:1.1;margin:0 0 .4em}
.mg-intro h1 .hl{color:var(--pi-accent)}
.mg-intro .lead{font-size:1.1rem;color:var(--pi-muted);max-width:560px;margin:0 0 22px}
.mg-search{display:flex;gap:8px;max-width:560px;background:#fff;border:2px solid var(--pi-border);border-radius:14px;padding:6px}
.mg-search:focus-within{border-color:var(--pi-primary)}
.mg-search input{flex:1;min-width:0;border:0;outline:0;padding:10px 12px;font:inherit;font-size:1rem;background:transparent}
.mg-search button{border:0;background:var(--pi-primary);color:#fff;font:inherit;font-weight:700;border-radius:10px;padding:0 22px;cursor:pointer}
.mg-links{margin:18px 0 0;display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:.95rem}
.mg-scope{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mg-scope li{background:#fff;border:1px solid var(--pi-border);border-radius:16px;padding:18px;box-shadow:0 6px 20px rgba(15,23,42,.05)}
.mg-scope li:nth-child(even){transform:translateY(14px)}
.mg-scope i{font-style:normal;font-size:1.8rem;display:block;margin-bottom:6px}
.mg-scope strong{display:block}
.mg-scope span{display:block;font-size:.85rem;color:var(--pi-muted);line-height:1.4}
.mg-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 20px}
.mg-head h2{margin:0;font-size:1.6rem}
.mg-head h2:after{content:"";display:block;width:48px;height:4px;background:var(--pi-accent);border-radius:4px;margin-top:8px}
.mg-feature{padding:46px 0 0}
.mg-feature-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}
.mg-media{display:block;overflow:hidden}
.mg-media img{width:100%;height:100%;object-fit:cover}
.mg-media .ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:3rem}
.mg-lead{position:relative;border-radius:18px;overflow:hidden;min-height:440px;background:#0f172a;color:#fff;display:flex;align-items:flex-end}
.mg-lead .mg-media{position:absolute;inset:0}
.mg-lead:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 25%,rgba(15,23,42,.9));pointer-events:none}
.mg-lead .mg-body{position:relative;z-index:2;padding:26px}
.mg-lead h3{color:#fff;font-size:clamp(1.4rem,2.6vw,2rem);margin:8px 0}
.mg-lead h3 a{color:#fff;text-decoration:none}
.mg-lead p{margin:0 0 8px;opacity:.92}
.mg-lead .mg-meta{color:#cbd5e1}
.mg-side{display:grid;gap:14px;align-content:start}
.mg-item{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid var(--pi-border);border-radius:14px;padding:10px}
.mg-item .mg-media{aspect-ratio:1/1;border-radius:10px}
.mg-item h3{font-size:1rem;margin:4px 0;line-height:1.3}
.mg-item h3 a,.mg-row h3 a{color:var(--pi-ink);text-decoration:none}
.mg-item h3 a:hover,.mg-row h3 a:hover{color:var(--pi-primary)}
.mg-chip{display:inline-block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--pi-accent);border-radius:99px;padding:2px 10px}
.mg-item .mg-chip,.mg-row .mg-chip{background:var(--pi-soft);color:var(--pi-primary)}
.mg-meta{font-size:.8rem;color:var(--pi-muted)}
.mg-trust{margin:36px 0 10px}
.mg-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:var(--pi-soft);border:1px solid var(--pi-border);border-radius:18px;padding:20px 24px}
.mg-trust-item{display:flex;gap:12px;align-items:flex-start}
.mg-trust-item i{font-style:normal;font-size:1.5rem}
.mg-trust-item strong{display:block}
.mg-trust-item span,.mg-trust-item a{font-size:.88rem;color:var(--pi-muted)}
.mg-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:start}
.mg-row{display:grid;grid-template-columns:230px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--pi-border)}
.mg-row .mg-media{aspect-ratio:16/10;border-radius:12px}
.mg-row h3{margin:6px 0;font-size:1.2rem;line-height:1.3}
.mg-row p{margin:0 0 6px;color:var(--pi-muted);font-size:.95rem}
.mg-aside{position:sticky;top:90px;display:grid;gap:22px}
.mg-box{border:1px solid var(--pi-border);border-radius:16px;padding:20px;background:#fff}
.mg-box h3{margin:0 0 12px;font-size:1.1rem}
.mg-top{list-style:none;margin:0;padding:0;counter-reset:t}
.mg-top li{counter-increment:t;display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--pi-border)}
.mg-top li:last-child{border-bottom:0}
.mg-top li:before{content:counter(t);flex:0 0 28px;height:28px;border-radius:50%;background:var(--pi-primary);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.mg-top a{color:var(--pi-ink);text-decoration:none;font-weight:600;line-height:1.35}
.mg-top a:hover{color:var(--pi-primary)}
.mg-nl{background:linear-gradient(135deg,#0f766e,#115e59);border:0;color:#fff}
.mg-nl h3{color:#fff}
.mg-nl p{margin:0 0 12px;font-size:.9rem;opacity:.95}
.mg-nl form{display:grid;gap:10px}
.mg-nl input[type=email]{border:0;border-radius:10px;padding:12px;font:inherit}
.mg-nl button{border:0;border-radius:10px;padding:12px;background:var(--pi-accent);color:#fff;font:inherit;font-weight:700;cursor:pointer}
@media(max-width:960px){.mg-intro-grid,.mg-feature-grid,.mg-cols{grid-template-columns:1fr}.mg-aside{position:static}.mg-scope li:nth-child(even){transform:none}.mg-trust-grid{grid-template-columns:1fr}.mg-lead{min-height:340px}}
@media(max-width:600px){.mg-row{grid-template-columns:1fr}.mg-item{grid-template-columns:90px 1fr}.mg-search button{padding:0 14px}}