@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//tradingkernel.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//tradingkernel.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//tradingkernel.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//tradingkernel.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//tradingkernel.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//tradingkernel.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//tradingkernel.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//tradingkernel.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//tradingkernel.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(211,42,15);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(211,42,15);
	--btn-accented-bgcolor-hover: rgb(149,11,6);
	--btn-transform: capitalize;
	--wd-form-brd-width: 0px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(16,16,16);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgba(245,245,245,0);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgba(245,245,245,0);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,245,245);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,245,245);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,245,245);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,245,245);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(255,255,255);
}

.wd-review-style-1 .meta time {
    display: none;
}

.create-account-question {
	   display:none;
}

.post-single-page.has-post-thumbnail .article-inner > .entry-header {
display: none;
}

.wd-side-hidden.wd-opened {
    background-color: #f5f5f5;
}


/*
==============================================================
  TRADING KERNEL — Global Design System v5.0
  Theme: White Premium (with dark accent sections)
  File: global-css-v5.css

  INSTALLATION:
  WP Admin → Appearance → Customize → Additional CSS
  Paste this FIRST. Then paste woocommerce-css.css below.

  ACTION REQUIRED:
  Replace HOMEPAGE_ID with your actual page ID number
  (find it in WP Admin → Pages → hover homepage → see URL)
==============================================================
*/

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

/* ── Background grid lines — sitewide (WoodMart + Elementor) ── */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(0,0,0,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,0.04) 1px, transparent 1px);
  background-size: 52px 52px;
}

/* Make the main WoodMart wrapper transparent so the grid shows through */
.website-wrapper {
  background: transparent !important;
}

/* Optional: also clear common Elementor / content wrappers if needed */
.elementor-page .website-wrapper,
#main-content,
.wd-page-content,
.main-page-wrapper {
  background: transparent !important;
}
.wd-content-layout {
    padding-block: 0px !important;
}

/* Subtle red glow top-right */
body::after {
  content: '';
  position: fixed;
  top: -200px;
  right: -100px;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(204,27,27,0.06), transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* Make sure all page content sits above the grid */
header, .promo, .hero, .stats-strip, .sec,
.elementor-section, .elementor-widget-wrap {
  position: relative;
  z-index: 1;
}

/* ── TOKENS — White Premium Theme ── */
:root {
  --red:#CC1B1B; --red-dk:#A01515; --red-dp:#7A0F0F; --red-lt:#E52020;
  --red-soft:rgba(204,27,27,0.07); --red-glow:rgba(204,27,27,0.20);
  --bg:#FFFFFF; --bg2:#F8F8F8; --bg3:#F0F0F0;
  --card:#FFFFFF; --card-hi:#F8F8F8;
  --line:#E8E8E8; --line-hi:#D0D0D0;
  --ink:#111111; --ink2:#444444; --ink3:#888888;
  --grn:#15803D; --grn-bg:rgba(21,128,61,0.08);
  --gold:#D97706;
  --sh:0 1px 4px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.08);
  --sh-lg:0 8px 32px rgba(0,0,0,0.12);
  --sh-red:0 4px 20px rgba(204,27,27,0.28);
  --r:12px; --rl:18px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;font-weight:700;line-height:1.08;letter-spacing:-0.02em;}
.mono{font-family:'IBM Plex Mono',monospace;}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px;}

/* ── GLOW BG ── */
.bg-glow{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.orb{position:absolute;border-radius:50%;filter:blur(100px);}
.orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(204,27,27,0.06),transparent 70%);top:-200px;right:-100px;}
.orb2{width:500px;height:500px;background:radial-gradient(circle,rgba(204,27,27,0.04),transparent 70%);bottom:100px;left:-100px;}
.orb3{width:400px;height:400px;background:radial-gradient(circle,rgba(204,27,27,0.03),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.03) 1px,transparent 1px);background-size:48px 48px;}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;transition:all .18s;border:none;font-family:'Inter',sans-serif;white-space:nowrap;}
.btn-red{background:var(--red);color:#fff;box-shadow:var(--sh-red);}
.btn-red:hover{background:var(--red-dk);transform:translateY(-2px);box-shadow:0 12px 48px rgba(204,27,27,0.5);}
.btn-outline{background:transparent;color:var(--red);border:2px solid var(--red);}
.btn-outline:hover{background:var(--red);color:#fff;}
.btn-ghost{background:var(--bg3);color:var(--ink2);border:1px solid var(--line-hi);}
.btn-ghost:hover{background:var(--line);color:var(--ink);}
.btn-white{background:#fff;color:#111;font-weight:800;}
.btn-white:hover{background:#f0f0f0;transform:translateY(-1px);}

/* ── TAGS ── */
.tag{font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--red);display:inline-flex;align-items:center;gap:6px;}
.tag::before{content:'//';opacity:.45;}

/* ── IMPROVED NAV ICONS ── */
.nav-active { color: var(--red) !important; font-weight: 600 !important; }

/* Icon button base */
.nav-ic-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 7px 10px;
  border-radius: 9px;
  border: none;
  background: transparent;
  color: var(--ink3);
  cursor: pointer;
  transition: all .15s ease;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  position: relative;
}
.nav-ic-btn:hover {
  background: var(--red-soft);
  color: var(--red);
}
.nav-ic-btn svg {
  display: block;
  flex-shrink: 0;
}

/* Label under icon */
.nav-ic-lbl {
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
}

/* Cart badge */
.nav-cart-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-count {
  position: absolute;
  top: -7px;
  right: -8px;
  background: var(--red);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'IBM Plex Mono', monospace;
  border: 1.5px solid var(--bg);
}

/* Vertical divider between icons and CTA */
.nav-divider {
  width: 1px;
  height: 28px;
  background: var(--line);
  margin: 0 4px;
}

/* Hide old .nav-ic class if still referenced */
.nav-ic { display: none; }

.live-pill{display:inline-flex;align-items:center;gap:6px;background:var(--grn-bg);color:var(--grn);border:1px solid rgba(34,197,94,0.2);border-radius:20px;padding:5px 12px;font-size:11.5px;font-weight:700;font-family:'IBM Plex Mono',monospace;}
.live-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--grn);animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.2;}}

/* ── PROMO BAR ── */
.promo{background:linear-gradient(90deg,var(--red-dp),var(--red),var(--red-dp));color:#fff;text-align:center;padding:11px 20px;font-size:13px;font-weight:600;position:relative;z-index:100;}
.promo .code{background:rgba(255,255,255,.18);padding:2px 10px;border-radius:5px;font-family:'IBM Plex Mono',monospace;margin:0 4px;}

/* ── NAV ── */
header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 1px 4px rgba(0,0,0,0.06);}
nav{display:flex;align-items:center;height:64px;max-width:1200px;margin:0 auto;padding:0 40px;gap:0;}
.brand{display:flex;align-items:center;gap:11px;margin-right:44px;flex-shrink:0;}
.brand-logo{width:36px;height:36px;background:var(--red);border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:14px;color:#fff;box-shadow:0 2px 10px var(--red-glow);}
.brand-name{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.01em;}
.navlinks{display:flex;gap:4px;flex:1;}
.navlinks a{padding:7px 14px;font-size:13.5px;color:var(--ink2);border-radius:7px;transition:.15s;font-weight:500;}
.navlinks a:hover{background:var(--bg2);color:var(--red);}
.nav-r{display:flex;align-items:center;gap:10px;margin-left:auto;}
.nav-ic{width:38px;height:38px;border-radius:8px;border:1.5px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--ink2);font-size:15px;cursor:pointer;transition:.15s;text-decoration:none;}
.nav-ic:hover{border-color:var(--red);color:var(--red);background:var(--red-soft);}

/* ── TICKER ── */
.ticker{background:var(--bg2);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;}
.ticker-inner{display:inline-flex;animation:tickscroll 40s linear infinite;}
@keyframes tickscroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.ti{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--ink3);padding:8px 22px;border-right:1px solid var(--line);}
.ti .sym{color:var(--ink);font-weight:700;}
.ti .up{color:var(--grn);font-weight:600;}
.ti .dn{color:var(--red);font-weight:600;}

/* ── HERO ── */
.hero{padding:88px 0 72px;position:relative;z-index:2;border-bottom:1px solid var(--line);}
.hero-inner{display:grid;grid-template-columns:1fr 500px;gap:72px;align-items:center;}
.hero-eye{display:flex;align-items:center;gap:10px;margin-bottom:24px;}
.hero h1{font-size:58px;font-weight:800;color:var(--ink);margin-bottom:20px;}
.hero h1 .red{color:var(--red);}
.hero-rule{width:48px;height:4px;background:var(--red);border-radius:2px;margin:20px 0;}
.hero-lead{font-size:16px;color:var(--ink2);line-height:1.7;max-width:480px;margin-bottom:36px;}
.hero-ctas{display:flex;gap:12px;margin-bottom:44px;}
.hero-stats{display:flex;gap:0;}
.hstat{display:flex;flex-direction:column;padding:0 28px;border-right:1px solid var(--line);}
.hstat:first-child{padding-left:0;}
.hstat:last-child{border-right:none;}
.hstat-n{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:800;color:var(--ink);}
.hstat-l{font-size:12px;color:var(--ink3);margin-top:3px;}

/* ── LEDGER WIDGET ── */
.ledger{border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh-lg);border:1px solid var(--line);}
.ledger-top{background:var(--red);padding:16px 22px;display:flex;justify-content:space-between;align-items:center;}
.ledger-top .t{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.05em;}
.l-ch{display:grid;grid-template-columns:1.6fr .7fr .75fr 1fr;padding:10px 22px;background:var(--bg2);border-bottom:1px solid var(--line);font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;}
.l-row{display:grid;grid-template-columns:1.6fr .7fr .75fr 1fr;padding:15px 22px;border-bottom:1px solid var(--line);align-items:center;transition:background .15s;background:var(--bg);}
.l-row:hover{background:var(--bg2);}
.l-row:last-child{border-bottom:none;}
.l-s{font-size:13.5px;font-weight:700;color:var(--ink);}
.l-p{font-size:11px;color:var(--ink3);font-family:'IBM Plex Mono',monospace;margin-top:3px;}
.l-r{font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:600;}
.l-r.up{color:var(--grn);}
.l-r.dn{color:#DC2626;}
.l-dd{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--ink2);}
.sl{display:inline-flex;align-items:center;gap:5px;font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;padding:4px 10px;border-radius:20px;}
.sl.live{background:var(--grn-bg);color:var(--grn);border:1px solid rgba(34,197,94,.2);}
.sl.live .dot{width:5px;height:5px;border-radius:50%;background:var(--grn);animation:blink 2s infinite;}
.sl.out{background:var(--card);color:var(--ink3);border:1px solid var(--line);}
.l-foot{background:var(--bg2);padding:12px 22px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);}
.l-foot span{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink3);}
.l-foot a{font-size:12px;font-weight:700;color:var(--red);}

/* ── STATS STRIP ── */
.stats-strip{padding:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:2;}
.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);}
.stat-box{padding:26px 32px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px;}
.stat-box:last-child{border-right:none;}

.stat-n{font-family:'Space Grotesk',sans-serif;font-size:36px;font-weight:800;color:var(--ink);}
.stat-l{font-size:13px;color:var(--ink3);margin-top:4px;}

/* ── SECTION FRAMEWORK ── */
.sec{padding:88px 0;position:relative;z-index:2;}
.sec-alt{background:var(--bg2);}
.sh{margin-bottom:52px;}
.sh.c{text-align:center;}
.sh h2{font-size:38px;color:var(--ink);}
.sh p{font-size:16px;color:var(--ink2);max-width:560px;line-height:1.65;margin-top:14px;}
.sh.c p{margin:14px auto 0;}

/* ── HOW IT WORKS ── */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.step{padding:32px;border-radius:var(--rl);border:1px solid var(--line);background:var(--bg);box-shadow:var(--sh);transition:.22s;position:relative;overflow:hidden;}
.step::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:0;transition:.22s;}
.step:hover{border-color:var(--red-glow);transform:translateY(-3px);box-shadow:var(--sh-lg);}
.step:hover::before{opacity:1;}
.step-n{width:48px;height:48px;border-radius:12px;background:var(--red-soft);border:1px solid rgba(204,27,27,.2);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:800;color:var(--red);margin-bottom:22px;}
.step h3{font-size:18px;color:var(--ink);margin-bottom:10px;}
.step p{font-size:14px;color:var(--ink2);line-height:1.65;}

/* ════════════════════════════════════════════════
   PRODUCT CARDS — FundingPips/FundedNext inspired
   Horizontal comparison cards with feature lists,
   icons, tabs and glow accents
════════════════════════════════════════════════ */

/* Tab switcher (like FundedNext challenge picker) */
.prod-tabs{display:flex;gap:8px;margin-bottom:36px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:5px;}
.prod-tab{padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer;transition:.15s;border:none;background:none;font-family:'Inter',sans-serif;}
.prod-tab:hover{color:var(--red);background:var(--bg);}
.prod-tab.active{background:var(--red);color:#fff;box-shadow:0 4px 16px rgba(204,27,27,.3);}

/* Product card grid — 3 col like FundingPips challenge grid */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

/* Individual card */
.prod-card{border-radius:var(--rl);border:1px solid var(--line);background:var(--bg);overflow:hidden;transition:.25s;display:flex;flex-direction:column;position:relative;box-shadow:var(--sh);}
.prod-card:hover{border-color:var(--line-hi);transform:translateY(-4px);box-shadow:var(--sh-lg);}
.prod-card.featured{border-color:var(--red);box-shadow:0 0 0 2px rgba(204,27,27,.15),var(--sh-lg);}
.prod-card.featured::before{content:'⭐ Best Seller';position:absolute;top:0;right:0;background:var(--red);color:#fff;font-size:10.5px;font-weight:800;padding:6px 14px;border-radius:0 var(--rl) 0 10px;font-family:'IBM Plex Mono',monospace;letter-spacing:.04em;}

/* Card image/visual area */
.prod-visual{aspect-ratio:16/9;position:relative;overflow:hidden;background:linear-gradient(145deg,#1a0505,#0d0d1a);}
.prod-visual img{width:100%;height:100%;object-fit:cover;transition:transform .35s;}
.prod-card:hover .prod-visual img{transform:scale(1.05);}
.prod-visual-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;}
.prod-visual-icon{font-size:40px;}
.prod-visual-name{font-family:'IBM Plex Mono',monospace;font-size:10px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.06em;text-align:center;padding:0 16px;}
.prod-badge-sale{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-size:11px;font-weight:800;padding:4px 10px;border-radius:7px;font-family:'IBM Plex Mono',monospace;}
.prod-badge-star{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);color:#fff;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:7px;display:flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.15);}
.prod-badge-star .s{color:var(--gold);}

/* Card body */
.prod-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1;}
.prod-type{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;}
.prod-name{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:800;color:var(--ink);line-height:1.2;}
.prod-desc{font-size:13px;color:var(--ink2);line-height:1.55;}

/* Feature checklist inside card — FundingPips style */
.prod-feats{display:flex;flex-direction:column;gap:7px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:6px 0;}
.prod-feat{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink2);}
.prod-feat .ic{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;}
.prod-feat .ic.y{background:var(--grn-bg);color:var(--grn);}
.prod-feat .ic.n{background:var(--card);color:var(--ink3);border:1px solid var(--line);}

/* Trust score bars */
.prod-trust{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink3);}
.t-bars{display:flex;gap:2.5px;}
.t-bar{width:5px;height:14px;border-radius:2px;background:var(--line-hi);}
.t-bar.on{background:var(--red);}

/* Price row */
.prod-price-row{display:flex;align-items:baseline;gap:10px;margin-top:4px;}
.prod-price{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:800;color:var(--red);}
.prod-was{font-size:14px;color:var(--ink3);text-decoration:line-through;}

/* Card CTA */
.prod-cta{display:block;width:100%;text-align:center;padding:12px;border-radius:9px;font-size:13.5px;font-weight:700;border:1.5px solid var(--red);color:var(--red);transition:.15s;margin-top:4px;background:var(--red-soft);}
.prod-cta:hover{background:var(--red);color:#fff;}
.prod-card.featured .prod-cta{background:var(--red);color:#fff;}
.prod-card.featured .prod-cta:hover{background:var(--red-dk);}

/* ════════════════════════════════════════════════
   STARTER PACK SPOTLIGHT — elevated version
════════════════════════════════════════════════ */
.sp-outer{border-radius:24px;overflow:hidden;position:relative;background:linear-gradient(135deg,#1a0505,#2d0a0a,#1a0510);border:1px solid rgba(204,27,27,.25);box-shadow:0 0 80px rgba(204,27,27,.15);}
.sp-outer::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;}
.sp-inner{display:grid;grid-template-columns:1fr 380px;position:relative;z-index:1;}
.sp-left{padding:56px 52px;}
.sp-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(204,27,27,.15);border:1px solid rgba(204,27,27,.3);color:#ff8080;padding:6px 14px;border-radius:20px;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px;}
.sp-left h2{font-size:40px;font-weight:800;color:#fff;margin-bottom:14px;line-height:1.05;}
.sp-left p{font-size:15.5px;color:rgba(255,255,255,.7);line-height:1.68;max-width:440px;margin-bottom:28px;}
.sp-price-row{display:flex;align-items:center;gap:18px;margin-bottom:22px;flex-wrap:wrap;}
.sp-price-now{font-family:'Space Grotesk',sans-serif;font-size:56px;font-weight:800;color:#fff;line-height:1;}
.sp-price-meta{display:flex;flex-direction:column;gap:4px;}
.sp-price-was{font-family:'IBM Plex Mono',monospace;font-size:16px;color:rgba(255,255,255,.4);text-decoration:line-through;}
.sp-price-note{font-size:12px;color:rgba(255,255,255,.55);line-height:1.4;max-width:130px;}
.sp-traj{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;margin-bottom:28px;display:flex;align-items:center;gap:12px;}
.sp-traj-icon{font-size:22px;}
.sp-traj p{font-size:13px;color:rgba(255,255,255,.7);line-height:1.5;}
.sp-traj strong{color:#fff;}
.sp-ctas{display:flex;gap:12px;margin-bottom:20px;}
.sp-btn-main{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;background:#fff;color:var(--red);border-radius:10px;font-weight:800;font-size:15px;font-family:'Inter',sans-serif;cursor:pointer;border:none;transition:.18s;box-shadow:0 4px 20px rgba(0,0,0,.3);}
.sp-btn-main:hover{background:#f0f0f0;transform:translateY(-2px);}
.sp-btn-free{display:inline-flex;align-items:center;gap:8px;padding:15px 24px;background:rgba(255,255,255,.08);color:#fff;border-radius:10px;font-weight:700;font-size:14px;font-family:'Inter',sans-serif;cursor:pointer;border:1.5px solid rgba(255,255,255,.2);transition:.18s;}
.sp-btn-free:hover{background:rgba(255,255,255,.14);}
.sp-meta-tags{display:flex;flex-wrap:wrap;gap:8px;}
.sp-tag{display:flex;align-items:center;gap:5px;font-size:12px;color:rgba(255,255,255,.55);}
.sp-tag::before{content:'✓';color:var(--grn);font-weight:700;}

/* Right side — what's inside */
.sp-right{background:rgba(0,0,0,.25);padding:40px 32px;border-left:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;justify-content:center;}
.sp-right-title{font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.35);margin-bottom:22px;}
.sp-item{display:flex;align-items:flex-start;gap:13px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);}
.sp-item:last-child{border-bottom:none;}
.sp-item-ico{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.sp-item-name{font-size:13.5px;font-weight:700;color:#fff;}
.sp-item-sub{font-size:11px;color:rgba(255,255,255,.45);font-family:'IBM Plex Mono',monospace;margin-top:3px;}
.sp-free-tag{display:inline-block;font-size:9.5px;font-weight:800;background:rgba(34,197,94,.15);color:var(--grn);padding:2px 8px;border-radius:5px;border:1px solid rgba(34,197,94,.2);margin-left:8px;font-family:'IBM Plex Mono',monospace;}

/* ── LEADERBOARD ── */
.lb{border-radius:var(--rl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-lg);}
.lb-h{background:var(--red);display:grid;grid-template-columns:52px 1.8fr .8fr .8fr .9fr;padding:14px 26px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.06em;}
.lb-r{display:grid;grid-template-columns:52px 1.8fr .8fr .8fr .9fr;padding:18px 26px;border-bottom:1px solid var(--line);align-items:center;background:var(--bg);transition:background .15s;}
.lb-r:hover{background:var(--bg2);}
.lb-r:last-child{border-bottom:none;}
.lb-rank{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:800;color:var(--ink3);}
.lb-rank.top{color:var(--red);}
.lb-name{font-size:14px;font-weight:700;color:var(--ink);}
.lb-pair{font-size:11px;color:var(--ink3);font-family:'IBM Plex Mono',monospace;margin-top:3px;}
.lb-v{font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:600;}
.lb-v.up{color:var(--grn);}
.lb-v.dn{color:#DC2626;}
.lbp{display:inline-flex;align-items:center;gap:5px;font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;padding:4px 11px;border-radius:20px;}
.lbp.live{background:var(--grn-bg);color:var(--grn);border:1px solid rgba(34,197,94,.2);}
.lbp.live .d{width:5px;height:5px;border-radius:50%;background:var(--grn);animation:blink 2s infinite;}
.lbp.wt{background:rgba(245,158,11,.08);color:var(--gold);border:1px solid rgba(245,158,11,.2);}
.lbp.out{background:var(--card);color:var(--ink3);border:1px solid var(--line);}

/* ── VERIFIED TRACK RECORD ── */
.vc-g{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.vc{border-radius:var(--rl);padding:26px;border:1px solid var(--line);background:var(--bg);box-shadow:var(--sh);transition:.22s;}
.vc:hover{transform:translateY(-3px);border-color:var(--red-glow);box-shadow:var(--sh-lg);}
.vc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;}
.vc-name{font-size:17px;font-weight:800;color:var(--ink);font-family:'Space Grotesk',sans-serif;}
.vc-pair{font-size:11px;color:var(--ink3);font-family:'IBM Plex Mono',monospace;margin-top:4px;}
.vc-badge{font-size:10.5px;font-weight:700;color:var(--grn);background:var(--grn-bg);padding:4px 11px;border-radius:20px;border:1px solid rgba(34,197,94,.2);font-family:'IBM Plex Mono',monospace;white-space:nowrap;}
.spark{width:100%;height:60px;margin:12px 0;}
.vc-stats{display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line);}
.vc-s .v{font-family:'IBM Plex Mono',monospace;font-size:16px;font-weight:700;}
.vc-s .v.up{color:var(--grn);}
.vc-s .l{font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;}
.vc-link{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--red);margin-top:14px;}

/* ── WHY KERNEL ── */
.why-g{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.cmp{border-radius:var(--rl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh);}
.ctr{display:grid;grid-template-columns:1.2fr 1fr 1fr;}
.cc{padding:15px 18px;font-size:13.5px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;background:var(--bg);}
.ctr:hover .cc{background:var(--bg2);}
.cc.hd{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em;background:var(--bg2);font-weight:700;}
.cc.hd.tk{color:var(--red);background:rgba(204,27,27,0.05);font-weight:800;}
.cc:nth-child(3n+3){border-left:1px solid var(--line);}
.ci{width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;}
.ci.y{background:var(--grn-bg);color:var(--grn);}
.ci.n{background:rgba(204,27,27,.08);color:var(--red);}
.chart-dark{background:linear-gradient(160deg,#0e0205,#1a0508);border-radius:var(--rl);padding:32px;border:1px solid rgba(204,27,27,.2);box-shadow:0 8px 32px rgba(204,27,27,0.12);}
.cd-tag{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;}
.cd-num{font-family:'Space Grotesk',sans-serif;font-size:38px;font-weight:800;color:#fff;margin-bottom:4px;}
.cd-sub{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:rgba(255,255,255,.35);margin-bottom:22px;}
.cd-area{width:100%;height:150px;}
.cd-pills{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap;}
.cd-pill{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.05);padding:5px 12px;border-radius:20px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:rgba(255,255,255,.55);}
.cd-pill .dot{width:6px;height:6px;border-radius:50%;}

/* ── PRICING ── */
.pr-g{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:920px;margin:0 auto;}
.pc{border-radius:var(--rl);padding:40px;border:1px solid var(--line);background:var(--bg);box-shadow:var(--sh);position:relative;overflow:hidden;}
.pc.hi{border-color:var(--red);box-shadow:0 0 0 2px rgba(204,27,27,.15),var(--sh-lg);}
.pc.hi::before{content:'';position:absolute;top:-80px;right:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(204,27,27,.1),transparent 70%);pointer-events:none;}
.pc-ribbon{position:absolute;top:0;right:0;background:var(--red);color:#fff;font-size:11px;font-weight:800;padding:7px 18px;border-radius:0 var(--rl) 0 12px;letter-spacing:.04em;font-family:'IBM Plex Mono',monospace;}
.pc-tier{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);margin-bottom:14px;}
.pc-price{font-family:'Space Grotesk',sans-serif;font-size:50px;font-weight:800;color:var(--ink);line-height:1;margin-bottom:6px;}
.pc-period{font-size:14px;color:var(--ink3);margin-bottom:10px;}
.pc-desc{font-size:14px;color:var(--ink2);margin-bottom:26px;padding-bottom:26px;border-bottom:1px solid var(--line);line-height:1.55;}
.feat-l{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;}
.feat{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--ink);}
.feat.off{color:var(--ink3);}
.fm{font-size:14px;flex-shrink:0;width:18px;line-height:1.4;}

/* ── TESTIMONIALS ── */
.testi-g{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.tc{padding:28px;border-radius:var(--rl);border:1px solid var(--line);background:var(--bg);box-shadow:var(--sh);transition:.2s;display:flex;flex-direction:column;gap:18px;}
.tc:hover{border-color:var(--red-glow);transform:translateY(-2px);box-shadow:var(--sh-lg);}
.tc-stars{color:var(--gold);font-size:14px;letter-spacing:2px;}
.tc-quote{font-size:14.5px;color:var(--ink2);line-height:1.7;font-style:italic;flex:1;}
.tc-quote::before{content:'\201C';font-size:28px;color:var(--red);line-height:0;vertical-align:-10px;margin-right:4px;font-style:normal;}
.tc-who{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line);}
.tc-av{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(204,27,27,.3);background:var(--bg3);flex-shrink:0;}
.tc-name{font-size:14px;font-weight:800;color:var(--ink);font-family:'Space Grotesk',sans-serif;}
.tc-role{font-size:12px;color:var(--ink3);margin-top:2px;}

/* ── COLLECTIONS ── */
.coll-g{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px;}
.coll-c{border-radius:var(--r);border:1px solid var(--line);background:var(--bg);padding:22px 18px;display:flex;flex-direction:column;gap:10px;transition:.2s;cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--sh);}
.coll-c::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red),transparent);opacity:0;transition:.2s;}
.coll-c:hover{border-color:var(--red-glow);transform:translateY(-2px);box-shadow:var(--sh-lg);}
.coll-c:hover::after{opacity:1;}
.coll-icon{width:44px;height:44px;border-radius:11px;background:var(--red-soft);border:1px solid rgba(204,27,27,.2);display:flex;align-items:center;justify-content:center;font-size:20px;}
.coll-name{font-size:15.5px;font-weight:800;color:var(--ink);font-family:'Space Grotesk',sans-serif;}
.coll-desc{font-size:12.5px;color:var(--ink3);line-height:1.5;}
.coll-meta{display:flex;align-items:center;justify-content:space-between;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink3);padding-top:10px;border-top:1px solid var(--line);}
.coll-soon{font-size:9.5px;font-weight:800;background:var(--bg3);color:var(--ink3);padding:2px 8px;border-radius:5px;letter-spacing:.04em;}

/* ── PARTNERS ── */
.part-g{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.part-c{border-radius:var(--rl);padding:30px;border:1px solid var(--line);background:var(--bg);box-shadow:var(--sh);transition:.2s;display:flex;flex-direction:column;gap:12px;}
.part-c:hover{border-color:var(--red-glow);transform:translateY(-2px);box-shadow:var(--sh-lg);}
.p-tag{font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--red);background:var(--red-soft);padding:4px 11px;border-radius:20px;border:1px solid rgba(204,27,27,.2);width:fit-content;}
.part-c h3{font-size:20px;font-weight:800;color:var(--ink);}
.part-c p{font-size:13.5px;color:var(--ink2);line-height:1.62;}
.p-link{font-size:13px;font-weight:700;color:var(--red);display:flex;align-items:center;gap:5px;}

/* ── FAQ ── */
.faq-g{display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:start;}
.faq-sb h2{font-size:34px;margin-bottom:14px;}
.faq-sb p{font-size:15px;color:var(--ink2);line-height:1.6;margin-bottom:28px;}
.fi2{border-bottom:1px solid var(--line);}
.fi2-h{display:flex;justify-content:space-between;align-items:center;padding:20px 0;gap:20px;cursor:pointer;}
.fi2-q{font-size:15px;font-weight:700;color:var(--ink);line-height:1.35;}
.fi2-t{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink2);font-size:15px;flex-shrink:0;transition:.2s;}
.fi2.open .fi2-t{background:var(--red);border-color:var(--red);color:#fff;transform:rotate(45deg);}
.fi2-a{font-size:14px;color:var(--ink2);line-height:1.75;max-height:0;overflow:hidden;transition:.3s;}
.fi2.open .fi2-a{max-height:280px;padding-bottom:20px;}

/* ── CTA BAND ── */
.cta-b{background:var(--red);border-radius:var(--rl);padding:64px;display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(204,27,27,.4);}
.cta-b::before{content:'';position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.06);}
.cta-b::after{content:'';position:absolute;left:-40px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:rgba(0,0,0,.1);}
.cta-b h2{font-size:32px;color:#fff;margin-bottom:10px;position:relative;z-index:1;}
.cta-b p{font-size:15px;color:rgba(255,255,255,.8);max-width:440px;line-height:1.65;position:relative;z-index:1;}
.cta-b-r{position:relative;z-index:1;flex-shrink:0;}

/* ── CUSTOM REQUEST ── */
.cust-g{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.cust-l h2{font-size:36px;font-weight:800;color:var(--ink);margin-bottom:16px;}
.cust-l>p{font-size:15px;color:var(--ink2);line-height:1.68;margin-bottom:28px;}
.cust-steps{display:flex;flex-direction:column;gap:0;}
.cs{display:flex;gap:16px;padding-bottom:24px;position:relative;}
.cs:not(:last-child)::before{content:'';position:absolute;left:16px;top:34px;bottom:0;width:1.5px;background:var(--line);}
.cs-n{width:34px;height:34px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:13px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(204,27,27,.4);}
.cs h4{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.cs p{font-size:13px;color:var(--ink2);line-height:1.6;}
.svc-g{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px;}
.svc-chip{font-size:12px;font-weight:600;padding:6px 13px;border-radius:20px;border:1px solid var(--line-hi);color:var(--ink2);cursor:pointer;transition:.15s;background:var(--card);}
.svc-chip:hover{border-color:var(--red);color:var(--red);}

/* Form card */
.f-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--rl);padding:34px;box-shadow:var(--sh-lg);}
.fs-prog{display:flex;align-items:center;margin-bottom:26px;}
.fsd{width:28px;height:28px;border-radius:50%;font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0;}
.fsd.done,.fsd.active{background:var(--red);color:#fff;}
.fsd.todo{background:var(--bg2);color:var(--ink3);border:1.5px solid var(--line);}
.fsl{flex:1;height:2px;background:var(--line);}
.fsl.done{background:var(--red);}
.fslbl{font-size:10px;color:var(--ink3);margin-top:5px;text-align:center;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;}
.f-title{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:4px;font-family:'Space Grotesk',sans-serif;}
.f-sub{font-size:12.5px;color:var(--ink3);margin-bottom:20px;}
.fi{display:flex;flex-direction:column;gap:5px;margin-bottom:13px;}
.fi label{font-size:12px;color:var(--ink2);font-weight:600;}
.fi input,.fi textarea{padding:11px 14px;border-radius:9px;font-size:13.5px;border:1.5px solid var(--line);background:var(--bg2);color:var(--ink);font-family:'Inter',sans-serif;transition:.15s;}
.fi input:focus,.fi textarea:focus{outline:none;border-color:var(--red);background:rgba(204,27,27,.03);}
.fi-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ro{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:9px;border:1.5px solid var(--line);cursor:pointer;transition:.15s;font-size:13px;color:var(--ink2);background:var(--bg2);}
.ro:hover{border-color:rgba(204,27,27,.3);background:var(--bg);}
.ro.sel{border-color:var(--red);background:var(--red-soft);color:var(--ink);}
.rd{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--line-hi);flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.ro.sel .rd{border-color:var(--red);}
.rf{width:7px;height:7px;border-radius:50%;background:var(--red);display:none;}
.ro.sel .rf{display:block;}
.plat-g{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;}
.pc2{padding:9px;text-align:center;border-radius:9px;border:1.5px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink2);cursor:pointer;transition:.15s;background:var(--bg2);}
.pc2:hover{border-color:rgba(204,27,27,.4);color:var(--ink);}
.pc2.sel{border-color:var(--red);background:var(--red-soft);color:var(--red);}
.f-nav{display:flex;gap:10px;margin-top:20px;}
.f-nav .btn{flex:1;padding:12px;}
.succ{text-align:center;padding:20px 0;}
.succ-ic{width:56px;height:56px;border-radius:50%;background:var(--grn-bg);border:2px solid rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px;}
.succ h3{font-size:19px;color:var(--ink);margin-bottom:8px;}
.succ p{font-size:13.5px;color:var(--ink2);line-height:1.65;}

/* ── FOOTER ── */
footer{background:#0E0505;padding:64px 0 0;border-top:1px solid rgba(255,255,255,0.06);}
.foot-top{display:flex;justify-content:space-between;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--line);}
.foot-brand{max-width:260px;}
.foot-logo{display:flex;align-items:center;gap:11px;margin-bottom:16px;}
.foot-logo .logo{width:36px;height:36px;background:var(--red);border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:14px;color:#fff;}
.foot-logo .name{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:800;color:var(--ink);}
.foot-brand p{font-size:13.5px;color:var(--ink3);line-height:1.65;margin-bottom:20px;}
.foot-soc{display:flex;gap:8px;}
.fsb{width:36px;height:36px;border-radius:8px;border:1px solid var(--line-hi);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--ink3);font-size:14px;transition:.15s;}
.fsb:hover{background:var(--red);border-color:var(--red);color:#fff;}
.foot-cols{display:flex;gap:48px;}
.foot-col h4{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ink3);margin-bottom:16px;font-family:'IBM Plex Mono',monospace;}
.foot-col a{display:block;font-size:13.5px;color:var(--ink3);margin-bottom:10px;transition:.15s;}
.foot-col a:hover{color:var(--red);}
.foot-bot{padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
.foot-disc{font-size:11px;color:rgba(255,255,255,.2);line-height:1.65;max-width:720px;}
.foot-copy{font-size:12px;color:rgba(255,255,255,.2);}
.foot-wa{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#fff;background:#25D366;padding:9px 18px;border-radius:8px;box-shadow:0 4px 14px rgba(37,211,102,.25);transition:.15s;flex-shrink:0;}
.foot-wa:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,211,102,.35);}

/* ── RESPONSIVE ── */
@media(max-width:1080px){
  .hero-inner,.why-g,.cust-g{grid-template-columns:1fr;gap:40px;}
  .prod-grid,.vc-g,.testi-g,.coll-g{grid-template-columns:1fr 1fr;}
  .stats-inner,.pr-g{grid-template-columns:1fr 1fr;}
  .steps,.part-g,.faq-g{grid-template-columns:1fr;}
  .sp-inner{grid-template-columns:1fr;}
  .cta-b{flex-direction:column;align-items:flex-start;padding:44px 36px;}
  .foot-top{flex-direction:column;gap:36px;}
  .foot-cols{flex-wrap:wrap;gap:28px;}
  .navlinks{display:none;}
  .lb-h,.lb-r{grid-template-columns:40px 1.8fr .8fr .8fr;}
  .lb-h span:last-child,.lb-r>div:last-child{display:none;}
}
@media(max-width:640px){
  .wrap{padding:0 18px;}
  .hero h1{font-size:34px;}
  .prod-grid,.vc-g,.testi-g,.coll-g,.stats-inner,.pr-g{grid-template-columns:1fr;}
  .hero-ctas{flex-direction:column;}
  .hero-ctas .btn{width:100%;justify-content:center;}
  .sp-ctas{flex-direction:column;}
  .sp-btn-main,.sp-btn-free{width:100%;justify-content:center;}
  .fi-row,.plat-g{grid-template-columns:1fr 1fr;}
  .cta-b{padding:36px 24px;}
  .cta-b h2{font-size:24px;}
}

/* ═══ MOBILE RESPONSIVE v5 — 4 breakpoints ═══ */

@media(max-width:1080px){
  .navlinks{display:none;}
  .hero-inner{grid-template-columns:1fr;gap:40px;}
  .hero h1{font-size:44px;}
  .hero-lead{max-width:100%;}
  .hero-stats{flex-wrap:wrap;}
  .hstat{padding:0 18px;}
  .stats-inner{grid-template-columns:1fr 1fr;}
  .steps{grid-template-columns:1fr;gap:16px;}
  .steps::before{display:none;}
  .coll-g{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:32px;}
  .prod-grid{grid-template-columns:1fr 1fr;gap:16px;}
  .sp-inner{grid-template-columns:1fr;}
  .sp-right{border-left:none;border-top:1px solid rgba(255,255,255,.1);padding:28px 24px;}
  .lb-h{grid-template-columns:40px 1.8fr .8fr .8fr;padding:12px 18px;}
  .lb-h span:last-child,.lb-r>div:last-child{display:none;}
  .lb-r{grid-template-columns:40px 1.8fr .8fr .8fr;padding:16px 18px;}
  .vc-g{grid-template-columns:1fr 1fr;gap:16px;}
  .why-g{grid-template-columns:1fr;gap:36px;}
  .ctr{display:flex;flex-direction:column;}
  .cc:nth-child(3n+3){border-left:none;}
  .cc.hd:first-child{display:none;}
  .pr-g{grid-template-columns:1fr;max-width:480px;margin:0 auto;}
  .testi-g{grid-template-columns:1fr 1fr;}
  .cust-g{grid-template-columns:1fr;gap:40px;}
  .part-g{grid-template-columns:1fr;}
  .faq-g{grid-template-columns:1fr;gap:32px;}
  .cta-b{flex-direction:column;align-items:flex-start;padding:44px 36px;gap:28px;}
  .foot-top{flex-direction:column;gap:36px;}
  .foot-cols{flex-wrap:wrap;gap:28px;}
  .foot-bot{flex-direction:column;align-items:flex-start;gap:14px;}
  .sh h2{font-size:30px;}
  .nav-ic-btn .nav-ic-lbl{display:none;}
}

@media(max-width:768px){
  nav{padding:0 20px;}
  .brand-name{font-size:14px;}
  .brand-logo{width:32px;height:32px;font-size:13px;}
  .promo{font-size:12px;padding:9px 16px;line-height:1.5;}
  .ticker{display:none;}
  .hero{padding:44px 0 40px;}
  .hero h1{font-size:36px;}
  .hero-ctas .btn{padding:13px 20px;font-size:14px;}
  .hstat-n{font-size:20px;}
  .stat-n{font-size:28px;}
  .coll-c{padding:18px 16px;}
  .coll-name{font-size:14.5px;}
  .prod-grid{grid-template-columns:1fr 1fr;gap:14px;}
  .prod-name{font-size:15px;}
  .sp-left{padding:32px 24px;}
  .sp-left h2{font-size:28px;}
  .sp-price-now{font-size:42px;}
  .sp-ctas{flex-direction:column;}
  .sp-btn-main,.sp-btn-free{width:100%;justify-content:center;}
  .vc-g{grid-template-columns:1fr;}
  .pc{padding:30px 26px;}
  .pc-price{font-size:40px;}
  .testi-g{grid-template-columns:1fr;}
  .fi-row{grid-template-columns:1fr;}
  .plat-g{grid-template-columns:repeat(2,1fr);}
  .cta-b{padding:36px 28px;}
  .cta-b h2{font-size:24px;}
  .sh h2{font-size:26px;}
  .sh p{font-size:14.5px;}
  .sec{padding:56px 0;}
  .foot-cols{gap:20px;}
  .lb-h{grid-template-columns:34px 1.6fr .7fr;padding:10px 14px;}
  .lb-h span:nth-child(n+4){display:none;}
  .lb-r{grid-template-columns:34px 1.6fr .7fr;padding:14px 14px;}
  .lb-r>div:nth-child(n+4){display:none;}
}

@media(max-width:480px){
  .wrap{padding:0 16px;}
  nav{height:56px;padding:0 16px;}
  .brand-name{display:none;}
  .nav-r{gap:4px;}
  .nav-r .btn{padding:8px 14px;font-size:12.5px;}
  .nav-ic-btn{padding:6px 8px;}
  .hero{padding:32px 0 28px;}
  .hero h1{font-size:30px;}
  .hero-eye{font-size:10px;flex-wrap:wrap;gap:6px;}
  .hero-lead{font-size:14px;margin-bottom:22px;}
  .hero-ctas{flex-direction:column;gap:10px;}
  .hero-ctas .btn{width:100%;justify-content:center;padding:14px;}
  .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;}
  .hstat{padding:12px 0;border-right:none;border-bottom:1px solid var(--line);}
  .hstat:nth-child(odd){padding-right:12px;border-right:1px solid var(--line);}
  .hstat:nth-child(3),.hstat:nth-child(4){border-bottom:none;}
  .ledger-top{padding:12px 16px;}
  .l-ch{display:none;}
  .l-row{grid-template-columns:1fr .65fr .7fr;padding:12px 14px;}
  .l-dd{display:none;}
  .l-s{font-size:12px;}
  .l-p{font-size:10px;}
  .sl{font-size:9.5px;padding:3px 8px;}
  .stats-inner{gap:0;}
  .stat-box{padding:20px 16px;border-right:none;border-bottom:1px solid var(--line);}
  .stat-box:last-child{border-bottom:none;}
  .stat-n{font-size:26px;}
  .stat-l{font-size:12px;}
  .step{padding:22px 18px;}
  .step-n{width:42px;height:42px;font-size:16px;margin-bottom:16px;border-radius:10px;}
  .step h3{font-size:16px;}
  .step p{font-size:13px;}
  .coll-g{grid-template-columns:1fr;gap:10px;margin-bottom:22px;}
  .coll-c{padding:16px 14px;}
  .coll-icon{width:38px;height:38px;font-size:18px;border-radius:9px;}
  .prod-grid{grid-template-columns:1fr;gap:14px;}
  .prod-tabs{gap:5px;padding:4px;}
  .prod-tab{padding:8px 12px;font-size:12px;}
  .sp-left{padding:24px 18px;}
  .sp-left h2{font-size:24px;}
  .sp-eyebrow{font-size:9.5px;padding:5px 10px;}
  .sp-price-now{font-size:36px;}
  .sp-price-was{font-size:14px;}
  .sp-right{padding:22px 18px;}
  .sp-item{padding:10px 0;}
  .sp-item-ico{width:34px;height:34px;font-size:15px;}
  .sp-item-name{font-size:13px;}
  .sp-item-sub{font-size:10px;}
  .lb-h{display:none;}
  .lb-r{grid-template-columns:28px 1fr .6fr;padding:12px 12px;}
  .lb-rank{font-size:13px;}
  .lb-name{font-size:13px;}
  .lb-v{font-size:12.5px;}
  .vc{padding:18px 14px;}
  .vc-name{font-size:15px;}
  .vc-s .v{font-size:14px;}
  .vc-s .l{font-size:10px;}
  .chart-dark{padding:20px 16px;}
  .cd-num{font-size:28px;}
  .pc{padding:26px 20px;}
  .pc-price{font-size:34px;}
  .feat{font-size:13px;}
  .tc{padding:20px 16px;}
  .tc-quote{font-size:13.5px;}
  .cust-l h2{font-size:24px;}
  .f-card{padding:22px 16px;}
  .f-title{font-size:15px;}
  .ro{padding:10px 12px;font-size:12.5px;}
  .pc2{padding:8px;font-size:11.5px;}
  .part-c{padding:22px 18px;}
  .part-c h3{font-size:18px;}
  .fi2-q{font-size:14px;}
  .faq-sb h2{font-size:24px;}
  .cta-b{padding:28px 18px;}
  .cta-b h2{font-size:20px;}
  .cta-b p{font-size:13px;}
  .btn-white{width:100%;justify-content:center;}
  .foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  .foot-col h4{font-size:10.5px;margin-bottom:12px;}
  .foot-col a{font-size:12.5px;margin-bottom:8px;}
  .foot-disc{font-size:10.5px;}
  .foot-wa{width:100%;justify-content:center;}
  .sh h2{font-size:22px;}
  .sh p{font-size:13.5px;}
  .sec{padding:44px 0;}
  .tag{font-size:10.5px;}
}

@media(max-width:360px){
  .hero h1{font-size:26px;}
  .stat-n{font-size:22px;}
  .sp-left h2{font-size:20px;}
  .sp-price-now{font-size:30px;}
  .pc-price{font-size:28px;}
  .sh h2{font-size:20px;}
  .cta-b h2{font-size:18px;}
  .hstat{border-right:none !important;}
  .foot-cols{grid-template-columns:1fr;}
}


/* ══════════════════════════════════════════════
   WOODMART / ELEMENTOR OVERRIDES
══════════════════════════════════════════════ */
.page-id-HOMEPAGE_ID .site-content,
.page-id-HOMEPAGE_ID .entry-content {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
}
.elementor-widget-html { line-height: 0 !important; }
.elementor-widget-html > div { line-height: normal; }
.elementor-widget-html .sec,
.elementor-widget-html .hero,
.elementor-widget-html .stats-strip,
.elementor-widget-html header,
.elementor-widget-html footer,
.elementor-widget-html .promo { margin: 0 !important; }



/*
==============================================================
  TRADING KERNEL — Partnerships Page CSS v5.0
  File: partnerships-css.css

  INSTALLATION:
  Paste into WP Admin → Appearance → Customize → Additional CSS
  Add BELOW global-css-v5.css and woocommerce-css.css

  This file styles ONLY the partnerships page elements:
  · Page hero
  · Vetting process cards
  · Broker cards with feature checklists
  · Comparison table
  · Affiliate disclosure box
  · Filter tabs
  · VPS dark card
==============================================================
*/

:root {
  --red:#CC1B1B; --red-dk:#A01515; --red-dp:#7A0F0F;
  --red-soft:rgba(204,27,27,0.07); --red-glow:rgba(204,27,27,0.20);
  --bg:#FFFFFF; --bg2:#F8F8F8; --bg3:#F0F0F0;
  --line:#E8E8E8; --line-hi:#D0D0D0;
  --ink:#111111; --ink2:#444444; --ink3:#888888;
  --grn:#15803D; --grn-bg:rgba(21,128,61,0.08);
  --gold:#D97706; --gold-bg:rgba(217,119,6,0.08);
  --sh:0 1px 4px rgba(0,0,0,0.06),0 4px 16px rgba(0,0,0,0.08);
  --sh-lg:0 8px 32px rgba(0,0,0,0.12);
  --sh-red:0 4px 20px rgba(204,27,27,0.28);
  --r:12px; --rl:18px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;font-weight:700;line-height:1.08;letter-spacing:-0.02em;color:var(--ink);}
.mono{font-family:'IBM Plex Mono',monospace;}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px;}

/* background grid */
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(0,0,0,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.03) 1px,transparent 1px);
  background-size:52px 52px;}
body::after{content:'';position:fixed;top:-200px;right:-100px;width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle,rgba(204,27,27,0.05),transparent 70%);pointer-events:none;z-index:0;}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;transition:all .18s;border:none;font-family:'Inter',sans-serif;white-space:nowrap;}
.btn-red{background:var(--red);color:#fff;box-shadow:var(--sh-red);}
.btn-red:hover{background:var(--red-dk);transform:translateY(-2px);box-shadow:0 8px 32px rgba(204,27,27,0.4);}
.btn-outline{background:transparent;color:var(--red);border:2px solid var(--red);}
.btn-outline:hover{background:var(--red);color:#fff;}
.btn-ghost{background:var(--bg2);color:var(--ink2);border:1.5px solid var(--line);}
.btn-ghost:hover{border-color:var(--red);color:var(--red);}

/* TAGS */
.tag{font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--red);display:inline-flex;align-items:center;gap:6px;}
.tag::before{content:'//';opacity:.4;}
.live-pill{display:inline-flex;align-items:center;gap:6px;background:var(--grn-bg);color:var(--grn);border:1px solid rgba(21,128,61,0.2);border-radius:20px;padding:5px 12px;font-size:11.5px;font-weight:700;font-family:'IBM Plex Mono',monospace;}
.live-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--grn);animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.2;}}

/* PROMO */
.promo{background:linear-gradient(90deg,var(--red-dp),var(--red),var(--red-dp));color:#fff;text-align:center;padding:11px 20px;font-size:13px;font-weight:600;position:relative;z-index:100;}
.promo .code{background:rgba(255,255,255,.18);padding:2px 10px;border-radius:5px;font-family:'IBM Plex Mono',monospace;margin:0 4px;}

/* NAV */
header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 1px 4px rgba(0,0,0,0.06);}
nav{display:flex;align-items:center;height:64px;max-width:1200px;margin:0 auto;padding:0 40px;}
.brand{display:flex;align-items:center;gap:11px;margin-right:44px;flex-shrink:0;}
.brand-logo{width:36px;height:36px;background:var(--red);border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:14px;color:#fff;box-shadow:0 2px 8px rgba(204,27,27,.25);}
.brand-name{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:800;color:var(--ink);}
.navlinks{display:flex;gap:4px;flex:1;}
.navlinks a{padding:7px 14px;font-size:13.5px;color:var(--ink2);border-radius:7px;transition:.15s;font-weight:500;}
.navlinks a:hover{background:var(--bg2);color:var(--red);}
.navlinks a.active{color:var(--red);font-weight:600;}
.nav-r{display:flex;align-items:center;gap:10px;margin-left:auto;}
.nav-ic{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 10px;border-radius:9px;color:var(--ink3);cursor:pointer;transition:.15s;text-decoration:none;border:none;background:none;}
.nav-ic:hover{background:var(--red-soft);color:var(--red);}
.nav-ic svg{display:block;}
.nav-ic span{font-size:9.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;}
.nav-divider{width:1px;height:28px;background:var(--line);margin:0 4px;}
.cart-wrap{position:relative;}
.cart-badge{position:absolute;top:-7px;right:-8px;background:var(--red);color:#fff;font-size:9px;font-weight:800;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;border:1.5px solid var(--bg);}

/* SECTION */
.sec{padding:80px 0;position:relative;z-index:1;}
.sec-alt{background:var(--bg2);}
.sh{margin-bottom:52px;}
.sh.c{text-align:center;}
.sh.c .divider{margin:14px auto 18px;}
.sh h1{font-size:48px;font-weight:800;color:var(--ink);margin-bottom:14px;}
.sh h2{font-size:36px;color:var(--ink);}
.sh p{font-size:16px;color:var(--ink2);max-width:600px;line-height:1.68;margin-top:14px;}
.sh.c p{margin:14px auto 0;}
.divider{width:40px;height:3px;background:var(--red);border-radius:2px;margin:14px 0 20px;}

/* PAGE HERO */
.page-hero{padding:72px 0 64px;border-bottom:1px solid var(--line);position:relative;z-index:1;}
.page-hero-inner{display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:center;}
.page-hero h1{font-size:50px;font-weight:800;color:var(--ink);margin-bottom:14px;}
.page-hero h1 span{color:var(--red);}
.page-hero p{font-size:16px;color:var(--ink2);line-height:1.7;margin-bottom:28px;max-width:520px;}
.hero-trust{display:flex;gap:24px;margin-top:32px;flex-wrap:wrap;}
.ht{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink3);}
.ht .ic{width:28px;height:28px;border-radius:7px;background:var(--red-soft);border:1px solid rgba(204,27,27,.15);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}

/* HERO STATS CARD */
.hero-stats-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--rl);padding:28px;box-shadow:var(--sh-lg);}
.hsc-title{font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink3);margin-bottom:20px;}
.hsc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px;}
.hsc-stat{padding:16px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);}
.hsc-stat .n{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:800;color:var(--ink);line-height:1;}
.hsc-stat .l{font-size:12px;color:var(--ink3);margin-top:5px;}
.hsc-stat.red{background:var(--red-soft);border-color:rgba(204,27,27,.15);}
.hsc-stat.red .n{color:var(--red);}
.hsc-cta{display:flex;flex-direction:column;gap:8px;}

/* FILTER TABS */
.filter-tabs{display:flex;gap:8px;margin-bottom:40px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:5px;width:fit-content;}
.filter-tab{padding:9px 22px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer;transition:.15s;border:none;background:none;font-family:'Inter',sans-serif;}
.filter-tab:hover{color:var(--red);}
.filter-tab.active{background:var(--red);color:#fff;box-shadow:0 3px 10px rgba(204,27,27,.25);}

/* ── BROKER CARDS ── */
.broker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.broker-card{border-radius:var(--rl);border:1px solid var(--line);background:var(--bg);box-shadow:var(--sh);transition:.25s;display:flex;flex-direction:column;overflow:hidden;position:relative;}
.broker-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:var(--line-hi);}
.broker-card.featured{border-color:var(--red);box-shadow:0 0 0 2px rgba(204,27,27,.12),var(--sh-lg);}
.broker-card.featured::before{content:'TK Recommended';position:absolute;top:0;right:0;background:var(--red);color:#fff;font-size:10px;font-weight:800;padding:6px 14px;border-radius:0 var(--rl) 0 10px;font-family:'IBM Plex Mono',monospace;letter-spacing:.04em;}

/* Card header strip */
.broker-head{padding:24px 24px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;background:var(--bg);}
.broker-logo{width:56px;height:56px;border-radius:12px;border:1px solid var(--line);overflow:hidden;flex-shrink:0;background:var(--bg2);display:flex;align-items:center;justify-content:center;}
.broker-logo img{width:100%;height:100%;object-fit:contain;padding:6px;}
.broker-logo-fallback{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:800;color:var(--red);}
.broker-meta{}
.broker-name{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:800;color:var(--ink);}
.broker-type{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em;margin-top:3px;}
.broker-id{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--red);font-weight:600;margin-top:4px;}

/* Card body */
.broker-body{padding:20px 24px;display:flex;flex-direction:column;gap:14px;flex:1;}
.broker-desc{font-size:14px;color:var(--ink2);line-height:1.65;}

/* Feature checklist */
.broker-feats{display:flex;flex-direction:column;gap:8px;}
.bf{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink2);}
.bf .ic{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;}
.bf .ic.y{background:var(--grn-bg);color:var(--grn);}
.bf .ic.n{background:var(--bg3);color:var(--ink3);border:1px solid var(--line);}

/* Stat pills row */
.broker-stats{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.bstat{display:flex;flex-direction:column;gap:2px;background:var(--bg2);padding:8px 12px;border-radius:9px;border:1px solid var(--line);min-width:70px;}
.bstat .v{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:800;color:var(--ink);}
.bstat .l{font-family:'IBM Plex Mono',monospace;font-size:9.5px;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;margin-top:1px;}
.bstat.accent .v{color:var(--red);}

/* Card footer CTA */
.broker-foot{padding:16px 24px 20px;}
.broker-cta{display:block;width:100%;text-align:center;padding:12px;border-radius:9px;font-size:14px;font-weight:700;border:2px solid var(--red);color:var(--red);transition:.15s;background:var(--red-soft);}
.broker-cta:hover{background:var(--red);color:#fff;}
.broker-card.featured .broker-cta{background:var(--red);color:#fff;}
.broker-card.featured .broker-cta:hover{background:var(--red-dk);}

/* ── VPS CARD (different style — utility not broker) ── */
.vps-card{grid-column:span 1;background:linear-gradient(135deg,#0E0505,#1a0808);border:1px solid rgba(204,27,27,.2);border-radius:var(--rl);padding:28px;color:#F0EEE8;display:flex;flex-direction:column;gap:14px;box-shadow:var(--sh-lg);position:relative;overflow:hidden;}
.vps-card::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(204,27,27,.15),transparent 70%);pointer-events:none;}
.vps-tag{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.45);background:rgba(255,255,255,.07);padding:4px 10px;border-radius:5px;width:fit-content;}
.vps-name{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:800;color:#fff;}
.vps-desc{font-size:13.5px;color:rgba(255,255,255,.65);line-height:1.65;}
.vps-feats{display:flex;flex-direction:column;gap:7px;}
.vf{display:flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.7);}
.vf::before{content:'✓';color:#22C55E;font-weight:800;font-size:12px;flex-shrink:0;}
.vps-price{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:800;color:#fff;}
.vps-price span{font-size:14px;font-weight:400;color:rgba(255,255,255,.45);}
.vps-cta{display:block;width:100%;text-align:center;padding:12px;border-radius:9px;font-size:14px;font-weight:700;background:#fff;color:var(--red);transition:.15s;margin-top:auto;}
.vps-cta:hover{background:#f5f5f5;}

/* ── WHY WE VET SECTION ── */
.vet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.vet-card{padding:28px;border-radius:var(--rl);border:1px solid var(--line);background:var(--bg);box-shadow:var(--sh);transition:.2s;}
.vet-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:var(--red-glow);}
.vet-icon{width:48px;height:48px;border-radius:12px;background:var(--red-soft);border:1px solid rgba(204,27,27,.15);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px;}
.vet-card h3{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:10px;}
.vet-card p{font-size:14px;color:var(--ink2);line-height:1.65;}

/* ── COMPARISON TABLE ── */
.cmp-wrap{border-radius:var(--rl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-lg);}
.cmp-head{background:var(--red);display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1fr 1.2fr;padding:14px 24px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.06em;font-weight:600;}
.cmp-row{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1fr 1.2fr;padding:16px 24px;border-bottom:1px solid var(--line);background:var(--bg);transition:background .15s;align-items:center;}
.cmp-row:hover{background:var(--bg2);}
.cmp-row:last-child{border-bottom:none;}
.cmp-name{display:flex;align-items:center;gap:10px;}
.cmp-logo-sm{width:28px;height:28px;border-radius:6px;border:1px solid var(--line);overflow:hidden;background:var(--bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cmp-logo-sm img{width:100%;height:100%;object-fit:contain;padding:3px;}
.cmp-bname{font-size:14px;font-weight:700;color:var(--ink);}
.cmp-val{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--ink2);}
.cmp-val.red{color:var(--red);font-weight:700;}
.cmp-val.grn{color:var(--grn);font-weight:700;}
.cmp-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:5px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:700;}
.cmp-badge.y{background:var(--grn-bg);color:var(--grn);border:1px solid rgba(21,128,61,.2);}
.cmp-badge.n{background:var(--bg3);color:var(--ink3);border:1px solid var(--line);}
.cmp-link{font-size:12.5px;font-weight:700;color:var(--red);}
.cmp-link:hover{text-decoration:underline;}

/* ── DISCLOSURE SECTION ── */
.disclosure{background:var(--bg2);border:1px solid var(--line);border-radius:var(--rl);padding:28px 32px;display:flex;gap:20px;align-items:flex-start;}
.disc-icon{font-size:24px;flex-shrink:0;margin-top:2px;}
.disc-text{font-size:13.5px;color:var(--ink2);line-height:1.7;}
.disc-text strong{color:var(--ink);}

/* ── CTA BAND ── */
.cta-b{background:var(--red);border-radius:var(--rl);padding:60px;display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative;overflow:hidden;box-shadow:0 16px 48px rgba(204,27,27,.35);}
.cta-b::before{content:'';position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.06);}
.cta-b::after{content:'';position:absolute;left:-30px;bottom:-50px;width:180px;height:180px;border-radius:50%;background:rgba(0,0,0,.08);}
.cta-left{position:relative;z-index:1;}
.cta-left h2{font-size:30px;color:#fff;margin-bottom:10px;}
.cta-left p{font-size:15px;color:rgba(255,255,255,.8);max-width:440px;line-height:1.65;}
.cta-r{position:relative;z-index:1;flex-shrink:0;}

/* FOOTER */
footer{background:#0E0505;padding:56px 0 0;border-top:1px solid rgba(255,255,255,.06);}
.foot-top{display:flex;justify-content:space-between;gap:48px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.07);}
.foot-brand{max-width:250px;}
.foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.foot-logo .logo{width:34px;height:34px;background:var(--red);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:13px;color:#fff;}
.foot-logo .name{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:800;color:#fff;}
.foot-brand p{font-size:13px;color:rgba(255,255,255,.4);line-height:1.65;margin-bottom:18px;}
.foot-soc{display:flex;gap:8px;}
.fsb{width:34px;height:34px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:13px;transition:.15s;}
.fsb:hover{background:var(--red);border-color:var(--red);color:#fff;}
.foot-cols{display:flex;gap:44px;}
.foot-col h4{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.3);margin-bottom:14px;font-family:'IBM Plex Mono',monospace;}
.foot-col a{display:block;font-size:13px;color:rgba(255,255,255,.45);margin-bottom:9px;transition:.15s;}
.foot-col a:hover{color:var(--red);}
.foot-bot{padding:20px 0;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
.foot-disc{font-size:11px;color:rgba(255,255,255,.2);line-height:1.6;max-width:680px;}
.foot-wa{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#fff;background:#25D366;padding:9px 16px;border-radius:8px;flex-shrink:0;transition:.15s;}
.foot-wa:hover{transform:translateY(-1px);}

/* RESPONSIVE */
@media(max-width:1080px){
  .page-hero-inner{grid-template-columns:1fr;gap:40px;}
  .broker-grid{grid-template-columns:1fr 1fr;}
  .vet-grid{grid-template-columns:1fr 1fr;}
  .cmp-head{grid-template-columns:1.5fr 1fr 1fr 1fr;padding:12px 16px;}
  .cmp-head span:nth-child(5),.cmp-head span:nth-child(6){display:none;}
  .cmp-row{grid-template-columns:1.5fr 1fr 1fr 1fr;padding:14px 16px;}
  .cmp-row>div:nth-child(5),.cmp-row>div:nth-child(6){display:none;}
  .navlinks{display:none;}
  .cta-b{flex-direction:column;align-items:flex-start;padding:44px 36px;gap:24px;}
  .foot-top{flex-direction:column;gap:32px;}
  .foot-cols{flex-wrap:wrap;gap:24px;}
}
@media(max-width:768px){
  .broker-grid{grid-template-columns:1fr;}
  .vet-grid{grid-template-columns:1fr;}
  .cmp-head{grid-template-columns:1.5fr 1fr 1fr;padding:10px 14px;}
  .cmp-head span:nth-child(4){display:none;}
  .cmp-row{grid-template-columns:1.5fr 1fr 1fr;padding:13px 14px;}
  .cmp-row>div:nth-child(4){display:none;}
  .sh h1{font-size:32px;}
  .sh h2{font-size:26px;}
  .sec{padding:56px 0;}
  .page-hero{padding:48px 0 44px;}
  .filter-tabs{flex-wrap:wrap;}
}
@media(max-width:480px){
  .wrap{padding:0 16px;}
  .sh h1{font-size:26px;}
  .broker-stats{gap:6px;}
  .bstat{padding:7px 10px;}
  .bstat .v{font-size:13px;}
  .cmp-head{grid-template-columns:1.4fr 1fr;padding:10px 12px;}
  .cmp-head span:nth-child(n+3){display:none;}
  .cmp-row{grid-template-columns:1.4fr 1fr;padding:12px 12px;}
  .cmp-row>div:nth-child(n+3){display:none;}
  .hsc-grid{grid-template-columns:1fr 1fr;}
  .disclosure{flex-direction:column;gap:12px;padding:20px;}
  .cta-b{padding:32px 20px;}
  .cta-b h2{font-size:22px;}
  .foot-cols{grid-template-columns:1fr 1fr;display:grid;gap:20px;}
}

/*
==============================================================
  TRADING KERNEL — Shop Page Widget CSS v5.0
  File: shop-widgets-css.css

  TARGETS ONLY:
  1. Shop hero ("Explore Our Trading Software" section)
  2. Starter Pack banner

  Does NOT touch:
  - Product grid
  - Sidebar
  - Filters
  - Toolbar
  - WooCommerce output
==============================================================
*/

/* ══════════════════════════════════════════════
   SHOP HERO WIDGET
   (.tk-shop-hero)
══════════════════════════════════════════════ */

.tk-shop-hero {
  padding: 44px 40px 36px;
  border-bottom: 1px solid #E8E8E8;
  background: #FFFFFF;
  position: relative;
  z-index: 1;
}

.tk-shop-hero-inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
  max-width: 1260px;
  margin: 0 auto;
}

.tk-shop-hero .tk-tag {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #CC1B1B;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

.tk-shop-hero .tk-tag::before {
  content: '//';
  opacity: .4;
}

.tk-shop-hero h1 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 40px;
  font-weight: 800;
  color: #111111;
  letter-spacing: -0.02em;
  line-height: 1.08;
  margin-bottom: 10px;
}

.tk-shop-hero h1 span {
  color: #CC1B1B;
}

.tk-shop-hero p {
  font-size: 15px;
  color: #444444;
  max-width: 500px;
  line-height: 1.65;
  margin: 0;
}

/* Stats on the right */
.tk-shop-stats {
  display: flex;
  gap: 28px;
  flex-shrink: 0;
}

.tk-shop-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}

.tk-shop-stat .n {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 26px;
  font-weight: 800;
  color: #111111;
  line-height: 1;
}

.tk-shop-stat .l {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10.5px;
  color: #888888;
  text-transform: uppercase;
  letter-spacing: .04em;
  white-space: nowrap;
}

/* ══════════════════════════════════════════════
   STARTER PACK BANNER WIDGET
   (.tk-sp-banner)
══════════════════════════════════════════════ */

.tk-sp-wrap {
  padding: 0 0px;
  max-width: 1260px;
  margin: 28px auto 0;
}

.tk-sp-banner {
  background: linear-gradient(135deg, #0E0505, #1a0808, #2d0a0a);
  border-radius: 16px;
  border: 1px solid rgba(204,27,27,.25);
  box-shadow: 0 8px 40px rgba(204,27,27,.2);
  display: grid;
  grid-template-columns: 1fr auto;
  overflow: hidden;
  position: relative;
}

.tk-sp-banner::before {
  content: '';
  position: absolute;
  top: -80px;
  right: -80px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(204,27,27,.18), transparent 70%);
  pointer-events: none;
}

/* Left side */
.tk-sp-left {
  padding: 36px 44px;
  position: relative;
  z-index: 1;
}

.tk-sp-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(204,27,27,.18);
  border: 1px solid rgba(204,27,27,.3);
  color: #ff8080;
  padding: 5px 13px;
  border-radius: 20px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 14px;
}

.tk-sp-left h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 26px;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.tk-sp-left p {
  font-size: 14px;
  color: rgba(255,255,255,.65);
  line-height: 1.6;
  max-width: 440px;
  margin-bottom: 20px;
}

/* Price row */
.tk-sp-price-row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.tk-sp-now {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 40px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1;
}

.tk-sp-was {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 15px;
  color: rgba(255,255,255,.4);
  text-decoration: line-through;
}

.tk-sp-note {
  font-size: 12px;
  color: rgba(255,255,255,.5);
  line-height: 1.4;
  max-width: 120px;
}

/* CTA buttons */
.tk-sp-ctas {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.tk-sp-btn {
  padding: 12px 22px;
  border-radius: 9px;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  border: none;
  font-family: 'Inter', sans-serif;
  transition: all .18s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.tk-sp-btn-main {
  background: #FFFFFF;
  color: #CC1B1B;
}
.tk-sp-btn-main:hover {
  background: #f5f5f5;
  color: #CC1B1B;
  transform: translateY(-1px);
}

.tk-sp-btn-free {
  background: rgba(255,255,255,.10);
  color: #FFFFFF;
  border: 1.5px solid rgba(255,255,255,.2);
}
.tk-sp-btn-free:hover {
  background: rgba(255,255,255,.18);
  color: #FFFFFF;
}

/* Trust tags row */
.tk-sp-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 16px;
}

.tk-sp-trust-item {
  font-size: 12px;
  color: rgba(255,255,255,.5);
  display: flex;
  align-items: center;
  gap: 5px;
}

.tk-sp-trust-item .check {
  color: #6EF0AA;
  font-weight: 700;
}

/* Right side — EA list */
.tk-sp-right {
  padding: 28px 32px 28px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  z-index: 1;
  justify-content: center;
}

.tk-sp-right-title {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(255,255,255,.35);
  margin-bottom: 4px;
}

.tk-sp-ea {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  background: rgba(255,255,255,.05);
  border-radius: 9px;
  border: 1px solid rgba(255,255,255,.07);
  min-width: 200px;
}

.tk-sp-ea-ico {
  width: 32px;
  height: 32px;
  border-radius: 7px;
  background: rgba(255,255,255,.08);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}

.tk-sp-ea-name {
  font-size: 13px;
  font-weight: 600;
  color: #FFFFFF;
  font-family: 'Inter', sans-serif;
}

.tk-sp-ea-sub {
  font-size: 10.5px;
  color: rgba(255,255,255,.45);
  font-family: 'IBM Plex Mono', monospace;
  margin-top: 2px;
}

.tk-sp-free {
  display: inline-block;
  font-size: 9px;
  font-weight: 800;
  background: rgba(21,128,61,.2);
  color: #6EF0AA;
  padding: 2px 7px;
  border-radius: 4px;
  border: 1px solid rgba(110,240,170,.2);
  margin-left: 6px;
  font-family: 'IBM Plex Mono', monospace;
  vertical-align: middle;
}

/* ══════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════ */

@media(max-width:1080px){
  .tk-shop-hero { padding: 36px 28px 28px; }
  .tk-shop-hero h1 { font-size: 32px; }
  .tk-shop-stats { gap: 20px; }
  .tk-sp-wrap { padding: 0 28px; }
  .tk-sp-banner { grid-template-columns: 1fr; }
  .tk-sp-right { display: none; }
  .tk-sp-left { padding: 32px 28px; }
}

@media(max-width:768px){
  .tk-shop-hero { padding: 28px 20px 24px; }
  .tk-shop-hero h1 { font-size: 26px; }
  .tk-shop-hero p { font-size: 14px; }
  .tk-shop-stats { display: none; }
  .tk-sp-wrap { padding: 0 20px; }
  .tk-sp-left { padding: 28px 22px; }
  .tk-sp-left h2 { font-size: 22px; }
  .tk-sp-now { font-size: 34px; }
  .tk-sp-ctas { flex-direction: column; }
  .tk-sp-btn { width: 100%; justify-content: center; }
}

@media(max-width:480px){
  .tk-shop-hero { padding: 22px 16px 20px; }
  .tk-shop-hero h1 { font-size: 22px; }
  .tk-sp-wrap { padding: 0 16px; }
  .tk-sp-left { padding: 22px 18px; }
  .tk-sp-left h2 { font-size: 20px; }
  .tk-sp-now { font-size: 28px; }
  .tk-sp-badge { font-size: 9.5px; padding: 4px 10px; }
}


/*
==============================================================
  TRADING KERNEL — Contact Page CSS v5.0
  File: contact-css.css

  INSTALLATION:
  WP Admin → Appearance → Customize → Additional CSS
  Paste BELOW global-css-v5.css

  This file styles ONLY the contact page:
  · Page hero + online status badge
  · Response time stats
  · Channel cards (WhatsApp / Telegram / Facebook / YouTube)
  · Contact form + subject chips
  · Info sidebar (hours / company / social)
  · FAQ accordion
  · CTA band
==============================================================
*/

:root{
  --red:#CC1B1B;--red-dk:#A01515;--red-dp:#7A0F0F;
  --red-soft:rgba(204,27,27,0.07);--red-glow:rgba(204,27,27,0.20);
  --bg:#FFFFFF;--bg2:#F8F8F8;--bg3:#F0F0F0;
  --line:#E8E8E8;--line-hi:#D0D0D0;
  --ink:#111111;--ink2:#444444;--ink3:#888888;
  --grn:#15803D;--grn-bg:rgba(21,128,61,0.08);
  --gold:#D97706;
  --sh:0 1px 4px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.08);
  --sh-lg:0 8px 32px rgba(0,0,0,.12);
  --sh-red:0 4px 20px rgba(204,27,27,.28);
  --r:12px;--rl:18px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;font-weight:700;line-height:1.08;letter-spacing:-0.02em;color:var(--ink);}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px;}

body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);
  background-size:52px 52px;}
body::after{content:'';position:fixed;top:-200px;right:-100px;width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle,rgba(204,27,27,.05),transparent 70%);pointer-events:none;z-index:0;}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;transition:all .18s;border:none;font-family:'Inter',sans-serif;white-space:nowrap;}
.btn-red{background:var(--red);color:#fff;box-shadow:var(--sh-red);}
.btn-red:hover{background:var(--red-dk);transform:translateY(-2px);}
.btn-outline{background:transparent;color:var(--red);border:2px solid var(--red);}
.btn-outline:hover{background:var(--red);color:#fff;}

/* TAGS */
.tag{font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--red);display:inline-flex;align-items:center;gap:6px;}
.tag::before{content:'//';opacity:.4;}
.divider{width:40px;height:3px;background:var(--red);border-radius:2px;margin:14px 0 20px;}

/* PROMO */
.promo{background:linear-gradient(90deg,var(--red-dp),var(--red),var(--red-dp));color:#fff;text-align:center;padding:10px 20px;font-size:13px;font-weight:600;position:relative;z-index:100;}
.promo .code{background:rgba(255,255,255,.18);padding:2px 9px;border-radius:5px;font-family:'IBM Plex Mono',monospace;}

/* NAV */
header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 1px 4px rgba(0,0,0,.06);}
nav{display:flex;align-items:center;height:64px;max-width:1200px;margin:0 auto;padding:0 40px;}
.brand{display:flex;align-items:center;gap:11px;margin-right:44px;flex-shrink:0;}
.brand-logo{width:36px;height:36px;background:var(--red);border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:14px;color:#fff;}
.brand-name{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:800;color:var(--ink);}
.navlinks{display:flex;gap:4px;flex:1;}
.navlinks a{padding:7px 13px;font-size:13.5px;color:var(--ink2);border-radius:7px;transition:.15s;font-weight:500;}
.navlinks a:hover{background:var(--bg2);color:var(--red);}
.navlinks a.active{color:var(--red);font-weight:600;}
.nav-r{display:flex;align-items:center;gap:8px;margin-left:auto;}
.nav-ic{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 9px;border-radius:8px;color:var(--ink3);cursor:pointer;transition:.15s;text-decoration:none;border:none;background:none;}
.nav-ic:hover{background:var(--red-soft);color:var(--red);}
.nav-ic svg{display:block;}
.nav-ic span{font-size:9px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;}
.nav-divider{width:1px;height:26px;background:var(--line);margin:0 4px;}
.cart-wrap{position:relative;}
.cart-badge{position:absolute;top:-7px;right:-8px;background:var(--red);color:#fff;font-size:9px;font-weight:800;width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff;}

/* SECTION */
.sec{padding:80px 0;position:relative;z-index:1;}
.sec-alt{background:var(--bg2);}

/* ── PAGE HERO ── */
.contact-hero{padding:72px 0 60px;border-bottom:1px solid var(--line);position:relative;z-index:1;}
.contact-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.contact-hero h1{font-size:48px;font-weight:800;margin-bottom:14px;}
.contact-hero h1 span{color:var(--red);}
.contact-hero p{font-size:16px;color:var(--ink2);line-height:1.7;margin-bottom:32px;max-width:480px;}

/* Online status */
.online-status{display:inline-flex;align-items:center;gap:10px;background:var(--grn-bg);border:1px solid rgba(21,128,61,.2);border-radius:12px;padding:12px 18px;margin-bottom:28px;}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--grn);box-shadow:0 0 0 3px rgba(21,128,61,.2);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(21,128,61,.2);}50%{box-shadow:0 0 0 6px rgba(21,128,61,.08);}}
.status-text{font-size:13.5px;font-weight:700;color:var(--grn);font-family:'IBM Plex Mono',monospace;}
.status-sub{font-size:12px;color:var(--grn);opacity:.7;}

/* Response times */
.response-times{display:flex;gap:0;margin-top:28px;}
.rt{display:flex;flex-direction:column;padding:0 24px;border-right:1px solid var(--line);}
.rt:first-child{padding-left:0;}
.rt:last-child{border-right:none;}
.rt-time{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:800;color:var(--ink);}
.rt-label{font-size:12px;color:var(--ink3);margin-top:3px;}

/* ── CONTACT CHANNELS ── */
.channels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}

.channel-card{border-radius:var(--rl);border:1px solid var(--line);background:var(--bg);padding:28px;box-shadow:var(--sh);transition:.22s;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;}
.channel-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:var(--line-hi);}
.channel-card.primary{border-color:var(--red);background:#fff;box-shadow:0 0 0 2px rgba(204,27,27,.08),var(--sh-lg);}
.channel-card.whatsapp{background:linear-gradient(135deg,#075E54,#128C7E);border:none;}
.channel-card.whatsapp *{color:#fff !important;}
.channel-card.whatsapp .ch-desc{color:rgba(255,255,255,.75) !important;}
.channel-card.whatsapp .ch-badge{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.2);}
.channel-card.whatsapp .ch-cta{background:rgba(255,255,255,.15);color:#fff;border:1.5px solid rgba(255,255,255,.3);}
.channel-card.whatsapp .ch-cta:hover{background:rgba(255,255,255,.25);}
.channel-card.whatsapp .ch-icon-wrap{background:rgba(255,255,255,.15);}

.ch-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.ch-icon-wrap{width:48px;height:48px;border-radius:12px;background:var(--red-soft);border:1px solid rgba(204,27,27,.15);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.ch-badge{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:20px;background:var(--grn-bg);color:var(--grn);border:1px solid rgba(21,128,61,.2);}
.ch-badge.fast{background:rgba(217,119,6,.08);color:var(--gold);border-color:rgba(217,119,6,.2);}

.ch-name{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:800;color:var(--ink);}
.ch-handle{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink3);margin-top:2px;}
.ch-desc{font-size:14px;color:var(--ink2);line-height:1.65;}
.ch-cta{display:inline-flex;align-items:center;gap:7px;padding:11px 20px;border-radius:9px;font-size:13.5px;font-weight:700;background:var(--red-soft);color:var(--red);border:1.5px solid rgba(204,27,27,.2);transition:.15s;cursor:pointer;margin-top:auto;text-decoration:none;}
.ch-cta:hover{background:var(--red);color:#fff;}
.channel-card.primary .ch-cta{background:var(--red);color:#fff;}
.channel-card.primary .ch-cta:hover{background:var(--red-dk);}

/* ── CONTACT FORM + INFO ── */
.contact-grid{display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:start;}

/* Form */
.form-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--rl);padding:40px;box-shadow:var(--sh-lg);}
.form-title{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:800;color:var(--ink);margin-bottom:6px;}
.form-sub{font-size:14px;color:var(--ink3);margin-bottom:28px;}

.fi{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.fi label{font-size:12.5px;font-weight:600;color:var(--ink2);}
.fi label .req{color:var(--red);}
.fi input,.fi textarea,.fi select{
  padding:12px 14px;border-radius:9px;font-size:14px;
  border:1.5px solid var(--line);background:var(--bg2);
  color:var(--ink);font-family:'Inter',sans-serif;transition:.15s;
  width:100%;
}
.fi input:focus,.fi textarea:focus,.fi select:focus{
  outline:none;border-color:var(--red);background:#fff;
  box-shadow:0 0 0 3px rgba(204,27,27,.08);
}
.fi textarea{resize:vertical;min-height:120px;}
.fi-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

/* Subject chips */
.subject-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.subj-chip{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;border:1.5px solid var(--line);color:var(--ink2);background:var(--bg);cursor:pointer;transition:.15s;font-family:'Inter',sans-serif;}
.subj-chip:hover{border-color:var(--red);color:var(--red);}
.subj-chip.sel{background:var(--red);border-color:var(--red);color:#fff;}

.form-submit{display:flex;align-items:center;gap:14px;margin-top:8px;flex-wrap:wrap;}
.form-note{font-size:12px;color:var(--ink3);line-height:1.5;}

/* Success state */
.form-success{display:none;text-align:center;padding:32px 0;}
.success-ico{width:64px;height:64px;border-radius:50%;background:var(--grn-bg);border:2px solid rgba(21,128,61,.3);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 18px;}
.form-success h3{font-size:22px;color:var(--ink);margin-bottom:10px;}
.form-success p{font-size:14.5px;color:var(--ink2);line-height:1.65;}

/* Info sidebar */
.info-sidebar{display:flex;flex-direction:column;gap:18px;}

.info-card{border-radius:var(--r);border:1px solid var(--line);background:var(--bg);padding:22px;box-shadow:var(--sh);}
.info-card-title{font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink3);margin-bottom:14px;}

/* Business hours */
.hours-list{display:flex;flex-direction:column;gap:8px;}
.hour-row{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;padding:6px 0;border-bottom:1px solid var(--line);}
.hour-row:last-child{border-bottom:none;}
.hour-day{color:var(--ink2);font-weight:500;}
.hour-time{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink);}
.hour-time.open{color:var(--grn);font-weight:600;}

/* Social links */
.social-list{display:flex;flex-direction:column;gap:8px;}
.social-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;border:1px solid var(--line);color:var(--ink2);transition:.15s;font-size:13.5px;font-weight:500;}
.social-item:hover{border-color:var(--red-glow);color:var(--red);background:var(--red-soft);}
.social-icon{width:32px;height:32px;border-radius:8px;background:var(--bg2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}

/* Location */
.location-info{display:flex;flex-direction:column;gap:8px;}
.loc-item{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--ink2);padding:6px 0;border-bottom:1px solid var(--line);}
.loc-item:last-child{border-bottom:none;}
.loc-icon{width:28px;height:28px;border-radius:7px;background:var(--red-soft);border:1px solid rgba(204,27,27,.15);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-top:1px;}
.loc-label{font-size:11px;color:var(--ink3);font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;}
.loc-value{font-weight:600;color:var(--ink);}

/* ── FAQ PREVIEW ── */
.faq-preview{display:flex;flex-direction:column;}
.fq{border-bottom:1px solid var(--line);}
.fq-h{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:16px;cursor:pointer;}
.fq-q{font-size:15px;font-weight:700;color:var(--ink);line-height:1.35;}
.fq-t{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line-hi);display:flex;align-items:center;justify-content:center;color:var(--ink3);font-size:15px;flex-shrink:0;transition:.2s;}
.fq.open .fq-t{background:var(--red);border-color:var(--red);color:#fff;transform:rotate(45deg);}
.fq-a{font-size:14px;color:var(--ink2);line-height:1.75;max-height:0;overflow:hidden;transition:.3s;}
.fq.open .fq-a{max-height:200px;padding-bottom:18px;}

/* ── CTA BAND ── */
.cta-b{background:var(--red);border-radius:var(--rl);padding:60px;display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative;overflow:hidden;box-shadow:0 16px 48px rgba(204,27,27,.35);}
.cta-b::before{content:'';position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.06);}
.cta-b::after{content:'';position:absolute;left:-30px;bottom:-50px;width:180px;height:180px;border-radius:50%;background:rgba(0,0,0,.08);}
.cta-b h2{font-size:30px;color:#fff;margin-bottom:10px;position:relative;z-index:1;}
.cta-b p{font-size:15px;color:rgba(255,255,255,.8);max-width:440px;line-height:1.65;position:relative;z-index:1;}
.cta-b-r{position:relative;z-index:1;flex-shrink:0;display:flex;gap:12px;flex-wrap:wrap;}

/* FOOTER */
footer{background:#0E0505;padding:52px 0 0;border-top:1px solid rgba(255,255,255,.06);}
.foot-top{display:flex;justify-content:space-between;gap:44px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.07);}
.foot-brand{max-width:240px;}
.foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.foot-logo .logo{width:32px;height:32px;background:var(--red);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:13px;color:#fff;}
.foot-logo .name{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:800;color:#fff;}
.foot-brand p{font-size:13px;color:rgba(255,255,255,.4);line-height:1.65;margin-bottom:16px;}
.foot-soc{display:flex;gap:7px;}
.fsb{width:32px;height:32px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:13px;transition:.15s;}
.fsb:hover{background:var(--red);border-color:var(--red);color:#fff;}
.foot-cols{display:flex;gap:40px;}
.foot-col h4{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.3);margin-bottom:14px;font-family:'IBM Plex Mono',monospace;}
.foot-col a{display:block;font-size:13px;color:rgba(255,255,255,.45);margin-bottom:9px;transition:.15s;}
.foot-col a:hover{color:var(--red);}
.foot-bot{padding:18px 0;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;}
.foot-disc{font-size:11px;color:rgba(255,255,255,.2);line-height:1.6;max-width:660px;}
.foot-wa{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#fff;background:#25D366;padding:8px 16px;border-radius:8px;flex-shrink:0;transition:.15s;}
.foot-wa:hover{transform:translateY(-1px);}

/* RESPONSIVE */
@media(max-width:1080px){
  .contact-hero-inner{grid-template-columns:1fr;gap:40px;}
  .contact-grid{grid-template-columns:1fr;gap:36px;}
  .channels-grid{grid-template-columns:1fr 1fr;}
  .navlinks{display:none;}
  .cta-b{flex-direction:column;align-items:flex-start;padding:44px 36px;gap:24px;}
  .foot-top{flex-direction:column;gap:32px;}
  .foot-cols{flex-wrap:wrap;gap:24px;}
}
@media(max-width:768px){
  .channels-grid{grid-template-columns:1fr;}
  .fi-row{grid-template-columns:1fr;}
  .response-times{gap:0;flex-wrap:wrap;}
  .rt{padding:12px 16px;border-right:none;border-bottom:1px solid var(--line);}
  .contact-hero h1{font-size:34px;}
  .sec{padding:56px 0;}
  .form-card{padding:28px 22px;}
  .cta-b{padding:40px 28px;}
}
@media(max-width:480px){
  .wrap{padding:0 16px;}
  .contact-hero{padding:48px 0 40px;}
  .contact-hero h1{font-size:28px;}
  .subject-chips{gap:6px;}
  .subj-chip{padding:7px 13px;font-size:12.5px;}
  .form-card{padding:22px 16px;}
  .channels-grid{gap:14px;}
  .channel-card{padding:22px 18px;}
  .cta-b{padding:28px 18px;}
  .cta-b h2{font-size:22px;}
}


/*
==============================================================
  TRADING KERNEL — Research Journal (Blog) CSS v5.0
  File: blog-css.css

  INSTALL:
  WP Admin → Appearance → Customize → Additional CSS
  Paste BELOW global-css-v5.css

  TARGETS (real WoodMart classes from your live page):
  · .wd-posts / article.wd-post          — post loop + cards
  · .wd-post-thumb / .wd-post-img        — featured image
  · .wd-post-date                        — date badge
  · .wd-post-cat                         — category pill
  · .wd-post-title / .wd-post-excerpt    — text
  · .wd-post-meta / .wd-post-author      — byline
  · .wd-post-read-more                   — CTA button
  · .sidebar-widget                      — all sidebar widgets
  · .woodmart-recent-posts               — recent posts widget
  · .widget_categories                   — categories widget
  · .wp-block-tag-cloud / .tagcloud      — tag cloud widget
  · .tk-blog-hero                        — static Elementor hero

  BEFORE YOU START — 3 WordPress settings:
  1. Appearance → Widgets → remove the empty "Recent Comments"
  2. Appearance → Widgets → add a "Tag Cloud" widget to the
     blog sidebar (set taxonomy = Tags)
  3. Tag your posts (xauusd, btcusd, mean-reversion, breakout,
     prop-firm, scalping...) so the tag cloud has content
==============================================================
*/

/* ══════════════════════════════════════════════
   1 · PAGE SHELL
══════════════════════════════════════════════ */

.blog .wd-page-content,
.page-template .wd-posts {
  background: #FFFFFF;
}

/* Post loop → force 3-col card grid (overrides list design) */
.wd-posts.wd-blog-holder {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

/* ══════════════════════════════════════════════
   2 · POST CARD
══════════════════════════════════════════════ */

article.wd-post {
  border-radius: 16px !important;
  border: 1px solid #E8E8E8 !important;
  background: #FFFFFF !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.08) !important;
  overflow: hidden !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  float: none !important;
}
article.wd-post:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.12) !important;
  border-color: #D0D0D0 !important;
}

/* Kill WoodMart's list layout — force vertical card */
article.wd-post .wd-post-inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  gap: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* ── Featured image ── */
article.wd-post .wd-post-thumb {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
article.wd-post .wd-post-img {
  aspect-ratio: 16 / 10 !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #1a0505, #0d0d1a) !important;
}
article.wd-post .wd-post-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .35s ease !important;
  border-radius: 0 !important;
}
article.wd-post:hover .wd-post-img img {
  transform: scale(1.06) !important;
}

/* ── Date badge (top-left on image) ── */
article.wd-post .wd-post-date {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  background: rgba(255,255,255,.94) !important;
  backdrop-filter: blur(4px) !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  text-align: center !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.12) !important;
  z-index: 3 !important;
  min-width: auto !important;
  border: none !important;
  display: block !important;
}
article.wd-post .post-date-day {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #111111 !important;
  display: block !important;
}
article.wd-post .post-date-month {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  color: #CC1B1B !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  margin-top: 2px !important;
  display: block !important;
}

/* ── Category pill (top-right on image) ── */
article.wd-post .wd-post-cat {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 3 !important;
  background: transparent !important;
  padding: 0 !important;
}
article.wd-post .wd-post-cat a {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  color: #FFFFFF !important;
  background: #CC1B1B !important;
  padding: 5px 11px !important;
  border-radius: 7px !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(204,27,27,.3) !important;
  display: inline-block !important;
  transition: background .15s !important;
}
article.wd-post .wd-post-cat a:hover {
  background: #A01515 !important;
}

/* ── Card body ── */
article.wd-post .wd-post-content {
  padding: 20px 22px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  gap: 0 !important;
  background: transparent !important;
  width: 100% !important;
  max-width: 100% !important;
}
article.wd-post .wd-post-content-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  flex: 1 !important;
  overflow: visible !important;
  max-height: none !important;
  padding: 0 !important;
}

/* ── Title ── */
article.wd-post .wd-post-title {
  margin: 0 !important;
  padding: 0 !important;
  order: 1 !important;
}
article.wd-post .wd-post-title a {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #111111 !important;
  letter-spacing: -.01em !important;
  text-decoration: none !important;
  transition: color .15s !important;
  display: block !important;
}
article.wd-post .wd-post-title a:hover {
  color: #CC1B1B !important;
}

/* ── Excerpt ── */
article.wd-post .wd-post-excerpt {
  font-size: 13.5px !important;
  color: #444444 !important;
  line-height: 1.6 !important;
  order: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

/* ── Meta row (author + date) ── */
article.wd-post .wd-post-meta {
  order: 3 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  padding-top: 12px !important;
  margin-top: auto !important;
  border-top: 1px solid #E8E8E8 !important;
  font-size: 12px !important;
  color: #888888 !important;
}
article.wd-post .wd-post-author {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: #888888 !important;
  margin: 0 !important;
}
/* Hide the "Posted by" label — the avatar says it */
article.wd-post .wd-post-author > span:first-child {
  display: none !important;
}
article.wd-post .wd-post-author img.avatar {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  border: 1px solid #E8E8E8 !important;
  margin: 0 !important;
}
article.wd-post .wd-post-author a.author {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #444444 !important;
  text-decoration: none !important;
}
article.wd-post .wd-post-author a.author:hover {
  color: #CC1B1B !important;
}
article.wd-post .wd-modified-date,
article.wd-post .wd-modified-date time {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 11px !important;
  color: #888888 !important;
}
/* Separator dot before the date */
article.wd-post .wd-modified-date::before {
  content: '·' !important;
  margin-right: 8px !important;
  color: #BBBBBB !important;
}

/* Hide clutter: share tooltip + comment count */
article.wd-post .wd-post-share,
article.wd-post .wd-post-reply {
  display: none !important;
}

/* ── Read more button ── */
article.wd-post .wd-post-read-more {
  order: 4 !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
}
article.wd-post .wd-post-read-more a.btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  padding: 11px 16px !important;
  border-radius: 9px !important;
  border: 2px solid #CC1B1B !important;
  background: rgba(204,27,27,.07) !important;
  color: #CC1B1B !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background .15s, color .15s !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
article.wd-post .wd-post-read-more a.btn:hover {
  background: #CC1B1B !important;
  color: #FFFFFF !important;
}

/* ══════════════════════════════════════════════
   3 · SIDEBAR WIDGETS
══════════════════════════════════════════════ */

.sidebar-widget,
.wd-widget.widget {
  background: #FFFFFF !important;
  border: 1px solid #E8E8E8 !important;
  border-radius: 14px !important;
  padding: 22px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.08) !important;
  margin-bottom: 20px !important;
}

.sidebar-widget .widget-title,
.wd-widget .widget-title {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  color: #888888 !important;
  margin: 0 0 14px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid #E8E8E8 !important;
}

/* ── Categories widget ── */
.widget_categories ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.widget_categories li.cat-item {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  list-style: none !important;
}
.widget_categories li.cat-item a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 9px 11px !important;
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #444444 !important;
  text-decoration: none !important;
  transition: background .15s, color .15s !important;
}
.widget_categories li.cat-item a:hover {
  background: rgba(204,27,27,.07) !important;
  color: #CC1B1B !important;
}
/* Post count (if "show counts" is enabled) */
.widget_categories li.cat-item .count {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 11px !important;
  background: #F0F0F0 !important;
  color: #888888 !important;
  padding: 2px 7px !important;
  border-radius: 5px !important;
}

/* ── Tag cloud widget ── */
.tagcloud,
.wp-block-tag-cloud {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
.tagcloud a,
.wp-block-tag-cloud a {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  padding: 5px 11px !important;
  border-radius: 7px !important;
  background: #F8F8F8 !important;
  border: 1px solid #E8E8E8 !important;
  color: #888888 !important;
  text-decoration: none !important;
  transition: all .15s !important;
  display: inline-block !important;
  line-height: 1.4 !important;
}
.tagcloud a:hover,
.wp-block-tag-cloud a:hover {
  background: rgba(204,27,27,.07) !important;
  border-color: rgba(204,27,27,.25) !important;
  color: #CC1B1B !important;
}

/* ── Recent posts widget ── */
.woodmart-recent-posts-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
.woodmart-recent-posts-list li {
  display: flex !important;
  gap: 11px !important;
  align-items: flex-start !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #F0F0F0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.woodmart-recent-posts-list li:first-child { padding-top: 0 !important; }
.woodmart-recent-posts-list li:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.woodmart-recent-posts-list .recent-posts-thumbnail {
  flex-shrink: 0 !important;
  display: block !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid #E8E8E8 !important;
  width: 56px !important;
  height: 56px !important;
}
.woodmart-recent-posts-list .recent-posts-thumbnail img {
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .3s !important;
}
.woodmart-recent-posts-list li:hover .recent-posts-thumbnail img {
  transform: scale(1.08) !important;
}
.woodmart-recent-posts-list .recent-posts-info {
  flex: 1 !important;
  min-width: 0 !important;
}
.woodmart-recent-posts-list .wd-entities-title a {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #111111 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  transition: color .15s !important;
  display: block !important;
}
.woodmart-recent-posts-list .wd-entities-title a:hover {
  color: #CC1B1B !important;
}
.woodmart-recent-posts-list .recent-posts-time {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10.5px !important;
  color: #888888 !important;
  display: block !important;
  margin-top: 5px !important;
}
/* Hide comment count — not useful here */
.woodmart-recent-posts-list .recent-posts-comment {
  display: none !important;
}

/* Hide the empty Recent Comments widget if still present */
.widget_recent_comments:has(#recentcomments:empty) {
  display: none !important;
}

/* ══════════════════════════════════════════════
   4 · PAGINATION
══════════════════════════════════════════════ */

.wd-pagination .page-numbers,
.woocommerce-pagination .page-numbers li a,
nav.wd-pagination a,
nav.wd-pagination span {
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: 1.5px solid #E8E8E8 !important;
  color: #444444 !important;
  background: #FFFFFF !important;
  text-decoration: none !important;
  transition: .15s !important;
}
.wd-pagination .page-numbers:hover,
nav.wd-pagination a:hover {
  border-color: #CC1B1B !important;
  color: #CC1B1B !important;
}
.wd-pagination .page-numbers.current,
nav.wd-pagination span.current {
  background: #CC1B1B !important;
  border-color: #CC1B1B !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 20px rgba(204,27,27,.28) !important;
}

/* ══════════════════════════════════════════════
   5 · BLOG HERO (static Elementor HTML widget)
══════════════════════════════════════════════ */

.tk-blog-hero {
  padding: 56px 40px 48px;
  border-bottom: 1px solid #E8E8E8;
  background: #FFFFFF;
  position: relative;
  z-index: 1;
}
.tk-blog-hero-inner {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 56px;
  align-items: end;
  max-width: 1240px;
  margin: 0 auto;
}
.tk-blog-hero .tk-tag {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #CC1B1B;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 12px;
}
.tk-blog-hero .tk-tag::before { content: '//'; opacity: .4; }
.tk-blog-hero h1 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 44px;
  font-weight: 800;
  color: #111111;
  letter-spacing: -.02em;
  line-height: 1.08;
  margin-bottom: 12px;
}
.tk-blog-hero h1 span { color: #CC1B1B; }
.tk-blog-hero .tk-rule {
  width: 40px; height: 3px;
  background: #CC1B1B;
  border-radius: 2px;
  margin: 14px 0 20px;
}
.tk-blog-hero p {
  font-size: 16px;
  color: #444444;
  line-height: 1.7;
  max-width: 540px;
  margin: 0;
}

/* Hero trust badges — no numbers that go stale */
.tk-blog-badges {
  display: flex;
  gap: 0;
  margin-top: 28px;
  flex-wrap: wrap;
}
.tk-bb {
  display: flex;
  flex-direction: column;
  padding: 0 22px;
  border-right: 1px solid #E8E8E8;
}
.tk-bb:first-child { padding-left: 0; }
.tk-bb:last-child { border-right: none; }
.tk-bb-n {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 20px;
  font-weight: 800;
  color: #111111;
  line-height: 1.1;
}
.tk-bb-l {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10.5px;
  color: #888888;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-top: 4px;
  white-space: nowrap;
}

/* Newsletter card */
.tk-sub-card {
  background: linear-gradient(135deg, #0E0505, #1a0808);
  border-radius: 18px;
  padding: 28px;
  border: 1px solid rgba(204,27,27,.25);
  box-shadow: 0 8px 32px rgba(204,27,27,.15);
  position: relative;
  overflow: hidden;
}
.tk-sub-card::before {
  content: '';
  position: absolute;
  top: -60px; right: -60px;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(204,27,27,.2), transparent 70%);
  pointer-events: none;
}
.tk-sub-card > * { position: relative; z-index: 1; }
.tk-sub-tag {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #ff8080;
  background: rgba(204,27,27,.18);
  border: 1px solid rgba(204,27,27,.3);
  padding: 4px 11px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 14px;
}
.tk-sub-card h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 19px;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 8px;
  letter-spacing: -.02em;
}
.tk-sub-card p {
  font-size: 13px;
  color: rgba(255,255,255,.6);
  line-height: 1.6;
  margin-bottom: 18px;
}
.tk-sub-form { display: flex; flex-direction: column; gap: 9px; }
.tk-sub-form input {
  padding: 11px 14px;
  border-radius: 9px;
  border: 1.5px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.06);
  color: #FFFFFF;
  font-size: 13.5px;
  font-family: 'Inter', sans-serif;
  width: 100%;
}
.tk-sub-form input::placeholder { color: rgba(255,255,255,.35); }
.tk-sub-form input:focus {
  outline: none;
  border-color: #CC1B1B;
  background: rgba(255,255,255,.1);
}
.tk-sub-form button {
  padding: 11px;
  border-radius: 9px;
  border: none;
  background: #FFFFFF;
  color: #CC1B1B;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  transition: .15s;
}
.tk-sub-form button:hover { background: #f0f0f0; }
.tk-sub-note {
  font-size: 11px;
  color: rgba(255,255,255,.35);
  margin-top: 10px;
  text-align: center;
}

/* ══════════════════════════════════════════════
   6 · RESPONSIVE
══════════════════════════════════════════════ */

@media(max-width:1200px){
  .wd-posts.wd-blog-holder { grid-template-columns: repeat(2, 1fr) !important; }
}
@media(max-width:1080px){
  .tk-blog-hero { padding: 44px 28px 36px; }
  .tk-blog-hero-inner { grid-template-columns: 1fr; gap: 32px; }
  .tk-blog-hero h1 { font-size: 34px; }
}
@media(max-width:768px){
  .wd-posts.wd-blog-holder {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  article.wd-post .wd-post-content { padding: 18px 18px 20px !important; }
  article.wd-post .wd-post-title a { font-size: 16px !important; }
  .tk-blog-hero { padding: 32px 20px 28px; }
  .tk-blog-hero h1 { font-size: 27px; }
  .tk-blog-hero p { font-size: 14.5px; }
  .tk-blog-badges { gap: 0; }
  .tk-bb { padding: 8px 18px 8px 0; border-right: none; }
  .sidebar-widget, .wd-widget.widget { padding: 18px !important; }
}
@media(max-width:480px){
  .tk-blog-hero { padding: 26px 16px 22px; }
  .tk-blog-hero h1 { font-size: 23px; }
  .tk-sub-card { padding: 22px; }
  .tk-bb-n { font-size: 17px; }
  article.wd-post .wd-post-img { aspect-ratio: 16 / 9 !important; }
}


/*
==============================================================
  TRADING KERNEL — My Account Dashboard CSS v5.0
  File: my-account-css.css

  INSTALL:
  WP Admin → Appearance → Customize → Additional CSS
  Paste BELOW global-css-v5.css

  FIXES THE SHELL:
  · "My account" title overlapping the nav (collision bug)
  · Unstyled sidebar nav → proper card with active state
  · Huge empty left gutter → tightened grid
  · Inconsistent download button widths → uniform
  · Adds icons to every nav item
  · Dashboard welcome → styled card
  · All tables → clean, readable, branded

  TARGETS (real classes from your live page):
  .wd-my-account-wrapper / .wd-my-account-sidebar
  .woocommerce-MyAccount-title / .woocommerce-MyAccount-navigation
  .woocommerce-MyAccount-navigation-link--{slug} / .is-active
  .woocommerce-MyAccount-content
  .wd-my-account-links / .wd-my-acc-{slug}
  .woocommerce-table--order-downloads
  .woocommerce-MyAccount-downloads-file
==============================================================
*/

/* ══════════════════════════════════════════════
   1 · PAGE SHELL + GRID
══════════════════════════════════════════════ */

.woocommerce-account .wd-page-content,
.woocommerce-account #main-content {
  background: #F8F8F8 !important;
}

.woocommerce-account #main-content {
  padding-top: 36px !important;
  padding-bottom: 60px !important;
  max-width: 1240px !important;
}

/* Grid: tighten sidebar, close the gutter */
.wd-my-account-wrapper {
  --wd-gap-lg: 28px !important;
  --wd-gap-sm: 20px !important;
  align-items: start !important;
}

.wd-my-account-sidebar {
  --wd-col-lg: 3 !important;
  --wd-col-md: 4 !important;
  position: sticky !important;
  top: 84px !important;
}

.woocommerce-MyAccount-content {
  --wd-col-lg: 9 !important;
  --wd-col-md: 8 !important;
  min-width: 0 !important;
}

/* ══════════════════════════════════════════════
   2 · SIDEBAR — fix collision + card style
══════════════════════════════════════════════ */

/* THE BUG FIX — title was overlapping the nav */
.woocommerce-MyAccount-title.entry-title {
  position: static !important;
  float: none !important;
  display: block !important;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: #888888 !important;
  margin: 0 0 12px !important;
  padding: 0 0 0 4px !important;
  line-height: 1.4 !important;
  clear: both !important;
}

/* Nav becomes a white card */
.woocommerce-MyAccount-navigation {
  background: #FFFFFF !important;
  border: 1px solid #E8E8E8 !important;
  border-radius: 14px !important;
  padding: 10px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.08) !important;
  margin: 0 !important;
  overflow: hidden !important;
	height: 600px !important; 
}

.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.woocommerce-MyAccount-navigation li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* Nav links */
.woocommerce-MyAccount-navigation li a {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 11px 13px !important;
  border-radius: 9px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #444444 !important;
  text-decoration: none !important;
  transition: background .15s, color .15s !important;
  line-height: 1.3 !important;
  border: none !important;
}

.woocommerce-MyAccount-navigation li a:hover {
  background: #F8F8F8 !important;
  color: #CC1B1B !important;
}

/* Active state */
.woocommerce-MyAccount-navigation li.is-active a {
  background: rgba(204,27,27,.07) !important;
  color: #CC1B1B !important;
  font-weight: 700 !important;
  box-shadow: inset 3px 0 0 #CC1B1B !important;
}

/* ── ICONS via ::before ── */
.woocommerce-MyAccount-navigation li a::before {
  content: '' !important;
  width: 17px !important;
  height: 17px !important;
  flex-shrink: 0 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: .55 !important;
  transition: opacity .15s !important;
}
.woocommerce-MyAccount-navigation li a:hover::before,
.woocommerce-MyAccount-navigation li.is-active a::before {
  opacity: 1 !important;
}

/* Dashboard — grid icon */
.woocommerce-MyAccount-navigation-link--dashboard a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E") !important;
}
.woocommerce-MyAccount-navigation-link--dashboard.is-active a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CC1B1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E") !important;
}

/* Memberships — award/badge */
.woocommerce-MyAccount-navigation-link--memberships a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.477 12.89 17 22l-5-3-5 3 1.523-9.11'/%3E%3C/svg%3E") !important;
}
.woocommerce-MyAccount-navigation-link--memberships.is-active a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CC1B1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.477 12.89 17 22l-5-3-5 3 1.523-9.11'/%3E%3C/svg%3E") !important;
}

/* Orders — package */
.woocommerce-MyAccount-navigation-link--orders a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E") !important;
}
.woocommerce-MyAccount-navigation-link--orders.is-active a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CC1B1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E") !important;
}

/* Downloads — download arrow */
.woocommerce-MyAccount-navigation-link--downloads a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E") !important;
}
.woocommerce-MyAccount-navigation-link--downloads.is-active a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CC1B1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E") !important;
}

/* Address — map pin */
.woocommerce-MyAccount-navigation-link--edit-address a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important;
}
.woocommerce-MyAccount-navigation-link--edit-address.is-active a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CC1B1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important;
}

/* Payment methods — credit card */
.woocommerce-MyAccount-navigation-link--payment-methods a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cline x1='2' x2='22' y1='10' y2='10'/%3E%3C/svg%3E") !important;
}
.woocommerce-MyAccount-navigation-link--payment-methods.is-active a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CC1B1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cline x1='2' x2='22' y1='10' y2='10'/%3E%3C/svg%3E") !important;
}

/* Account details — user */
.woocommerce-MyAccount-navigation-link--edit-account a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}
.woocommerce-MyAccount-navigation-link--edit-account.is-active a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CC1B1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}

/* Wishlist — heart */
.woocommerce-MyAccount-navigation-link--wishlist a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") !important;
}
.woocommerce-MyAccount-navigation-link--wishlist.is-active a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CC1B1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") !important;
}

/* Subscriptions — refresh cycle */
.woocommerce-MyAccount-navigation-link--my-subscription a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E") !important;
}
.woocommerce-MyAccount-navigation-link--my-subscription.is-active a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CC1B1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E") !important;
}

/* Logout — exit */
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' x2='9' y1='12' y2='12'/%3E%3C/svg%3E") !important;
}

/* Logout sits apart at the bottom */
.woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid #E8E8E8 !important;
}
.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #888888 !important;
}
.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  background: rgba(204,27,27,.07) !important;
  color: #CC1B1B !important;
}

/* ══════════════════════════════════════════════
   3 · MAIN CONTENT PANEL
══════════════════════════════════════════════ */

.woocommerce-MyAccount-content {
  background: #FFFFFF !important;
  border: 1px solid #E8E8E8 !important;
  border-radius: 14px !important;
  padding: 32px 34px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.08) !important;
}

/* Dashboard greeting paragraphs */
.woocommerce-MyAccount-content > p {
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  color: #444444 !important;
  line-height: 1.7 !important;
  margin: 0 0 14px !important;
}
.woocommerce-MyAccount-content > p:first-of-type {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  letter-spacing: -.02em !important;
  padding-bottom: 16px !important;
  margin-bottom: 18px !important;
  border-bottom: 1px solid #E8E8E8 !important;
}
.woocommerce-MyAccount-content > p:first-of-type strong {
  color: #CC1B1B !important;
}
.woocommerce-MyAccount-content > p a {
  color: #CC1B1B !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.woocommerce-MyAccount-content > p a:hover {
  text-decoration: underline !important;
}

/* ══════════════════════════════════════════════
   4 · DASHBOARD ICON TILES (.wd-my-account-links)
══════════════════════════════════════════════ */

.wd-my-account-links {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
  list-style: none !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
}

.wd-my-account-links li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

.wd-my-account-links li a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 22px 12px !important;
  border-radius: 12px !important;
  border: 1px solid #E8E8E8 !important;
  background: #F8F8F8 !important;
  color: #444444 !important;
  text-decoration: none !important;
  transition: all .18s ease !important;
  height: 100% !important;
  text-align: center !important;
}

.wd-my-account-links li a:hover {
  background: #FFFFFF !important;
  border-color: rgba(204,27,27,.3) !important;
  color: #CC1B1B !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.10) !important;
}

.wd-my-account-links .wd-nav-icon {
  width: 26px !important;
  height: 26px !important;
  display: block !important;
  opacity: .5 !important;
  transition: opacity .18s !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
.wd-my-account-links li a:hover .wd-nav-icon {
  opacity: 1 !important;
}

.wd-my-account-links .nav-link-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}


/* Hide the duplicate Dashboard tile — you're already there */
.wd-my-account-links .wd-my-acc-dashboard { display: none !important; }

/* ══════════════════════════════════════════════
   5 · TABLES (Orders / Downloads / Subscriptions)
══════════════════════════════════════════════ */

.woocommerce-MyAccount-content table.shop_table,
.woocommerce-table {
  border: 1px solid #E8E8E8 !important;
  border-radius: 12px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
  margin: 0 !important;
  table-layout: auto !important;
}

/* Header */
.woocommerce-MyAccount-content table.shop_table thead th,
.woocommerce-table thead th {
  background: #F8F8F8 !important;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: #888888 !important;
  padding: 13px 16px !important;
  border: none !important;
  border-bottom: 1px solid #E8E8E8 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

/* Body cells */
.woocommerce-MyAccount-content table.shop_table tbody td,
.woocommerce-table tbody td {
  padding: 14px 16px !important;
  border: none !important;
  border-bottom: 1px solid #F0F0F0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  color: #444444 !important;
  vertical-align: middle !important;
  background: #FFFFFF !important;
}
.woocommerce-MyAccount-content table.shop_table tbody tr:last-child td {
  border-bottom: none !important;
}
.woocommerce-MyAccount-content table.shop_table tbody tr:hover td {
  background: #F8F8F8 !important;
}

/* Product name column */
.woocommerce-table td.download-product,
.woocommerce-table td.woocommerce-orders-table__cell-order-number {
  font-weight: 600 !important;
  color: #111111 !important;
}
.woocommerce-table td.download-product a,
.woocommerce-table td a:not(.button) {
  color: #111111 !important;
  text-decoration: none !important;
  transition: color .15s !important;
}
.woocommerce-table td.download-product a:hover {
  color: #CC1B1B !important;
}

/* "∞" and "Never" columns — monospace, muted, centered */
.woocommerce-table td.download-remaining,
.woocommerce-table td.download-expires {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 13px !important;
  color: #888888 !important;
  text-align: center !important;
  white-space: nowrap !important;
}
.woocommerce-table th.download-remaining,
.woocommerce-table th.download-expires {
  text-align: center !important;
}

/* Download column — fixed width so buttons align */
.woocommerce-table th.download-file,
.woocommerce-table td.download-file {
  width: 300px !important;
  text-align: right !important;
}

/* ── DOWNLOAD BUTTONS — uniform width, no wrapping mess ── */
.woocommerce-MyAccount-downloads-file,
.woocommerce-MyAccount-content .button.alt {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 270px !important;
  padding: 10px 14px !important;
  border-radius: 9px !important;
  border: 2px solid #CC1B1B !important;
  background: rgba(204,27,27,.07) !important;
  color: #CC1B1B !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
  transition: background .15s, color .15s !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.woocommerce-MyAccount-downloads-file:hover {
  background: #CC1B1B !important;
  color: #FFFFFF !important;
}
/* Download arrow icon before filename */
.woocommerce-MyAccount-downloads-file::before {
  content: '↓' !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  flex-shrink: 0 !important;
}

/* Order status pills */
.woocommerce-orders-table__cell-order-status {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}


/* Form fields */
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea {
  padding: 12px 14px !important;
  border-radius: 9px !important;
  border: 1.5px solid #E8E8E8 !important;
  background: #F8F8F8 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #111111 !important;
  transition: .15s !important;
  width: 100% !important;
}
.woocommerce-MyAccount-content input:focus,
.woocommerce-MyAccount-content select:focus,
.woocommerce-MyAccount-content textarea:focus {
  outline: none !important;
  border-color: #CC1B1B !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(204,27,27,.08) !important;
}
.woocommerce-MyAccount-content label {
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #444444 !important;
  margin-bottom: 6px !important;
  display: block !important;
}
.woocommerce-MyAccount-content legend,
.woocommerce-MyAccount-content fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 24px 0 0 !important;
}
.woocommerce-MyAccount-content legend {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  padding: 0 0 12px !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid #E8E8E8 !important;
  width: 100% !important;
}

/* Section headings inside tabs */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  letter-spacing: -.02em !important;
  margin: 0 0 16px !important;
}

/* Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  padding: 14px 18px 14px 44px !important;
  border-top: none !important;
  border-left: 3px solid #CC1B1B !important;
  background: rgba(204,27,27,.05) !important;
  margin-bottom: 20px !important;
}
.woocommerce-message { border-left-color: #15803D !important; background: rgba(21,128,61,.05) !important; }
.woocommerce-message::before { color: #15803D !important; }
.woocommerce-info::before { color: #CC1B1B !important; }

/* Empty state (no downloads/orders yet) */
.woocommerce-info a.button {
  margin-left: 12px !important;
}

/* ══════════════════════════════════════════════
   7 · RESPONSIVE
══════════════════════════════════════════════ */

@media(max-width:1024px){
  .wd-my-account-sidebar { position: static !important; }
  .wd-my-account-links { grid-template-columns: repeat(3, 1fr) !important; }
  .woocommerce-MyAccount-content { padding: 26px 24px !important; }
  .woocommerce-table th.download-file,
  .woocommerce-table td.download-file { width: auto !important; }
}

@media(max-width:768px){
  .woocommerce-account #main-content { padding-top: 24px !important; }
  .wd-my-account-links { grid-template-columns: repeat(2, 1fr) !important; }
  .woocommerce-MyAccount-content { padding: 22px 18px !important; }
  .woocommerce-MyAccount-content > p:first-of-type { font-size: 19px !important; }

  /* Stack tables into cards */
  .woocommerce-MyAccount-content table.shop_table_responsive thead { display: none !important; }
  .woocommerce-MyAccount-content table.shop_table_responsive tbody tr {
    display: block !important;
    border: 1px solid #E8E8E8 !important;
    border-radius: 10px !important;
    padding: 14px !important;
    margin-bottom: 12px !important;
    background: #FFFFFF !important;
  }
  .woocommerce-MyAccount-content table.shop_table_responsive tbody td {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid #F0F0F0 !important;
    text-align: right !important;
  }
  .woocommerce-MyAccount-content table.shop_table_responsive tbody td::before {
    content: attr(data-title) !important;
    font-family: 'IBM Plex Mono', monospace !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    color: #888888 !important;
    flex-shrink: 0 !important;
  }
  .woocommerce-MyAccount-content table.shop_table_responsive tbody td:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .woocommerce-MyAccount-downloads-file { max-width: 100% !important; }
}

@media(max-width:480px){
  .wd-my-account-links { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .wd-my-account-links li a { padding: 18px 8px !important; }
  .wd-my-account-links .nav-link-text { font-size: 11.5px !important; }
  .woocommerce-MyAccount-content { padding: 18px 14px !important; }
  .woocommerce-MyAccount-navigation { padding: 8px !important; }
  .woocommerce-MyAccount-navigation li a { padding: 10px 11px !important; font-size: 13px !important; }
}


/*
==============================================================
  TRADING KERNEL — EA Review Archive CSS v5.0
  File: ea-review-css.css

  INSTALL:
  WP Admin → Appearance → Customize → Additional CSS
  Paste BELOW global-css-v5.css

  COVERS:
  1. Trust score bars      (.tk-score — from PHP callback)
  2. Pills                 (.tk-pill — prop firm + taxonomies)
  3. Listing card          (.tk-ea-card — JetEngine Listing Item)
  4. Dynamic table         (.jet-dynamic-table)
  5. Page hero             (.tk-ea-hero — static widget)
  6. Filter button         (light touch only — filter untouched)
  7. Responsive

  REQUIRED CSS CLASSES — add these in Elementor
  (Advanced tab → CSS Classes) as you build:

  LISTING ITEM "Expert Advisors":
    outer container ............ tk-ea-card
    logo container ............. tk-ea-logo-wrap
    logo image ................. tk-ea-logo
    body container ............. tk-ea-body
    EA name (title) ............ tk-ea-name
    score container ............ tk-ea-score-row
    terms/pills container ...... tk-ea-pills
    specs container ............ tk-ea-specs
    each spec row .............. tk-ea-spec
    spec label ................. tk-ea-spec-l
    spec value ................. tk-ea-spec-v
    price ...................... tk-ea-price
    Full Review button ......... tk-ea-cta

  TABLE COLUMN LISTING ITEMS:
    name cell container ........ tk-tc-name
    name cell logo ............. tk-tc-logo
    name cell title ............ tk-tc-nm
    name cell review link ...... tk-tc-review
    capital value .............. tk-tc-cap
    date value ................. tk-tc-val
    purchase button ............ tk-tc-buy
==============================================================
*/


/* ══════════════════════════════════════════════
   1 · TRUST SCORE BARS
   Output by the tk_trust_score_bars() PHP callback
══════════════════════════════════════════════ */

.tk-score {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  line-height: 1 !important;
}

.tk-score-bars {
  display: inline-flex !important;
  gap: 2.5px !important;
}

.tk-sb {
  width: 7px !important;
  height: 16px !important;
  border-radius: 2px !important;
  background: #E8E8E8 !important;
  display: block !important;
  flex-shrink: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Filled bars */
.tk-sb.on.g { background: #15803D !important; }
.tk-sb.on.a { background: #D97706 !important; }
.tk-sb.on.r { background: #CC1B1B !important; }

/* Half-filled bars (for .5 scores) */
.tk-sb.half::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 50% !important;
}
.tk-sb.half.g::after { background: #15803D !important; }
.tk-sb.half.a::after { background: #D97706 !important; }
.tk-sb.half.r::after { background: #CC1B1B !important; }

/* The numeric value */
.tk-score-num {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
.tk-score-num.g { color: #15803D !important; }
.tk-score-num.a { color: #D97706 !important; }
.tk-score-num.r { color: #CC1B1B !important; }

.tk-score-max {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 11px !important;
  color: #BBBBBB !important;
  line-height: 1 !important;
}


/* ══════════════════════════════════════════════
   2 · PILLS
   Used for prop firm callback + JetEngine terms
══════════════════════════════════════════════ */

.tk-pill,
.tk-ea-pills a,
.jet-dynamic-table a[href*="/ea-strategy/"],
.jet-dynamic-table a[href*="/ea-assets/"] {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  background: #F8F8F8 !important;
  border: 1px solid #E8E8E8 !important;
  color: #888888 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
  display: inline-block !important;
  text-decoration: none !important;
  line-height: 1.5 !important;
  transition: all .15s !important;
}

.tk-ea-pills a:hover,
.jet-dynamic-table a[href*="/ea-strategy/"]:hover,
.jet-dynamic-table a[href*="/ea-assets/"]:hover {
  border-color: rgba(204,27,27,.25) !important;
  color: #CC1B1B !important;
  background: rgba(204,27,27,.05) !important;
}

/* Colour variants from the prop firm callback */
.tk-pill.grn {
  background: rgba(21,128,61,.08) !important;
  border-color: rgba(21,128,61,.2) !important;
  color: #15803D !important;
}
.tk-pill.amb {
  background: rgba(217,119,6,.08) !important;
  border-color: rgba(217,119,6,.2) !important;
  color: #D97706 !important;
}
.tk-pill.red {
  background: rgba(204,27,27,.07) !important;
  border-color: rgba(204,27,27,.2) !important;
  color: #CC1B1B !important;
}

/* Gold asset term gets the red treatment automatically */
.tk-ea-pills a[href*="/gold/"],
.jet-dynamic-table a[href*="/ea-assets/gold/"] {
  background: rgba(204,27,27,.07) !important;
  border-color: rgba(204,27,27,.18) !important;
  color: #CC1B1B !important;
}

/* JetEngine terms widget wrapper — strip default separators */
.tk-ea-pills .jet-listing-dynamic-terms__link {
  margin: 0 !important;
}
.tk-ea-pills .jet-listing-dynamic-terms {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  justify-content: center !important;
}
.tk-ea-pills .jet-listing-dynamic-terms__delimiter {
  display: none !important;
}


/* ══════════════════════════════════════════════
   3 · LISTING CARD (.tk-ea-card)
══════════════════════════════════════════════ */

.tk-ea-card {
  border-radius: 16px !important;
  border: 1px solid #E8E8E8 !important;
  background: #FFFFFF !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.08) !important;
  overflow: hidden !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  position: relative !important;
  padding: 0 !important;
}
.tk-ea-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.12) !important;
  border-color: #D0D0D0 !important;
}

/* ── #1 RATED — first card in the grid ──
   Works because the Listing Grid is sorted by score DESC */
.jet-listing-grid__item:first-child .tk-ea-card {
  border-color: #CC1B1B !important;
  box-shadow: 0 0 0 2px rgba(204,27,27,.12), 0 8px 32px rgba(0,0,0,.12) !important;
}
.jet-listing-grid__item:first-child .tk-ea-card::before {
  content: '#1 RATED' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  background: #CC1B1B !important;
  color: #FFFFFF !important;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 5px 11px !important;
  border-radius: 0 0 10px 0 !important;
  letter-spacing: .05em !important;
  z-index: 3 !important;
  line-height: 1.4 !important;
}
/* First card's CTA is solid red */
.jet-listing-grid__item:first-child .tk-ea-cta {
  background: #CC1B1B !important;
  color: #FFFFFF !important;
}
.jet-listing-grid__item:first-child .tk-ea-cta:hover {
  background: #A01515 !important;
}

/* Logo area */
.tk-ea-logo-wrap {
  padding: 24px 20px 14px !important;
  display: flex !important;
  justify-content: center !important;
  background: #F8F8F8 !important;
  border-bottom: 1px solid #E8E8E8 !important;
}
.tk-ea-logo img,
img.tk-ea-logo {
  width: 72px !important;
  height: 72px !important;
  border-radius: 14px !important;
  object-fit: cover !important;
  border: 1px solid #E8E8E8 !important;
  background: #FFFFFF !important;
  display: block !important;
}

/* Body */
.tk-ea-body {
  padding: 18px 18px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  flex: 1 !important;
}

.tk-ea-name,
.tk-ea-name a {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  color: #111111 !important;
  letter-spacing: -.01em !important;
  text-decoration: none !important;
  margin: 0 !important;
}
.tk-ea-name a:hover { color: #CC1B1B !important; }

.tk-ea-score-row {
  display: flex !important;
  justify-content: center !important;
  padding: 10px 0 !important;
  border-top: 1px solid #E8E8E8 !important;
  border-bottom: 1px solid #E8E8E8 !important;
}

.tk-ea-pills {
  display: flex !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

/* Spec rows */
.tk-ea-specs {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.tk-ea-spec {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
}
.tk-ea-spec-l {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10px !important;
  color: #888888 !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
}
.tk-ea-spec-v {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #111111 !important;
}

.tk-ea-price {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #CC1B1B !important;
  text-align: center !important;
  margin-top: 2px !important;
  line-height: 1.2 !important;
}

/* CTA */
.tk-ea-cta,
.tk-ea-cta a,
a.tk-ea-cta {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  padding: 10px !important;
  border-radius: 9px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  border: 2px solid #CC1B1B !important;
  color: #CC1B1B !important;
  background: rgba(204,27,27,.07) !important;
  transition: background .15s, color .15s !important;
  margin-top: auto !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}
.tk-ea-cta:hover,
a.tk-ea-cta:hover {
  background: #CC1B1B !important;
  color: #FFFFFF !important;
}

/* Grid gap */
.jet-listing-grid__items {
  gap: 18px !important;
}


/* ══════════════════════════════════════════════
   4 · DYNAMIC TABLE
══════════════════════════════════════════════ */

.jet-dynamic-table {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid #E8E8E8 !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.12) !important;
  background: #FFFFFF !important;
}

.jet-dynamic-table table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Header */
.jet-dynamic-table__heading,
.jet-dynamic-table thead th,
.jet-dynamic-table__head-cell {
  background: #CC1B1B !important;
  color: rgba(255,255,255,.85) !important;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  padding: 14px 16px !important;
  text-align: left !important;
  white-space: nowrap !important;
  border: none !important;
}

/* Body cells */
.jet-dynamic-table__body-cell,
.jet-dynamic-table tbody td {
  padding: 16px !important;
  border: none !important;
  border-bottom: 1px solid #E8E8E8 !important;
  vertical-align: middle !important;
  background: #FFFFFF !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  color: #444444 !important;
  transition: background .15s !important;
}
.jet-dynamic-table tbody tr:last-child td {
  border-bottom: none !important;
}
.jet-dynamic-table tbody tr:hover td,
.jet-dynamic-table__row:hover .jet-dynamic-table__body-cell {
  background: #F8F8F8 !important;
}

/* ── Name cell ── */
.tk-tc-name {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 210px !important;
}
.tk-tc-logo img,
img.tk-tc-logo {
  width: 42px !important;
  height: 42px !important;
  border-radius: 9px !important;
  object-fit: cover !important;
  border: 1px solid #E8E8E8 !important;
  flex-shrink: 0 !important;
  background: #F8F8F8 !important;
  display: block !important;
}
.tk-tc-nm,
.tk-tc-nm a {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  letter-spacing: -.01em !important;
}
.tk-tc-nm a:hover { color: #CC1B1B !important; }

.tk-tc-review,
a.tk-tc-review {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #CC1B1B !important;
  margin-top: 3px !important;
  display: inline-block !important;
  text-decoration: none !important;
}
.tk-tc-review:hover { text-decoration: underline !important; }

/* Capital + date */
.tk-tc-cap {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111111 !important;
}
.tk-tc-val {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 13px !important;
  color: #444444 !important;
  white-space: nowrap !important;
}

/* Purchase button */
.tk-tc-buy,
a.tk-tc-buy {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 9px 18px !important;
  border-radius: 8px !important;
  background: #CC1B1B !important;
  color: #FFFFFF !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  transition: all .15s !important;
  white-space: nowrap !important;
  box-shadow: 0 3px 12px rgba(204,27,27,.25) !important;
  text-decoration: none !important;
  border: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.tk-tc-buy:hover,
a.tk-tc-buy:hover {
  background: #A01515 !important;
  transform: translateY(-1px) !important;
  color: #FFFFFF !important;
}


/* ══════════════════════════════════════════════
   5 · PAGE HERO (static Elementor HTML widget)
══════════════════════════════════════════════ */

.tk-ea-hero {
  padding: 56px 40px 46px;
  border-bottom: 1px solid #E8E8E8;
  background: #FFFFFF;
  position: relative;
  z-index: 1;
}
.tk-ea-hero-inner {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 56px;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}
.tk-ea-hero .tk-tag {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #CC1B1B;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 12px;
}
.tk-ea-hero .tk-tag::before { content: '//'; opacity: .4; }
.tk-ea-hero h1 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 44px;
  font-weight: 800;
  color: #111111;
  letter-spacing: -.02em;
  line-height: 1.08;
  margin-bottom: 12px;
}
.tk-ea-hero h1 span { color: #CC1B1B; }
.tk-ea-hero .tk-rule {
  width: 40px; height: 3px;
  background: #CC1B1B;
  border-radius: 2px;
  margin: 14px 0 20px;
}
.tk-ea-hero p {
  font-size: 16px;
  color: #444444;
  line-height: 1.7;
  max-width: 540px;
  margin: 0;
}

/* Hero facts row */
.tk-ea-facts {
  display: flex;
  gap: 0;
  margin-top: 28px;
  flex-wrap: wrap;
}
.tk-hf {
  display: flex;
  flex-direction: column;
  padding: 0 22px;
  border-right: 1px solid #E8E8E8;
}
.tk-hf:first-child { padding-left: 0; }
.tk-hf:last-child { border-right: none; }
.tk-hf-n {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 20px;
  font-weight: 800;
  color: #111111;
  line-height: 1.1;
}
.tk-hf-l {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10.5px;
  color: #888888;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-top: 4px;
  white-space: nowrap;
}

/* Score explainer card */
.tk-score-explain {
  background: linear-gradient(135deg, #0E0505, #1a0808);
  border-radius: 18px;
  padding: 28px;
  border: 1px solid rgba(204,27,27,.25);
  box-shadow: 0 8px 32px rgba(204,27,27,.15);
  position: relative;
  overflow: hidden;
}
.tk-score-explain::before {
  content: '';
  position: absolute;
  top: -60px; right: -60px;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(204,27,27,.2), transparent 70%);
  pointer-events: none;
}
.tk-score-explain > * { position: relative; z-index: 1; }
.tk-se-tag {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #ff8080;
  background: rgba(204,27,27,.18);
  border: 1px solid rgba(204,27,27,.3);
  padding: 4px 11px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 14px;
}
.tk-score-explain h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 14px;
  letter-spacing: -.02em;
}
.tk-se-scale {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.tk-se-row {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 12.5px;
  color: rgba(255,255,255,.7);
}
.tk-se-badge {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  font-weight: 800;
  padding: 3px 9px;
  border-radius: 6px;
  flex-shrink: 0;
  min-width: 58px;
  text-align: center;
}
.tk-se-badge.g { background: rgba(21,128,61,.22);  color: #6EF0AA; border: 1px solid rgba(110,240,170,.25); }
.tk-se-badge.a { background: rgba(217,119,6,.22);  color: #FCD34D; border: 1px solid rgba(252,211,77,.25); }
.tk-se-badge.r { background: rgba(204,27,27,.22);  color: #FF9494; border: 1px solid rgba(255,148,148,.25); }
.tk-se-note {
  font-size: 11.5px;
  color: rgba(255,255,255,.4);
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
  line-height: 1.55;
}


/* ══════════════════════════════════════════════
   6 · FILTER BUTTON — light touch only
   (The filter popup itself is left alone)
══════════════════════════════════════════════ */

.tk-filter-btn,
.elementor-widget-button .elementor-button.tk-filter-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 11px 22px !important;
  border-radius: 9px !important;
  border: 1.5px solid #E8E8E8 !important;
  background: #FFFFFF !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #444444 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.08) !important;
  transition: .15s !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.tk-filter-btn:hover {
  border-color: #CC1B1B !important;
  color: #CC1B1B !important;
}


/* ══════════════════════════════════════════════
   7 · RESPONSIVE
══════════════════════════════════════════════ */

@media(max-width:1080px){
  .tk-ea-hero { padding: 44px 28px 36px; }
  .tk-ea-hero-inner { grid-template-columns: 1fr; gap: 32px; }
  .tk-ea-hero h1 { font-size: 34px; }
}

@media(max-width:768px){
  .tk-ea-hero { padding: 32px 20px 28px; }
  .tk-ea-hero h1 { font-size: 27px; }
  .tk-ea-hero p { font-size: 14.5px; }
  .tk-hf { padding: 8px 18px 8px 0; border-right: none; }
  .tk-ea-body { padding: 16px 16px 18px !important; }
  .tk-ea-price { font-size: 20px !important; }
  .jet-listing-grid__items { gap: 14px !important; }

  /* Table scrolls horizontally rather than squashing */
  .jet-dynamic-table { overflow-x: auto !important; }
  .jet-dynamic-table table { min-width: 900px !important; }
}

@media(max-width:480px){
  .tk-ea-hero { padding: 26px 16px 22px; }
  .tk-ea-hero h1 { font-size: 23px; }
  .tk-score-explain { padding: 22px; }
  .tk-ea-logo img { width: 60px !important; height: 60px !important; }
  .tk-sb { width: 6px !important; height: 14px !important; }
}