/* =========================================================================
   FNC Vintage — main.css
   Design tokens + component styles for every homepage section.
   All colours/spacing route through CSS variables so the Customizer +
   Elementor's own "Style" tab controls (typography, color, spacing per
   widget) layer on top of this cleanly.
   ========================================================================= */

:root{
	--fnc-accent: #C8F250;
	--fnc-bg: #10160D;
	--fnc-surface: #161E12;
	--fnc-surface-2: #10160D;
	--fnc-border: #2a3420;
	--fnc-border-soft: #232c1b;
	--fnc-text: #EDEFE3;
	--fnc-text-soft: #aeb89f;
	--fnc-text-mute: #8c9a7c;
	--fnc-text-dim: #7e8c6d;
	--fnc-text-dimmer: #5f6d50;
	--fnc-green-accent2: #9bb988;
	--fnc-whatsapp: #25D366;
	--fnc-radius-lg: 18px;
	--fnc-radius-md: 14px;
	--fnc-radius-sm: 10px;
	--fnc-max: 1320px;
	--fnc-max-narrow: 1080px;
	--font-display: 'Newsreader', serif;
	--font-heading: 'Archivo', sans-serif;
	--font-mono: 'Space Mono', monospace;
	--font-body: 'Work Sans', sans-serif;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body.fnc-site,
.fnc-site{
	background: var(--fnc-bg);
	color: var(--fnc-text);
	font-family: var(--font-body);
	overflow-x: hidden;
	margin:0;
}
.fnc-site *{ margin:0; padding:0; }
.fnc-site ::selection{ background: var(--fnc-accent); color: var(--fnc-bg); }
.fnc-site a{ text-decoration:none; color:inherit; }
.fnc-site input, .fnc-site select, .fnc-site button, .fnc-site textarea{ font-family:inherit; }
.fnc-site img{ display:block; max-width:100%; }
.screen-reader-text{ position:absolute !important; left:-9999px; }

@keyframes lf-marquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@keyframes lf-pulse{ 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:.35; transform:scale(.7); } }
@keyframes lf-row{ from{ opacity:0; transform:translateY(-8px); background:rgba(200,242,80,.10); } to{ opacity:1; transform:translateY(0); background:transparent; } }

.fnc-container{ max-width:var(--fnc-max); margin:0 auto; padding:0 36px; }
.fnc-container-narrow{ max-width:var(--fnc-max-narrow); margin:0 auto; padding:0 36px; }
.fnc-section{ padding:80px 0; }
.fnc-section-bordered{ border-top:1px solid var(--fnc-border-soft); }
.fnc-section-b-bottom{ border-bottom:1px solid var(--fnc-border-soft); }
.fnc-section-tint{ background: var(--fnc-surface); }

.fnc-eyebrow{ font-family:var(--font-mono); font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--fnc-accent); margin-bottom:16px; }
.fnc-eyebrow-pill{ display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--fnc-bg); background:var(--fnc-accent); padding:6px 13px; border-radius:50px; margin-bottom:18px; }
.fnc-eyebrow-outline{ display:inline-block; font-family:var(--font-mono); font-size:11px; letter-spacing:.14em; color:var(--fnc-accent); border:1px solid #33402b; border-radius:50px; padding:6px 13px; }

h1.fnc-h1,.fnc-h1{ font-family:var(--font-display); font-weight:500; font-size:86px; line-height:.9; letter-spacing:-.025em; }
h2.fnc-h2,.fnc-h2{ font-family:var(--font-display); font-weight:500; font-size:48px; letter-spacing:-.01em; line-height:1.05; }
h3.fnc-h3,.fnc-h3{ font-family:var(--font-heading); font-weight:700; font-size:21px; }
.fnc-italic-accent{ font-style:italic; color:var(--fnc-green-accent2); }
.fnc-lead{ font-size:18px; line-height:1.6; color:var(--fnc-text-soft); }
.fnc-p{ font-size:15px; line-height:1.65; color:var(--fnc-text-soft); }
.fnc-fine{ font-family:var(--font-mono); font-size:11px; color:var(--fnc-text-dimmer); }

.fnc-row-between{ display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:16px; }
.fnc-flex{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; }

.fnc-grid{ display:grid; gap:14px; }
.fnc-grid-2{ grid-template-columns:1fr 1fr; }
.fnc-grid-3{ grid-template-columns:repeat(3,1fr); }
.fnc-grid-4{ grid-template-columns:repeat(4,1fr); }
.fnc-grid-5{ grid-template-columns:repeat(5,1fr); }
.fnc-grid-6{ grid-template-columns:repeat(6,1fr); }

.fnc-card{ background:var(--fnc-surface); border:1px solid var(--fnc-border); border-radius:var(--fnc-radius-md); padding:26px; }
.fnc-card-flat{ background:var(--fnc-surface-2); border:1px solid var(--fnc-border); border-radius:12px; padding:22px; }
.fnc-stat-num{ font-family:var(--font-heading); font-weight:900; font-size:36px; letter-spacing:-.02em; color:var(--fnc-accent); font-variant-numeric:tabular-nums; }
.fnc-stat-label{ font-family:var(--font-mono); font-size:10px; letter-spacing:.08em; color:var(--fnc-text-dim); margin-top:6px; }

.fnc-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:700; font-size:15px; padding:15px 26px; border-radius:50px; border:none; cursor:pointer; transition:transform .2s,background .2s,color .2s,opacity .2s; }
.fnc-btn-sm{ font-size:13.5px; padding:11px 20px; }
.fnc-btn-primary{ background:var(--fnc-accent); color:var(--fnc-bg); }
.fnc-btn-primary:hover{ transform:translateY(-3px); }
.fnc-btn-outline-wa{ border:1.5px solid var(--fnc-whatsapp); color:var(--fnc-whatsapp); background:transparent; padding:13.5px 24px; }
.fnc-btn-outline-wa:hover{ background:var(--fnc-whatsapp); color:var(--fnc-bg); }
.fnc-btn-outline{ border:1.5px solid #3a4630; color:var(--fnc-text); background:transparent; }
.fnc-link-whatsapp{ color:var(--fnc-whatsapp); font-weight:600; font-size:13px; transition:opacity .2s; }
.fnc-link-whatsapp:hover{ opacity:.7; }
.fnc-link-soft{ color:var(--fnc-green-accent2); font-weight:600; font-size:14px; border-bottom:1px solid #33402b; padding-bottom:2px; cursor:pointer; }

.fnc-live-dot{ width:7px; height:7px; border-radius:50%; background:var(--fnc-accent); display:inline-block; animation:lf-pulse 1.6s ease-in-out infinite; }

/* ---------- NAV ---------- */
.fnc-nav{ position:sticky; top:0; z-index:60; background:rgba(16,22,13,.82); backdrop-filter:blur(12px); border-bottom:1px solid var(--fnc-border-soft); }
.fnc-nav-inner{ max-width:var(--fnc-max); margin:0 auto; padding:14px 28px; min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
/* NEW CSS */
.fnc-logo{ order:1; }
.fnc-nav-menu{ order:2; }
.fnc-nav-cta{ order:3; }
.fnc-nav-toggle{ order:4; }
.fnc-logo{ display:flex; align-items:center; gap:11px; flex-shrink:0; }
.fnc-logo-mark{ width:36px; height:36px; background:var(--fnc-accent); color:var(--fnc-bg); display:flex; align-items:center; justify-content:center; font-family:var(--font-heading); font-weight:900; font-size:13px; border-radius:7px; }
.fnc-logo-word{ font-family:var(--font-heading); font-weight:800; font-size:17px; letter-spacing:.02em; }
.fnc-logo img{ max-height:70px; width:70px; }
.fnc-menu{ display:flex; align-items:center; gap:16px; font-size:13px; font-weight:500; color:var(--fnc-text-mute); flex-wrap:wrap; list-style:none; }
.fnc-menu li a{ transition:color .2s; white-space:nowrap; }
.fnc-menu li a:hover{ color:var(--fnc-accent); }
.fnc-menu .sub-menu{ display:none; }
.fnc-nav-cta{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
.fnc-nav-toggle{ display:none; background:transparent; border:none; cursor:pointer; width:34px; height:28px; flex-direction:column; justify-content:space-between; padding:0; }
.fnc-nav-toggle span{ display:block; height:2px; background:var(--fnc-text); border-radius:2px; }

/* ---------- HERO ---------- */
.fnc-hero{ padding:64px 0 56px; display:grid; grid-template-columns:1fr 1.1fr; gap:52px; align-items:center; }
.fnc-hero-stats{ display:flex; gap:30px; margin-top:38px; }
.fnc-hero-stats .n{ font-family:var(--font-heading); font-weight:900; font-size:30px; letter-spacing:-.02em; }
.fnc-hero-stats .l{ font-size:12px; color:var(--fnc-text-dim); margin-top:2px; }
.fnc-console{ background:var(--fnc-surface); border:1px solid var(--fnc-border); border-radius:16px; padding:26px; box-shadow:0 30px 60px -30px rgba(0,0,0,.7); }
.fnc-console-top{ border-bottom:1px solid var(--fnc-border-soft); padding-bottom:22px; margin-bottom:18px; }
.fnc-console-num{ font-family:var(--font-heading); font-weight:900; font-size:58px; line-height:.9; letter-spacing:-.03em; color:var(--fnc-accent); font-variant-numeric:tabular-nums; }
.fnc-console-sub{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:16px; }
.fnc-console-sub-item{ background:var(--fnc-bg); border:1px solid var(--fnc-border); border-radius:10px; padding:12px 14px; }
.fnc-console-live{ display:flex; justify-content:space-between; align-items:center; padding-bottom:10px; }
.fnc-feed{ height:250px; overflow:hidden; }
.fnc-feed-row{ display:grid; grid-template-columns:62px 1fr auto; gap:12px; align-items:center; padding:10px 0; border-bottom:1px solid #1d2616; animation:lf-row .5s ease; }
.fnc-feed-row .t{ font-family:var(--font-mono); font-size:10.5px; color:var(--fnc-text-dimmer); font-variant-numeric:tabular-nums; }
.fnc-feed-row .brand{ font-weight:600; font-size:14px; }
.fnc-feed-row .meta{ font-family:var(--font-mono); font-size:10.5px; color:var(--fnc-text-mute); }
.fnc-feed-row .dest{ font-family:var(--font-mono); font-size:11px; color:var(--fnc-green-accent2); text-align:right; }

/* ---------- MARQUEE ---------- */
.fnc-marquee-wrap{ background:var(--fnc-accent); color:var(--fnc-bg); overflow:hidden; padding:13px 0; }
.fnc-marquee-track{ display:flex; width:max-content; animation:lf-marquee 22s linear infinite; font-family:var(--font-mono); font-weight:700; font-size:13px; letter-spacing:.14em; text-transform:uppercase; }
.fnc-marquee-track span{ padding:0 24px; }

/* ---------- STEPS / HOW IT WORKS ---------- */
.fnc-steps{ position:relative; }
.fnc-steps::before{ content:''; position:absolute; left:29px; top:8px; bottom:8px; width:1px; background:var(--fnc-border); }
.fnc-step{ display:grid; grid-template-columns:60px 1fr; gap:28px; padding:26px 0; }
.fnc-step-num{ width:58px; height:58px; border-radius:50%; background:var(--fnc-surface); border:1px solid var(--fnc-border); display:flex; align-items:center; justify-content:center; font-family:var(--font-heading); font-weight:800; font-size:18px; color:var(--fnc-accent); z-index:1; }
.fnc-step-num.is-active{ background:var(--fnc-accent); color:var(--fnc-bg); }
.fnc-step-body{ display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; align-items:flex-start; }
.fnc-step-body > div{ max-width:520px; }

/* ---------- AUDIENCE TABS ---------- */
.fnc-tabs{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:28px; }
.fnc-tab{ cursor:pointer; text-align:left; padding:18px 20px; border-radius:14px; transition:all .2s; border:1px solid var(--fnc-border); background:var(--fnc-surface); color:var(--fnc-text); }
.fnc-tab .tag{ font-family:var(--font-mono); font-size:10.5px; letter-spacing:.1em; opacity:.7; }
.fnc-tab .label{ font-family:var(--font-heading); font-weight:800; font-size:19px; display:block; margin-top:6px; }
.fnc-tab .sub{ font-size:12.5px; display:block; margin-top:4px; opacity:.75; }
.fnc-tab.is-active{ border-color:var(--fnc-accent); background:var(--fnc-accent); color:var(--fnc-bg); }
.fnc-tab-panels{ background:var(--fnc-surface); border:1px solid var(--fnc-border); border-radius:var(--fnc-radius-lg); padding:42px; min-height:360px; }
.fnc-tab-panel{ display:none; }
.fnc-tab-panel.is-active{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }

/* ---------- BUILDER ---------- */
.fnc-builder-step{ background:var(--fnc-bg); border:1px solid var(--fnc-border); border-radius:16px; padding:28px 30px; margin-bottom:16px; }
.fnc-builder-step-head{ display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.fnc-builder-badge{ width:26px; height:26px; border-radius:50%; background:var(--fnc-accent); color:var(--fnc-bg); font-family:var(--font-heading); font-weight:800; font-size:13px; display:flex; align-items:center; justify-content:center; }
.fnc-builder-row{ display:grid; grid-template-columns:1fr 1fr 36px; gap:10px; margin-bottom:10px; align-items:center; }
.fnc-select,.fnc-input{ width:100%; background:var(--fnc-surface); border:1px solid var(--fnc-border); border-radius:var(--fnc-radius-sm); padding:13px 14px; color:var(--fnc-text); font-size:14px; }
.fnc-remove-row{ cursor:pointer; background:var(--fnc-surface); border:1px solid var(--fnc-border); color:#c2cbb4; border-radius:10px; height:44px; font-size:16px; }
.fnc-add-row{ margin-top:6px; cursor:pointer; background:transparent; border:1px dashed #3a4630; color:var(--fnc-green-accent2); font-family:var(--font-mono); font-size:12px; padding:10px 16px; border-radius:10px; width:100%; }
.fnc-range{ width:100%; accent-color:var(--fnc-accent); }
.fnc-result-card{ background:var(--fnc-accent); color:var(--fnc-bg); border-radius:16px; padding:34px; text-align:center; }
.fnc-result-price{ font-family:var(--font-heading); font-weight:900; font-size:48px; letter-spacing:-.02em; }
.fnc-quote-ref{ font-family:var(--font-heading); font-weight:800; font-size:16px; letter-spacing:.04em; background:var(--fnc-bg); color:var(--fnc-accent); padding:8px 16px; border-radius:8px; }
.fnc-items-preview{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:24px; }
.fnc-item-row{ display:flex; justify-content:space-between; align-items:center; background:var(--fnc-bg); border:1px solid var(--fnc-border); border-radius:10px; padding:12px 16px; }

/* ---------- MARGIN CALCULATOR ---------- */
.fnc-margin-grid{ background:var(--fnc-surface); border:1px solid var(--fnc-border); border-radius:16px; padding:32px; display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
.fnc-margin-result{ background:var(--fnc-bg); border:1px solid var(--fnc-accent); border-radius:14px; padding:28px; text-align:center; }
.fnc-margin-result .big{ font-family:var(--font-heading); font-weight:900; font-size:44px; letter-spacing:-.02em; color:var(--fnc-accent); }

/* ---------- STOCK LIST ---------- */
.fnc-fam-tiles{ display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin-bottom:36px; }
.fnc-fam-tile{ cursor:pointer; text-align:left; padding:16px; border-radius:12px; transition:all .2s; border:1px solid var(--fnc-border); background:var(--fnc-surface); color:var(--fnc-text); }
.fnc-fam-tile.is-active{ border-color:var(--fnc-accent); background:var(--fnc-accent); color:var(--fnc-bg); }
.fnc-fam-tile .name{ font-family:var(--font-heading); font-weight:700; font-size:14px; line-height:1.15; display:block; }
.fnc-fam-tile .count{ font-family:var(--font-mono); font-size:11px; opacity:.7; display:block; margin-top:8px; }
.fnc-stock-panel{ background:var(--fnc-surface); border:1px solid var(--fnc-border); border-radius:16px; overflow:hidden; }
.fnc-stock-toolbar{ display:flex; gap:14px; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid var(--fnc-border-soft); flex-wrap:wrap; }
.fnc-search{ display:flex; align-items:center; gap:10px; background:var(--fnc-bg); border:1px solid var(--fnc-border); border-radius:50px; padding:10px 18px; flex:1; min-width:240px; }
.fnc-search input{ background:transparent; border:none; outline:none; color:var(--fnc-text); font-size:14px; width:100%; }
.fnc-stock-head{ display:grid; grid-template-columns:2fr 1.6fr; padding:12px 22px; font-family:var(--font-mono); font-size:10.5px; letter-spacing:.1em; color:var(--fnc-text-dim); border-bottom:1px solid var(--fnc-border-soft); }
.fnc-stock-rows{ max-height:430px; overflow-y:auto; }
.fnc-stock-rows::-webkit-scrollbar{ width:8px; }
.fnc-stock-rows::-webkit-scrollbar-thumb{ background:var(--fnc-border); border-radius:8px; }
.fnc-stock-row{ display:grid; grid-template-columns:2fr 1.6fr; padding:15px 22px; border-bottom:1px solid #1a2214; align-items:center; }
.fnc-stock-row .fam{ font-size:13px; color:var(--fnc-green-accent2); }
.fnc-stock-footer{ display:flex; justify-content:space-between; align-items:center; padding:20px 22px; border-top:1px solid var(--fnc-border-soft); flex-wrap:wrap; gap:14px; }

/* ---------- DROPSHIP ---------- */
.fnc-dropship-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:18px; }
.fnc-dropship-step{ background:var(--fnc-bg); border:1px solid var(--fnc-border); border-radius:12px; padding:28px 24px; min-height:210px; display:flex; flex-direction:column; }
.fnc-dropship-step.is-highlight{ background:var(--fnc-accent); color:var(--fnc-bg); }
.fnc-dropship-features{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--fnc-border); border:1px solid var(--fnc-border); border-radius:12px; overflow:hidden; }
.fnc-dropship-features > div{ background:var(--fnc-bg); padding:22px 24px; }

/* ---------- FACILITIES ---------- */
.fnc-facility-card .bar{ height:6px; background:var(--fnc-bg); border-radius:6px; margin:16px 0 10px; overflow:hidden; }
.fnc-facility-card .bar-fill{ height:100%; background:var(--fnc-accent); border-radius:6px; }

/* ---------- CONTAINER ETA ---------- */
.fnc-eta-grid{ background:var(--fnc-surface); border:1px solid var(--fnc-border); border-radius:16px; padding:36px; display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:center; }
.fnc-eta-box{ background:var(--fnc-bg); border:1px solid var(--fnc-border); border-radius:14px; padding:28px; }
.fnc-eta-nums{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:22px; }
.fnc-eta-nums .n{ font-family:var(--font-heading); font-weight:900; font-size:30px; color:var(--fnc-accent); font-variant-numeric:tabular-nums; text-align:center; }
.fnc-eta-nums .l{ font-family:var(--font-mono); font-size:9.5px; color:var(--fnc-text-dim); margin-top:4px; text-align:center; }
.fnc-eta-bar{ height:8px; background:var(--fnc-surface); border-radius:6px; overflow:hidden; }
.fnc-eta-bar-fill{ height:100%; background:var(--fnc-accent); border-radius:6px; }

/* ---------- TESTIMONIALS ---------- */
.fnc-testimonial p{ font-size:15px; line-height:1.6; color:#c2cbb4; margin-bottom:16px; }
.fnc-logos{ display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.fnc-logo-slot{ background:var(--fnc-surface); border:1px solid var(--fnc-border); border-radius:10px; height:64px; display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:10.5px; color:var(--fnc-text-dimmer); }

/* ---------- FAQ ---------- */
.fnc-faq-item{ background:var(--fnc-surface); border:1px solid var(--fnc-border); border-radius:12px; overflow:hidden; margin-bottom:10px; }
.fnc-faq-q{ width:100%; cursor:pointer; background:transparent; border:none; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px 24px; text-align:left; font-family:var(--font-heading); font-weight:700; font-size:16px; color:var(--fnc-text); }
.fnc-faq-icon{ font-family:var(--font-heading); font-weight:800; font-size:20px; color:var(--fnc-accent); flex-shrink:0; }
.fnc-faq-a{ padding:0 24px 22px; font-size:15px; line-height:1.65; color:var(--fnc-text-soft); display:none; }
.fnc-faq-item.is-open .fnc-faq-a{ display:block; }

/* ---------- NEWSLETTER ---------- */
.fnc-newsletter-card{ background:var(--fnc-surface); border:1px solid var(--fnc-border); border-radius:18px; padding:44px; display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.fnc-newsletter-form{ display:flex; gap:10px; flex-wrap:wrap; }
.fnc-newsletter-form input{ flex:1; min-width:200px; background:var(--fnc-bg); border:1px solid var(--fnc-border); border-radius:50px; padding:15px 22px; color:var(--fnc-text); font-size:15px; outline:none; }
.fnc-newsletter-success{ background:var(--fnc-bg); border:1px solid var(--fnc-accent); border-radius:14px; padding:30px; text-align:center; display:none; }
.fnc-newsletter.is-subscribed .fnc-newsletter-form{ display:none; }
.fnc-newsletter.is-subscribed .fnc-newsletter-success{ display:block; }

/* ---------- CONTACT ---------- */
.fnc-contact-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:52px; align-items:center; }
.fnc-contact-card{ background:var(--fnc-bg); border:1px solid var(--fnc-border); border-radius:16px; padding:34px; }
.fnc-contact-field + .fnc-contact-field{ margin-top:18px; padding-top:18px; border-top:1px solid var(--fnc-border-soft); }

/* ---------- FOOTER / FLOATING ---------- */
.fnc-footer{ border-top:1px solid var(--fnc-border-soft); }
.fnc-footer-inner{ max-width:var(--fnc-max); margin:0 auto; padding:48px 36px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; align-items:center; }
.fnc-footer-copy{ font-family:var(--font-mono); font-size:12px; color:var(--fnc-text-dimmer); text-align:right; }
.fnc-footer-sub{ margin-top:4px; }
.fnc-footer-menu-list{ display:flex; gap:18px; list-style:none; font-size:13px; color:var(--fnc-text-mute); }
.fnc-floating-actions{ position:fixed; right:22px; bottom:22px; z-index:80; display:flex; flex-direction:column; gap:12px; }
.fnc-fab{ display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; padding:14px 20px; border-radius:50px; box-shadow:0 10px 30px -8px rgba(0,0,0,.6); transition:transform .2s; }
.fnc-fab:hover{ transform:translateY(-3px); }
.fnc-fab-whatsapp{ background:var(--fnc-whatsapp); color:#0a2a14; }
.fnc-fab-primary{ background:var(--fnc-accent); color:var(--fnc-bg); }

/* ---------- RESPONSIVE ---------- */
@media (max-width:1100px){
/* 	.fnc-menu{ display:none; }
	.fnc-nav-toggle{ display:flex; }
	.fnc-nav-menu.is-open .fnc-menu{ display:flex; flex-direction:column; align-items:flex-start; width:100%; padding:16px 0; }
	.fnc-nav-menu{ flex-basis:100%; order:3; } */
/* 	NEW CSS */
.fnc-menu{ display:none; }
.fnc-nav-toggle{ display:flex; order:3; }
.fnc-logo{ order:1; }
.fnc-nav-cta{ order:2; }
.fnc-nav-close{ display:flex;padding: 10px 10px;font-size: 42px;color: white;background-color: transparent;border: 0;float: right;position: relative;top: -44px; }
.fnc-nav-menu{
    position:fixed; top:0; right:0; height:100vh; width:min(320px, 82vw);
    background:var(--fnc-bg); border-left:1px solid var(--fnc-border-soft);
    transform:translateX(100%); transition:transform .3s ease;
    z-index:200; padding:80px 28px 28px; overflow-y:auto;
    flex-basis:auto; order:initial;
}
.fnc-nav-menu.is-open{ transform:translateX(0); }
.fnc-nav-menu.is-open .fnc-menu{ display:flex; flex-direction:column; align-items:flex-start; width:100%; padding:0; gap:18px; }	
	.fnc-grid-6{ grid-template-columns:repeat(3,1fr); }
	.fnc-grid-5{ grid-template-columns:repeat(3,1fr); }
	.fnc-grid-4{ grid-template-columns:repeat(2,1fr); }
	.fnc-tabs{ grid-template-columns:repeat(2,1fr); }
	.fnc-dropship-steps,.fnc-dropship-features{ grid-template-columns:repeat(2,1fr); }
	.fnc-eta-nums{ grid-template-columns:repeat(4,1fr); }
	h1.fnc-h1,.fnc-h1{ font-size:60px; }
}
@media (max-width:860px){
	.fnc-hero{ grid-template-columns:1fr; }
	.fnc-grid-2, .fnc-grid-3{ grid-template-columns:1fr; }
	.fnc-tab-panel.is-active{ grid-template-columns:1fr; }
	.fnc-margin-grid{ grid-template-columns:1fr; }
	.fnc-eta-grid{ grid-template-columns:1fr; }
	.fnc-newsletter-card{ grid-template-columns:1fr; }
	.fnc-contact-grid{ grid-template-columns:1fr; }
	.fnc-builder-row{ grid-template-columns:1fr 1fr; }
	.fnc-remove-row{ grid-column:span 2; }
	h1.fnc-h1,.fnc-h1{ font-size:44px; }
	h2.fnc-h2,.fnc-h2{ font-size:34px; }
}
@media (max-width:640px){
	.fnc-container,.fnc-container-narrow{ padding:0 20px; }
	.fnc-grid-6,.fnc-grid-5,.fnc-grid-4{ grid-template-columns:repeat(2,1fr); }
	.fnc-tabs{ grid-template-columns:1fr; }
	.fnc-dropship-steps,.fnc-dropship-features{ grid-template-columns:1fr; }
	.fnc-eta-nums{ grid-template-columns:repeat(4,1fr); }
	.fnc-logos{ grid-template-columns:repeat(2,1fr); }
	.fnc-builder-row{ grid-template-columns:1fr; }
	.fnc-remove-row{ grid-column:span 1; width:100%; }
	.fnc-floating-actions{ right:14px; bottom:14px; }
	.fnc-fab{ padding:12px 16px; font-size:13px; }
}
/*STOCK LIST NEW CSS*/
/*.fnc-stock__table-head--rich{ grid-template-columns:2.2fr 1.5fr .9fr .7fr 1fr; }*/
/*.fnc-stock__row--rich{ grid-template-columns:2.2fr 1.5fr .9fr .7fr 1fr; }*/
/*.fnc-stock__row-era{ font-family:var(--fnc-font-mono); font-size:12px; color:var(--fnc-text-mute); }*/

/*.fnc-grade-badge{ font-family:var(--fnc-font-mono); font-size:11px; font-weight:700; padding:3px 9px; border-radius:50px; border:1px solid var(--fnc-border); color:var(--fnc-italic); display:inline-block; }*/
/*.fnc-grade-badge--a{ border-color:var(--fnc-accent); color:var(--fnc-accent); }*/

/*.fnc-status-badge{ font-family:var(--fnc-font-mono); font-size:11px; padding:4px 11px; border-radius:50px; border:1px solid var(--fnc-border-soft); color:var(--fnc-italic); display:inline-block; white-space:nowrap; }*/
/*.fnc-status-badge--low{ border-color:#4a4326; color:#E0C766; }*/
/*.fnc-status-badge--restocking{ border-color:var(--fnc-border-soft); color:var(--fnc-text-mute); }*/

/*@media (max-width: 782px){*/
/*	.fnc-stock__table-head--rich{ display:none; }*/
/*	.fnc-stock__row--rich{ grid-template-columns:1fr; gap:6px; padding:16px 18px; }*/
/*	.fnc-stock__row--rich .fnc-stock__row-family,*/
/*	.fnc-stock__row--rich .fnc-stock__row-era{ display:inline-block; margin-right:10px; }*/
/*}*/
/*
/* =========================================================================
   STOCK LIST COMPONENT (EXACT TARGET MATCH)
   ========================================================================= */

.fnc-stock {
	background: #0d1209 !important;
	color: #e6edd9 !important;
	padding: 40px 0;
	font-family: system-ui, -apple-system, sans-serif;
}

/* Header Split */
.fnc-stock__header-flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 30px;
}
.fnc-eyebrow {
	color: #c8f250;
	font-family: monospace;
	font-size: 13px;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 8px;
}
.fnc-section-head h2 {
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	margin: 0;
}
.fnc-stock__desc-right {
	max-width: 420px;
	color: #9ab088;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
}

/* Family Filter Grid (Cards style like reference screenshot) */
.fnc-stock__families {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
	gap: 12px !important;
	margin-bottom: 30px !important;
}
.fnc-family-tile {
	cursor: pointer;
	text-align: left;
	padding: 14px 18px;
	border-radius: 12px;
	border: 1px solid #1f2b18;
	background: #141d10;
	color: #e6edd9;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center;
	gap: 4px;
	transition: all .2s ease;
}
.fnc-family-tile:hover {
	border-color: #384d2a;
}
.fnc-family-tile.is-active {
	background: #c8f250 !important;
	border-color: #c8f250 !important;
	color: #0d1209 !important;
}
.fnc-family-tile__name {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}
.fnc-family-tile.is-active .fnc-family-tile__name {
	color: #0d1209 !important;
}
.fnc-family-tile__count {
	font-family: monospace;
	font-size: 11px;
	color: #799465;
}
.fnc-family-tile.is-active .fnc-family-tile__count {
	color: #435414 !important;
}

/* Panel & Toolbar */
.fnc-stock__panel {
	background: #10170d;
	border: 1px solid #1a2614;
	border-radius: 16px;
	overflow: hidden;
}
.fnc-stock__toolbar {
	display: flex;
	gap: 14px;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	border-bottom: 1px solid #1a2614;
}
.fnc-stock__search {
	display: flex;
	align-items: center;
	gap: 10px;
	background: #0a0e07;
	border: 1px solid #1f2d18;
	border-radius: 50px;
	padding: 10px 18px;
	flex: 1;
	max-width: 600px;
}
.fnc-stock__search .search-icon { color: #5a6e4b; }
.fnc-stock__search input {
	background: transparent;
	border: none;
	outline: none;
	color: #fff;
	font-size: 14px;
	width: 100%;
}
.fnc-stock__meta {
	font-family: monospace;
	font-size: 12px;
	color: #799465;
	display: flex;
	align-items: center;
	gap: 8px;
}
.fnc-stock-count-num { color: #c8f250; font-weight: bold; }
.fnc-pill-mini {
	background: #0a0e07;
	border: 1px solid #1f2d18;
	padding: 4px 12px;
	border-radius: 50px;
	color: #c8f250;
}

/* Table Column Ordering: CATEGORY | FAMILY | GRADE | ERA | STATUS */
.fnc-stock__table-head--rich {
	display: grid !important;
	grid-template-columns: 2.5fr 1.5fr 0.8fr 1.2fr 1fr !important;
	padding: 14px 22px;
	font-family: monospace;
	font-size: 11px;
	letter-spacing: .08em;
	color: #5a6e4b;
	background: #0d1209;
	border-bottom: 1px solid #1a2614;
	font-weight: 700;
}
.fnc-stock__rows {
	max-height: 480px;
	overflow-y: auto;
}
.fnc-stock__row--rich {
	display: grid !important;
	grid-template-columns: 2.5fr 1.5fr 0.8fr 1.2fr 1fr !important;
	padding: 16px 22px;
	border-bottom: 1px solid #151f11;
	align-items: center;
	transition: background .15s;
}
.fnc-stock__row--rich:hover {
	background: rgba(200, 242, 80, 0.03);
}
.fnc-stock__row-name { font-weight: 600; font-size: 14.5px; color: #ffffff; }
.fnc-stock__row-family { font-size: 13.5px; color: #8ba876; }
.fnc-stock__row-era { font-family: monospace; font-size: 12px; color: #799465; }

/* Grade Badges */
.fnc-grade-badge {
	font-family: monospace;
	font-size: 11px;
	font-weight: 700;
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #384d2a;
}
.fnc-grade-badge--a { border-color: #c8f250; color: #c8f250; background: rgba(200, 242, 80, 0.08); }
.fnc-grade-badge--b { border-color: #5a6e4b; color: #9ab088; }

/* Status Badges */
.fnc-status-badge {
	font-family: monospace;
	font-size: 11px;
	padding: 5px 14px;
	border-radius: 50px;
	border: 1px solid #1f2d18;
	color: #8ba876;
	display: inline-block;
}
.fnc-status-badge--in-stock { border-color: #27401d; color: #74db5e; background: rgba(39, 64, 29, 0.3); }
.fnc-status-badge--low { border-color: #4a411e; color: #e0c766; background: rgba(74, 65, 30, 0.3); }
.fnc-status-badge--restocking { border-color: #262c22; color: #6b7a63; }
@media screen and (min-width:1101px){
	#fncNavClose{
		display:none !important;
	}
}
/* MOBILE CSS NEW */
@media screen and (max-width:768px){
	#top .fnc-lead{
		max-width:330px !important;
	}
	.fnc-console{
		width:330px !important;
	}
	.fnc-console-num{
		font-size:42px !important;
	}
	.fnc-btn-outline-wa{
		padding:13.5px 18px !important;
	}
	.fnc-menu{
		font-size:20px !important;
		line-height:32px !important;
	}
	#serve-wholesale, #serve-retail, #serve-reseller, #serve-dropship{
		grid-template-columns:auto !important;
	}
}