/*
Theme Name: ClickBank Product Guide
Author: Custom
Version: 3.0.0
Description: Colorful mobile-first affiliate product discovery theme.
*/
:root{--navy:#182047;--violet:#7154f5;--pink:#ee4aab;--cyan:#17b7e7;--gold:#ffbb55;--muted:#64718c;--bg:#f7f8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--navy);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{text-decoration:none;color:var(--violet)}a:hover{text-decoration:none}img{max-width:100%;height:auto}button,input{font:inherit}.wrap{max-width:1220px;margin:auto;padding:0 22px}.top{background:#fff;border-bottom:1px solid #eae9fa;position:sticky;top:0;z-index:50;box-shadow:0 6px 20px #1724540a}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}.brand{font-weight:950;font-size:1.5rem;letter-spacing:-.06em;color:#22204c}.brand:after{content:"✦";color:#f34aa9;margin-left:5px}.menu{display:flex;align-items:center;gap:17px;flex-wrap:wrap;padding:0;margin:0;list-style:none}.menu a{color:#31365c;font-size:.89rem;font-weight:750}.menu a:hover{color:var(--pink)}.hero{background:radial-gradient(circle at 87% 22%,#fe85b77c,transparent 30%),radial-gradient(circle at 12% 75%,#1ad5e855,transparent 38%),linear-gradient(118deg,#2d2778,#6345d8 53%,#c343a0);color:white;padding:94px 0 100px;position:relative;overflow:hidden}.hero:after{content:"✦";position:absolute;right:7%;top:10%;font-size:15rem;opacity:.12;transform:rotate(-14deg)}.hero .wrap{position:relative;z-index:1}.hero .eyebrow{display:inline-block;background:#ffffff26;border:1px solid #ffffff66;border-radius:99px;padding:7px 17px;font-size:.77rem;letter-spacing:.12em;font-weight:850;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,5.6vw,5.1rem);line-height:1.08;max-width:860px;letter-spacing:-.065em;margin:20px 0}.hero h1 em{font-style:normal;color:#ffdc76}.hero p{max-width:680px;font-size:1.12rem;color:#f3eefe}.search{max-width:650px;background:#fff;border-radius:17px;padding:8px;display:flex;gap:8px;box-shadow:0 20px 35px #17134d36;margin-top:32px}.search input{flex:1;min-width:0;border:0;outline:0;padding:13px 16px;border-radius:10px;color:#293158}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 21px;border-radius:12px;border:0;background:linear-gradient(110deg,#7054f6,#d948b1);box-shadow:0 7px 18px #674ee82e;color:white;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #674ee83d;color:white}.search .btn{background:linear-gradient(110deg,#ffae55,#ff648e);color:#34204b}.section{padding:52px 0}.section h2{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.2;letter-spacing:-.055em;margin:0 0 24px}.section h2:after{content:"";display:block;width:65px;height:5px;border-radius:20px;margin-top:12px;background:linear-gradient(90deg,var(--violet),var(--pink),var(--gold))}.cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.cat{min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;border:1px solid #e7e7f7;border-radius:18px;padding:18px;font-size:.94rem;line-height:1.3;font-weight:850;color:#2c2b63;box-shadow:0 8px 26px #3a39760b;transition:.2s}.cat:before{content:"✦";font-size:1.25rem;color:#8e61ee}.cat:nth-child(5n+2):before{color:#ff6caa}.cat:nth-child(5n+3):before{color:#19b8dc}.cat:nth-child(5n+4):before{color:#e4a72c}.cat:nth-child(5n):before{color:#39b98e}.cat:hover{transform:translateY(-4px);border-color:#c7b4ff;box-shadow:0 15px 30px #5148b31b}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:white;border:1px solid #e9e9f6;border-radius:22px;overflow:hidden;box-shadow:0 12px 32px #1c22550d;display:flex;flex-direction:column;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 20px 35px #37317a1c}.card-media{display:block;overflow:hidden}.card img{width:100%;height:225px;object-fit:cover;display:block;transition:transform .3s}.card:hover img{transform:scale(1.04)}.card-body{padding:23px;display:flex;flex-direction:column;flex:1}.card-tag{display:inline-block;align-self:flex-start;border-radius:99px;background:#f0eaff;color:#7047c6;font-size:.7rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:5px 11px}.card h3{font-size:1.26rem;line-height:1.3;letter-spacing:-.03em;margin:12px 0}.card h3 a{color:#20264b}.card p{color:var(--muted);font-size:.93rem;flex:1;margin:0 0 20px}.card .btn{align-self:flex-start;font-size:.88rem}.placeholder{height:225px;background:linear-gradient(135deg,#e8e2ff,#fbd8ef,#d7f4ff);display:grid;place-items:center;color:#7255ba;font-weight:900;letter-spacing:.08em}.article{max-width:900px;background:#fff;border:1px solid #e8e9f7;border-radius:24px;padding:clamp(20px,4.5vw,50px);margin:42px auto;box-shadow:0 14px 35px #1e265410}.article h1{font-size:clamp(2.1rem,4.6vw,3.65rem);line-height:1.15;letter-spacing:-.06em;margin:8px 0 18px;background:linear-gradient(100deg,#2d2776,#854ac6,#e24898);background-clip:text;-webkit-background-clip:text;color:transparent}.article h2{color:#4031a0;line-height:1.25}.article h3{color:#a43993}.article .featured{width:100%;border-radius:16px}.article p{overflow-wrap:anywhere}.article .small{color:var(--muted);font-size:.87rem}.disclose{font-size:.79rem;color:#67738b;background:#f6f7fc;padding:10px 13px;border-radius:9px}.offer{background:linear-gradient(120deg,#f1edff,#fff0f9);border:1px solid #dcd1ff;border-radius:20px;padding:30px;text-align:center;margin:34px 0}.offer h2{margin:0 0 8px}.offer p{color:#616a84}.offer .btn{min-width:210px}.ad{max-width:100%;overflow:hidden;text-align:center;margin:20px 0}.ad iframe{max-width:100%}.footer{background:#1c1a48;color:#d4d4ee;padding:40px 0;margin-top:40px}.footer p{font-size:.86rem}.footer a{color:#fff}.pages{margin:26px 0}.pages .page-numbers{padding:9px 14px;border-radius:9px;background:white;margin-right:5px}.pages .current{background:#7254ed;color:white}@media(max-width:1050px){.cats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cats{grid-template-columns:repeat(2,minmax(0,1fr))}.top .wrap{display:block;padding-top:13px;padding-bottom:13px}.menu{margin-top:9px;gap:8px 15px}.hero{padding:64px 0}}@media(max-width:580px){.wrap{padding:0 15px}.grid{grid-template-columns:1fr}.cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cat{min-height:100px;padding:12px;font-size:.8rem}.section{padding:32px 0}.hero{padding:50px 0 58px}.hero h1{font-size:2.55rem}.search{flex-direction:column}.search .btn{width:100%}.article{margin:18px auto;border-radius:14px}.card img,.placeholder{height:210px}.card-body{padding:18px}}