/*
Theme Name: Ecomargix Hub
Author: Ecomargix
Version: 1.0.0
Description: Responsive affiliate offer directory theme.
*/
:root{--navy:#101832;--ink:#10162d;--violet:#5738f5;--pink:#d846d8;--muted:#66708b}*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#f7f8fd}a{text-decoration:none;color:inherit}.wrap{width:min(1200px,92%);margin:auto}.top{background:#fff;border-bottom:1px solid #e7e9f4;position:sticky;top:0;z-index:30}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:25px;letter-spacing:-1px}.brand small{display:block;font-size:10px;letter-spacing:0;font-weight:600;color:#66708b;margin-top:-6px}.mark{display:grid;place-items:center;background:linear-gradient(135deg,#1477ff,#6134f5 58%,#eb40b3);color:white;width:43px;height:43px;border-radius:13px;font-weight:900;font-size:26px;box-shadow:0 5px 14px #5237e540}.brand b{color:#5435f5}.links{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.links a{font-size:13px;font-weight:700}.links a:hover{color:#5939ed}.contact{background:#5738f5;color:#fff!important;border-radius:24px;padding:10px 20px}.hero{background:radial-gradient(circle at 77% 12%,#372084 0%,transparent 36%),linear-gradient(125deg,#0c1632,#17143c 60%,#101936);color:white;padding:74px 0 62px;border-radius:0 0 38px 38px}.eyebrow{display:inline-block;border-radius:30px;background:#273b68;padding:6px 14px;font-size:12px;color:#d9e5ff}.hero h1{font-size:clamp(36px,5.4vw,69px);line-height:1.08;letter-spacing:-2px;margin:22px 0 16px;max-width:740px}.hero h1 em{font-style:normal;color:#d75ce8}.hero p{color:#c8d0e6;max-width:680px}.search{background:white;border-radius:14px;padding:9px;display:flex;gap:8px;max-width:820px;margin-top:26px;box-shadow:0 14px 40px #080b2555}.search input,.search select{padding:14px;border:0;min-width:0;background:#fff;color:#1c2740;font-size:15px}.search input{flex:1}.search select{max-width:190px;border-left:1px solid #e8eaf1}.btn{border:0;background:#5838f5;color:white;padding:14px 25px;border-radius:9px;font-weight:750;cursor:pointer}.verticals{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:11px;margin-top:32px}.tile{min-height:130px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:white;box-shadow:0 9px 20px #050a2040;text-align:center;font-size:13px;font-weight:800}.tile span{font-size:29px}.tile:nth-child(1){background:#7634f2}.tile:nth-child(2){background:#ff8126}.tile:nth-child(3){background:#1171fa}.tile:nth-child(4){background:#ef344b}.tile:nth-child(5){background:#ed3c94}.tile:nth-child(6){background:#00ba73}.tile:nth-child(7){background:#f8ad09}.tile:nth-child(8){background:#06aeea}.section{padding:55px 0}.section h2{font-size:30px;margin:0 0 9px}.sub{color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:white;border:1px solid #e8eaf3;padding:27px;border-radius:17px;box-shadow:0 6px 25px #1d255b09}.feature strong{font-size:20px}.feature p{color:#66708b}.empty{padding:28px;border:1px dashed #bbc1d6;border-radius:16px;background:#fff;color:#5c6780}.inner{padding:70px 0;min-height:45vh}.inner article{max-width:850px;background:white;padding:36px;border-radius:18px}.inner h1{font-size:clamp(32px,5vw,48px);line-height:1.15}.inner p{color:#49536d}.foot{background:#11182e;color:white;padding:55px 0 22px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.foot a{display:block;margin:7px 0;color:#c8d0e2;font-size:14px}.foot h3{font-size:15px}.foot p{color:#abb6cf}.bottom{border-top:1px solid #34405a;padding-top:20px;margin-top:40px;color:#aab5cb;font-size:13px}.mobiletoggle{display:none}@media(max-width:1000px){.links{display:none}.mobiletoggle{display:block;background:#f0edff;border:0;padding:9px 13px;border-radius:8px;font-weight:800}.links.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:20px 5%;box-shadow:0 20px 30px #0002;max-height:75vh;overflow:auto}.links.open a{padding:7px}.verticals{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.hero{padding:43px 0;border-radius:0 0 24px 24px}.hero h1{letter-spacing:-1px}.verticals{grid-template-columns:repeat(2,1fr)}.search{flex-wrap:wrap}.search input{flex-basis:100%}.search select{flex:1}.search .btn{flex:1}.features,.footgrid{grid-template-columns:1fr}.inner{padding:32px 0}.inner article{padding:23px}.brand{font-size:21px}}