/* NonCasinos — affiliate-theme design system (ported 1:1 from the Lovable build) */

/* ---------- Tokens ---------- */
:root{
  --bg:#F8F7F4; --surface:#FFFFFF; --surface-2:#F1EEE8; --surface-3:#FBFAF7; --border:#E7E2D8;
  --text:#14181F; --text-muted:#5C6473; --primary:#16233B; --primary-hover:#0F1A2E; --on-primary:#FFFFFF;
  --accent:#0E7C66; --accent-soft:#E7F2EE; --gold:#C8902A; --gold-soft:#F7EFDD; --danger:#B4452F; --radius:1rem;
  --shadow-panel:0 1px 2px rgba(20,24,31,.04),0 8px 24px rgba(20,24,31,.06);
  --shadow-lift:0 6px 16px rgba(20,24,31,.08),0 20px 40px rgba(20,24,31,.08);
  --font-display:"Fraunces",ui-serif,Georgia,serif;
  --font-sans:"Inter",ui-sans-serif,system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
  --container:1280px;
}
html[data-theme="dark"]{
  --bg:#0E1116; --surface:#181C23; --surface-2:#222732; --surface-3:#13161C; --border:#2A303B;
  --text:#E9ECF1; --text-muted:#98A1AF; --primary:#E2B457; --primary-hover:#EDC168; --on-primary:#14181F;
  --accent:#57C0A5; --accent-soft:#15241F; --gold:#E0B450; --gold-soft:#2C2512; --danger:#E08A6F;
  --shadow-panel:0 1px 2px rgba(0,0,0,.4),0 10px 26px rgba(0,0,0,.5);
  --shadow-lift:0 8px 18px rgba(0,0,0,.55),0 24px 44px rgba(0,0,0,.55);
}
/* Adapt the hardcoded-light badges so they don't glare in dark mode. */
html[data-theme="dark"] .nc-wf{color:#7FE0C6;background:#16241F;border-color:#2C4A3F;}

/* ---------- Base ---------- */
*{box-sizing:border-box;border-color:var(--border);}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55;}
h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin:0;}
h1{line-height:1.05;font-weight:600;} h2{line-height:1.1;font-weight:600;} h3{font-weight:600;}
.font-mono{font-family:var(--font-mono);}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
::selection{background:var(--gold-soft);color:var(--text);}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}}

/* ---------- Layout utilities ---------- */
.nc-container{max-width:var(--container);margin:0 auto;padding:0 16px;}
@media(min-width:768px){.nc-container{padding:0 24px;}}
.nc-section{padding:44px 0;}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);}
.hairline{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4;border:0;margin:0;}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-panel);}
.panel-soft{background:var(--surface-3);border:1px solid var(--border);border-radius:16px;}
.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border:1px solid var(--border);border-radius:999px;font-size:.72rem;color:var(--text-muted);background:var(--surface-3);}
.gold-ribbon{background:linear-gradient(90deg,var(--gold),#E5B053);color:#14181F;font-weight:600;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .6rem;border-radius:4px;}
.btn-primary{background:var(--primary);color:var(--on-primary);border-radius:10px;padding:.75rem 1.25rem;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background .15s ease,transform .15s ease;cursor:pointer;border:0;}
.btn-primary:hover{background:var(--primary-hover);}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.65rem 1.15rem;font-weight:500;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background .15s,border-color .15s;cursor:pointer;}
.btn-ghost:hover{background:var(--surface-2);border-color:var(--gold);}

/* ---------- Header ---------- */
.nc-strip{font-size:11px;padding:6px 0;text-align:center;background:var(--surface-2);color:var(--text-muted);border-bottom:1px solid var(--border);}
.nc-header{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--border);backdrop-filter:saturate(1.1) blur(4px);transition:box-shadow .2s,background .2s;}
.nc-header.is-scrolled{box-shadow:0 4px 14px rgba(20,24,31,.08);background:color-mix(in oklab,var(--surface) 92%,transparent);}
.nc-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px;}
.nc-logo{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.02em;flex-shrink:0;}
@media(min-width:768px){.nc-logo{font-size:24px;}}
.nc-logo .a{color:var(--text);} .nc-logo .b{color:var(--gold);}
.nc-nav{display:none;align-items:stretch;gap:2px;font-size:14px;align-self:stretch;}
@media(min-width:1024px){.nc-nav{display:flex;}}
/* Full-height nav items so the hover zone reaches the panel (no dead gap that drops the hover). */
.nc-navitem{position:static;display:flex;align-items:stretch;}
.nc-navtrigger{display:inline-flex;align-items:center;gap:4px;padding:0 12px;height:100%;border-radius:6px;color:var(--text-muted);background:none;border:0;font:inherit;font-size:14px;cursor:pointer;transition:color .15s;}
.nc-navitem:hover .nc-navtrigger,.nc-navitem.open .nc-navtrigger{color:var(--text);font-weight:600;}
.nc-navtrigger .chev{width:14px;height:14px;transition:transform .15s;} .nc-navitem:hover .nc-navtrigger .chev,.nc-navitem.open .nc-navtrigger .chev{transform:rotate(180deg);}
/* Panel spans the FULL header width (positioned against the sticky .nc-header, not the narrow nav item). */
.nc-mega{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:0 20px 40px rgba(20,24,31,.12);z-index:60;display:none;}
.nc-header .nc-navitem.open > .nc-mega,.nc-header .nc-navitem:hover > .nc-mega{display:block;}
.nc-mega-inner{display:grid;gap:32px;padding:32px 0;}
.nc-mega-inner .grouphead{color:var(--gold);margin-bottom:12px;}
.nc-mega-inner ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.nc-mega-inner a{font-size:14px;color:var(--text-muted);transition:color .15s;} .nc-mega-inner a:hover{color:var(--text);}
.nc-headctas{display:flex;align-items:center;gap:8px;}
.nc-top10{display:none;} @media(min-width:768px){.nc-top10{display:inline-flex;padding:8px 16px!important;font-size:12px;}}
.nc-iconbtn{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:999px;background:none;cursor:pointer;color:var(--text);}
.nc-burger{display:grid;} @media(min-width:1024px){.nc-burger{display:none;}}
/* mobile drawer */
.nc-drawer{display:none;border-top:1px solid var(--border);background:var(--surface);max-height:80vh;overflow-y:auto;}
.nc-drawer.open{display:block;}
.nc-drawer .m-item{border-bottom:1px solid var(--border);}
.nc-drawer .m-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:14px;font-weight:500;background:none;border:0;color:var(--text);cursor:pointer;}
.nc-drawer .m-panel{display:none;padding:0 0 12px 8px;} .nc-drawer .m-item.open .m-panel{display:block;}
.nc-drawer .m-home{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--gold);margin:2px 0 6px;}
.nc-drawer .m-head{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:10px 0 4px;}
.nc-drawer .m-panel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;} .nc-drawer .m-panel a{font-size:13px;color:var(--text-muted);display:block;padding:5px 0;line-height:1.25;}
.nc-drawer .m-trigger{padding:11px 0;}

/* ---------- Breadcrumbs ---------- */
.breadcrumbs{font-size:12px;color:var(--text-muted);padding:16px 0 0;} .breadcrumbs a{color:var(--text-muted);} .breadcrumbs a:hover{color:var(--accent);}

/* ---------- Score badge (solid gold) ---------- */
.nc-score{display:flex;flex-direction:column;align-items:center;gap:3px;}
.nc-score .badge{display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--gold),#E5B860);border:1px solid rgba(20,24,31,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 6px rgba(200,144,42,.30);}
.nc-score .num{font-family:var(--font-display);font-weight:600;color:#14181F;line-height:1;}
.nc-score .lab{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.02em;}

/* ---------- Logo tile ---------- */
.nc-logotile{border-radius:8px;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;color:#fff;flex-shrink:0;overflow:hidden;}

/* ---------- CTA ---------- */
.nc-cta{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:144px;flex-shrink:0;}
.nc-cta.full{width:100%;}
.nc-cta .visit{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;border-radius:6px;font-weight:600;font-size:12.5px;line-height:1;height:34px;padding:0 12px;background:var(--primary);color:var(--on-primary);transition:background .15s;}
.nc-cta .visit:hover{background:var(--primary-hover);}
.nc-cta .read-btn{display:inline-flex;align-items:center;justify-content:center;height:30px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:12px;font-weight:500;transition:background .15s,border-color .15s;}
.nc-cta .read-btn:hover{background:var(--surface-2);border-color:var(--gold);}
.nc-ext{width:14px;height:14px;flex-shrink:0;}

/* ---------- Casino row ---------- */
.nc-row{position:relative;width:100%;padding:12px;display:flex;align-items:center;transition:transform .15s,box-shadow .15s;margin-bottom:12px;}
@media(min-width:768px){.nc-row{padding:16px 16px 12px;min-height:104px;}}
.nc-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);}
.nc-row.featured{border:2px solid var(--gold);}
.nc-row .ribbon{position:absolute;top:-8px;left:16px;z-index:10;display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:1px 6px;letter-spacing:.06em;}
.nc-row .ribbon svg{width:10px;height:10px;}
.nc-rank{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border-radius:999px;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text);background:var(--surface-2);border:1.5px solid var(--border);}
.nc-rank.gold{background:var(--gold-soft);border-color:var(--gold);}
.nc-row-d{display:none;width:100%;min-width:0;align-items:center;gap:10px;}
@media(min-width:768px){.nc-row-d{display:flex;} .nc-row-m{display:none;}}
.nc-name{min-width:0;flex:1.1 1 180px;}
.nc-name a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text);}
.nc-name a:hover{color:var(--accent);}
.nc-meta{margin-top:2px;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;}
.nc-lic{display:inline-flex;align-items:center;white-space:nowrap;padding:2px 6px;border-radius:999px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-soft);}
.nc-wf{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:600;color:#0E7C66;background:#E7F2EE;border:1px solid #B8DDD1;}
.nc-wf svg{width:10px;height:10px;}
.nc-offer{min-width:0;flex:1.3 1 200px;padding-right:4px;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;}
.nc-tags{min-width:0;flex:.9 1 140px;display:none;flex-wrap:wrap;align-items:center;gap:4px;overflow:hidden;max-height:44px;}
@media(min-width:1024px){.nc-tags{display:flex;}}
.nc-tag{display:inline-flex;white-space:nowrap;padding:2px 8px;border-radius:999px;font-size:11px;background:var(--surface-3);border:1px solid var(--border);color:var(--text-muted);}
.nc-tag.more{border:0;background:none;}
/* mobile row (compact) */
.nc-row-m{width:100%;}
.nc-row-m .top{display:flex;align-items:center;gap:10px;}
.nc-row-m .m-offer{margin-top:8px;font-family:var(--font-display);font-size:13px;font-weight:600;line-height:1.2;}
.nc-row-m .m-cta{margin-top:8px;display:flex;align-items:stretch;gap:8px;}
.nc-row-m .m-cta .visit{flex:1.4;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:6px;background:var(--primary);color:var(--on-primary);font-weight:600;font-size:12.5px;}
.nc-row-m .m-cta .visit:hover{background:var(--primary-hover);}
.nc-row-m .m-cta .read-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:36px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:12px;font-weight:500;}
.nc-row-m .m-cta .read-btn:hover{background:var(--surface-2);border-color:var(--gold);}

/* ---------- Load more ---------- */
.nc-loadmore{display:flex;justify-content:center;margin:8px 0 4px;}
.nc-hidden{display:none!important;}

/* ---------- Hero (homepage) ---------- */
.nc-hero{text-align:center;max-width:860px;margin:0 auto;padding:48px 0 8px;}
.nc-hero h1{font-size:clamp(34px,5vw,60px);margin:12px 0;}
.nc-hero .sub{color:var(--text-muted);font-size:18px;max-width:640px;margin:0 auto;}
.nc-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:28px;margin-top:28px;}
.nc-stat{display:flex;align-items:center;gap:10px;} .nc-stat .ic{width:34px;height:34px;border-radius:999px;background:var(--gold-soft);display:grid;place-items:center;color:var(--gold);}
.nc-stat .n{font-weight:700;font-size:15px;} .nc-stat .l{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);}
.nc-trustline{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;font-size:13px;color:var(--text-muted);}
.nc-jumps{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:13px;}
.nc-jumps a{color:var(--accent);}

/* ---------- Section head ---------- */
.nc-shead{margin-bottom:20px;} .nc-shead h2{font-size:clamp(24px,3vw,34px);}

/* ---------- Editor's picks rail ---------- */
.nc-layout{display:grid;grid-template-columns:1fr;gap:32px;}
@media(min-width:1024px){.nc-layout.has-rail{grid-template-columns:minmax(0,1fr) 320px;}}
.nc-rail{position:sticky;top:88px;align-self:start;display:flex;flex-direction:column;gap:16px;}
@media(max-width:1023px){.nc-rail{position:static;}}
.nc-rail-head{background:var(--gold-soft);border:1px solid var(--border);border-radius:16px 16px 0 0;padding:12px 16px;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--text);}
.nc-pick{padding:16px;} .nc-pick .r{display:flex;align-items:center;gap:10px;}
.nc-pick .code{margin-top:10px;border:1px dashed var(--border);border-radius:8px;padding:6px;text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);}
.nc-pick .claim{margin-top:10px;width:100%;}

/* ---------- Section sub-nav (pill) ---------- */
.nc-subnav{position:sticky;top:64px;z-index:30;background:var(--bg);border-bottom:1px solid var(--border);}
.nc-subnav .row{display:flex;gap:8px;overflow-x:auto;padding:12px 0;}
.nc-subnav a{white-space:nowrap;padding:6px 14px;border-radius:999px;font-size:13px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);}
.nc-subnav a.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary);}

/* ---------- Prose ---------- */
.nc-prose{max-width:none;color:var(--text);} .nc-prose p{margin:0 0 16px;color:var(--text);}
.nc-prose h2{font-size:clamp(22px,2.6vw,30px);margin:8px 0 8px;} .nc-prose h3{font-size:20px;margin:20px 0 8px;}
.nc-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;}
.nc-prose ul{padding-left:20px;} .nc-prose li{margin:4px 0;}
.nc-card-prose{padding:24px;margin-bottom:16px;}

/* ---------- Tables ---------- */
.nc-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--border);}
.nc-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--surface);}
.nc-table th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:14px 16px;background:var(--surface-2);}
.nc-table td{padding:14px 16px;border-top:1px solid var(--border);}
.nc-table tr.hi{background:var(--gold-soft);}

/* ---------- Key features strip ---------- */
.nc-keyfeat{display:grid;grid-template-columns:1fr;gap:10px 24px;padding:20px 24px;}
@media(min-width:640px){.nc-keyfeat{grid-template-columns:1fr 1fr;}}
.nc-keyfeat .kf{display:flex;gap:10px;align-items:baseline;} .nc-keyfeat .kf .l{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);min-width:120px;} .nc-keyfeat .kf .v{font-weight:600;font-size:14px;}

/* ---------- Promo / VIP ---------- */
.nc-promo{display:flex;flex-direction:column;gap:8px;} .nc-promocard{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);}
.nc-promocode{font-family:var(--font-mono);font-weight:600;background:var(--surface-3);border:1px dashed var(--border);border-radius:8px;padding:4px 8px;cursor:pointer;}
.nc-promocard .big{font-weight:700;} .nc-promocard .slot{color:var(--text-muted);font-size:13px;}
.nc-vip{padding:24px;border:1px solid var(--gold);border-radius:20px;background:linear-gradient(180deg,var(--gold-soft),var(--surface));}
.nc-vip ul{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:1fr;gap:8px;} @media(min-width:640px){.nc-vip ul{grid-template-columns:1fr 1fr;}}
.nc-vip li{display:flex;gap:8px;align-items:flex-start;} .nc-vip li::before{content:"✓";color:var(--accent);font-weight:700;}

/* ---------- FAQ ---------- */
.nc-faq details{border-bottom:1px solid var(--border);padding:14px 0;} .nc-faq summary{cursor:pointer;font-weight:600;list-style:none;} .nc-faq summary::-webkit-details-marker{display:none;} .nc-faq p{margin:10px 0 0;color:var(--text-muted);}

/* ---------- Cookie banner + back-to-top ---------- */
.nc-cookie{position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 20px rgba(20,24,31,.08);}
.nc-cookie .in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;}
.nc-cookie-text{font-size:13px;color:var(--text-muted);flex:1;min-width:0;}
.nc-cookie .btns{display:flex;gap:8px;flex-shrink:0;}
@media(max-width:640px){.nc-cookie .in{flex-direction:column;align-items:stretch;gap:10px;padding:12px 0;}.nc-cookie-text{max-width:100%;font-size:12.5px;}.nc-cookie .btns{width:100%;}.nc-cookie .btns>*{flex:1;}}
.nc-totop{position:fixed;right:20px;bottom:20px;z-index:70;width:44px;height:44px;border-radius:999px;background:var(--primary);color:var(--on-primary);display:none;place-items:center;cursor:pointer;border:0;box-shadow:var(--shadow-panel);}
.nc-totop.show{display:grid;}

/* ---------- Footer ---------- */
.nc-footer{margin-top:96px;background:#0B0F17;color:#C9CFDB;}
.nc-footer-grid{display:grid;gap:48px;padding:64px 0;} @media(min-width:768px){.nc-footer-grid{grid-template-columns:repeat(12,1fr);}}
.nc-footer .brandcol{grid-column:span 4;} .nc-footer .brand{font-family:var(--font-display);font-size:24px;font-weight:600;} .nc-footer .brand .a{color:#fff;} .nc-footer .brand .b{color:#E0B450;}
.nc-footer .tag{margin-top:12px;font-size:14px;color:rgba(255,255,255,.7);max-width:320px;} .nc-footer .blurb{margin-top:12px;font-size:12px;color:rgba(255,255,255,.5);max-width:320px;}
.nc-social{margin-top:20px;display:flex;gap:8px;} .nc-social a{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:rgba(255,255,255,.8);} .nc-social a:hover{background:rgba(255,255,255,.1);border-color:#E0B450;}
.nc-news{margin-top:20px;} .nc-news label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.6);font-weight:600;}
.nc-news .box{margin-top:8px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);border-radius:10px;padding:2px 4px;}
.nc-news input{flex:1;background:none;border:0;color:#fff;padding:8px;font-size:14px;} .nc-news input::placeholder{color:rgba(255,255,255,.4);} .nc-news input:focus{outline:none;}
.nc-news button{background:#E0B450;color:#14181F;border:0;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;}
.nc-footer-cols{grid-column:span 8;display:grid;grid-template-columns:1fr 1fr;gap:32px;} @media(min-width:768px){.nc-footer-cols{grid-template-columns:repeat(4,1fr);}}
.nc-footer-cols .t{color:#fff;font-weight:600;font-size:14px;margin-bottom:12px;} .nc-footer-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;} .nc-footer-cols a{color:rgba(255,255,255,.6);} .nc-footer-cols a:hover{color:#fff;}
.nc-footer-bottom{border-top:1px solid rgba(255,255,255,.1);} .nc-footer-bottom .in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:24px 0;font-size:12px;color:rgba(255,255,255,.5);}
.nc-footer-bottom .badges{display:flex;align-items:center;gap:16px;} .nc-footer-bottom a:hover{color:#fff;} .nc-18{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7);font-weight:600;}

/* ---------- grids ---------- */
.nc-grid{display:grid;gap:16px;} .nc-grid.c2{grid-template-columns:1fr;} .nc-grid.c3{grid-template-columns:1fr;} .nc-grid.c4{grid-template-columns:1fr;}
@media(min-width:640px){.nc-grid.c2{grid-template-columns:1fr 1fr;}.nc-grid.c4{grid-template-columns:1fr 1fr;}}
@media(min-width:1024px){.nc-grid.c3{grid-template-columns:repeat(3,1fr);}.nc-grid.c4{grid-template-columns:repeat(4,1fr);}}
.nc-brandcard{padding:20px;} .nc-brandcard h3{font-size:20px;} .nc-brandcard .row{display:flex;align-items:center;gap:12px;margin-bottom:8px;}
.not-found{padding:80px 0;text-align:center;} .not-found h1{font-size:40px;margin-bottom:16px;}