/*
Theme Name: FansDirect
Theme URI: https://fansdirect.nl
Description: Custom theme voor FansDirect - Creator reviews & platform vergelijkingen
Author: FansDirect
Author URI: https://fansdirect.nl
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
License: Proprietary
Text Domain: fansdirect
*/

/* ====== DESIGN SYSTEM ====== */
:root{--fd:#38b6ff;--fdd:#2da3e8;--fdl:#e8f5ff;--fdb:#c8e8fc;--gr:#423f3e;--dn:#0F172A;--dnc:#1E293B;--tx:#334155;--txl:#64748B;--txm:#94A3B8;--brd:#E2E8F0;--bg:#F8FAFC;--bga:#F1F5F9;--wh:#fff;--gn:#10B981;--am:#F59E0B;--rd:#EF4444;--r:16px;--rs:10px}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--tx);line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--fd);text-decoration:none;transition:color .2s}
a:hover{color:var(--fdd)}
::selection{background:rgba(94,190,244,0.2)}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:3px}
input::placeholder{color:var(--txm)}
input:focus{border-color:var(--fd)!important;box-shadow:0 0 0 3px rgba(94,190,244,0.1);outline:none}

/* ====== LAYOUT ====== */
.fd-wrap{max-width:1240px;margin:0 auto;padding:0 16px}
.fd-wrap-sm{max-width:900px;margin:0 auto;padding:0 16px}
.fd-wrap-xs{max-width:700px;margin:0 auto;padding:0 16px}

/* ====== NAV ====== */
.fd-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--brd);transition:box-shadow .3s}
.fd-nav.scrolled{box-shadow:0 2px 24px rgba(0,0,0,0.06)}
.fd-nav-inner{max-width:1240px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}
.fd-logo{display:inline-flex;align-items:center;cursor:pointer;line-height:1;text-decoration:none;flex-wrap:nowrap}
.fd-logo-img{height:42px;width:auto}
.fd-logo-text{font-size:20px;font-weight:900;letter-spacing:-0.02em;white-space:nowrap}
.fd-logo-bracket{display:none}
.fd-nav-links{display:flex;gap:20px;align-items:center}
.fd-nav-links a{color:var(--txl);font-weight:500;font-size:0.85rem;text-decoration:none}
.fd-nav-links a:hover,.fd-nav-links a.active{color:var(--dn);font-weight:700}
.fd-nav-cta{background:linear-gradient(135deg,var(--fd),var(--fdd));color:#fff!important;font-weight:700;padding:8px 18px;border-radius:10px;font-size:0.8rem;border:none;cursor:pointer}
.fd-hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px}
.fd-mobile-menu{display:none;padding:8px 16px 16px;background:#fff;border-top:1px solid var(--bga)}
.fd-mobile-menu.open{display:block}
.fd-mobile-menu a{display:block;padding:14px 8px;border-bottom:1px solid #F8FAFC;color:var(--tx);font-size:1rem;font-weight:600;text-decoration:none}

/* Dropdown */
.fd-dropdown{position:relative}
.fd-mega-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:10px;z-index:100}
.fd-dropdown:hover .fd-mega-menu{display:block}
.fd-mega-inner{background:#fff;border:1px solid var(--brd);border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,0.12);padding:20px;display:flex;gap:24px;width:480px}
.fd-mega-col{flex:1;min-width:0}
.fd-mega-label{font-size:0.68rem;font-weight:700;color:var(--txm);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px}
.fd-mega-creator{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;text-decoration:none;transition:background .15s}
.fd-mega-creator:hover{background:var(--bg)}
.fd-mega-avatar{width:32px;height:32px;border-radius:8px;background:var(--bga);display:flex;align-items:center;justify-content:center;font-size:0.6rem;font-weight:800;color:var(--txm);flex-shrink:0;overflow:hidden;background-size:cover;background-position:center}
.fd-mega-name{font-size:0.82rem;font-weight:600;color:var(--dn);flex:1}
.fd-mega-score{font-size:0.72rem;font-weight:800;color:var(--fd);background:var(--fdl);padding:2px 8px;border-radius:6px}
.fd-mega-pills{display:flex;flex-wrap:wrap;gap:6px}
.fd-mega-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:1px solid var(--brd);font-size:0.75rem;font-weight:500;color:var(--tx);text-decoration:none;transition:all .15s}
.fd-mega-pill:hover{border-color:var(--fd);color:var(--fd);background:var(--fdl)}
.fd-mega-all{display:block;margin-top:16px;font-size:0.78rem;font-weight:700;color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--fd),var(--fdd));padding:10px 16px;border-radius:10px;text-align:center;transition:opacity .2s}
.fd-mega-all:hover{opacity:0.85;color:#fff}
.fd-hair-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--brd);flex-shrink:0}

/* ====== BUTTONS ====== */
.fd-btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:700;border-radius:14px;border:none;cursor:pointer;transition:all .2s;text-decoration:none;font-size:0.88rem;padding:13px 26px}
.fd-btn-primary{background:linear-gradient(135deg,var(--fd),var(--fdd));color:#fff}
.fd-btn-primary:hover{box-shadow:0 4px 20px rgba(94,190,244,0.3);transform:translateY(-1px);color:#fff}
.fd-btn-ghost{background:#fff;color:var(--dn);border:1px solid var(--brd)}
.fd-btn-ghost:hover{border-color:var(--fd);color:var(--fd)}
.fd-btn-sm{padding:8px 18px;font-size:0.8rem;border-radius:10px}
.fd-btn-outline{background:rgba(94,190,244,0.08);color:var(--fd);border:1px solid rgba(94,190,244,0.2);padding:8px 18px;border-radius:10px;font-size:0.8rem}

/* ====== PILLS ====== */
.fd-pill{background:#fff;border:1.5px solid var(--brd);padding:7px 14px;border-radius:10px;font-size:0.78rem;font-weight:500;color:var(--txl);cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .15s}
.fd-pill.active,.fd-pill:hover{background:var(--fd);border-color:var(--fd);color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(94,190,244,0.3)}

/* ====== DARK SECTIONS ====== */
.fd-dark{background:var(--dn);color:#fff;padding:48px 16px;position:relative;overflow:hidden}
.fd-dark h2,.fd-dark h3{color:#fff}
.fd-dark p{color:var(--txm)}
.fd-dark-card{background:var(--dnc);border:1px solid #334155;border-radius:var(--r);padding:24px}
.fd-dark-glow{position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,rgba(94,190,244,0.08) 0%,transparent 70%);pointer-events:none}

/* ====== HERO ====== */
.fd-hero{display:flex;align-items:center;background:linear-gradient(165deg,#F8FAFC 0%,var(--fdl) 50%,#F0F9FF 100%);position:relative;overflow:hidden;padding:100px 16px 48px}
.fd-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(94,190,244,0.05);border:1px solid rgba(94,190,244,0.15);padding:8px 18px;border-radius:100px;font-size:0.8rem;color:var(--fd);font-weight:600;margin-bottom:20px}
.fd-hero-pulse{width:8px;height:8px;background:var(--fd);border-radius:50%;animation:fdPulse 2s ease-in-out infinite}
@keyframes fdPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}
.fd-hero h1{font-size:clamp(2rem,7vw,3.2rem);font-weight:900;line-height:1.08;letter-spacing:-0.035em;margin-bottom:12px;color:var(--dn)}
.fd-hero h1 .blue{color:var(--fd)}
.fd-hero p{font-size:clamp(0.88rem,2.5vw,1.05rem);color:var(--txl);max-width:500px;margin:0 auto 24px;line-height:1.6}

/* ====== SEARCH ====== */
.fd-search-wrap{max-width:520px;margin:0 auto 24px;position:relative}
.fd-search-box{position:relative;background:#fff;border-radius:16px;border:2px solid var(--brd);box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:all .25s}
.fd-search-box.focused{border-color:var(--fd);box-shadow:0 8px 32px rgba(94,190,244,0.12)}
.fd-search-inner{display:flex;align-items:center;padding:4px 6px 4px 16px;gap:8px}
.fd-search-inner input{flex:1;border:none;outline:none;font-size:0.92rem;font-family:inherit;color:var(--dn);padding:13px 0;background:transparent}
.fd-search-btn{background:linear-gradient(135deg,var(--fd),var(--fdd));color:#fff;border:none;border-radius:12px;padding:10px 20px;font-weight:700;font-size:0.8rem;cursor:pointer;font-family:inherit;flex-shrink:0}
.fd-search-results{position:absolute;top:100%;left:0;right:0;margin-top:6px;background:#fff;border:1px solid var(--brd);border-radius:14px;box-shadow:0 16px 48px rgba(0,0,0,0.14);z-index:50;overflow:hidden;max-height:360px;overflow-y:auto;display:none}
.fd-search-results.open{display:block}
.fd-search-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid #F8FAFC;transition:background .1s}
.fd-search-item:hover{background:var(--bg)}
.fd-search-item-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,rgba(94,190,244,0.1),rgba(94,190,244,0.04));display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:800;color:var(--fd);flex-shrink:0}
.fd-search-all{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-top:1px solid var(--brd);cursor:pointer;font-size:0.82rem;font-weight:600;color:var(--fd);background:var(--bg)}

/* ====== CARDS ====== */
.fd-card{background:#fff;border:1px solid var(--brd);border-radius:var(--r);overflow:hidden;transition:all .3s;cursor:pointer;width:100%}
.fd-card:hover{border-color:var(--fd);transform:translateY(-4px);box-shadow:0 12px 36px rgba(94,190,244,0.1)}
.fd-card-img{height:280px;background:linear-gradient(145deg,var(--bga),#E2E8F0);position:relative;display:flex;align-items:center;justify-content:center}
.fd-card-img img{width:100%;height:100%;object-fit:cover}
.fd-card-img .initials{font-size:2.8rem;font-weight:900;color:rgba(94,190,244,0.1)}
.fd-card-rank{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,var(--fd),var(--fdd));color:#fff;font-weight:800;font-size:0.7rem;padding:5px 10px;border-radius:6px;display:flex;align-items:center;gap:3px}
.fd-card-platform{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);font-size:0.65rem;font-weight:600;padding:5px 10px;border-radius:6px;color:#fff}
.fd-card-flag{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));line-height:0;overflow:hidden;border:2px solid rgba(255,255,255,0.9)}
.fd-card-ig{position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,0.92);backdrop-filter:blur(10px);padding:8px 12px;display:flex;align-items:center;gap:6px;border-top:1px solid var(--brd)}
.fd-card-ig-dot{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#E1306C,#F77737);flex-shrink:0}
.fd-card-body{padding:14px 16px}
.fd-card-name{font-size:1rem;font-weight:700;color:var(--dn);margin-bottom:3px;display:flex;align-items:center;gap:6px}
.fd-card-verified{width:16px;height:16px;background:linear-gradient(135deg,var(--fd),var(--fdd));border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.fd-card-sub{font-size:0.72rem;color:var(--txm);margin-bottom:10px}
.fd-card-footer{padding:10px 16px;border-top:1px solid var(--bga);display:flex;justify-content:space-between;align-items:center}
.fd-card-price{font-size:0.8rem;font-weight:700;color:var(--fd)}
.fd-card-cta{font-size:0.72rem;font-weight:600;background:rgba(94,190,244,0.08);color:var(--fd);padding:6px 12px;border-radius:8px;transition:all .2s}
.fd-card:hover .fd-card-cta{background:linear-gradient(135deg,var(--fd),var(--fdd));color:#fff}

/* ====== CAROUSEL ====== */
@keyframes fdScrollL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fd-carousel{overflow:hidden;padding:8px 0 16px}
.fd-carousel{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 0 16px;cursor:grab;position:relative}
.fd-carousel::-webkit-scrollbar{display:none}
.fd-carousel.fd-grabbing{cursor:grabbing}
.fd-carousel-track{display:flex;gap:16px;padding-left:16px;padding-right:16px}
.fd-carousel .fd-card{min-width:220px;max-width:220px;flex-shrink:0;user-select:none;-webkit-user-select:none}

/* ====== GAUGE ====== */
.fd-gauge{background:#fff;border:1px solid var(--brd);border-radius:var(--r);padding:16px 12px;text-align:center}
.fd-gauge-label{font-size:0.72rem;color:var(--txl);font-weight:600;margin-top:8px}

/* ====== REVIEW PAGE ====== */
.fd-review-hero{background:linear-gradient(145deg,var(--fdl),var(--bga));border-radius:20px;padding:32px 24px;text-align:center;margin-bottom:24px;border:1px solid var(--fdb)}
.fd-review-hero .initials{font-size:4rem;font-weight:900;color:rgba(94,190,244,0.1)}
.fd-score-box{display:inline-flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--brd);padding:16px 24px;border-radius:16px}
.fd-score-big{font-size:2.4rem;font-weight:900;color:var(--fd);line-height:1}
.fd-overview-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--bga);font-size:0.85rem}
.fd-overview-row:last-child{border-bottom:none}
.fd-overview-label{color:var(--txm)}
.fd-overview-value{color:var(--tx);font-weight:600}
.fd-rating-bar{margin-bottom:12px}
.fd-rating-bar-header{display:flex;justify-content:space-between;font-size:0.8rem;margin-bottom:4px}
.fd-rating-bar-label{color:var(--txl);font-weight:600}
.fd-rating-bar-val{color:var(--dn);font-weight:700}
.fd-rating-bar-track{height:8px;background:var(--bga);border-radius:4px;overflow:hidden}
.fd-rating-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--fd),var(--fdd));transition:width 1.2s ease}
.fd-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}
.fd-pros,.fd-cons{background:#fff;border:1px solid var(--brd);border-radius:var(--r);padding:20px 16px}
.fd-pros{border-top:3px solid var(--gn)}
.fd-cons{border-top:3px solid var(--am)}
.fd-pros h3{color:var(--gn);font-size:0.9rem;margin-bottom:14px}
.fd-cons h3{color:var(--am);font-size:0.9rem;margin-bottom:14px}
.fd-pros li,.fd-cons li{list-style:none;padding:8px 0;font-size:0.85rem;border-bottom:1px solid #F8FAFC;display:flex;gap:8px}
.fd-pros li:last-child,.fd-cons li:last-child{border-bottom:none}
.fd-review-section{margin-bottom:28px}
.fd-review-section h2{font-size:1.15rem;font-weight:800;color:var(--dn);margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--brd)}
.fd-review-section p{font-size:0.92rem;line-height:1.75;color:var(--tx)}
.fd-faq-item{background:#fff;border:1px solid var(--brd);border-radius:14px;margin-bottom:10px;cursor:pointer;overflow:hidden}
.fd-faq-q{padding:16px;font-weight:700;color:var(--dn);display:flex;justify-content:space-between;align-items:center;font-size:0.9rem}
.fd-faq-a{padding:0 16px;max-height:0;overflow:hidden;transition:all .3s;font-size:0.85rem;color:var(--txl);line-height:1.7}
.fd-faq-item.open .fd-faq-a{max-height:500px;padding:0 16px 16px}

/* ====== FILTER BAR ====== */
.fd-filter-bar{background:#fff;border-bottom:1px solid var(--brd);padding:16px;position:sticky;top:56px;z-index:40}
.fd-filter-panel{background:#fff;border-bottom:1px solid var(--brd);padding:20px 16px;box-shadow:0 4px 16px rgba(0,0,0,0.04)}
.fd-filter-card{background:var(--bg);border-radius:14px;padding:16px;border:1px solid var(--brd)}
.fd-filter-label{font-size:0.65rem;color:var(--fd);font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:4px}
.fd-filter-label::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--fd)}

/* ====== PLATFORM CARDS ====== */
.fd-plat-card{background:#fff;border:1px solid var(--brd);border-radius:20px;overflow:hidden;margin-bottom:20px}
.fd-plat-card.featured{border-color:rgba(94,190,244,0.3);box-shadow:0 4px 24px rgba(94,190,244,0.08)}
.fd-plat-header{padding:24px;border-bottom:1px solid var(--brd);background:var(--fdl)}
.fd-plat-body{padding:20px}
.fd-plat-stat{background:var(--bg);border-radius:10px;padding:12px;text-align:center}
.fd-plat-stat-label{font-size:0.65rem;color:var(--txm);font-weight:600;text-transform:uppercase;margin-bottom:4px}
.fd-plat-stat-val{font-size:0.9rem;color:var(--dn);font-weight:700}
.fd-plat-cta{padding:16px 24px;background:var(--bg);border-top:1px solid var(--brd);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.fd-feature-tag{font-size:0.7rem;font-weight:600;padding:4px 10px;border-radius:6px;display:inline-block}
.fd-feature-yes{background:rgba(16,185,129,0.08);color:#059669}
.fd-feature-no{background:rgba(239,68,68,0.06);color:#DC2626}

/* ====== BLOG ====== */
.fd-blog-card{background:#fff;border:1px solid var(--brd);border-radius:var(--r);overflow:hidden;transition:all .2s}
.fd-blog-card:hover{border-color:var(--fd);box-shadow:0 8px 24px rgba(94,190,244,0.08)}
.fd-blog-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.fd-blog-tag{background:var(--fdl);color:var(--fd);font-size:0.68rem;font-weight:600;padding:3px 10px;border-radius:6px}
.fd-author-box{background:#fff;border:1px solid var(--brd);border-radius:var(--r);padding:24px;display:flex;gap:16px}
.fd-author-avatar{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff;flex-shrink:0}
.fd-author-linkedin{display:inline-flex;align-items:center;gap:6px;background:#0A66C2;color:#fff;font-size:0.78rem;font-weight:600;padding:7px 14px;border-radius:8px;text-decoration:none}

/* ====== BREADCRUMB ====== */
.fd-breadcrumb{display:flex;gap:6px;font-size:0.8rem;color:var(--txm);margin-bottom:24px;flex-wrap:wrap}
.fd-breadcrumb a{color:var(--txm);text-decoration:none}
.fd-breadcrumb a:hover{color:var(--fd)}

/* ====== FOOTER ====== */
.fd-footer{background:var(--dn);padding:56px 16px 28px}
.fd-footer-top{display:flex;gap:40px;flex-wrap:wrap}
.fd-footer-brand{flex:0 0 280px}
.fd-footer-brand .fd-logo-img{height:28px}
.fd-footer-links{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.fd-footer-col h4{color:#fff;font-weight:700;font-size:0.85rem;margin-bottom:14px;text-transform:uppercase;letter-spacing:0.5px}
.fd-footer a{color:#94A3B8;font-size:0.85rem;display:block;padding:4px 0;text-decoration:none;transition:color .2s}
.fd-footer a:hover{color:var(--fd)}
.fd-footer-bottom{font-size:0.78rem;color:#64748B}
.fd-footer-brand .fd-logo-img{height:36px}
.fd-footer-badge{display:inline-flex;align-items:center;gap:4px;font-size:0.75rem;font-weight:600;color:#CBD5E1;background:#1E293B;border:1px solid #334155;padding:6px 14px;border-radius:8px}
@media(max-width:768px){
  .fd-footer-top{flex-direction:column;gap:32px}
  .fd-footer-brand{flex:1 1 100%}
  .fd-footer-links{grid-template-columns:1fr 1fr;gap:24px}
}
@media(max-width:480px){
  .fd-footer-links{grid-template-columns:1fr}
}

/* ====== GRID HELPERS ====== */
.fd-grid{display:grid;gap:16px}
.fd-grid-2{grid-template-columns:repeat(2,1fr)}
.fd-grid-3{grid-template-columns:repeat(3,1fr)}
.fd-grid-4{grid-template-columns:repeat(4,1fr)}
.fd-grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.fd-flex{display:flex;gap:12px;flex-wrap:wrap}
.fd-flex-center{display:flex;align-items:center;justify-content:center}
.fd-text-center{text-align:center}

/* ====== FEATURES TOGGLE (mobile only) ====== */
.fd-features-toggle{display:none}
@media(max-width:768px){
  .fd-feature-extra{display:none}
  .fd-features-open .fd-feature-extra{display:block}
  .fd-features-toggle{display:block;margin:20px auto 0;background:transparent;border:1px solid #334155;color:#94A3B8;padding:10px 24px;border-radius:10px;font-size:0.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}
  .fd-features-toggle:hover{border-color:var(--fd);color:var(--fd)}
}

/* ====== RESPONSIVE ====== */
.admin-bar .fd-nav{top:32px}
.admin-bar .fd-filter-bar{top:88px}
@media(max-width:782px){
  .admin-bar .fd-nav{top:46px}
  .admin-bar .fd-filter-bar{top:102px}
}
@media(max-width:768px){
  .fd-nav-links{display:none!important}
  .fd-hamburger{display:block!important}
  .fd-pros-cons{grid-template-columns:1fr}
  .fd-grid-2{grid-template-columns:1fr}
  .fd-grid-3{grid-template-columns:1fr}
  .fd-grid-4{grid-template-columns:1fr 1fr}
  .fd-hero h1{font-size:2rem}
  .fd-hero{padding-top:90px!important}
  .fd-plat-header{padding:16px}
  .fd-plat-body{padding:16px}
  .fd-author-box{flex-direction:column}
  .fd-search-wrap{margin-left:8px;margin-right:8px}
  .fd-carousel .fd-card{min-width:180px!important;max-width:180px!important}
  table{font-size:0.72rem!important}
}
@media(max-width:480px){
  .fd-grid-4{grid-template-columns:1fr}
  .fd-hero{padding-top:80px!important;padding-bottom:32px!important}
  .fd-hero h1{font-size:1.7rem}
}

/* ====== WP CONTENT STYLING ====== */
.fd-review-content h2{font-size:1.05rem;font-weight:800;color:var(--dn);margin:32px 0 14px;padding:14px 18px;background:linear-gradient(135deg,var(--bg),#fff);border-radius:12px;border-left:4px solid var(--fd);line-height:1.4}
.fd-review-content h3{font-size:0.95rem;font-weight:700;color:var(--dn);margin:20px 0 8px}
.fd-review-content p{font-size:0.92rem;line-height:1.85;color:var(--tx);margin-bottom:16px}
.fd-review-content ul,.fd-review-content ol{margin:0 0 16px 20px;font-size:0.92rem;line-height:1.75;color:var(--tx)}
.fd-review-content img{border-radius:12px;margin:16px 0}
.fd-review-content blockquote{border-left:3px solid var(--fd);padding:12px 20px;margin:16px 0;background:var(--fdl);border-radius:0 12px 12px 0;font-style:italic;color:var(--txl)}
.fd-review-section{background:#fff;border:1px solid var(--brd);border-radius:16px;padding:24px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
.fd-review-section h2{margin-top:0!important;background:var(--dn)!important;color:#fff!important;border-left:4px solid var(--fd)!important;border-radius:12px!important;padding:14px 18px!important}
.fd-review-section:nth-child(even of .fd-review-section){background:var(--bg)}
.fd-review-section p{padding:0 4px}
.fd-blog-content h2,.fd-blog-content h3,.fd-blog-content p,.fd-blog-content ul,.fd-blog-content ol,.fd-blog-content img,.fd-blog-content blockquote{margin-bottom:16px}
.fd-blog-content h2{font-size:1.3rem;font-weight:800;color:var(--dn);margin-top:32px}
.fd-blog-content p{font-size:0.95rem;line-height:1.8;color:var(--tx)}

/* ====== TABLE OVERFLOW ====== */
.fd-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px}

/* ====== STARS ====== */
.fd-stars{display:inline-flex;gap:1px;align-items:center;vertical-align:middle}

/* ====== 404 ====== */
.fd-404{text-align:center;padding:120px 16px 80px}
.fd-404 h1{font-size:4rem;font-weight:900;color:var(--fd);margin-bottom:8px}
.fd-404 p{color:var(--txl);font-size:1rem;margin-bottom:24px}

/* ====== WP PAGINATION ====== */
.nav-links{display:flex;gap:8px;justify-content:center}
.nav-links a,.nav-links span{padding:8px 14px;border-radius:8px;font-size:0.85rem;font-weight:600;border:1px solid var(--brd);color:var(--txl);text-decoration:none}
.nav-links .current,.nav-links a:hover{background:var(--fd);color:#fff;border-color:var(--fd)}

/* ====== CREATOR WORDEN PAGE ====== */
.fd-cw-step{background:#fff;border:1px solid var(--brd);border-radius:14px;padding:20px;display:flex;gap:16px;align-items:flex-start;margin-bottom:12px;transition:border-color .2s}
.fd-cw-step:hover{border-color:var(--fd)}
.fd-cw-step-icon{width:48px;height:48px;flex-shrink:0;background:linear-gradient(135deg,var(--fd),var(--fdd));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}
.fd-cw-step-icon svg{width:22px;height:22px;stroke:#fff}
.fd-cw-step-label{font-size:0.7rem;font-weight:700;color:var(--fd);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px}
.fd-cw-step-title{font-weight:700;color:var(--dn);font-size:0.95rem;margin-bottom:6px}
.fd-cw-step-text{font-size:0.84rem;color:var(--txl);line-height:1.65;margin:0}
.fd-cw-table{width:100%;border-collapse:separate;border-spacing:0;background:#1E293B;border-radius:14px;overflow:hidden;font-size:0.85rem}
.fd-cw-table thead{background:#334155}
.fd-cw-table th{padding:14px 16px;text-align:left;color:#94A3B8;font-weight:700;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.5px}
.fd-cw-table td{padding:14px 16px;border-top:1px solid #334155;color:#CBD5E1}
.fd-cw-table td strong{color:#fff}
.fd-cw-table tr:hover td{background:rgba(56,182,255,0.05)}
.fd-cw-table svg{vertical-align:middle}
.fd-cw-tier{background:#fff;border:1px solid var(--brd);border-radius:14px;padding:20px 16px;text-align:center;transition:border-color .2s}
.fd-cw-tier:hover{border-color:var(--fd)}
.fd-cw-tier-icon{width:40px;height:40px;margin:0 auto 12px;background:var(--fdl);border-radius:10px;display:flex;align-items:center;justify-content:center}
.fd-cw-tier-icon svg{width:20px;height:20px;stroke:var(--fd)}
.fd-cw-privacy{background:#fff;border:1px solid var(--brd);border-radius:14px;padding:16px;display:flex;gap:14px;align-items:flex-start;transition:border-color .2s}
.fd-cw-privacy:hover{border-color:var(--fd)}
.fd-cw-privacy-icon{width:40px;height:40px;flex-shrink:0;background:var(--fdl);border-radius:10px;display:flex;align-items:center;justify-content:center}
.fd-cw-privacy-icon svg{width:18px;height:18px;stroke:var(--fd)}
.fd-cw-warning{background:#FFFBEB;border:1px solid #FDE68A;border-radius:14px;padding:18px 20px;display:flex;gap:12px;align-items:flex-start;font-size:0.86rem;color:#92400E;line-height:1.6}

/* ====== PLATFORM SCROLL CARDS ====== */
.fd-plat-scroll{display:flex;gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 16px 16px;cursor:grab;scroll-snap-type:x mandatory}
.fd-plat-scroll::-webkit-scrollbar{display:none}
.fd-plat-card{min-width:300px;max-width:300px;flex-shrink:0;background:#fff;border:2px solid var(--brd);border-radius:16px;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s;scroll-snap-align:start;overflow:hidden}
.fd-plat-card:first-child{border-color:var(--fd);box-shadow:0 4px 24px rgba(56,182,255,0.12)}
.fd-plat-card:hover{border-color:var(--fd);box-shadow:0 8px 32px rgba(56,182,255,0.15)}
.fd-plat-card-top{padding:24px 20px 16px;text-align:center;border-bottom:1px solid var(--bga)}
.fd-plat-card-badge{display:inline-block;color:#fff;font-size:0.68rem;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.3px}
.fd-plat-card-name{font-size:1.2rem;font-weight:800;color:var(--dn);margin-bottom:8px}
.fd-plat-card-desc{font-size:0.78rem;color:var(--txl);line-height:1.55}
.fd-plat-card-meta{display:flex;justify-content:center;gap:16px;margin-top:12px;font-size:0.72rem;font-weight:600;color:var(--tx)}
.fd-plat-card-lists{padding:16px 20px;flex:1}
.fd-plat-card-pros div,.fd-plat-card-cons div{display:flex;align-items:center;gap:6px;font-size:0.78rem;padding:4px 0;color:var(--tx)}
.fd-plat-card-pros div svg{flex-shrink:0}
.fd-plat-card-cons{margin-top:8px;padding-top:8px;border-top:1px solid var(--bga)}
.fd-plat-card-cons div{color:var(--txm)}
.fd-plat-card-cons div svg{flex-shrink:0}
.fd-plat-card-bottom{padding:16px 20px;border-top:1px solid var(--bga);display:flex;flex-direction:column;gap:8px}
.fd-plat-card-cta{display:block;background:linear-gradient(135deg,var(--fd),var(--fdd));color:#fff;font-weight:700;font-size:0.85rem;padding:12px;border-radius:10px;text-align:center;text-decoration:none;transition:opacity .2s}
.fd-plat-card-cta:hover{opacity:0.85;color:#fff}
.fd-plat-card-review{display:block;font-size:0.75rem;font-weight:600;color:var(--fd);text-align:center;text-decoration:none;padding:4px}
.fd-plat-card-review:hover{text-decoration:underline}
@media(max-width:480px){.fd-plat-card{min-width:270px;max-width:270px}}

/* ====== RANKING MEDALS (3D + SHINE) ====== */
.fd-rank-default{background:linear-gradient(135deg,var(--fd),var(--fdd));color:#fff;font-weight:800;font-size:0.72rem;padding:7px 14px;border-radius:10px}
.fd-rank-medal{display:inline-block;font-weight:800;font-size:0.72rem;padding:8px 18px;border-radius:10px;color:#fff;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,0.3);box-shadow:0 2px 4px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.25) inset,0 -1px 0 rgba(0,0,0,0.15) inset}
.fd-rank-medal::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:fdMedalShine 3s ease-in-out infinite;pointer-events:none}
.fd-rank-medal::after{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,0.2),transparent);pointer-events:none;border-radius:10px 10px 0 0}
.fd-rank-1{background:linear-gradient(160deg,#FFD700,#FFA500,#FFD700);box-shadow:0 3px 8px rgba(255,215,0,0.4),0 1px 0 rgba(255,255,255,0.35) inset,0 -1px 0 rgba(0,0,0,0.15) inset}
.fd-rank-1::before{animation-duration:2.5s}
.fd-rank-2{background:linear-gradient(160deg,#E8E8E8,#A8A8A8,#D0D0D0);box-shadow:0 3px 8px rgba(192,192,192,0.4),0 1px 0 rgba(255,255,255,0.4) inset,0 -1px 0 rgba(0,0,0,0.12) inset;color:#333}
.fd-rank-2::before{animation-duration:3.5s}
.fd-rank-3{background:linear-gradient(160deg,#E08A3C,#CD7F32,#D4943A);box-shadow:0 3px 8px rgba(205,127,50,0.4),0 1px 0 rgba(255,255,255,0.25) inset,0 -1px 0 rgba(0,0,0,0.2) inset}
.fd-rank-3::before{animation-duration:4s}
@keyframes fdMedalShine{0%{left:-100%}40%,100%{left:150%}}