/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Oct 28 2026 | 22:11:04 */ /* ===================================================================== NOKOMOTO THEME (single consolidated stylesheet) 1. Legacy site CSS (was "nokomoto home css") 2. Blog UI (was "Blog UI (dark, rounded, readable)") 3. Home 2026 (.nkx) + v2 refinements 4. Site-wide theme, gated to admins until go-live (NKX-GLOBAL block) ===================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,800;1,900&family=Inter:wght@400;500;600&display=swap'); /* ---------- 1. Legacy site CSS ---------- */ /* ========================================================================== NOKOMOTO — STYLESHEET (nokomoto.css) -------------------------------------------------------------------------- The only stylesheet. Paste into the CSS plugin, replacing the old one. Pairs with: nokomoto-page-uxbuilder.txt (home page) nokomoto-footer-uxbuilder.txt (footer block) nokomoto.js (reveal, counters, placeholders) MAP PART A — FOUNDATION A1 tokens · A2 base · A3 layout · A4 type · A5 buttons · A6 gradient · A7 reveal · A8 Flatsome bridge PART B — HOME PAGE B1 hero · B2 numbers · B3 card · B4 steps · B5 series · B6 range · B7 catalog · B8 transmitters · B9 showcase (Lyrx + packaging) · B10 engineering · B11 specs · B12 creator program · B13 mosaic · B14 cta PART C — FOOTER PART D — LEGACY rules other pages still use. Unchanged. PART E — REDUCED MOTION HOUSE RULES - Every colour, size, radius and duration is a token in A1. - Outfit for headings and numbers; Space Grotesk for everything read. - Nothing read is smaller than 12px. Buttons are 48px; pills 36px (44px on touch). - Numerals: weight 700, letter-spacing 0, tabular — never tracked tight. - No arrows in buttons, no dashes in copy. Plain words. - Gradient (violet → cyan → pink) is a signature: eyebrow numbers, the two hero words, prices, the hero/CTA button. Nowhere else. - Sections alternate two backgrounds only: --nk-bg and --nk-bg-2. MARKUP RULE for [ux_html]: WordPress runs wpautop() over it. Never place an inline element (span, a, img, svg, b) as a direct sibling of a block element. Wrap it in a
. One line per block. ========================================================================== */ /* ========================================================================== PART A — FOUNDATION ========================================================================== */ /* ---------- A1. TOKENS --------------------------------------------------- */ :root{ --nk-bg:#0A0A0F; /* page + odd sections */ --nk-bg-2:#0E0E15; /* even sections */ --nk-surface:#17171F; /* card */ --nk-surface-2:#1E1E29; /* raised card / hover */ --nk-surface-3:#0C0C12; /* inset: media wells, table head */ --nk-line:rgba(255,255,255,.08); --nk-line-strong:rgba(255,255,255,.14); --nk-text:#F5F5F8; --nk-text-2:#BEBEC9; --nk-muted:#8F8F9D; --nk-faint:#6A6A78; /* Brand accents. One solid accent for actions; one gradient as signature. */ /* Solid accent. Darkened from #7C5CFF until white label text clears AA on it (4.62:1, was 4.35:1). Same hue, so nothing else shifts. */ --nk-accent:#7857FB; --nk-accent-hover:#7C41FB; --nk-accent-soft:rgba(124,92,255,.14); /* Tint for 12px labels and numerals: APCA Lc 77 on a card. */ --nk-accent-ink:#CDCCFB; /* Display gradient. Built in OKLCH at a fixed lightness of 0.76 and a fixed chroma of 0.115, hue sweeping 292 to 244 degrees. Constant L is the point: the old ramp travelled 0.154 in L and 171 degrees of hue, so it visibly darkened at the violet end (APCA Lc 32, unreadable) and lit up at the cyan end. This one spreads 0.0021 in L and clears 7.4:1 on every surface the site uses. Static, never animated. */ --nk-grad:linear-gradient(100deg,#B2A3F4,#92AEFA 50%,#6DB9F5); /* Same hue arc dropped to L 0.52 so white button text clears AA (5.48:1 at the worst point; the old gradient sat at 2.14:1). */ --nk-grad-fill:linear-gradient(100deg,#6B5AA8,#4B64AE 50%,#146EA9); --nk-cyan:#38BDF8; --nk-pink:#F472B6; --nk-green:#34D399; --nk-cyan-soft:rgba(56,189,248,.12); --nk-pink-soft:rgba(244,114,182,.12); --nk-green-soft:rgba(52,211,153,.12); --nk-glow:rgba(124,92,255,.22); --nk-font-head:"Outfit","Segoe UI",system-ui,sans-serif; --nk-font-body:"Space Grotesk","Segoe UI",system-ui,sans-serif; --fs-hero:clamp(2.75rem,1.7rem + 4.4vw,5.5rem); /* 44 → 88 hero H1 */ --fs-display:clamp(2.125rem,1.5rem + 2.7vw,4rem); /* 34 → 64 section H2 */ --fs-h3:clamp(1.25rem,1.1rem + .5vw,1.5rem); /* 20 → 24 card title */ --fs-stat:clamp(2.25rem,1.6rem + 2.4vw,3.75rem); /* 36 → 60 numbers */ --fs-lead:1.0625rem; --fs-body:.9375rem; --fs-sm:.875rem; --fs-xs:.8125rem; --fs-label:.75rem; --lh-tight:.98; --lh-heading:1.15; --lh-snug:1.45; --lh-body:1.65; --ls-display:-.02em; --ls-heading:-.01em; --ls-label:.18em; --ls-num:0; --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:40px; --sp-9:48px; --sp-10:64px; --nk-section-y:clamp(56px,7vw,112px); --nk-head-gap:clamp(28px,3.5vw,48px); --nk-gap:clamp(12px,1.4vw,20px); --nk-card-pad:clamp(20px,2vw,28px); --nk-gutter:clamp(16px,3.4vw,48px); --nk-max:1600px; --nk-r-sm:10px; --nk-r-md:14px; --nk-r-lg:20px; --nk-r-pill:999px; --nk-ease:cubic-bezier(.22,1,.36,1); --nk-fast:.18s; --nk-normal:.28s; --nk-slow:.45s; --nk-shadow-lift:0 26px 60px -26px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.04); --nk-motion:auto; /* `always` ignores the OS Reduce Motion setting */ } /* ---------- A2. BASE ----------------------------------------------------- */ [class*="nk-"],[class*="nk-"]::before,[class*="nk-"]::after{box-sizing:border-box} html:root,body{background-color:var(--nk-bg)!important} body{font-family:var(--nk-font-body)!important;-webkit-font-smoothing:antialiased} .nk-section :focus-visible,.nk-footer :focus-visible{outline:2px solid var(--nk-cyan);outline-offset:3px;border-radius:var(--nk-r-sm)} .nk-section ul,.nk-section ol,.nk-footer ul{margin:0;padding:0;list-style:none} .nk-section img{display:block;max-width:100%;height:auto} .nk-section a,.nk-footer a{color:inherit} /* ---------- A3. LAYOUT --------------------------------------------------- */ .nk-section .nk-head{width:100%;max-width:60ch;margin:0} .nk-section .nk-head--center{max-width:none;text-align:center} .nk-section .nk-head--center .nk-display,.nk-section .nk-head--center .nk-lead{margin-inline:auto} .nk-section .nk-head .nk-display{margin-top:var(--sp-4)} .nk-section .nk-head .nk-lead{margin-top:var(--sp-5);max-width:58ch} .nk-section .nk-head--center .nk-lead{max-width:52ch} .nk-gap{height:var(--nk-head-gap)} .nk-gap-sm{height:var(--sp-7)} .nk-section .nk-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-7)} .nk-section .nk-actions--center{justify-content:center} .nk-grid{display:grid;gap:var(--nk-gap);width:100%} .nk-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))} .nk-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))} .nk-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))} @media(max-width:1100px){.nk-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){.nk-grid--3{grid-template-columns:minmax(0,1fr)}} @media(max-width:640px){.nk-grid--2,.nk-grid--4{grid-template-columns:minmax(0,1fr)}.nk-grid--phone-2{grid-template-columns:repeat(2,minmax(0,1fr))}} /* ---------- A4. TYPOGRAPHY ---------------------------------------------- Every text rule is `.nk-section .x` (0,2,0) so it outranks Flatsome's `.dark p / .dark h1 / .dark a` (0,1,1) without !important. */ .nk-section .nk-hero__title,.nk-section .nk-display,.nk-section .nk-h3,.nk-section .nk-num,.nk-section .nk-price,.nk-footer .nk-footer__logo{font-family:var(--nk-font-head)} .nk-section,.nk-footer{font-family:var(--nk-font-body);color:var(--nk-text)} .nk-section .nk-eyebrow{display:flex;align-items:center;gap:var(--sp-3);margin:0;font-size:var(--fs-label);font-weight:600; line-height:var(--lh-snug);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--nk-muted)} .nk-section .nk-eyebrow__num{flex:none;font-variant-numeric:tabular-nums} .nk-section .nk-head--center .nk-eyebrow,.nk-section .nk-eyebrow--center{justify-content:center} .nk-section .nk-display{margin:0;font-size:var(--fs-display);font-weight:800;line-height:var(--lh-tight);letter-spacing:var(--ls-display); color:var(--nk-text);text-transform:uppercase;text-wrap:balance;overflow-wrap:break-word} .nk-section .nk-display em,.nk-section .nk-hero__title em{font-style:normal} .nk-section .nk-h3{margin:0;font-size:var(--fs-h3);font-weight:700;line-height:var(--lh-heading);letter-spacing:var(--ls-heading);color:var(--nk-text)} .nk-section .nk-lead{margin:0;font-size:var(--fs-lead);font-weight:300;line-height:var(--lh-body);color:var(--nk-text-2);text-wrap:pretty} .nk-section .nk-body{margin:0;font-size:var(--fs-body);font-weight:300;line-height:var(--lh-body);color:var(--nk-text-2)} .nk-section .nk-label{margin:0;font-size:var(--fs-label);font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;line-height:var(--lh-snug);color:var(--nk-muted)} .nk-section .nk-label--cyan{color:var(--nk-cyan)} .nk-section .nk-label--pink{color:var(--nk-pink)} .nk-section .nk-label--green{color:var(--nk-green)} .nk-section .nk-label--accent{color:var(--nk-accent-ink)} .nk-section .nk-note{margin:0;font-size:var(--fs-xs);line-height:var(--lh-snug);color:var(--nk-muted)} /* Numerals: one rule for every big number on the page. Weight 700 and zero tracking, so 200 / 300 / 400 / 500 never touch. */ .nk-section .nk-num{font-family:var(--nk-font-head);font-weight:700;letter-spacing:var(--ls-num);line-height:1;color:var(--nk-text);font-variant-numeric:tabular-nums} .nk-section .nk-num small{font-family:var(--nk-font-body);font-size:var(--fs-label);font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--nk-muted)} /* ---------- A5. BUTTONS ------------------------------------------------- */ .nk-section .nk-btn,.nk-footer .nk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--sp-7); border:1px solid transparent;border-radius:var(--nk-r-pill);font-family:var(--nk-font-body);font-size:var(--fs-sm);font-weight:600; line-height:1;letter-spacing:.01em;text-decoration:none!important;white-space:nowrap;cursor:pointer; transition:transform var(--nk-normal) var(--nk-ease),background-color var(--nk-normal) var(--nk-ease),border-color var(--nk-normal) var(--nk-ease), color var(--nk-normal) var(--nk-ease),box-shadow var(--nk-normal) var(--nk-ease)} .nk-section .nk-btn:hover{transform:translateY(-2px)} .nk-section .nk-btn:active{transform:translateY(0)} /* Primary: solid accent. */ .nk-section .nk-btn--primary{background:var(--nk-accent);border-color:var(--nk-accent);color:#fff} .nk-section .nk-btn--primary:hover,.nk-section .nk-btn--primary:focus{background:var(--nk-accent-hover);border-color:var(--nk-accent-hover);color:#fff;box-shadow:0 12px 30px -12px rgba(124,92,255,.7)} /* Glow: gradient, hero and closing CTA only. */ /* The sweep now happens on hover, not forever. WCAG 2.2 SC 2.2.2 is a Level A failure for motion that starts on its own, runs past five seconds and has no way to stop it. Hover is user-initiated, so it is outside that rule, and the transition already respects Reduce Motion. */ .nk-section .nk-btn--glow{color:#fff;background:var(--nk-grad-fill);background-size:200% 100%;background-position:0% 50%; transition:background-position var(--nk-slow) var(--nk-ease),box-shadow var(--nk-normal) var(--nk-ease),transform var(--nk-normal) var(--nk-ease); box-shadow:0 12px 30px -12px rgba(120,87,251,.55)} .nk-section .nk-btn--glow:hover,.nk-section .nk-btn--glow:focus{color:#fff;background-position:100% 50%;box-shadow:0 16px 36px -12px rgba(120,87,251,.75)} /* Ghost: outline. */ .nk-section .nk-btn--ghost{background:rgba(255,255,255,.03);border-color:var(--nk-line-strong);color:var(--nk-text)} .nk-section .nk-btn--ghost:hover,.nk-section .nk-btn--ghost:focus{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.07);color:#fff} .nk-section .nk-btn--sm{min-height:40px;padding:0 var(--sp-5);font-size:var(--fs-xs)} @media(max-width:640px){.nk-section .nk-actions .nk-btn{width:100%}} /* Pills: range tiers and badges. */ .nk-section .nk-tag{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 var(--sp-4); border:1px solid var(--nk-line-strong);border-radius:var(--nk-r-pill);background:transparent;font-size:var(--fs-label);font-weight:600; letter-spacing:.06em;text-transform:uppercase;color:var(--nk-text-2);text-decoration:none!important;white-space:nowrap; transition:border-color var(--nk-fast) ease,color var(--nk-fast) ease,background var(--nk-fast) ease} .nk-section a.nk-tag:hover{border-color:rgba(255,255,255,.45);color:#fff} .nk-section .nk-tag--cyan{color:var(--nk-cyan);border-color:rgba(56,189,248,.35);background:var(--nk-cyan-soft)} .nk-section .nk-tag--pink{color:var(--nk-pink);border-color:rgba(244,114,182,.35);background:var(--nk-pink-soft)} .nk-section .nk-tag--accent{color:var(--nk-accent-ink);border-color:rgba(124,92,255,.4);background:var(--nk-accent-soft)} .nk-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)} @media(pointer:coarse){.nk-section .nk-btn--sm{min-height:44px}.nk-section .nk-tag{min-height:44px}.nk-footer .nk-footer__links a{min-height:44px}} /* ---------- A6. GRADIENT ------------------------------------------------- */ @keyframes nk-shimmer{from{background-position:0% 50%}to{background-position:300% 50%}} .nk-section .nk-grad,.nk-section .nk-display em,.nk-section .nk-price,.nk-footer .nk-grad{ color:transparent;background:var(--nk-grad);background-size:100% 100%;-webkit-background-clip:text;background-clip:text} /* 12px numerals never carry a gradient. Fine strokes plus shifting colour measured worst of everything on the page: the violet end of the old ramp came out at APCA Lc 31 on a card, where 12px text wants Lc 75. */ .nk-section .nk-eyebrow__num,.nk-section .nk-eyebrow__num.nk-grad{ background:none;color:var(--nk-accent-ink);-webkit-text-fill-color:var(--nk-accent-ink)} /* The hero headline sits on a photograph, so it is solid white. Measured over all five slides with the scrim composited in: white holds 5.5:1 at the tenth percentile of background brightness, while the old gradient ran 1.3:1 (violet) to 2.6:1 (cyan) and failed AA on every slide. */ .nk-section .nk-hero__title em{color:#fff;-webkit-text-fill-color:#fff;background:none} /* ---------- A7. SCROLL REVEAL ------------------------------------------- */ .nk-js .nk-rise{opacity:0;transform:translateY(18px);transition:opacity .7s var(--nk-ease),transform .7s var(--nk-ease)} .nk-js .nk-rise.is-in{opacity:1;transform:none} /* ---------- A8. FLATSOME BRIDGE ----------------------------------------- */ /* The
element itself never carries padding (Flatsome's default is 30px top and bottom); every bit of vertical rhythm lives on .section-content. */ .section.nk-rhythm{padding:0!important} .nk-rhythm>.section-content{padding-block:var(--nk-section-y)!important;padding-inline:0!important} .nk-rhythm--hero>.section-content{padding-block:clamp(12px,2vw,28px) clamp(40px,5vw,72px)!important} .nk-rhythm--flush>.section-content{padding-block:0!important} .nk-rhythm--tight>.section-content{padding-block:clamp(40px,5vw,72px)!important} .nk-rhythm>.section-content>.row{box-sizing:border-box;width:100%;max-width:var(--nk-max);margin-inline:auto;padding-inline:var(--nk-gutter)} .nk-rhythm .col,.nk-rhythm .col-inner{min-width:0;max-width:100%} .nk-section .ux-html{margin:0} .nk-anchor{position:relative;top:-96px;height:0} /* wpautop safety net */ .nk-rhythm p:not([class]):empty{display:none} .nk-rhythm p:not([class]):has(>:only-child),.nk-rhythm p:not([class]):has(>.nk-btn){display:contents} /* ========================================================================== PART B — HOME PAGE ========================================================================== */ /* ---------- B1. HERO ---------------------------------------------------- Desktop: the banner sits in the 1600px container like every other section, with the page's magnetic-field grid behind it. Phone: a separate full-bleed banner with its own image (see .nk-hero--phone below). */ .nk-hero-section{position:relative;overflow:hidden} .nk-hero-section::before{content:"";position:absolute;inset:0;pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 420' preserveAspectRatio='none'%3E%3Cg stroke='rgba(255,255,255,0.07)' stroke-width='0.35' fill='none'%3E%3Cline x1='0' y1='210' x2='900' y2='210'/%3E%3Cpath d='M0,196 C225,198 675,198 900,196'/%3E%3Cpath d='M0,182 C225,186 675,186 900,182'/%3E%3Cpath d='M0,168 C225,174 675,174 900,168'/%3E%3Cpath d='M0,154 C225,162 675,162 900,154'/%3E%3Cpath d='M0,140 C225,151 675,151 900,140'/%3E%3Cpath d='M0,126 C225,140 675,140 900,126'/%3E%3Cpath d='M0,112 C225,129 675,129 900,112'/%3E%3Cpath d='M0,98 C225,118 675,118 900,98'/%3E%3Cpath d='M0,84 C225,108 675,108 900,84'/%3E%3Cpath d='M0,70 C225,98 675,98 900,70'/%3E%3Cpath d='M0,56 C225,88 675,88 900,56'/%3E%3Cpath d='M0,42 C225,79 675,79 900,42'/%3E%3Cpath d='M0,28 C225,70 675,70 900,28'/%3E%3Cpath d='M0,14 C225,62 675,62 900,14'/%3E%3Cpath d='M0,0 C225,54 675,54 900,0'/%3E%3Cpath d='M0,224 C225,222 675,222 900,224'/%3E%3Cpath d='M0,238 C225,234 675,234 900,238'/%3E%3Cpath d='M0,252 C225,246 675,246 900,252'/%3E%3Cpath d='M0,266 C225,258 675,258 900,266'/%3E%3Cpath d='M0,280 C225,269 675,269 900,280'/%3E%3Cpath d='M0,294 C225,280 675,280 900,294'/%3E%3Cpath d='M0,308 C225,291 675,291 900,308'/%3E%3Cpath d='M0,322 C225,302 675,302 900,322'/%3E%3Cpath d='M0,336 C225,312 675,312 900,336'/%3E%3Cpath d='M0,350 C225,322 675,322 900,350'/%3E%3Cpath d='M0,364 C225,332 675,332 900,364'/%3E%3Cpath d='M0,378 C225,341 675,341 900,378'/%3E%3Cpath d='M0,392 C225,350 675,350 900,392'/%3E%3Cpath d='M0,406 C225,359 675,359 900,406'/%3E%3Cpath d='M0,420 C225,368 675,368 900,420'/%3E%3Cline x1='450' y1='0' x2='450' y2='420'/%3E%3Cpath d='M420,0 C428,105 428,315 420,420'/%3E%3Cpath d='M390,0 C404,105 404,315 390,420'/%3E%3Cpath d='M360,0 C380,105 380,315 360,420'/%3E%3Cpath d='M330,0 C356,105 356,315 330,420'/%3E%3Cpath d='M300,0 C332,105 332,315 300,420'/%3E%3Cpath d='M270,0 C308,105 308,315 270,420'/%3E%3Cpath d='M240,0 C284,105 284,315 240,420'/%3E%3Cpath d='M210,0 C260,105 260,315 210,420'/%3E%3Cpath d='M180,0 C236,105 236,315 180,420'/%3E%3Cpath d='M150,0 C212,105 212,315 150,420'/%3E%3Cpath d='M120,0 C188,105 188,315 120,420'/%3E%3Cpath d='M90,0 C164,105 164,315 90,420'/%3E%3Cpath d='M60,0 C140,105 140,315 60,420'/%3E%3Cpath d='M30,0 C116,105 116,315 30,420'/%3E%3Cpath d='M0,0 C92,105 92,315 0,420'/%3E%3Cpath d='M480,0 C472,105 472,315 480,420'/%3E%3Cpath d='M510,0 C496,105 496,315 510,420'/%3E%3Cpath d='M540,0 C520,105 520,315 540,420'/%3E%3Cpath d='M570,0 C544,105 544,315 570,420'/%3E%3Cpath d='M600,0 C568,105 568,315 600,420'/%3E%3Cpath d='M630,0 C592,105 592,315 630,420'/%3E%3Cpath d='M660,0 C616,105 616,315 660,420'/%3E%3Cpath d='M690,0 C640,105 640,315 690,420'/%3E%3Cpath d='M720,0 C664,105 664,315 720,420'/%3E%3Cpath d='M750,0 C688,105 688,315 750,420'/%3E%3Cpath d='M780,0 C712,105 712,315 780,420'/%3E%3Cpath d='M810,0 C736,105 736,315 810,420'/%3E%3Cpath d='M840,0 C760,105 760,315 840,420'/%3E%3Cpath d='M870,0 C784,105 784,315 870,420'/%3E%3Cpath d='M900,0 C808,105 808,315 900,420'/%3E%3C/g%3E%3C/svg%3E"); background-size:100% 100%;background-repeat:no-repeat} .nk-hero-section>.section-content{position:relative} .nk-hero.banner{border-radius:var(--nk-r-lg);overflow:hidden;border:1px solid var(--nk-line)} .nk-hero .banner-bg::after{content:"";position:absolute;inset:0; background:linear-gradient(90deg,rgba(6,6,10,.8) 0%,rgba(6,6,10,.45) 42%,rgba(6,6,10,.04) 70%),linear-gradient(0deg,rgba(6,6,10,.8) 0%,rgba(6,6,10,0) 40%)} /* Phone hero: a second [ux_banner] (show-for-small) placed outside the row, so it runs edge to edge with its own image; the section drops its padding under 550px so nothing sits above or below it. The desktop banner (hide-for-small) keeps the 1600px box. */ .nk-hero--phone.banner{border-radius:0;border:0} .nk-hero--phone .banner-bg::after{background: linear-gradient(180deg,rgba(6,6,10,.74) 0%,rgba(6,6,10,.30) 24%,rgba(6,6,10,0) 46%), linear-gradient(0deg,rgba(6,6,10,.94) 0%,rgba(6,6,10,.58) 24%,rgba(6,6,10,0) 56%)} @media(max-width:549px){ .nk-rhythm--hero>.section-content{padding:0!important} .nk-hero-section::before{display:none} .nk-section .nk-hero--phone .nk-hero__box{padding:0 var(--sp-5) var(--sp-8)} } @media(max-width:849px){ .nk-hero:not(.nk-hero--phone) .banner-bg::after{background:linear-gradient(0deg,rgba(6,6,10,.9) 0%,rgba(6,6,10,.5) 45%,rgba(6,6,10,.05) 75%)} } .nk-section .nk-hero__box{width:100%;padding:clamp(20px,3.4vw,64px);text-align:left;color:var(--nk-text)} .nk-section .nk-hero__inner{max-width:560px} .nk-section .nk-hero__box .nk-eyebrow{color:var(--nk-text-2)} .nk-section .nk-hero__title{margin:var(--sp-5) 0 0;font-size:var(--fs-hero);font-weight:800;line-height:.94;letter-spacing:-.03em;text-transform:uppercase;color:#fff;text-wrap:balance} .nk-section .nk-hero__lead{margin:var(--sp-7) 0 0;max-width:46ch;font-size:clamp(1rem,.94rem + .3vw,1.1875rem);font-weight:300;line-height:var(--lh-body);color:var(--nk-text-2)} /* Phone slides carry the two buttons on their own, pinned to the foot of the banner: an even 50/50 pair, never a wrapped stack. */ .nk-section .nk-hero__cta{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);width:100%;margin:0} .nk-section .nk-hero__cta .nk-btn{width:100%;min-width:0;padding:0 var(--sp-4)} /* Hero buttons are the page's primary action: one step above the rest. */ .nk-section .nk-hero__box .nk-btn{min-height:52px;font-size:var(--fs-body)} .nk-section .nk-hero__box .nk-actions{margin-top:var(--sp-8)} @media(max-width:849px){.nk-section .nk-hero__box{padding:var(--sp-6) var(--sp-5)}.nk-section .nk-hero__lead{max-width:none}} /* ---------- B1b. HERO SLIDER --------------------------------------------- [ux_slider] wraps the banners in Flickity. Three things need handling: the focus ring, the gutter, and the photo's own height. */ /* 1. Flickity calls .focus() on its own track at pointer-down, so the keyboard ring in A2 painted a 2px cyan box around the whole hero on every click and every tap. The track is a scroller, not a control; links and buttons inside it keep their ring for keyboard users. */ .nk-section .slider:focus,.nk-section .slider:focus-visible, .nk-section .flickity-enabled:focus,.nk-section .flickity-enabled:focus-visible, .nk-section .flickity-viewport:focus,.nk-section .flickity-viewport:focus-visible, .nk-section .flickity-slider>:focus,.nk-section .flickity-slider>:focus-visible, .nk-section .banner:focus,.nk-section .banner:focus-visible, .nk-footer .slider:focus,.nk-footer .slider:focus-visible{outline:none;box-shadow:none} .nk-section .slider,.nk-section .flickity-viewport,.nk-section .banner{-webkit-tap-highlight-color:transparent} /* 2. .nk-bleed - a row that drops the grid gutter and the container cap so whatever sits in it runs edge to edge. The phone hero row uses it. */ .nk-section .row.nk-bleed,.nk-rhythm>.section-content>.row.nk-bleed{ width:100%;max-width:none!important;margin-inline:0;padding-inline:0!important} .nk-section .row.nk-bleed>.col,.nk-section .row.nk-bleed>.col>.col-inner{padding:0!important} .nk-section .nk-bleed .slider-wrapper,.nk-section .nk-bleed .flickity-viewport, .nk-section .nk-bleed .banner,.nk-section .nk-bleed .banner-inner{border-radius:0;border:0} /* 3. The image optimiser swaps the background
for a , and the then keeps its own aspect ratio - which left a band of bare section colour under the photo (94px on desktop, 38px on the phone). Pin it to the banner and let object-fit crop instead. */ .nk-hero .banner-bg picture{position:absolute;inset:0;display:block;width:100%;height:100%} .nk-hero .banner-bg img.bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover} /* ---------- B2. NUMBERS -------------------------------------------------- */ .nk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;border-block:1px solid var(--nk-line)} .nk-stat{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-7) var(--sp-4);text-align:center;border-left:1px solid var(--nk-line)} .nk-stat:first-child{border-left:0} .nk-section .nk-stat .nk-num{font-size:var(--fs-stat)} .nk-section .nk-stat .nk-num small{margin-left:var(--sp-1)} .nk-section .nk-stat__label{font-size:var(--fs-label);font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--nk-muted)} @media(max-width:640px){ .nk-stats{grid-template-columns:repeat(2,minmax(0,1fr))} .nk-stat{padding:var(--sp-6) var(--sp-3)} .nk-stat:nth-child(3){border-left:0} .nk-stat:nth-child(n+3){border-top:1px solid var(--nk-line)} } /* ---------- B3. CARD (shared) ------------------------------------------- */ .nk-card{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden; border:1px solid var(--nk-line-strong);border-radius:var(--nk-r-lg); background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 40%),var(--nk-surface); transition:transform var(--nk-slow) var(--nk-ease),border-color var(--nk-slow) var(--nk-ease),box-shadow var(--nk-slow) var(--nk-ease)} .nk-card__body{display:flex;flex-direction:column;flex:1 1 auto;padding:var(--nk-card-pad)} .nk-card__media{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--nk-surface-3)} .nk-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--nk-slow) var(--nk-ease)} .nk-card__media--wide{aspect-ratio:16/9} @media(hover:hover) and (pointer:fine){ .nk-card:hover{transform:translateY(-4px);border-color:rgba(124,92,255,.4);box-shadow:var(--nk-shadow-lift),0 0 28px var(--nk-glow)} .nk-card:hover .nk-card__media img{transform:scale(1.04)} } /* ---------- B4. HOW IT WORKS -------------------------------------------- */ .nk-step .nk-card__body{gap:var(--sp-4)} .nk-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--nk-r-md);background:var(--nk-accent-soft);color:var(--nk-accent-ink)} .nk-icon svg{width:24px;height:24px} .nk-icon--cyan{background:var(--nk-cyan-soft);color:var(--nk-cyan)} .nk-icon--pink{background:var(--nk-pink-soft);color:var(--nk-pink)} .nk-icon--green{background:var(--nk-green-soft);color:var(--nk-green)} .nk-section .nk-step .nk-body{margin-top:calc(var(--sp-1) * -1)} /* ---------- B5. COLLECTIONS ----------------------------------------------- */ .nk-series .nk-card__media{aspect-ratio:16/9} .nk-series .nk-card__body{gap:var(--sp-3)} .nk-section .nk-series__title{margin:0;font-family:var(--nk-font-head);font-size:clamp(1.75rem,1.4rem + 1.4vw,2.5rem);font-weight:700;line-height:1;letter-spacing:var(--ls-heading)} .nk-section .nk-series__title--sq{color:var(--nk-cyan)} .nk-section .nk-series__title--ov{color:var(--nk-pink)} .nk-section .nk-series .nk-tags{margin-top:var(--sp-2)} .nk-section .nk-series .nk-actions{margin-top:auto;padding-top:var(--sp-5)} /* ---------- B6. RANGE GUIDE ----------------------------------------------- */ .nk-range .nk-card__body{align-items:center;text-align:center;gap:var(--sp-3);padding-block:calc(var(--nk-card-pad) + var(--sp-2))} .nk-section .nk-range .nk-num{font-size:var(--fs-stat)} .nk-section .nk-range .nk-num small{display:block;margin-top:var(--sp-2)} .nk-section .nk-range .nk-body{max-width:24ch} /* ---------- B7. CATALOG --------------------------------------------------- */ .nk-product .nk-card__body{gap:0} .nk-section .nk-product .nk-label,.nk-section .nk-tx .nk-label{margin:0 0 var(--sp-3)} .nk-section .nk-product .nk-num{font-size:clamp(1.5rem,1.3rem + .8vw,1.875rem)} .nk-section .nk-product__sub{margin:var(--sp-3) 0 0;font-size:var(--fs-xs);color:var(--nk-muted)} .nk-specs{display:flex;flex-direction:column;gap:var(--sp-2);margin:var(--sp-5) 0 0;padding:var(--sp-4) 0;border-top:1px solid var(--nk-line);border-bottom:1px solid var(--nk-line)} .nk-specs__row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3)} .nk-section .nk-specs__key{font-size:var(--fs-label);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--nk-muted)} .nk-section .nk-specs__val{font-size:var(--fs-xs);color:var(--nk-text-2);text-align:right} .nk-buy{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);margin-top:auto;padding-top:var(--sp-5)} .nk-pricebox{min-width:0} .nk-buy__action{flex:none} .nk-section .nk-price__was{display:block;font-size:var(--fs-xs);color:var(--nk-faint);text-decoration:line-through;font-variant-numeric:tabular-nums} .nk-section .nk-price{display:block;margin-top:var(--sp-1);font-size:clamp(1.375rem,1.2rem + .7vw,1.625rem);font-weight:700;letter-spacing:var(--ls-num);line-height:1;font-variant-numeric:tabular-nums} .nk-section .nk-price__gst{display:block;margin-top:var(--sp-2);font-size:var(--fs-label);color:var(--nk-muted)} /* ---------- B8. TRANSMITTERS --------------------------------------------- */ .nk-tx .nk-card__media{aspect-ratio:16/9} /* ---------- B9. SHOWCASE (Lyrx AI, packaging) ---------------------------- */ .nk-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4.5vw,72px);align-items:center;width:100%} .nk-showcase__media{position:relative;overflow:hidden;aspect-ratio:1;border:1px solid var(--nk-line-strong);border-radius:var(--nk-r-lg); background:radial-gradient(70% 70% at 50% 42%,rgba(124,92,255,.22),transparent 72%),var(--nk-surface)} .nk-showcase__media img{width:100%;height:100%;object-fit:contain;padding:clamp(20px,4vw,48px)} .nk-showcase--reverse .nk-showcase__media{order:2} .nk-section .nk-showcase .nk-head{max-width:none} .nk-section .nk-checks{display:grid;gap:var(--sp-3);margin:var(--sp-7) 0 0} .nk-section .nk-checks li{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:var(--fs-body);line-height:var(--lh-snug);color:var(--nk-text-2)} .nk-section .nk-checks li::before{content:"";flex:none;width:8px;height:8px;margin-top:.5em;border-radius:50%;background:var(--nk-accent);box-shadow:0 0 10px var(--nk-accent)} /* Placeholder box rendered by nokomoto.js while the PNG is still to be uploaded. */ .nk-placeholder{display:grid;place-items:center;width:100%;height:100%;padding:var(--sp-6);text-align:center; font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--nk-muted)} /* Packaging options */ .nk-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nk-gap);margin-top:var(--sp-7)} .nk-option{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--nk-card-pad);border:1px solid var(--nk-line-strong);border-radius:var(--nk-r-lg);background:var(--nk-surface)} .nk-option--premium{border-color:rgba(124,92,255,.5);background:linear-gradient(180deg,rgba(124,92,255,.14),rgba(124,92,255,0) 60%),var(--nk-surface)} .nk-section .nk-option__price{margin-top:auto;padding-top:var(--sp-3);font-family:var(--nk-font-head);font-size:1.5rem;font-weight:700;letter-spacing:var(--ls-num);color:#fff;font-variant-numeric:tabular-nums} .nk-section .nk-option__price small{display:block;margin-top:var(--sp-1);font-family:var(--nk-font-body);font-size:var(--fs-xs);font-weight:400;letter-spacing:0;color:var(--nk-muted)} @media(max-width:900px){.nk-showcase{grid-template-columns:minmax(0,1fr)}.nk-showcase--reverse .nk-showcase__media{order:0}.nk-showcase__media{max-width:520px;margin-inline:auto;aspect-ratio:1}} @media(max-width:640px){.nk-options{grid-template-columns:minmax(0,1fr)}} /* ---------- B10. ENGINEERING ---------------------------------------------- */ .nk-feature .nk-card__body{gap:var(--sp-3)} .nk-feature .nk-icon{margin-bottom:var(--sp-1)} /* ---------- B11. SPECS TABLE ---------------------------------------------- */ .nk-spec{width:100%;overflow:hidden;border:1px solid var(--nk-line-strong);border-radius:var(--nk-r-lg);background:var(--nk-surface)} .nk-spec__scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--nk-line-strong) transparent} .nk-spec table{width:100%;min-width:680px;margin:0;border-collapse:collapse;font-family:var(--nk-font-body)} .nk-spec th,.nk-spec td{padding:var(--sp-4) var(--sp-5);text-align:left;white-space:nowrap;border-bottom:1px solid var(--nk-line);vertical-align:middle} .nk-spec thead th{background:var(--nk-surface-3);font-size:var(--fs-label);font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--nk-muted)} .nk-spec thead th span{color:var(--nk-text)} .nk-spec tbody td{font-size:var(--fs-sm);font-weight:300;color:var(--nk-text-2)} .nk-spec tbody th{font-size:var(--fs-sm);font-weight:600;color:var(--nk-text);background:var(--nk-surface-3)} .nk-spec tbody tr:last-child td,.nk-spec tbody tr:last-child th{border-bottom:0} .nk-spec tbody tr:hover td{background:rgba(255,255,255,.025)} .nk-spec td:first-child,.nk-spec th:first-child{position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--nk-line)} /* ---------- B12. CREATOR PROGRAM ------------------------------------------ */ .nk-tier .nk-card__body{gap:var(--sp-2)} .nk-tier--top{border-color:rgba(124,92,255,.5)} .nk-section .nk-tier .nk-num{font-size:var(--fs-stat)} .nk-section .nk-tier .nk-num small{margin-left:var(--sp-2)} .nk-section .nk-tier__off{margin:var(--sp-1) 0 var(--sp-2);font-family:var(--nk-font-head);font-size:clamp(1.5rem,1.3rem + .8vw,1.875rem);font-weight:700;letter-spacing:var(--ls-num);line-height:1} .nk-section .nk-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--nk-gap);margin-top:clamp(24px,3vw,40px)} .nk-steps__item{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border:1px solid var(--nk-line);border-radius:var(--nk-r-md);background:var(--nk-surface-3)} .nk-section .nk-steps__num{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--nk-accent-soft);color:var(--nk-accent-ink);font-family:var(--nk-font-head);font-size:var(--fs-sm);font-weight:700} .nk-section .nk-steps__text{margin:0;font-size:var(--fs-body);line-height:var(--lh-snug);color:var(--nk-text-2)} .nk-section .nk-steps__text b{display:block;margin-bottom:2px;font-weight:600;color:#fff} .nk-section .nk-program__actions{margin-top:var(--sp-8)} .nk-section .nk-program__note{margin-top:var(--sp-6)} @media(max-width:900px){.nk-section .nk-steps{grid-template-columns:minmax(0,1fr)}} /* ---------- B13. MOSAIC ----------------------------------------------------- */ .nk-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(200px,22vw);gap:var(--nk-gap)} .nk-tile{position:relative;display:block;overflow:hidden;border-radius:var(--nk-r-lg);border:1px solid var(--nk-line);background:var(--nk-surface-3);text-decoration:none!important;color:#fff} .nk-tile--big{grid-column:span 2;grid-row:span 2} .nk-tile img{width:100%;height:100%;object-fit:cover;transition:transform var(--nk-slow) var(--nk-ease)} .nk-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,6,10,.85) 0%,rgba(6,6,10,.1) 55%)} .nk-tile__label{position:absolute;left:var(--sp-5);right:var(--sp-5);bottom:var(--sp-5);z-index:1} .nk-section .nk-tile__kicker{display:block;font-size:var(--fs-label);font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--nk-accent-ink)} .nk-section .nk-tile__title{display:block;margin-top:var(--sp-1);font-family:var(--nk-font-head);font-size:var(--fs-h3);font-weight:700;line-height:var(--lh-heading);color:#fff} @media(hover:hover) and (pointer:fine){.nk-tile:hover img{transform:scale(1.05)}} @media(max-width:900px){.nk-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(180px,42vw)}.nk-tile--big{grid-column:span 2;grid-row:span 1;min-height:260px}} /* ---------- B14. CTA -------------------------------------------------------- */ .nk-cta{position:relative;overflow:hidden;padding:clamp(48px,7vw,96px) var(--nk-card-pad);border:1px solid var(--nk-line-strong);border-radius:var(--nk-r-lg); background:radial-gradient(60% 80% at 50% 0%,rgba(124,92,255,.2),transparent 70%),var(--nk-surface);text-align:center} .nk-section .nk-cta__title{margin:var(--sp-4) 0 0;font-family:var(--nk-font-head);font-size:clamp(2.5rem,1.75rem + 4vw,5.5rem);font-weight:800;line-height:.94;letter-spacing:-.03em;text-transform:uppercase;color:#fff;text-wrap:balance} .nk-section .nk-cta__title em{font-style:normal} .nk-section .nk-cta .nk-lead{margin:var(--sp-6) auto 0;max-width:52ch} .nk-section .nk-cta .nk-actions{justify-content:center} /* ========================================================================== PART C — FOOTER ========================================================================== */ .nk-footer{width:100%;color:var(--nk-text)} .nk-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--sp-8) var(--sp-7);width:100%} .nk-footer .nk-footer__logo{display:inline-block;font-size:1.625rem;font-weight:800;letter-spacing:-.03em;line-height:1;text-decoration:none!important} .nk-footer .nk-footer__tag{margin:var(--sp-4) 0 0;max-width:34ch;font-size:var(--fs-body);font-weight:300;line-height:var(--lh-body);color:var(--nk-text-2)} .nk-footer .nk-footer__cert{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-5);padding:0 var(--sp-4);min-height:36px;border-radius:var(--nk-r-pill); border:1px solid rgba(56,189,248,.3);background:var(--nk-cyan-soft);font-size:var(--fs-label);font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--nk-cyan)} .nk-footer .nk-footer__cert::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--nk-cyan);box-shadow:0 0 8px var(--nk-cyan)} .nk-footer .nk-footer__head{margin:0 0 var(--sp-4);font-size:var(--fs-label);font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--nk-accent-ink)} .nk-footer__links{display:flex;flex-direction:column;gap:var(--sp-1)} .nk-footer .nk-footer__links a{display:inline-flex;align-items:center;min-height:36px;font-size:var(--fs-sm);font-weight:300;color:var(--nk-text-2);text-decoration:none!important;transition:color var(--nk-fast) ease} .nk-footer .nk-footer__links a:hover{color:#fff} @media(max-width:900px){.nk-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nk-footer__brand{grid-column:1/-1}} @media(max-width:640px){.nk-footer__grid{grid-template-columns:minmax(0,1fr);gap:var(--sp-7)}} /* ========================================================================== PART D — LEGACY (other pages: product pages, compare page, flickity, plugin overrides). Copied from the previous stylesheet, unchanged. ========================================================================== */ .has-shadow > .col > .col-inner{background-color:transparent!important} @media only screen and (max-width:767px){ .col,.gallery-item,.columns{position:relative;margin:0;padding:0 0px 0px;width:100%} .page-wrapper{padding-top:0px;padding-bottom:0px} .row-small > .flickity-viewport > .flickity-slider > .col,.row-small > .col{padding:0 2.8px 7.6px} } .row-small > .col,.row-small > .flickity-viewport > .flickity-slider > .col{padding:0 4px 8px!important} .img-curve{border-radius:24px;overflow:hidden;display:block;width:100%} .curveimage{border-radius:20px;overflow:hidden}.curveimage15{border-radius:15px;overflow:hidden}.curveimagem{border-radius:10px;overflow:hidden} .box-image{border-radius:24px 24px 0 0}.box-text{border-radius:0 0 24px 24px} .fullwidth-bg{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)} .no-side-padding{padding-left:0!important;padding-right:0!important} .force-left{width:100%;display:flex;justify-content:flex-start!important;align-items:flex-start!important;text-align:left!important} .force-left *{text-align:left!important} .textvspace{margin-top:0;margin-bottom:0}.textvspace p{margin:0;padding:0} .flickity2{height:780px!important}.flickity3{height:900px!important}.flickity4{height:300px!important} .flickity6{height:460px!important}.flickity8{height:360px!important}.flickity9{height:520px!important} @media only screen and (max-width:600px){.flickity2{height:670px!important}} .product-small.box{border-radius:20px} span.amount{white-space:nowrap;color:grey} .unique-card{border-radius:23px;margin-top:2px!important;width:100%;background-color:rgb(23,23,23);padding:0;font-size:12px;color:#333;position:relative;text-align:center;border:2.5px solid} .unique-card-header{position:relative;height:240px;margin:0;padding:0} .unique-card-header img{width:100%;height:100%;object-fit:cover;border-top-left-radius:20px;border-top-right-radius:20px} .unique-product-title-container{position:relative;margin-top:50px;bottom:30px;left:50%;transform:translateX(-50%);z-index:1} .unique-product-title{color:white!important;font-size:20px;text-align:center;font-weight:bold;padding:4px 30px;background-color:#490aa4!important;border-radius:6px;text-decoration:none} .unique-card-body{padding:12px} .unique-product-info{margin-top:-18px;margin-bottom:20px;font-size:11px;color:#ffff;text-align:left} .unique-info-item{display:block;margin-bottom:-12px;padding-bottom:5px;border-bottom:0.5px solid #2d2d2d} .unique-price{color:#b5b9fb;font-size:24px;padding:3px;text-align:center;font-weight:bold} .unique-gst-info{font-size:12px;font-weight:600} .unique-shipping-info{font-size:10px;color:#888;text-align:center;margin-top:0} .unique-stock{margin-top:10px;margin-bottom:-5px} .unique-stock-status.stock-in{background-color:#00a4ff;color:#ffffff;padding:2px 30px;border-radius:5px} .unique-stock-status.stock-out{background-color:#ff5f00;color:#ffffff;padding:2px 20px;border-radius:5px} .unique-btn,.unique-btn1{color:white;text-align:center;padding:10px 0;text-decoration:none;display:block;border-radius:4px;transition:background-color 0.3s ease} .unique-btn{background-color:#a4009c;margin-top:8px}.unique-btn:hover{background-color:#7C86E0} .unique-btn1{background-color:#7069be;margin-top:12px}.unique-btn1:hover{background-color:#474d83} .productpageinfo{margin-top:-10px;margin-bottom:10px;font-size:12px;color:#d6d6d6;text-align:left;padding-bottom:4px} .product-info-wrapper{margin-top:35px;margin-bottom:3px} .chaty-tooltip .on-hover-text,.chaty-tooltip .on-hover-text:before,.chaty-tooltip:after,.chaty-tooltip:before{display:block;opacity:5} #ckfaq-page .ck-faq-question:hover{background:#1e7dcc!important} .lightbox-content{background-color:#1e1e1e} .bullet-checkmark{border-bottom:0.1px solid rgba(0,0,0,0.4)!important;color:blue} .hideoncompare{display:none}.page-id-2339 .hideoncompare{display:block} .hideonhome{display:none}.page-id-24323 .hideonhome{display:block} .placeholder{background:linear-gradient(to right,#ff8a00,#e52e71);background-size:400% 400%;animation:gradient 2s ease infinite} @keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} .ripple1::after{content:'';position:absolute;top:50%;left:50%;width:95%;height:50%;background-color:black;border-radius:80px;transform:translate(-50%,-50%) scale(0);animation:rippleEffect .8s infinite ease-out;z-index:-1;border:4px solid #ff1493;box-sizing:border-box} @keyframes rippleEffect{20%{transform:translate(-50%,-50%) scale(0.8);height:80%;opacity:1}100%{transform:translate(-50%,-50%) scale(1.2);height:100%;opacity:0}} .sq-title{font-size:48px;font-weight:700;color:#38bdf8;margin-bottom:10px} .sq-sub{font-size:12px;letter-spacing:2px;color:#6b7280;margin-bottom:20px} .sq-desc{max-width:600px;color:#9ca3af;line-height:1.6;margin-bottom:30px} .sq-tags{display:flex;flex-wrap:wrap;gap:12px} .sq-tags span{padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,0.1);color:#9ca3af;font-size:13px} .sq-tags span.active{color:#38bdf8;border-color:#38bdf8;box-shadow:0 0 12px rgba(56,189,248,0.3)} /* Old home-page helpers, kept so any other page still using them keeps working. */ .color-shimmer{background:var(--nk-grad);background-size:100% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .bg-shimmer{background:var(--nk-grad);background-size:100% 100%} .pill{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;border-radius:100px;font-size:11px;font-family:'Space Grotesk',sans-serif;background:transparent} .pill::before{content:"";position:absolute;inset:0;border-radius:100px;padding:1px;background:var(--nk-grad);background-size:100% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude} .pill span{position:relative;z-index:1} /* ========================================================================== PART E — REDUCED MOTION ========================================================================== */ @media(prefers-reduced-motion:reduce){ html:not(.nk-motion-always) *,html:not(.nk-motion-always) *::before,html:not(.nk-motion-always) *::after{ animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important} html:not(.nk-motion-always) .nk-js .nk-rise,html:not(.nk-motion-always).nk-js .nk-rise{opacity:1!important;transform:none!important} html:not(.nk-motion-always) .nk-section .nk-grad,html:not(.nk-motion-always) .nk-section .nk-display em, html:not(.nk-motion-always) .nk-section .nk-price{background-position:40% 50%} } /* ---------- 2. Blog UI ---------- */ /* Nokomoto blog UI: matches the home page (dark, 18px radius, Outfit headings) */ body.single-post, body.page-id-90, body.page-id-30, body.archive, body.category { background: var(--nk-bg, #0A0A0F); } body.single-post #content, body.single-post .page-wrapper, body.page-id-90 #content, body.page-id-30 #content, body.archive #content, body.category #content { background: transparent; } /* Blog hero (list pages) */ .nk-blog-hero { position: relative; padding: 72px 20px 56px; text-align: center; border-radius: 18px; overflow: hidden; background: radial-gradient(900px 320px at 50% 0%, rgba(124,92,255,.28), transparent 70%), var(--nk-surface, #17171F); border: 1px solid var(--nk-line, rgba(255,255,255,.08)); } .nk-blog-hero__eyebrow { letter-spacing: .22em; font-size: 12px; text-transform: uppercase; color: var(--nk-accent-ink, #CDCCFB); margin: 0 0 12px; } .nk-blog-hero h1 { font-family: var(--nk-font-head, Outfit, sans-serif); font-weight: 800; text-transform: uppercase; letter-spacing: -.02em; line-height: 1.05; color: var(--nk-text, #F5F5F8); margin: 0 0 12px; font-size: clamp(2rem, 1.2rem + 3vw, 3.4rem); } .nk-blog-hero p { color: var(--nk-text-2, #BEBEC9); margin: 0; font-size: 1.1rem; } /* Post cards in the grid */ .box.box-blog-post { background: var(--nk-surface, #17171F); border: 1px solid var(--nk-line, rgba(255,255,255,.08)); border-radius: 18px; overflow: hidden; box-shadow: none; transition: transform .2s ease, border-color .2s ease; } .box.box-blog-post:hover { transform: translateY(-3px); border-color: var(--nk-line-strong, rgba(255,255,255,.14)); } .box.box-blog-post .box-image { border-radius: 18px 18px 0 0; overflow: hidden; } .box-blog-post .box-image img { object-fit: cover; width: 100%; height: 100%; filter: none; image-rendering: auto; } .box-blog-post .box-text { background: transparent; padding: 18px 20px 22px; text-align: left; } .box-blog-post .post-title, .box-blog-post .post-title a { font-family: var(--nk-font-head, Outfit, sans-serif); color: var(--nk-text, #F5F5F8); font-weight: 700; font-size: 1.15rem; line-height: 1.3; text-transform: none; letter-spacing: 0; } .box-blog-post .is-divider { display: none; } .box-blog-post .from_the_blog_excerpt, .box-blog-post .box-text p { color: var(--nk-text-2, #BEBEC9); font-size: .95rem; line-height: 1.6; } .box-blog-post .post-date, .box-blog-post .badge-container, .box-blog-post .cat-label, .box-blog-post .badge { display: none; } .box-blog-post .button, .box-blog-post .more-link { border-radius: 999px; border: 1px solid var(--nk-line-strong, rgba(255,255,255,.14)); background: rgba(255,255,255,.03); color: var(--nk-text, #F5F5F8); padding: 0 20px; font-size: .75rem; letter-spacing: .06em; } .box-blog-post .button:hover { border-color: var(--nk-accent, #7857FB); background: var(--nk-accent-soft, rgba(124,92,255,.14)); } /* Single post and archives: home page look */ body.single-post #secondary, body.single-post .post-sidebar, body.archive #secondary, body.category #secondary { display: none; } body.single-post .blog-single .row, body.archive .blog-archive .row { max-width: 940px; } body.single-post .blog-single .large-9, body.archive .blog-archive .large-9, body.category .blog-archive .large-9 { flex-basis: 100%; max-width: 100%; padding: 0 15px; } body.single-post article.post, body.single-post .article-inner { background: transparent; border: 0; border-radius: 0; padding: 0; box-shadow: none; overflow: visible; display: flex; flex-direction: column; } body.single-post .entry-image, body.single-post .entry-image-attachment { order: 0; margin: 12px 0 30px; border-radius: 18px; overflow: hidden; height: min(46vw, 380px); border: 1px solid var(--nk-line, rgba(255,255,255,.08)); background: var(--nk-surface, #17171F); } body.single-post .entry-image .badge, body.single-post .entry-image .badge-container { display: none; } body.single-post .entry-image img, body.single-post .entry-image .image-cover img { width: 100%; height: 100%; max-height: none; object-fit: cover; border-radius: 0; } body.single-post .entry-header, body.single-post .entry-header-text { order: 1; padding: 0; background: transparent; text-align: left; } body.single-post .entry-category, body.single-post .entry-divider, body.single-post .entry-header .is-divider { display: none; } .nk-eyebrow { letter-spacing: .22em; font-size: 12px; text-transform: uppercase; color: var(--nk-accent-ink, #CDCCFB); margin: 0 0 12px; } body.single-post .entry-title, body.single-post h1.entry-title { font-family: var(--nk-font-head, Outfit, sans-serif); color: var(--nk-text, #F5F5F8) !important; text-transform: uppercase; font-weight: 800; letter-spacing: -.02em; line-height: 1.06; font-size: clamp(1.7rem, 1.1rem + 2.6vw, 3rem); margin: 0 0 14px; } body.single-post .entry-meta, body.single-post .entry-meta a { color: var(--nk-muted, #8F8F9D); font-size: .85rem; text-transform: none; letter-spacing: 0; } body.single-post .entry-content { order: 2; padding: 22px 0 0; max-width: 760px; font-family: var(--nk-font-body, "Space Grotesk", sans-serif); color: #C9C9D6; font-size: 1.06rem; line-height: 1.85; } body.single-post .entry-content p, body.single-post .entry-content li, body.single-post .entry-content span { color: #C9C9D6 !important; } body.single-post .entry-content strong, body.single-post .entry-content b { color: var(--nk-text, #F5F5F8) !important; } body.single-post .entry-content h2, body.single-post .entry-content h3, body.single-post .entry-content h4 { font-family: var(--nk-font-head, Outfit, sans-serif); color: var(--nk-text, #F5F5F8) !important; font-weight: 700; letter-spacing: -.01em; text-transform: none; margin: 1.9em 0 .5em; } body.single-post .entry-content h2 { font-size: 1.6rem; padding-top: 1.1em; border-top: 1px solid var(--nk-line, rgba(255,255,255,.08)); } body.single-post .entry-content h2:first-child { border-top: 0; padding-top: 0; margin-top: 0; } body.single-post .entry-content h3 { font-size: 1.25rem; } body.single-post .entry-content a:not(.nk-btn) { color: var(--nk-accent-ink, #CDCCFB); text-decoration: underline; text-underline-offset: 3px; } body.single-post .entry-content a.nk-btn, body.single-post .entry-content a[href="/request-quote/"] { color: #fff; text-decoration: none; } body.single-post .entry-content ul li::marker, body.single-post .entry-content ol li::marker { color: var(--nk-accent, #7857FB); } body.single-post .entry-content ul, body.single-post .entry-content ol { margin-left: 1.2em; } body.single-post .entry-content blockquote { border-left: 3px solid var(--nk-accent, #7857FB); background: var(--nk-accent-soft, rgba(124,92,255,.14)); padding: 16px 20px; border-radius: 0 14px 14px 0; margin: 1.4em 0; color: var(--nk-text, #F5F5F8); } body.single-post .entry-content img { border-radius: 14px; max-width: 100%; height: auto; } body.single-post .entry-content table { width: 100%; border-collapse: collapse; } body.single-post .entry-content th, body.single-post .entry-content td { border: 1px solid var(--nk-line, rgba(255,255,255,.08)); padding: 10px 12px; color: #C9C9D6; } .nk-post-cta { order: 3; margin: 48px 0 8px; padding: 40px 24px; text-align: center; border: 1px solid var(--nk-line, rgba(255,255,255,.08)); border-radius: 18px; background: radial-gradient(700px 220px at 50% 0%, rgba(124,92,255,.22), transparent 70%), var(--nk-surface, #17171F); } .nk-post-cta h3 { margin: 0 0 8px; font-family: var(--nk-font-head, Outfit, sans-serif); text-transform: uppercase; font-weight: 800; letter-spacing: -.01em; color: var(--nk-text, #F5F5F8); } .nk-post-cta p { margin: 0 0 22px; color: var(--nk-text-2, #BEBEC9); } body.single-post .entry-footer, body.single-post footer.entry-meta, body.single-post .blog-share { order: 4; color: var(--nk-text-2, #BEBEC9); border-color: var(--nk-line, rgba(255,255,255,.08)); } body.single-post .navigation-post a, body.single-post .nav-single a { color: var(--nk-text-2, #BEBEC9); } body.single-post .navigation-post a:hover { color: var(--nk-text, #F5F5F8); } body.single-post .comments-area, body.single-post #comments { display: none; } body.archive .page-title, body.category .page-title, body.archive .archive-page-header h1 { font-family: var(--nk-font-head, Outfit, sans-serif); text-transform: uppercase; font-weight: 800; color: var(--nk-text, #F5F5F8); letter-spacing: -.02em; } body.archive .blog-archive .post-item .col-inner, body.category .blog-archive .post-item .col-inner { background: var(--nk-surface, #17171F); border: 1px solid var(--nk-line, rgba(255,255,255,.08)); border-radius: 18px; overflow: hidden; } @media (max-width: 549px) { body.single-post .entry-image { height: 210px; } .nk-post-cta { padding: 30px 16px; } } .box.box-blog-post { height: 100%; } /* Quote, contact and thank-you pages */ body.page-id-5404, body.page-id-745, body.page-id-5416 { background: var(--nk-bg, #0A0A0F); } body.page-id-5404 #content, body.page-id-745 #content, body.page-id-5416 #content, body.page-id-5404 .page-wrapper, body.page-id-745 .page-wrapper, body.page-id-5416 .page-wrapper { background: transparent; } .nk-box { background: var(--nk-surface, #17171F); border: 1px solid var(--nk-line, rgba(255,255,255,.08)); border-radius: 18px; padding: 28px; margin-bottom: 20px; } .nk-box h3, .nk-box__title { font-family: var(--nk-font-head, Outfit, sans-serif); text-transform: uppercase; font-weight: 800; letter-spacing: -.01em; color: var(--nk-text, #F5F5F8); margin: 0 0 14px; font-size: 1.25rem; } .nk-box__small { color: var(--nk-text-2, #BEBEC9); margin: 16px 0 12px; } .nk-steps { list-style: none; margin: 0 0 18px; padding: 0; counter-reset: s; } .nk-steps li { position: relative; padding: 0 0 16px 46px; counter-increment: s; color: #C9C9D6; margin: 0; } .nk-steps li::before { content: counter(s); position: absolute; left: 0; top: 0; width: 32px; height: 32px; border-radius: 50%; background: var(--nk-accent-soft, rgba(124,92,255,.14)); color: var(--nk-accent-ink, #CDCCFB); display: grid; place-items: center; font-weight: 700; } .nk-steps strong { display: block; color: var(--nk-text, #F5F5F8); } .nk-steps span { font-size: .92rem; color: var(--nk-text-2, #BEBEC9); } .nk-box__badges span { display: inline-block; margin: 0 6px 6px 0; padding: 6px 12px; border: 1px solid var(--nk-line-strong, rgba(255,255,255,.14)); border-radius: 999px; font-size: .75rem; color: var(--nk-accent-ink, #CDCCFB); background: var(--nk-accent-soft, rgba(124,92,255,.14)); } .nk-contact { list-style: none; margin: 0 0 20px; padding: 0; } .nk-contact li { padding: 12px 0; border-bottom: 1px solid var(--nk-line, rgba(255,255,255,.08)); display: flex; flex-direction: column; gap: 2px; margin: 0; } .nk-contact strong { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--nk-muted, #8F8F9D); font-weight: 600; } .nk-contact a, .nk-contact span { color: var(--nk-text, #F5F5F8); } .nk-form label { display: block; color: var(--nk-text-2, #BEBEC9); font-size: .85rem; margin: 0 0 14px; letter-spacing: .02em; } .nk-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; } .nk-form input[type=text], .nk-form input[type=tel], .nk-form input[type=email], .nk-form input[type=date], .nk-form select, .nk-form textarea { width: 100%; background: var(--nk-bg-2, #0E0E15); border: 1px solid var(--nk-line-strong, rgba(255,255,255,.14)); border-radius: 12px; color: var(--nk-text, #F5F5F8); padding: 12px 14px; height: auto; min-height: 46px; box-shadow: none; margin: 6px 0 0; font-size: 1rem; font-family: inherit; } .nk-form textarea { min-height: 110px; } .nk-form input:focus, .nk-form select:focus, .nk-form textarea:focus { border-color: var(--nk-accent, #7857FB); outline: 0; box-shadow: 0 0 0 3px var(--nk-accent-soft, rgba(124,92,255,.14)); } .nk-form ::placeholder { color: #6A6A78; } .nk-form select option { background: #17171F; color: #F5F5F8; } .nk-form__note { color: var(--nk-muted, #8F8F9D); font-size: .85rem; margin: 4px 0 14px; } .nk-form .wpcf7-submit { background: linear-gradient(135deg, #7857FB, #5B7CFA); color: #fff; border: 0; border-radius: 999px; padding: 0 32px; min-height: 50px; font-weight: 700; letter-spacing: .04em; cursor: pointer; width: auto; text-transform: none; margin: 0; } .nk-form .wpcf7-submit:hover { filter: brightness(1.1); } .wpcf7 .wpcf7-response-output { border-radius: 12px; border-color: var(--nk-accent, #7857FB); color: #C9C9D6; margin: 16px 0 0; } .wpcf7-not-valid-tip { color: #F472B6; font-size: .8rem; } @media (max-width: 549px) { .nk-form__row { grid-template-columns: 1fr; } .nk-box { padding: 20px; } } /* Buttons and form layout outside home sections */ .nk-box .nk-btn, .nk-post-cta .nk-btn, .nk-blog-wrap .nk-btn, .entry-content .nk-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border: 1px solid transparent; border-radius: 999px; font-weight: 700; font-size: .9rem; letter-spacing: .03em; text-decoration: none; text-transform: none; line-height: 1; margin: 0 8px 8px 0; cursor: pointer; transition: transform .15s ease, filter .15s ease; } .nk-box .nk-btn:hover, .nk-post-cta .nk-btn:hover, .entry-content .nk-btn:hover { transform: translateY(-1px); filter: brightness(1.1); } .nk-box .nk-btn--glow, .nk-post-cta .nk-btn--glow, .entry-content .nk-btn--glow { background: linear-gradient(135deg, #7857FB, #5B7CFA); color: #fff !important; box-shadow: 0 8px 28px rgba(124,92,255,.35); } .nk-box .nk-btn--ghost, .nk-post-cta .nk-btn--ghost, .entry-content .nk-btn--ghost { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.14); color: #F5F5F8 !important; } .nk-form__row > p, .nk-form > p { display: contents; margin: 0; } .nk-form br { display: none; } .nk-form .wpcf7-form-control-wrap { display: block; } .nk-form p.nk-form__note { display: block; } /* Rental calculator page */ body.page-id-919 { background: var(--nk-bg, #0A0A0F); } body.page-id-919 #content, body.page-id-919 .page-wrapper { background: transparent; } .nk-est-wrap { position: sticky; top: 90px; } .nk-est__label { margin: 0 0 6px; font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: var(--nk-muted, #8F8F9D); } .nk-est__total { margin: 0 0 6px; font-family: var(--nk-font-head, Outfit, sans-serif); font-weight: 800; font-size: clamp(1.6rem, 1.1rem + 1.6vw, 2.3rem); line-height: 1.1; background: var(--nk-grad, linear-gradient(100deg,#B2A3F4,#92AEFA 50%,#6DB9F5)); -webkit-background-clip: text; background-clip: text; color: transparent; } .nk-est__sub { margin: 0 0 14px; color: var(--nk-text-2, #BEBEC9); font-size: .95rem; } .nk-est__peak { margin: 0 0 14px; padding: 10px 14px; border-radius: 12px; background: rgba(244,114,182,.12); color: #F9A8D4; font-size: .88rem; } .nk-est__rows { list-style: none; margin: 0 0 14px; padding: 0; } .nk-est__rows li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--nk-line, rgba(255,255,255,.08)); font-size: .92rem; margin: 0; color: var(--nk-text-2, #BEBEC9); } .nk-est__rows strong { color: var(--nk-text, #F5F5F8); white-space: nowrap; } .nk-est__tip { margin: 0; color: var(--nk-accent-ink, #CDCCFB); font-size: .88rem; } .nk-steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .nk-steps-grid .nk-box { margin-bottom: 0; } .nk-num { display: inline-block; margin-bottom: 10px; font-family: var(--nk-font-head, Outfit, sans-serif); font-weight: 800; font-size: .85rem; letter-spacing: .12em; color: var(--nk-accent-ink, #CDCCFB); } .nk-checks { list-style: none; margin: 0; padding: 0; } .nk-checks li { position: relative; padding: 8px 0 8px 26px; color: #C9C9D6; margin: 0; font-size: .95rem; line-height: 1.6; } .nk-checks li::before { content: ""; position: absolute; left: 0; top: 16px; width: 10px; height: 10px; border-radius: 50%; background: var(--nk-accent, #7857FB); box-shadow: 0 0 0 4px var(--nk-accent-soft, rgba(124,92,255,.14)); } .nk-checks strong { color: var(--nk-text, #F5F5F8); } .nk-checks a { color: var(--nk-accent-ink, #CDCCFB); text-decoration: underline; } .nk-table { width: 100%; border-collapse: collapse; margin: 10px 0; } .nk-table th, .nk-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--nk-line, rgba(255,255,255,.08)); color: #C9C9D6; font-size: .95rem; } .nk-table th { color: var(--nk-muted, #8F8F9D); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; } .nk-rent__h { margin: 22px 0 10px; font-family: var(--nk-font-head, Outfit, sans-serif); font-size: .9rem; letter-spacing: .1em; text-transform: uppercase; color: var(--nk-accent-ink, #CDCCFB); font-weight: 700; } .nk-rent__h:first-child { margin-top: 0; } .nk-success { border-color: var(--nk-accent, #7857FB); } @media (max-width: 849px) { .nk-est-wrap { position: static; } .nk-steps-grid { grid-template-columns: 1fr; } } .nk-box[hidden], .nk-est__peak[hidden], .nk-success[hidden] { display: none !important; } .nk-form input[type=number] { width: 100%; background: var(--nk-bg-2, #0E0E15); border: 1px solid var(--nk-line-strong, rgba(255,255,255,.14)); border-radius: 12px; color: var(--nk-text, #F5F5F8); padding: 12px 14px; height: auto; min-height: 46px; box-shadow: none; margin: 6px 0 0; font-size: 1rem; font-family: inherit; } .nk-form input[type=number]:focus { border-color: var(--nk-accent, #7857FB); outline: 0; box-shadow: 0 0 0 3px var(--nk-accent-soft, rgba(124,92,255,.14)); } .nk-form input[type=date] { color-scheme: dark; } /* ===== Home cards: image flush, tidy text padding ===== */ .nk-card.nk-series, .nk-card.nk-product, .nk-card.nk-tx { padding: 0; overflow: hidden; } .nk-card .nk-card__media { margin: 0; padding: 0; line-height: 0; } .nk-card .nk-card__media img { display: block; width: 100%; height: auto; border-radius: 0; } .nk-card.nk-product .nk-card__body { padding: 18px 20px 20px; } .nk-card.nk-series .nk-card__body, .nk-card.nk-tx .nk-card__body { padding: 22px 24px 24px; } @media (max-width: 549px) { .nk-card.nk-product .nk-card__body { padding: 16px 16px 18px; } .nk-card.nk-series .nk-card__body, .nk-card.nk-tx .nk-card__body { padding: 18px 18px 20px; } } /* ===== WooCommerce: account, cart, checkout, order received ===== */ body.woocommerce-account, body.woocommerce-cart, body.woocommerce-checkout { background: var(--nk-bg, #0A0A0F); } body.woocommerce-account #content, body.woocommerce-cart #content, body.woocommerce-checkout #content, body.woocommerce-account .page-wrapper, body.woocommerce-cart .page-wrapper, body.woocommerce-checkout .page-wrapper { background: transparent; } body.woocommerce-account .page-title, body.woocommerce-cart .page-title, body.woocommerce-checkout .page-title, body.woocommerce-account .shop-page-title, body.woocommerce-cart .shop-page-title, body.woocommerce-checkout .shop-page-title { background: transparent !important; border-bottom: 1px solid var(--nk-line, rgba(255,255,255,.08)); } body.woocommerce-account .page-title *, body.woocommerce-cart .page-title *, body.woocommerce-checkout .page-title * { color: var(--nk-text, #F5F5F8); } body.woocommerce-account .page-title h1, body.woocommerce-account .page-title-inner h1 { font-family: var(--nk-font-head, Outfit, sans-serif); text-transform: uppercase; font-weight: 800; letter-spacing: -.02em; } .woocommerce { font-family: var(--nk-font-body, "Space Grotesk", sans-serif); color: #C9C9D6; } .woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4, .woocommerce legend, .woocommerce .cart_totals h2, .woocommerce #order_review_heading, .woocommerce-billing-fields h3, .woocommerce-additional-fields h3 { font-family: var(--nk-font-head, Outfit, sans-serif); color: var(--nk-text, #F5F5F8); text-transform: uppercase; font-weight: 800; letter-spacing: -.01em; } .woocommerce label, .woocommerce form .form-row label { color: var(--nk-text-2, #BEBEC9); font-size: .85rem; letter-spacing: .02em; } .woocommerce a:not(.button) { color: var(--nk-accent-ink, #CDCCFB); } .woocommerce input[type=text], .woocommerce input[type=email], .woocommerce input[type=tel], .woocommerce input[type=password], .woocommerce input[type=number], .woocommerce input[type=search], .woocommerce textarea, .woocommerce select, .woocommerce .select2-container .select2-selection--single { background: var(--nk-bg-2, #0E0E15) !important; border: 1px solid var(--nk-line-strong, rgba(255,255,255,.14)) !important; border-radius: 12px !important; color: var(--nk-text, #F5F5F8) !important; padding: 12px 14px; min-height: 46px; box-shadow: none !important; font-family: inherit; } .woocommerce .select2-container .select2-selection--single .select2-selection__rendered { color: var(--nk-text, #F5F5F8); line-height: 22px; padding-left: 0; } .woocommerce input:focus, .woocommerce textarea:focus, .woocommerce select:focus { border-color: var(--nk-accent, #7857FB) !important; outline: 0; box-shadow: 0 0 0 3px var(--nk-accent-soft, rgba(124,92,255,.14)) !important; } .woocommerce ::placeholder { color: #6A6A78; } .woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce #place_order, .woocommerce .checkout-button, .woocommerce input.button { border-radius: 999px; background: rgba(255,255,255,.03); border: 1px solid var(--nk-line-strong, rgba(255,255,255,.14)); color: var(--nk-text, #F5F5F8); text-transform: none; font-weight: 700; letter-spacing: .03em; min-height: 46px; padding: 0 26px; box-shadow: none; } .woocommerce .button.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce #place_order, .woocommerce .checkout-button, .woocommerce .single_add_to_cart_button { background: linear-gradient(135deg, #7857FB, #5B7CFA); border-color: transparent; color: #fff; box-shadow: 0 8px 28px rgba(124,92,255,.35); } .woocommerce .button:hover { filter: brightness(1.12); } /* account */ .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0 0 20px; padding: 0; } .woocommerce-MyAccount-navigation li { margin: 0 0 6px; border: 0 !important; } .woocommerce-MyAccount-navigation li a { display: block; padding: 12px 16px; border-radius: 12px; color: var(--nk-text-2, #BEBEC9) !important; font-size: .92rem; font-weight: 600; text-transform: none; letter-spacing: 0; border: 1px solid transparent; } .woocommerce-MyAccount-navigation li a:hover { background: rgba(255,255,255,.04); color: var(--nk-text, #F5F5F8) !important; } .woocommerce-MyAccount-navigation li.is-active a { background: var(--nk-accent-soft, rgba(124,92,255,.14)); border-color: var(--nk-line-strong, rgba(255,255,255,.14)); color: var(--nk-text, #F5F5F8) !important; } .woocommerce-MyAccount-content { background: var(--nk-surface, #17171F); border: 1px solid var(--nk-line, rgba(255,255,255,.08)); border-radius: 18px; padding: 28px; } .woocommerce-account .col-1, .woocommerce-account .col-2, .woocommerce-account .u-column1, .woocommerce-account .u-column2 { background: var(--nk-surface, #17171F); border: 1px solid var(--nk-line, rgba(255,255,255,.08)); border-radius: 18px; padding: 28px; } .woocommerce-account .account-user, .woocommerce-account .account-user a { color: var(--nk-text-2, #BEBEC9); } .woocommerce-account .woocommerce-MyAccount-content a.button, .woocommerce-account .woocommerce-MyAccount-content .dashboard-links a { display: inline-flex; align-items: center; justify-content: center; margin: 0 8px 8px 0; } /* tables, cart, orders */ .woocommerce table.shop_table, .woocommerce table.my_account_orders { border: 1px solid var(--nk-line, rgba(255,255,255,.08)); border-radius: 14px; border-collapse: separate; border-spacing: 0; overflow: hidden; background: transparent; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: var(--nk-line, rgba(255,255,255,.08)) !important; color: #C9C9D6; padding: 14px 16px; background: transparent; } .woocommerce table.shop_table th { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--nk-muted, #8F8F9D); font-weight: 600; } .woocommerce .cart_totals, .woocommerce .cart-collaterals .cart_totals, .woocommerce-checkout #order_review, .woocommerce-checkout-review-order { background: var(--nk-surface, #17171F); border: 1px solid var(--nk-line, rgba(255,255,255,.08)); border-radius: 18px; padding: 24px; } .woocommerce .cart-collaterals { margin-top: 20px; } .woocommerce .quantity input.qty { min-height: 40px; text-align: center; } .woocommerce a.remove { color: #F472B6 !important; background: transparent !important; } .woocommerce .product-name a { color: var(--nk-text, #F5F5F8); font-weight: 600; } .woocommerce .amount, .woocommerce .woocommerce-Price-amount { color: var(--nk-text, #F5F5F8); } /* checkout */ .checkout-breadcrumbs a, .checkout-breadcrumbs .current { font-family: var(--nk-font-head, Outfit, sans-serif); text-transform: uppercase; letter-spacing: .1em; font-size: .85rem; color: var(--nk-muted, #8F8F9D); } .checkout-breadcrumbs a.current { color: var(--nk-text, #F5F5F8); } .woocommerce-checkout #payment { background: transparent; border-radius: 14px; } .woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid var(--nk-line, rgba(255,255,255,.08)); } .woocommerce-checkout #payment div.payment_box { background: var(--nk-bg-2, #0E0E15); color: var(--nk-text-2, #BEBEC9); border-radius: 12px; } .woocommerce-checkout #payment div.payment_box::before { display: none; } .woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-notice { background: var(--nk-surface, #17171F); border: 1px solid var(--nk-line-strong, rgba(255,255,255,.14)); border-left: 3px solid var(--nk-accent, #7857FB); border-radius: 12px; color: #C9C9D6; } .woocommerce-error { border-left-color: #F472B6; } /* order received */ .woocommerce-order { max-width: 900px; margin: 0 auto; } .woocommerce-thankyou-order-received { background: var(--nk-surface, #17171F); border: 1px solid var(--nk-line, rgba(255,255,255,.08)); border-radius: 18px; padding: 24px; font-family: var(--nk-font-head, Outfit, sans-serif); font-size: 1.3rem; color: var(--nk-text, #F5F5F8); } .woocommerce-order-overview { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin: 20px 0; padding: 0; } .woocommerce-order-overview li { background: var(--nk-surface, #17171F); border: 1px solid var(--nk-line, rgba(255,255,255,.08)); border-radius: 14px; padding: 14px 16px; margin: 0; border-right: 1px solid var(--nk-line, rgba(255,255,255,.08)); font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; color: var(--nk-muted, #8F8F9D); } .woocommerce-order-overview li strong { display: block; margin-top: 4px; font-size: 1rem; letter-spacing: 0; text-transform: none; color: var(--nk-text, #F5F5F8); } @media (max-width: 849px) { .woocommerce-MyAccount-content, .woocommerce-account .col-1, .woocommerce-account .col-2 { padding: 20px; } .woocommerce .cart_totals, .woocommerce-checkout #order_review { padding: 18px; } } /* ===== Product pages: side padding and phone spacing ===== */ @media (max-width: 849px) { body.single-product .product-main { padding: 6px 0 0; } body.single-product .product-main .product-gallery, body.single-product .product-main .product-info { padding-left: 16px; padding-right: 16px; } body.single-product .product-gallery .woocommerce-product-gallery, body.single-product .product-gallery .product-images { margin-bottom: 8px; border-radius: 14px; overflow: hidden; } body.single-product .product-footer .container { padding-left: 12px; padding-right: 12px; } body.single-product .product-footer .row, body.single-product .woocommerce-tabs .row { max-width: 100%; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } body.single-product .product-footer .col, body.single-product .woocommerce-tabs .col { padding-left: 6px; padding-right: 6px; } body.single-product .woocommerce-tabs { padding: 18px 0; } body.single-product .product-page-sections, body.single-product .product-section { padding-left: 16px; padding-right: 16px; } body.single-product .shop-page-title, body.single-product .page-title { padding: 0; } } @media (min-width: 850px) { body.single-product .product-main { padding: 30px 0; } body.single-product .product-footer .container { padding-left: 24px; padding-right: 24px; } } /* ===== Burger menu (off-canvas) ===== */ #main-menu.mobile-sidebar, .mobile-sidebar { background: var(--nk-bg, #0A0A0F); } .mobile-sidebar .nav-sidebar > li { border: 0; } .mobile-sidebar .nav-sidebar > li > a { font-family: var(--nk-font-head, Outfit, sans-serif); text-transform: uppercase; font-weight: 700; letter-spacing: .04em; font-size: 1rem; color: var(--nk-text, #F5F5F8); padding: 14px 18px; border-bottom: 1px solid var(--nk-line, rgba(255,255,255,.08)); } .mobile-sidebar .nav-sidebar > li > a:hover, .mobile-sidebar .nav-sidebar > li.current-menu-item > a { color: var(--nk-accent-ink, #CDCCFB); background: rgba(255,255,255,.03); } .mobile-sidebar .nav-sidebar li.menu-item-has-children > ul a, .mobile-sidebar ul.children a, .mobile-sidebar .sub-menu a { color: var(--nk-text-2, #BEBEC9); text-transform: none; font-weight: 500; font-size: .92rem; padding-left: 30px; } .mobile-sidebar .toggle i { color: var(--nk-accent-ink, #CDCCFB); } /* account banner and dashboard links */ body.woocommerce-account .page-title-bg, body.woocommerce-account .page-title-bg .bg-fill, body.woocommerce-cart .page-title-bg, body.woocommerce-checkout .page-title-bg { background: transparent !important; background-color: transparent !important; } body.woocommerce-account .my-account-header { padding: 24px 0 8px; } .woocommerce-MyAccount-content ul.dashboard-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; list-style: none; margin: 22px 0 0; padding: 0; } .woocommerce-MyAccount-content ul.dashboard-links li { margin: 0; } .woocommerce-MyAccount-content ul.dashboard-links li a { display: flex !important; align-items: center; justify-content: center; padding: 18px 14px !important; border: 1px solid var(--nk-line-strong, rgba(255,255,255,.14)); border-radius: 14px; background: var(--nk-bg-2, #0E0E15); color: var(--nk-text, #F5F5F8) !important; font-weight: 600; text-decoration: none; transition: border-color .2s ease; } .woocommerce-MyAccount-content ul.dashboard-links li a:hover { border-color: var(--nk-accent, #7857FB); } /* product description bands: less side padding on phones */ @media (max-width: 849px) { body.single-product .woocommerce-tabs.container, body.single-product .woocommerce-tabs.wc-tabs-wrapper { padding-left: 0; padding-right: 0; } body.single-product .section.nkui-band, body.single-product .woocommerce-Tabs-panel .section { padding-left: 4px !important; padding-right: 4px !important; } body.single-product .nkui-band .col, body.single-product .woocommerce-Tabs-panel .col { padding-left: 4px; padding-right: 4px; } } @media (min-width: 850px) and (max-width: 1100px) { body.single-product .section.nkui-band { padding-left: 16px !important; padding-right: 16px !important; } } /* ===== Photo hero, image strip, History timeline ===== */ .nk-blog-hero--img { background: linear-gradient(180deg, rgba(10,10,15,.50), rgba(10,10,15,.90)), var(--hero) center / cover no-repeat; min-height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .nk-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 28px 0; } .nk-strip img { width: 100%; height: 230px; object-fit: cover; border-radius: 18px; border: 1px solid var(--nk-line, rgba(255,255,255,.08)); display: block; } @media (max-width: 849px) { .nk-strip { grid-template-columns: 1fr; } .nk-strip img { height: 200px; } .nk-blog-hero--img { min-height: 240px; } } body.page-id-2754 { background: var(--nk-bg, #0A0A0F); } body.page-id-2754 #content, body.page-id-2754 .page-wrapper { background: transparent; } .nk-lead { text-align: center; font-size: 1.1rem; line-height: 1.8; max-width: 820px; margin: 0 auto 28px; } .nk-lead p { margin: 0; color: #C9C9D6; } .nk-tech { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 0 0 36px; } .nk-tech .nk-box { margin: 0; } .nk-tech h3 { font-size: 1.05rem; } .nk-tl { position: relative; max-width: 1040px; margin: 20px auto 40px; } .nk-tl::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg, var(--nk-accent, #7857FB), rgba(120,87,251,.05)); transform: translateX(-50%); } .nk-tl__item { position: relative; width: 50%; padding: 0 38px 0 0; margin: 0 0 30px; } .nk-tl__item--r { margin-left: 50%; padding: 0 0 0 38px; } .nk-tl__dot { position: absolute; top: 28px; right: -7px; width: 14px; height: 14px; border-radius: 50%; background: var(--nk-accent, #7857FB); box-shadow: 0 0 0 5px var(--nk-accent-soft, rgba(124,92,255,.14)); z-index: 2; } .nk-tl__item--r .nk-tl__dot { left: -7px; right: auto; } .nk-tl__card { background: var(--nk-surface, #17171F); border: 1px solid var(--nk-line, rgba(255,255,255,.08)); border-radius: 18px; overflow: hidden; padding-bottom: 6px; transition: border-color .2s ease, transform .2s ease; } .nk-tl__card:hover { border-color: var(--nk-line-strong, rgba(255,255,255,.14)); transform: translateY(-2px); } .nk-tl__fig { margin: 0 0 4px; } .nk-tl__fig img { width: 100%; height: 230px; object-fit: cover; display: block; filter: saturate(.95); } .nk-tl__fig figcaption { font-size: .72rem; line-height: 1.4; color: var(--nk-muted, #8F8F9D); padding: 8px 22px 0; } .nk-tl__year { display: inline-block; margin: 18px 22px 0; padding: 4px 12px; border-radius: 999px; background: var(--nk-accent-soft, rgba(124,92,255,.14)); color: var(--nk-accent-ink, #CDCCFB); font-weight: 700; font-size: .8rem; letter-spacing: .1em; } .nk-tl__card h3 { margin: 10px 22px 8px; font-family: var(--nk-font-head, Outfit, sans-serif); font-weight: 800; text-transform: uppercase; letter-spacing: -.01em; color: var(--nk-text, #F5F5F8); font-size: 1.2rem; line-height: 1.2; } .nk-tl__card p { margin: 0 22px 16px; color: #C9C9D6; font-size: .95rem; line-height: 1.7; } .nk-sources { margin-top: 20px; } .nk-sources a { color: var(--nk-accent-ink, #CDCCFB); text-decoration: underline; } @media (max-width: 849px) { .nk-tech { grid-template-columns: 1fr 1fr; } .nk-tl::before { left: 12px; transform: none; } .nk-tl__item, .nk-tl__item--r { width: 100%; margin-left: 0; padding: 0 0 0 40px; } .nk-tl__dot, .nk-tl__item--r .nk-tl__dot { left: 5px; right: auto; } .nk-tl__fig img { height: 190px; } } @media (max-width: 549px) { .nk-tech { grid-template-columns: 1fr; } } /* ===== Round 3 fixes ===== */ /* notices: padding, layout */ .woocommerce-info.message-wrapper, .woocommerce-message.message-wrapper, .woocommerce-error.message-wrapper { padding: 0 !important; border-bottom: 1px solid var(--nk-line-strong, rgba(255,255,255,.14)) !important; } .message-wrapper .message-container { display: flex !important; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 14px 20px !important; text-align: left !important; color: #C9C9D6; } .message-wrapper .message-container .button, .message-wrapper .message-container a.button { margin: 0 !important; float: none !important; order: 2; min-height: 40px; } .message-wrapper .message-container > a:not(.button) { color: var(--nk-accent-ink, #CDCCFB); text-decoration: underline; } .woocommerce-info, .woocommerce-message, .woocommerce-error { padding-left: 0; } .woocommerce-info:not(.message-wrapper), .woocommerce-message:not(.message-wrapper), .woocommerce-error:not(.message-wrapper) { padding: 14px 20px 14px 22px !important; } .woocommerce-info::before, .woocommerce-message::before, .woocommerce-error::before { display: none !important; } /* floating labels: keep text clear of the label */ .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .woocommerce .form-row .select2-container .select2-selection--single { padding-top: 24px !important; padding-bottom: 8px !important; min-height: 54px; height: auto !important; line-height: 1.3 !important; } .woocommerce .form-row .select2-container .select2-selection--single .select2-selection__rendered { line-height: 1.3 !important; padding: 0 !important; } .woocommerce .form-row .select2-container .select2-selection--single .select2-selection__arrow { top: 14px !important; } .woocommerce form .form-row label { top: 8px; left: 14px; font-size: .72rem !important; line-height: 1; color: var(--nk-muted, #8F8F9D); pointer-events: none; } .woocommerce form .form-row textarea { padding-top: 26px !important; } /* cart: no theme divider */ body.woocommerce-cart .col-divided > .col, body.woocommerce-cart .cart-sidebar, body.woocommerce-cart .cart-collaterals { border-left: 0 !important; border-right: 0 !important; } body.woocommerce-cart .col-divided > .col + .col { box-shadow: none; } body.woocommerce-cart hr, body.woocommerce-cart .is-divider { background: var(--nk-line, rgba(255,255,255,.08)) !important; border-color: var(--nk-line, rgba(255,255,255,.08)) !important; opacity: 1; } body.woocommerce-cart .widget-title, body.woocommerce-cart .cart-sidebar .coupon label { border-bottom: 0 !important; } body.woocommerce-cart .coupon, body.woocommerce-cart .cart-sidebar .woocommerce-cart-form__contents + * { border-color: var(--nk-line, rgba(255,255,255,.08)) !important; } /* burger menu: lighter type */ .mobile-sidebar .nav-sidebar > li > a { font-weight: 500 !important; letter-spacing: .02em !important; text-transform: none !important; font-size: 1.02rem !important; } .mobile-sidebar .nav-sidebar li ul a, .mobile-sidebar .sub-menu a { font-weight: 400 !important; } /* rental: spacing and sheet-style tables */ .nk-form .wpcf7-submit { margin-top: 20px; } .nk-form .nk-form__note { margin-top: 18px; } .nk-sheet { width: 100%; border-collapse: collapse; margin: 6px 0 10px; font-size: .93rem; border: 1px solid var(--nk-line-strong, rgba(255,255,255,.14)); } .nk-sheet th, .nk-sheet td { border: 1px solid var(--nk-line, rgba(255,255,255,.08)); padding: 11px 14px; text-align: left; color: #C9C9D6; vertical-align: top; } .nk-sheet thead th { background: rgba(124,92,255,.16); color: var(--nk-text, #F5F5F8); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; } .nk-sheet tbody tr:nth-child(even) td { background: rgba(255,255,255,.035); } .nk-sheet tbody tr:nth-child(odd) td { background: rgba(255,255,255,.0); } .nk-sheet tbody tr:hover td { background: rgba(124,92,255,.10); } .nk-sheet td:first-child { color: var(--nk-text, #F5F5F8); font-weight: 600; white-space: nowrap; } .nk-sheet td.nk-r, .nk-sheet th.nk-r { text-align: right; font-variant-numeric: tabular-nums; } .nk-table-wrap { overflow-x: auto; border-radius: 12px; } .nk-ico { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: var(--nk-accent-soft, rgba(124,92,255,.14)); color: var(--nk-accent-ink, #CDCCFB); margin-bottom: 12px; } .nk-ico svg { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .nk-feature { display: grid; grid-template-columns: 1.1fr 1fr; gap: 24px; align-items: stretch; } .nk-feature__img { border-radius: 18px; overflow: hidden; border: 1px solid var(--nk-line, rgba(255,255,255,.08)); min-height: 280px; background: var(--fi) center / cover no-repeat; } .nk-feature__list { list-style: none; margin: 0; padding: 0; } .nk-feature__list li { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid var(--nk-line, rgba(255,255,255,.08)); margin: 0; color: #C9C9D6; } .nk-feature__list li:last-child { border-bottom: 0; } .nk-feature__list .nk-ico { width: 38px; height: 38px; margin: 0; flex: none; } .nk-feature__list strong { display: block; color: var(--nk-text, #F5F5F8); } @media (max-width: 849px) { .nk-feature { grid-template-columns: 1fr; } .nk-feature__img { min-height: 200px; } .nk-sheet td:first-child { white-space: normal; } } /* wide banners on cart, checkout and info pages */ body.woocommerce-cart { --wb: url(https://nokomoto.com/wp-content/uploads/2026/10/photorec2.png); } body.woocommerce-checkout:not(.woocommerce-order-received) { --wb: url(https://nokomoto.com/wp-content/uploads/2026/10/photorec3.png); } body.woocommerce-order-received { --wb: url(https://nokomoto.com/wp-content/uploads/2026/10/photorec5.png); } body.page-id-5428, body.page-id-526 { --wb: url(https://nokomoto.com/wp-content/uploads/2026/10/photorec1.png); } body.page-id-2257, body.page-id-530 { --wb: url(https://nokomoto.com/wp-content/uploads/2026/10/photorec4.png); } body.woocommerce-cart main#main::before, body.woocommerce-checkout main#main::before, body.page-id-5428 main#main::before, body.page-id-526 main#main::before, body.page-id-2257 main#main::before, body.page-id-530 main#main::before { display: flex; align-items: center; justify-content: center; max-width: 1040px; height: 200px; margin: 22px auto 10px; border-radius: 18px; border: 1px solid var(--nk-line, rgba(255,255,255,.08)); background: linear-gradient(180deg, rgba(10,10,15,.40), rgba(10,10,15,.88)), var(--wb) center / cover no-repeat; color: var(--nk-text, #F5F5F8); font-family: var(--nk-font-head, Outfit, sans-serif); font-weight: 800; text-transform: uppercase; letter-spacing: -.02em; font-size: clamp(1.6rem, 1rem + 2.5vw, 2.6rem); } body.woocommerce-cart main#main::before { content: "Your cart"; } body.woocommerce-checkout:not(.woocommerce-order-received) main#main::before { content: "Secure checkout"; } body.woocommerce-order-received main#main::before { content: "Order confirmed"; } body.page-id-5428 main#main::before { content: "Terms and conditions"; } body.page-id-526 main#main::before { content: "Terms of service"; } body.page-id-2257 main#main::before { content: "Policies"; } body.page-id-530 main#main::before { content: "Privacy policy"; } body.woocommerce-account .page-title-bg { background: linear-gradient(180deg, rgba(10,10,15,.45), rgba(10,10,15,.9)), url(https://nokomoto.com/wp-content/uploads/2026/10/photorec4.png) center / cover no-repeat !important; } body.woocommerce-account .my-account-header { min-height: 170px; display: flex; align-items: center; justify-content: center; margin: 22px auto 10px; max-width: 1040px; border-radius: 18px; overflow: hidden; border: 1px solid var(--nk-line, rgba(255,255,255,.08)); } @media (max-width: 549px) { body.woocommerce-cart main#main::before, body.woocommerce-checkout main#main::before, body.page-id-5428 main#main::before, body.page-id-526 main#main::before, body.page-id-2257 main#main::before, body.page-id-530 main#main::before { height: 140px; margin: 14px 12px 6px; } } .woocommerce-info.message-wrapper, .woocommerce-message.message-wrapper, .woocommerce-error.message-wrapper { border-bottom: 0 !important; border-radius: 12px; background: var(--nk-surface, #17171F); border: 1px solid var(--nk-line-strong, rgba(255,255,255,.14)) !important; border-left: 3px solid var(--nk-accent, #7857FB) !important; margin-bottom: 18px; } main#main > .page-title { margin-top: 0; } /* ===== Round 4: hairline dull separators, smaller burger menu, Manrope blog text ===== */ body.woocommerce-cart main#main th, body.woocommerce-cart main#main td, body.woocommerce-checkout main#main th, body.woocommerce-checkout main#main td, body.woocommerce-account main#main th, body.woocommerce-account main#main td { border-width: 0 0 1px 0 !important; border-style: solid !important; border-color: rgba(255,255,255,.07) !important; } body.woocommerce-cart main#main table.shop_table, body.woocommerce-checkout main#main table.shop_table { border-color: rgba(255,255,255,.07) !important; border-width: 1px !important; } body.woocommerce-checkout .woocommerce-billing-fields, body.woocommerce-checkout .woocommerce-shipping-fields, body.woocommerce-checkout .woocommerce-additional-fields { border-top: 1px solid rgba(255,255,255,.07) !important; } body.woocommerce-checkout li.wc_payment_method, body.woocommerce-checkout #payment ul.payment_methods, body.woocommerce-checkout #payment .form-row, body.woocommerce-checkout .payment_box { border-color: rgba(255,255,255,.07) !important; border-width: 0 0 1px 0 !important; border-style: solid !important; } body.woocommerce-checkout .checkout_coupon, body.woocommerce-checkout form.has-border, body.woocommerce-checkout .col-inner.has-border, body.woocommerce-cart .col-inner.has-border { border: 1px solid rgba(255,255,255,.07) !important; border-radius: 12px; } body.woocommerce-cart main#main .cart_totals, body.woocommerce-checkout main#main #order_review, body.woocommerce-cart main#main .coupon, body.woocommerce-cart main#main .cart-collaterals { border-color: rgba(255,255,255,.07) !important; } body.woocommerce-checkout main#main .col-divided > .col, body.woocommerce-checkout main#main .checkout-sidebar, body.woocommerce-checkout main#main .col + .col { border-left-color: transparent !important; border-left-width: 0 !important; } .woocommerce-info.message-wrapper, .woocommerce-message.message-wrapper, .woocommerce-error.message-wrapper { border: 1px solid rgba(255,255,255,.07) !important; border-left: 2px solid var(--nk-accent, #7857FB) !important; } .woocommerce input[type=text], .woocommerce input[type=email], .woocommerce input[type=tel], .woocommerce input[type=password], .woocommerce input[type=number], .woocommerce textarea, .woocommerce select, .woocommerce .select2-container .select2-selection--single { border-width: 1px !important; border-color: rgba(255,255,255,.10) !important; } body.woocommerce-cart .page-title, body.woocommerce-checkout .page-title, body.woocommerce-account .page-title { border-bottom: 1px solid rgba(255,255,255,.06) !important; } .woocommerce a.remove { border-width: 1px !important; } /* burger menu: smaller, lighter */ .mobile-sidebar .nav-sidebar > li > a { font-size: .88rem !important; font-weight: 400 !important; letter-spacing: .01em !important; padding: 12px 18px !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; } .mobile-sidebar .nav-sidebar li ul a, .mobile-sidebar .sub-menu a { font-size: .82rem !important; font-weight: 400 !important; padding: 10px 18px 10px 30px !important; } .mobile-sidebar .nav-sidebar > li > a:hover, .mobile-sidebar .nav-sidebar > li.current-menu-item > a { font-weight: 500 !important; } /* blog paragraph text: Manrope, 13px, normal weight */ body.single-post .entry-content, body.single-post .entry-content p, body.single-post .entry-content li, body.single-post .entry-content span, body.single-post .entry-content td, body.single-post .entry-content a { font-family: Manrope, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.8 !important; letter-spacing: 0 !important; } body.single-post .entry-content strong, body.single-post .entry-content b { font-weight: 600 !important; } body.single-post .entry-content h2 { font-size: 1.35rem; } body.single-post .entry-content h3 { font-size: 1.1rem; } .box.box-blog-post .from_the_blog_excerpt, .box.box-blog-post .box-text p, .box.box-blog-post .box-text .from_the_blog_excerpt { font-family: Manrope, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important; font-size: 12.5px !important; font-weight: 400 !important; line-height: 1.7 !important; } /* ---------- 3. Home 2026 ---------- */ /* ===== Nokomoto 2026 home (scoped to .nkx). Insta360-grade dark system ===== */ .nkx{--bg:#0A0716;--card:#141026;--card2:#1C1636;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.18);--ink:#F7F6FF;--mut:#B4B0CC;--dim:#7C7799;--v:#9D5CFF;--m:#FF2E9A;--c:#00E5FF;--g:#A8FF2E;--y:#FFD23F;--o:#FF7A1A;--ch:#00E5FF;--grad:linear-gradient(100deg,#00E5FF 0%,#9D5CFF 36%,#FF2E9A 68%,#FFB13B 100%);--r:24px;--ease:cubic-bezier(.2,.8,.2,1); background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;overflow:hidden;-webkit-font-smoothing:antialiased;position:relative} .nkx::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60vw 60vw at 110% 30%,rgba(139,92,246,.08),transparent 60%),radial-gradient(50vw 50vw at -10% 60%,rgba(34,225,255,.06),transparent 60%),radial-gradient(50vw 50vw at 100% 90%,rgba(255,45,135,.06),transparent 60%)} .nkx *,.nkx *::before,.nkx *::after{box-sizing:border-box} .nkx img{display:block;max-width:100%;height:auto} .nkx a{color:inherit;text-decoration:none} .nkx h1,.nkx h2,.nkx h3,.nkx h4{font-family:Poppins,sans-serif;color:var(--ink);margin:0} .nkx p,.nkx ul,.nkx dl,.nkx figure{margin:0} .nkx ::selection{background:var(--m);color:#fff} .nkx-wrap{width:min(1240px,100% - 40px);margin-inline:auto;position:relative} .nkx-sec{padding:clamp(80px,11vw,150px) 0;position:relative} .nkx-sec--tight{padding:clamp(60px,8vw,110px) 0} /* type */ .nkx-eyebrow{display:inline-flex;gap:12px;align-items:center;font:600 12px/1.2 Poppins,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--mut);margin-bottom:22px} .nkx-eyebrow::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--ch);box-shadow:0 0 10px var(--ch),0 0 26px var(--ch);animation:nkxPulse 1.6s ease-in-out infinite;transition:background .6s,box-shadow .6s} .nkx-h1{font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(46px,8.4vw,124px);line-height:.9;letter-spacing:-.025em} .nkx-h2{font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(36px,5.6vw,76px);line-height:.94;letter-spacing:-.02em} .nkx-h3{font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(30px,3.4vw,46px);line-height:1;letter-spacing:-.015em;margin-bottom:12px!important} .nkx-grad{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em;animation:nkxShift 7s linear infinite} .nkx-lead{font-size:clamp(17px,1.45vw,20px);color:var(--mut);max-width:580px;margin-top:24px!important;line-height:1.55} .nkx-lead b{color:var(--ink);font-weight:600} .nkx-p{color:var(--mut)} .nkx-note{font-size:12px;color:var(--dim);margin-top:6px!important;line-height:1.5} .nkx-foot{font-size:12px;color:var(--dim);margin-top:18px!important;text-align:center} .nkx-kicker{display:block;font:700 11px/1.3 Poppins,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--glow,var(--c));margin-bottom:12px} .nkx-head{max-width:860px;margin-bottom:clamp(40px,6vw,72px)} .nkx-head--c{text-align:center;margin-inline:auto} .nkx-head--c .nkx-lead{margin-inline:auto} /* buttons */ .nkx-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px} .nkx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 32px;border-radius:999px;font:700 14px/1 Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .4s,border-color .4s;position:relative;margin:0} .nkx-btn--sm{height:44px;padding:0 22px;font-size:12px} .nkx-btn--light{background:#fff;color:#07070C!important} .nkx-btn--light:hover{transform:translateY(-3px);box-shadow:0 14px 40px -10px var(--ch),0 0 0 5px rgba(255,255,255,.1)} .nkx-btn--glass{background:rgba(255,255,255,.06);border:1px solid var(--line2);color:var(--ink)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .nkx-btn--glass:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.3);transform:translateY(-3px)} .nkx-btn--grad{background:var(--grad);background-size:180% 100%;color:#fff!important;transition:background-position .6s var(--ease),transform .4s var(--ease),box-shadow .4s} .nkx-btn--grad:hover{background-position:100% 0;transform:translateY(-3px);box-shadow:0 16px 44px -12px var(--m)} .nkx-btn:focus-visible,.nkx button:focus-visible,.nkx summary:focus-visible{outline:2px solid var(--c);outline-offset:3px} /* hero */ .nkx-hero{position:relative;min-height:min(calc(100svh - 60px),960px);display:flex;align-items:center;padding:110px 0 140px;isolation:isolate;overflow:hidden} .nkx-hero__media{position:absolute;inset:0;z-index:-3} .nkx-hero__media img{width:100%;height:100%;object-fit:cover;object-position:62% 35%;animation:nkxKen 20s var(--ease) forwards} .nkx-hero__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(10,7,22,.9) 0%,rgba(10,7,22,.55) 38%,rgba(10,7,22,.05) 75%),linear-gradient(0deg,#0A0716 0%,transparent 35%),linear-gradient(180deg,rgba(10,7,22,.6) 0%,transparent 25%)} .nkx-hero__shade::after{content:"";position:absolute;inset:0;background:radial-gradient(45% 55% at 72% 45%,var(--ch),transparent 70%);opacity:.22;mix-blend-mode:screen;transition:background .8s} .nkx-rings{position:absolute;right:22%;top:46%;width:12px;height:12px;z-index:-1} .nkx-rings span{position:absolute;inset:-70px;border:1.5px solid var(--ch);border-radius:50%;opacity:0;animation:nkxRing 3.6s var(--ease) infinite} .nkx-rings span:nth-child(2){animation-delay:1.2s}.nkx-rings span:nth-child(3){animation-delay:2.4s} .nkx-hero .nkx-lead{max-width:540px} .nkx-chsw{display:inline-flex;align-items:center;gap:4px;margin-top:40px;padding:6px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)} .nkx-chsw__label{font:600 10px/1 Poppins,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);padding:0 10px 0 14px} .nkx .nkx-chsw button{all:unset;cursor:pointer;font:700 12px/1 Poppins,sans-serif;letter-spacing:.1em;padding:11px 16px;border-radius:999px;color:var(--mut);transition:background .3s,color .3s} .nkx .nkx-chsw button::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dot);box-shadow:0 0 10px var(--dot);margin-right:8px;vertical-align:1px} .nkx .nkx-chsw button:hover{color:#fff} .nkx .nkx-chsw button.is-on{background:rgba(255,255,255,.12);color:#fff} .nkx-scrollcue{position:absolute;left:50%;bottom:28px;width:26px;height:42px;margin-left:-13px;border:2px solid var(--line2);border-radius:20px} .nkx-scrollcue span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:nkxCue 1.8s var(--ease) infinite} /* stats */ .nkx-stats{padding:0 0 clamp(50px,7vw,90px);position:relative} .nkx-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .nkx-stat{padding:40px 18px;text-align:center} .nkx-stat+.nkx-stat{border-left:1px solid var(--line)} .nkx-stat b{font:italic 900 clamp(46px,5.8vw,80px)/1 Poppins,sans-serif;letter-spacing:-.03em;background:linear-gradient(180deg,#fff 35%,rgba(255,255,255,.4));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.05em} .nkx-stat em{font:italic 800 clamp(16px,1.8vw,24px) Poppins,sans-serif;color:var(--ch);margin-left:6px;transition:color .6s} .nkx-stat span{display:block;margin-top:12px;font:600 11px/1.4 Poppins,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)} /* cards */ .nkx-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r);background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);padding:clamp(24px,2.6vw,34px);overflow:hidden;isolation:isolate;transition:transform .6s var(--ease),border-color .6s,box-shadow .6s} .nkx-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--glow,var(--v)) 26%,transparent),transparent 65%);opacity:0;transition:opacity .5s} .nkx-card::after,.nkx-ser::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,var(--glow,var(--v)),transparent 40%,transparent 60%,var(--glow,var(--m)));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .6s;pointer-events:none;z-index:2} .nkx-card:hover,.nkx-prod:hover,.nkx-ser:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px color-mix(in srgb,var(--glow,var(--v)) 55%,transparent)} .nkx-card:hover::before,.nkx-card:hover::after,.nkx-ser:hover::after{opacity:1} .nkx-card h3{font:italic 800 clamp(22px,2.1vw,28px)/1.08 Poppins,sans-serif;text-transform:uppercase;letter-spacing:-.01em} .nkx-card p{color:var(--mut);margin-top:12px;font-size:15px} .nkx-ico{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--glow) 15%,transparent);color:var(--glow);border:1px solid color-mix(in srgb,var(--glow) 30%,transparent);margin-bottom:auto;box-shadow:0 0 30px -6px color-mix(in srgb,var(--glow) 60%,transparent)} .nkx-dots{display:flex;gap:10px;margin-bottom:auto} .nkx-dots i{width:16px;height:16px;border-radius:50%;background:var(--dt);box-shadow:0 0 18px var(--dt);animation:nkxPulse 1.8s ease-in-out infinite} .nkx-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(250px,auto);gap:16px} .nkx-bento .nkx-card .nkx-kicker{margin-top:28px} .nkx-card--xl{grid-column:span 2;grid-row:span 2;justify-content:flex-end;min-height:520px} .nkx-card--xl .nkx-kicker{margin-top:0!important} .nkx-card--xl>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:transform 1.4s var(--ease)} .nkx-card--xl:hover>img{transform:scale(1.06)} .nkx-card__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(10,7,22,.95) 10%,rgba(10,7,22,.2) 65%)} .nkx-card--xl h3{font-size:clamp(30px,3.4vw,46px)} .nkx-card--xl p{max-width:440px} /* steps */ .nkx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative} .nkx-steps::before{content:"";position:absolute;top:70px;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent,var(--c),var(--v),var(--m),transparent);background-size:200% 100%;animation:nkxFlow 3s linear infinite;opacity:.55;z-index:0} .nkx-step{min-height:300px} .nkx-step__n{font:italic 900 84px/1 Poppins,sans-serif;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.22);margin-bottom:auto;transition:color .6s,-webkit-text-stroke-color .6s} .nkx-step:hover .nkx-step__n{color:var(--glow);-webkit-text-stroke-color:var(--glow);text-shadow:0 0 40px var(--glow)} .nkx-step .nkx-kicker{margin-top:30px} /* series */ .nkx-series{display:grid;grid-template-columns:1fr 1fr;gap:16px} .nkx-ser{position:relative;border-radius:28px;overflow:hidden;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .6s var(--ease),box-shadow .6s} .nkx-ser__img{display:block;aspect-ratio:16/10;overflow:hidden;background:radial-gradient(70% 70% at 50% 60%,color-mix(in srgb,var(--glow) 30%,transparent),transparent 70%)} .nkx-ser__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)} .nkx-ser:hover .nkx-ser__img img{transform:scale(1.06)} .nkx-ser__body{padding:clamp(24px,3vw,38px);display:flex;flex-direction:column;flex:1} .nkx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 28px} .nkx-chip{font:600 12px/1 Poppins,sans-serif;letter-spacing:.06em;padding:11px 15px;border-radius:999px;border:1px solid var(--line2);color:var(--mut)!important;transition:.35s var(--ease)} .nkx-chip:hover{border-color:var(--glow);color:#fff!important;background:color-mix(in srgb,var(--glow) 16%,transparent);box-shadow:0 0 20px -4px var(--glow)} .nkx-from{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line)} .nkx-from small,.nkx-split small,.nkx-tiers small{display:block;font:600 11px/1.3 Poppins,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)} .nkx-from strong{font:italic 800 32px/1.1 Poppins,sans-serif} .nkx-from span{font-size:13px;color:var(--dim)} /* range */ .nkx-range{display:grid;grid-template-columns:1.05fr 1fr;gap:16px} .nkx-range__viz{border-radius:28px;background:radial-gradient(80% 80% at 50% 50%,#0E0E1C,#08080F);border:1px solid var(--line);min-height:460px;display:grid;place-items:center;overflow:hidden} .nkx-radar{position:relative;width:min(400px,82%);aspect-ratio:1} .nkx-radar i{position:absolute;inset:calc(var(--k) * 12.5%);border-radius:50%;border:1px dashed rgba(255,255,255,.14);transition:border-color .6s,background .6s,box-shadow .6s} .nkx-radar i em{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font:700 10px/1 Poppins,sans-serif;font-style:normal;letter-spacing:.1em;color:var(--dim);background:#0B0B16;padding:2px 6px;border-radius:6px;transition:color .6s} .nkx-radar i.on{border:1.5px solid color-mix(in srgb,var(--ch) 70%,transparent);background:color-mix(in srgb,var(--ch) 5%,transparent)} .nkx-radar i.on em{color:var(--ch)} .nkx-radar i.top{box-shadow:0 0 40px -6px var(--ch),inset 0 0 40px -10px var(--ch)} .nkx-radar__sweep{position:absolute;inset:calc((1 - var(--reach)) * 50%);border-radius:50%;background:conic-gradient(from 0deg,color-mix(in srgb,var(--ch) 45%,transparent),transparent 28%);animation:nkxSpin 3.5s linear infinite;transition:inset .7s var(--ease)} .nkx-radar b{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--ch) 35%,transparent),0 0 30px var(--ch)} .nkx-range__panel{justify-content:center} .nkx-range__panel:hover{transform:none} .nkx-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line)} .nkx .nkx-seg button{all:unset;cursor:pointer;text-align:center;padding:14px 0;border-radius:13px;font:700 14px/1 Poppins,sans-serif;letter-spacing:.04em;color:var(--mut);transition:background .35s,color .35s} .nkx .nkx-seg button:hover{color:#fff} .nkx .nkx-seg button.is-on{background:#fff;color:#07070C} .nkx-range__big{display:flex;align-items:baseline;gap:12px;margin:30px 0 10px} .nkx-range__big span{font:italic 900 clamp(70px,9vw,124px)/.9 Poppins,sans-serif;letter-spacing:-.04em;background:linear-gradient(180deg,#fff 40%,color-mix(in srgb,var(--ch) 70%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.05em} .nkx-range__big small{font:700 12px Poppins,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--ch)} .nkx-dl{display:grid;gap:0;border-top:1px solid var(--line)} .nkx-dl div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)} .nkx-dl dt{font:600 11px/1.6 Poppins,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin:0} .nkx-dl dd{margin:0;text-align:right;font-weight:600;color:var(--ink)} .nkx-range .nkx-cta{margin-top:26px} /* catalog */ .nkx-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);margin-bottom:34px} .nkx .nkx-tabs button{all:unset;cursor:pointer;padding:13px 22px;border-radius:999px;font:700 12px/1 Poppins,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);transition:background .35s,color .35s} .nkx .nkx-tabs button:hover{color:#fff} .nkx .nkx-tabs button.is-on{background:#fff;color:#07070C} .nkx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;animation:nkxIn .7s var(--ease)} .nkx-grid--2{grid-template-columns:1fr 1fr} .nkx-grid[hidden]{display:none} .nkx-prod{position:relative;border-radius:22px;background:var(--card);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:transform .6s var(--ease),box-shadow .6s} .nkx-prod__img{display:block;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(60% 60% at 50% 55%,color-mix(in srgb,var(--glow) 28%,transparent),transparent 70%),#0A0A12} .nkx-prod--wide .nkx-prod__img{aspect-ratio:16/9} .nkx-prod__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)} .nkx-prod:hover .nkx-prod__img img{transform:scale(1.07)} .nkx-prod__b{padding:22px;display:flex;flex-direction:column;flex:1} .nkx-prod h3{font:italic 900 34px/1 Poppins,sans-serif;letter-spacing:-.02em;text-transform:uppercase} .nkx-prod__spec{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 18px} .nkx-prod__spec span{font:600 11px/1 Poppins,sans-serif;letter-spacing:.04em;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.05);color:var(--mut)} .nkx-price{margin-top:auto;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px} .nkx-price strong{font:800 24px/1.1 Poppins,sans-serif;color:#fff} .nkx-price s{font-size:14px;color:var(--dim)} .nkx-prod .nkx-btn{margin-top:16px;width:100%} /* lyrx */ .nkx-lyrxsec{background:radial-gradient(60% 70% at 25% 50%,rgba(139,92,246,.14),transparent 70%)} .nkx-lyrx{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center} .nkx-lyrx__art{position:relative;aspect-ratio:1;border-radius:32px;border:1px solid var(--line);background:radial-gradient(55% 55% at 50% 50%,rgba(139,92,246,.35),transparent 70%),radial-gradient(40% 40% at 70% 70%,rgba(255,45,135,.25),transparent 70%),var(--card);display:grid;place-items:center;overflow:hidden} .nkx-lyrx__art img{width:68%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.6));animation:nkxFloat 7s ease-in-out infinite} .nkx-lang{position:absolute;font:700 14px/1 Poppins,sans-serif;padding:11px 16px;border-radius:999px;background:rgba(12,12,22,.7);border:1px solid var(--line2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:nkxFloat 6s ease-in-out infinite;box-shadow:0 10px 30px -10px rgba(139,92,246,.7)} .nkx-ticks{list-style:none;padding:0;margin:28px 0 0!important;display:grid;gap:14px} .nkx-ticks li{position:relative;padding-left:34px;color:var(--ink);margin:0} .nkx-ticks li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--grad)} .nkx-ticks li::after{content:"";position:absolute;left:8px;top:7px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)} /* tables */ .nkx-table-wrap{overflow-x:auto;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,var(--card2),var(--card))} .nkx .nkx-table{width:100%;border-collapse:collapse;min-width:640px;font-size:15px;margin:0;border:0} .nkx .nkx-table th,.nkx .nkx-table td{padding:18px 24px;border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--ink);vertical-align:middle;line-height:1.45} .nkx .nkx-table thead th{font:italic 800 clamp(20px,2vw,28px)/1.1 Poppins,sans-serif;text-transform:uppercase;padding-top:28px;padding-bottom:22px} .nkx .nkx-table td:first-child,.nkx .nkx-table--spec thead th:first-child{font:600 11px/1.4 Poppins,sans-serif;font-style:normal;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);white-space:nowrap} .nkx .nkx-table tbody tr{transition:background .3s} .nkx .nkx-table tbody tr:hover{background:rgba(255,255,255,.03)} .nkx .nkx-table tbody tr:last-child td{border-bottom:0} .nkx-table--spec thead th:not(:first-child){font-size:22px!important;background:linear-gradient(180deg,#fff,rgba(255,255,255,.55));-webkit-background-clip:text;background-clip:text;color:transparent!important} /* duo */ .nkx-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px} .nkx-duo .nkx-card h3{font-size:clamp(26px,2.6vw,36px)} .nkx-duo .nkx-btn{align-self:flex-start;margin-top:22px} .nkx-pack img{width:58%;margin:20px auto 0;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))} .nkx-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px} .nkx-split div,.nkx-tiers div{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line)} .nkx-split b{display:block;margin-top:6px;font:800 22px/1.1 Poppins,sans-serif} .nkx-split b span{font:500 12px Inter,sans-serif;color:var(--dim)} .nkx-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 14px} .nkx-tiers div{text-align:center;padding:22px 10px} .nkx-tiers b{display:block;margin-top:6px;font:italic 900 clamp(32px,3.2vw,44px)/1 Poppins,sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em} /* gallery */ .nkx-galhead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:40px} .nkx-galnav{display:flex;gap:10px} .nkx .nkx-galnav button{all:unset;cursor:pointer;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);font-size:20px;color:#fff;transition:.35s var(--ease)} .nkx .nkx-galnav button:hover{background:#fff;color:#07070C} .nkx-gal{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:max(20px,(100vw - 1240px) / 2);padding:0 max(20px,(100vw - 1240px) / 2) 6px;scrollbar-width:none} .nkx-gal::-webkit-scrollbar{display:none} .nkx-gal figure{position:relative;flex:0 0 clamp(270px,30vw,410px);aspect-ratio:4/5;border-radius:24px;overflow:hidden;scroll-snap-align:start;border:1px solid var(--line)} .nkx-gal img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease),filter 1s} .nkx-gal figure:hover img{transform:scale(1.07);filter:saturate(1.2)} .nkx-gal figcaption{position:absolute;inset:auto 0 0;padding:70px 24px 24px;background:linear-gradient(0deg,rgba(10,7,22,.92),transparent);font:italic 800 24px/1.1 Poppins,sans-serif;text-transform:uppercase} /* faq */ .nkx-faqwrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,90px);align-items:start} .nkx-faq details{border-bottom:1px solid var(--line);padding:6px 0} .nkx-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font:700 clamp(17px,1.5vw,20px)/1.3 Poppins,sans-serif;color:var(--ink);transition:color .3s} .nkx-faq summary::-webkit-details-marker{display:none} .nkx-faq summary::after{content:"+";flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);font:400 22px/1 Inter,sans-serif;transition:transform .4s var(--ease),background .4s,color .4s} .nkx-faq summary:hover{color:var(--c)} .nkx-faq details[open] summary::after{transform:rotate(45deg);background:#fff;color:#07070C} .nkx-faq details p{color:var(--mut);padding:0 50px 20px 0;animation:nkxIn .5s var(--ease)} /* final */ .nkx-final{text-align:center;overflow:hidden;isolation:isolate;padding:clamp(110px,14vw,200px) 0} .nkx-final .nkx-lead{margin-inline:auto} .nkx-final .nkx-cta{justify-content:center} .nkx-final .nkx-h1{font-size:clamp(56px,11vw,170px)} /* reveal */ .nkx.js-on [data-rv]{opacity:0;transform:translateY(46px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d,0s)} .nkx.js-on [data-rv].in{opacity:1;transform:none} .nkx.js-on .nkx-card[data-rv].in:hover,.nkx.js-on .nkx-prod[data-rv].in:hover,.nkx.js-on .nkx-ser[data-rv].in:hover{transform:translateY(-6px);transition-delay:0s} @keyframes nkxPulse{50%{opacity:.45;transform:scale(.8)}} @keyframes nkxShift{to{background-position:200% 0}} @keyframes nkxKen{from{transform:scale(1.14)}to{transform:scale(1.02)}} @keyframes nkxRing{0%{transform:scale(.25);opacity:.9}100%{transform:scale(3.4);opacity:0}} @keyframes nkxEq{to{transform:scaleY(1)}} @keyframes nkxCue{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(14px)}} @keyframes nkxFlow{to{background-position:-200% 0}} @keyframes nkxSpin{to{transform:rotate(360deg)}} @keyframes nkxFloat{50%{transform:translateY(-14px)}} @keyframes nkxIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}} @keyframes nkxBlob{0%{transform:translate(0,0) scale(1)}100%{transform:translate(8vw,-6vw) scale(1.25)}} /* responsive */ @media (max-width:1024px){ .nkx-bento{grid-template-columns:1fr 1fr} .nkx-grid{grid-template-columns:1fr 1fr} .nkx-range,.nkx-lyrx,.nkx-faqwrap{grid-template-columns:1fr} .nkx-range__viz{min-height:360px} } @media (max-width:767px){ .nkx-wrap{width:calc(100% - 32px)} .nkx-hero{align-items:flex-end;min-height:calc(100svh - 60px);padding:90px 0 120px} .nkx-hero__media img{object-position:68% 30%} .nkx-hero__shade{background:linear-gradient(0deg,#0A0716 8%,rgba(10,7,22,.75) 45%,rgba(10,7,22,.2) 80%)} .nkx-rings{right:50%;top:26%} .nkx-chsw__label{display:none} .nkx-btn{height:50px;padding:0 24px} .nkx-hero .nkx-cta .nkx-btn{flex:1 1 auto} .nkx-stats__grid{grid-template-columns:1fr 1fr} .nkx-stat:nth-child(3){border-left:0} .nkx-stat:nth-child(n+3){border-top:1px solid var(--line)} .nkx-stat{padding:28px 10px} .nkx-bento,.nkx-steps,.nkx-series,.nkx-duo,.nkx-grid--2{grid-template-columns:1fr} .nkx-card--xl{grid-column:auto;grid-row:auto;min-height:440px} .nkx-steps::before{display:none} .nkx-step{min-height:0} .nkx-step__n{font-size:64px} .nkx-grid{grid-template-columns:1fr 1fr;gap:10px} .nkx-prod__b{padding:14px} .nkx-prod h3{font-size:24px} .nkx-prod__spec span:nth-child(n+3){display:none} .nkx-price strong{font-size:18px} .nkx-price s{font-size:12px} .nkx-prod .nkx-btn{height:40px;font-size:11px;padding:0 10px} .nkx-tabs{display:flex;width:100%} .nkx .nkx-tabs button{flex:1;text-align:center;padding:12px 6px;font-size:11px} .nkx-from .nkx-btn{width:100%} .nkx-galnav{display:none} .nkx-gal figure{flex-basis:78vw} .nkx-faq details p{padding-right:0} } @media (prefers-reduced-motion:reduce){ .nkx *,.nkx *::before,.nkx *::after{animation:none!important;transition:none!important} .nkx.js-on [data-rv]{opacity:1;transform:none} } /* ===== header + floating buttons on pages using .nkx ===== */ html:has(.nkx){scroll-behavior:smooth;background:#0A0716} body:has(.nkx){background:#0A0716} body:has(.nkx) #wrapper,body:has(.nkx) #main{background:#0A0716} body:has(.nkx) .header-wrapper,body:has(.nkx) #masthead,body:has(.nkx) .header-bg-color,body:has(.nkx) .header-main{background-color:rgba(6,6,12,.62)!important;-webkit-backdrop-filter:saturate(170%) blur(20px);backdrop-filter:saturate(170%) blur(20px)} body:has(.nkx) #masthead{position:relative;border-bottom:1px solid rgba(255,255,255,.06)} body:has(.nkx) #masthead::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#22E1FF,#8B5CF6,#FF2D87,transparent);background-size:200% 100%;animation:nkxFlow 6s linear infinite;opacity:.7} body:has(.nkx) #masthead .nav>li>a,body:has(.nkx) #masthead .header-button a,body:has(.nkx) #masthead .icon-menu,body:has(.nkx) #masthead .cart-icon,body:has(.nkx) #masthead [class*=icon-]{color:#F6F6FB;transition:color .3s,transform .3s} body:has(.nkx) #masthead .nav>li>a:hover,body:has(.nkx) #masthead .nav>li>a:hover [class*=icon-]{color:#22E1FF} body:has(.nkx) #masthead .cart-icon strong{border-color:#F6F6FB;color:#F6F6FB} body:has(.nkx) #masthead .cart-icon strong:after{border-color:#F6F6FB} body:has(.nkx) #logo img{transition:filter .4s,transform .4s} body:has(.nkx) #logo:hover img{filter:drop-shadow(0 0 12px rgba(34,225,255,.6));transform:scale(1.03)} body:has(.nkx) .smooth-back-to-top-button{background:rgba(12,12,22,.7)!important;border:1px solid rgba(255,255,255,.14)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 34px -10px rgba(139,92,246,.75),inset 0 0 0 1px rgba(255,255,255,.04)!important;color:#fff!important} body:has(.nkx) .smooth-back-to-top-button svg.progress-circle path{stroke:#22E1FF!important;stroke-linecap:round} body:has(.nkx) .smooth-back-to-top-button::after,body:has(.nkx) .smooth-back-to-top-button *{color:#fff} body:has(.nkx) .chaty-widget .chaty-cta-main .chaty-cta-button,body:has(.nkx) .chaty-widget .chaty-cta-main button,body:has(.nkx) .chaty-widget .chaty-cta-close button{background:linear-gradient(135deg,#22E1FF,#8B5CF6 55%,#FF2D87)!important;border-radius:50%;box-shadow:0 12px 34px -8px rgba(255,45,135,.7),0 0 0 1px rgba(255,255,255,.12)!important} body:has(.nkx) .chaty-widget .chaty-cta-main .chaty-svg,body:has(.nkx) .chaty-widget .chaty-cta-close .chaty-svg{background:transparent!important} body:has(.nkx) .chaty-widget .chaty-cta-close .color-element,body:has(.nkx) .chaty-widget .chaty-cta-main .color-element{fill:transparent!important} body:has(.nkx) .chaty-widget .chaty-channel:not(.chaty-cta-main):not(.chaty-cta-close) .chaty-svg{box-shadow:0 8px 24px -8px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.12);border-radius:50%} /* scroll-aware fade: 82% fade while scrolling, settle at 80% when idle, full on hover */ body:has(.nkx) .smooth-back-to-top-button,body:has(.nkx) .chaty-widget{filter:opacity(.8);transition:filter .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)!important} html.nkx-scrolling body:has(.nkx) .smooth-back-to-top-button,html.nkx-scrolling body:has(.nkx) .chaty-widget{filter:opacity(.18) blur(.3px);transform:scale(.94)} body:has(.nkx) .smooth-back-to-top-button:hover,body:has(.nkx) .chaty-widget:hover{filter:opacity(1);transform:scale(1.04)} /* ===== v1.1 refinements ===== */ .nkx-bento .nkx-card:last-child{grid-column:1 / -1;min-height:0;display:grid;grid-template-columns:auto 1fr 1.4fr;align-items:center;gap:8px 28px} .nkx-bento .nkx-card:last-child .nkx-ico{margin:0;grid-row:span 2} .nkx-bento .nkx-card:last-child .nkx-kicker{margin:0;grid-column:2} .nkx-bento .nkx-card:last-child h3{grid-column:2} .nkx-bento .nkx-card:last-child p{grid-column:3;grid-row:1 / span 2;margin:0} .nkx-dl dt,.nkx-dl dd{text-transform:none} .nkx-dl dd{font-size:15px} .nkx-stats{margin-bottom:0} .nkx-flow{list-style:none;counter-reset:f;padding:0;margin:4px 0 16px!important;display:grid;gap:10px} .nkx-flow li{counter-increment:f;display:grid;grid-template-columns:40px 1fr;column-gap:14px;align-items:center;margin:0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line)} .nkx-flow li::before{content:counter(f);grid-row:span 2;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:italic 900 18px/1 Poppins,sans-serif;color:#fff;background:var(--grad)} .nkx-flow b{font:700 15px/1.3 Poppins,sans-serif;color:var(--ink)} .nkx-flow span{font-size:13px;color:var(--mut)} @media (max-width:767px){ .nkx-bento .nkx-card:last-child{grid-template-columns:auto 1fr} .nkx-bento .nkx-card:last-child p{grid-column:1 / -1;grid-row:auto;margin-top:8px} } /* ===== Home v2: vibrant palette, LED analyzer, graded imagery, refined cards & tables ===== */ .nkx::before{background:radial-gradient(60vw 60vw at 110% 18%,rgba(157,92,255,.16),transparent 60%),radial-gradient(50vw 50vw at -10% 42%,rgba(0,229,255,.12),transparent 60%),radial-gradient(50vw 50vw at 105% 72%,rgba(255,46,154,.13),transparent 60%),radial-gradient(45vw 45vw at 5% 96%,rgba(255,177,59,.10),transparent 60%)} .nkx-eyebrow{color:#D9D5F2} .nkx-stat:nth-child(1) em{color:#00E5FF}.nkx-stat:nth-child(2) em{color:#FF2E9A}.nkx-stat:nth-child(3) em{color:#FFD23F}.nkx-stat:nth-child(4) em{color:#A8FF2E} /* LED spectrum analyzer */ .nkx-hero{padding-bottom:calc(clamp(110px,16vh,170px) + 64px)} .nkx-led{position:absolute;left:0;right:0;bottom:0;height:clamp(110px,16vh,170px);z-index:-1;padding:0 clamp(12px,3vw,40px) 12px;background:linear-gradient(0deg,rgba(10,7,22,.96),rgba(10,7,22,.45) 75%,transparent)} .nkx-led::after{content:"";position:absolute;left:clamp(12px,3vw,40px);right:clamp(12px,3vw,40px);bottom:4px;height:3px;border-radius:3px;background:var(--grad);background-size:200% 100%;animation:nkxShift 4s linear infinite;box-shadow:0 0 18px rgba(255,46,154,.75),0 0 40px rgba(157,92,255,.45)} .nkx-led canvas{display:block;width:100%;height:100%} .nkx-scrollcue{display:none} /* colour-graded imagery so every photo sits in one palette */ .nkx-hero__media img,.nkx-card--xl>img,.nkx-ser__img img,.nkx-gal img,.nkx-final__bg img{filter:saturate(1.3) contrast(1.06)} .nkx-hero__media::after,.nkx-ser__img::after,.nkx-gal figure::before,.nkx-card__shade::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(150deg,rgba(0,229,255,.38),rgba(157,92,255,.26) 45%,rgba(255,46,154,.38) 78%,rgba(255,177,59,.32));mix-blend-mode:soft-light} .nkx-ser__img{position:relative} .nkx-ser__img::after{z-index:1} .nkx-gal figure::before{z-index:1} .nkx-gal figcaption{z-index:2} .nkx-card__shade::before{z-index:-1} /* catalog cards: even 1px outline + radius on every side */ .nkx-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .nkx-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))} .nkx-prod{border:1px solid var(--line);border-radius:24px;isolation:isolate;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(180deg,var(--card2),var(--card))} .nkx-prod:hover{border-color:color-mix(in srgb,var(--glow) 75%,transparent);box-shadow:0 30px 60px -25px color-mix(in srgb,var(--glow) 65%,transparent)} .nkx-prod__img{aspect-ratio:4/3;background:radial-gradient(60% 60% at 50% 50%,color-mix(in srgb,var(--glow) 32%,transparent),transparent 72%),#07050F} .nkx-prod--wide .nkx-prod__img{aspect-ratio:16/9} /* tables: balanced inner padding + soft zebra */ .nkx-table-wrap{padding:6px 10px 10px} .nkx .nkx-table th,.nkx .nkx-table td{padding:20px 26px} .nkx .nkx-table td:first-child,.nkx .nkx-table th:first-child{padding-left:30px} .nkx .nkx-table thead th{padding-top:30px;padding-bottom:24px} .nkx .nkx-table tbody tr:last-child td{padding-bottom:26px} .nkx .nkx-table tbody tr:nth-child(even){background:rgba(255,255,255,.025)} .nkx .nkx-table tbody tr:hover{background:rgba(255,255,255,.05)} /* closing CTA: graded photo + expanding sound waves */ .nkx-final{background:#07050F} .nkx-final__bg{position:absolute;inset:0;z-index:-1;overflow:hidden} .nkx-final__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;opacity:.5} .nkx-final__bg::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(60% 75% at 50% 50%,rgba(10,7,22,.3),rgba(10,7,22,.94) 78%),linear-gradient(180deg,#0A0716 0%,transparent 22%,transparent 78%,#0A0716 100%)} .nkx-final__bg::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,#00E5FF,#9D5CFF 40%,#FF2E9A 75%,#FFB13B);mix-blend-mode:color;opacity:.45} .nkx-final__rings{position:absolute;left:50%;top:50%;z-index:2} .nkx-final__rings span{position:absolute;left:0;top:0;width:min(90vw,1000px);aspect-ratio:1;border-radius:50%;border:1.5px solid #00E5FF;transform:translate(-50%,-50%) scale(.15);opacity:0;animation:nkxWave 8s cubic-bezier(.2,.8,.2,1) infinite} .nkx-final__rings span:nth-child(2){border-color:#9D5CFF;animation-delay:2s} .nkx-final__rings span:nth-child(3){border-color:#FF2E9A;animation-delay:4s} .nkx-final__rings span:nth-child(4){border-color:#FFB13B;animation-delay:6s} .nkx-final .nkx-wrap{z-index:3} @keyframes nkxWave{0%{transform:translate(-50%,-50%) scale(.12);opacity:0}12%{opacity:.85}100%{transform:translate(-50%,-50%) scale(1);opacity:0}} @media (max-width:767px){ .nkx-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .nkx-grid--2{grid-template-columns:minmax(0,1fr)} .nkx-led{height:96px} .nkx-hero{padding-bottom:150px} .nkx .nkx-table th,.nkx .nkx-table td{padding:16px 18px} .nkx .nkx-table td:first-child,.nkx .nkx-table th:first-child{padding-left:22px} } /* hero photo framing (desktop landscape / phone portrait) */ .nkx-hero__media picture{display:block;width:100%;height:100%} .nkx-hero__media img{object-position:74% 32%} @media (max-width:767px){.nkx-hero__media img{object-position:50% 18%}} /* ===== Article + legal page template (.nkd, inside .nkx) ===== */ .nkd-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(70px,9vw,120px) 0 clamp(50px,6vw,84px);border-bottom:1px solid var(--line)} .nkd-hero__bg{position:absolute;inset:0;z-index:-2} .nkd-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:70% 35%;filter:saturate(1.3) contrast(1.05);opacity:.6} .nkd-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,7,22,.96) 0%,rgba(10,7,22,.78) 48%,rgba(10,7,22,.3) 100%),linear-gradient(0deg,#0A0716 0%,transparent 55%)} .nkd-hero--plain::before{background:radial-gradient(55% 130% at 88% 0%,rgba(157,92,255,.3),transparent 62%),radial-gradient(45% 110% at 0% 100%,rgba(0,229,255,.16),transparent 62%),radial-gradient(35% 80% at 60% 100%,rgba(255,46,154,.12),transparent 60%)} .nkd-crumbs{display:flex;flex-wrap:wrap;gap:10px;font:600 11px/1.4 Poppins,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:26px} .nkd-crumbs a{color:var(--mut)!important;transition:color .3s} .nkd-crumbs a:hover{color:var(--c)!important} .nkd-title{font:italic 900 clamp(34px,5.4vw,72px)/.98 Poppins,sans-serif!important;text-transform:uppercase;letter-spacing:-.02em;max-width:1000px} .nkd-hero .nkx-lead{max-width:680px} .nkd-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px} .nkd-meta span{font:600 11px/1 Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:9px 13px;border-radius:999px;border:1px solid var(--line2);color:var(--mut);background:rgba(255,255,255,.04)} .nkd-body{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(30px,5vw,72px);padding:clamp(50px,6vw,84px) 0 clamp(30px,4vw,50px)} .nkd-body--solo{grid-template-columns:minmax(0,780px);justify-content:center} .nkd-toc{position:sticky;top:110px;align-self:start;padding:18px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid var(--line);max-height:calc(100vh - 140px);overflow:auto;scrollbar-width:thin} .nkd-toc b{display:block;font:700 11px/1 Poppins,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin:2px 6px 12px} .nkd-toc ol{list-style:none;margin:0;padding:0;counter-reset:t} .nkd-toc li{counter-increment:t;margin:0} .nkd-toc a{display:flex;gap:10px;padding:9px 10px;border-radius:10px;font:500 13px/1.35 Inter,sans-serif;color:var(--mut)!important;transition:background .3s,color .3s} .nkd-toc li:nth-child(even) a{background:rgba(255,255,255,.025)} .nkd-toc a::before{content:counter(t,decimal-leading-zero);flex:none;font:700 11px/1.7 Poppins,sans-serif;color:var(--dim)} .nkd-toc a:hover{background:rgba(255,255,255,.07);color:#fff!important} .nkd-article{max-width:780px;font:400 18px/1.78 Inter,sans-serif;color:#DAD7EE} .nkd-article p{margin:0 0 1.15em} .nkd-article strong,.nkd-article b{color:#fff;font-weight:600} .nkd-article a{color:var(--c);text-decoration:underline;text-decoration-color:rgba(0,229,255,.4);text-underline-offset:3px} .nkd-sec{padding:6px 0 18px;scroll-margin-top:110px} .nkd-sec+.nkd-sec{border-top:1px solid var(--line);padding-top:30px} .nkd-article h2{display:flex;gap:14px;align-items:baseline;font:italic 800 clamp(22px,2.4vw,30px)/1.15 Poppins,sans-serif;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 .7em} .nkd-article h2 .n{flex:none;font:italic 900 .82em/1 Poppins,sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em} .nkd-article h3{font:700 19px/1.3 Poppins,sans-serif;color:#fff;margin:1.5em 0 .5em} .nkd-article ul{list-style:none;margin:0 0 1.2em;padding:0} .nkd-article ul li{position:relative;padding-left:28px;margin:0 0 .55em} .nkd-article ul li::before{content:"";position:absolute;left:5px;top:.66em;width:8px;height:8px;border-radius:50%;background:var(--grad)} .nkd-lede{font-size:20px;line-height:1.7;color:#fff} .nkd-callout{position:relative;margin:2em 0 1em;padding:26px 30px;border-radius:20px;background:linear-gradient(135deg,rgba(0,229,255,.1),rgba(157,92,255,.12) 50%,rgba(255,46,154,.1));border:1px solid var(--line2);color:#fff;font-size:19px;line-height:1.65} .nkd-callout::before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:3px;background:var(--grad)} .nkd-callout p:last-child{margin:0} .nkd-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:1.4em 0 2em} .nkd-cardx{padding:24px;border-radius:20px;background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);transition:transform .5s var(--ease),border-color .5s,box-shadow .5s} .nkd-cardx:hover{transform:translateY(-4px);border-color:rgba(157,92,255,.5);box-shadow:0 24px 50px -28px rgba(157,92,255,.7)} .nkd-cardx .n{display:block;font:italic 900 30px/1 Poppins,sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px;padding-right:.08em} .nkd-cardx h3{margin:0 0 8px!important;font-size:17px!important} .nkd-cardx p{margin:0!important;font-size:15px;line-height:1.6;color:var(--mut)} .nkd-end{padding:10px 0 clamp(70px,9vw,120px)} .nkd-end__card{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;padding:clamp(30px,5vw,56px);border:1px solid var(--line2);background:radial-gradient(60% 120% at 100% 0%,rgba(255,46,154,.22),transparent 60%),radial-gradient(60% 120% at 0% 100%,rgba(0,229,255,.18),transparent 60%),linear-gradient(180deg,var(--card2),var(--card));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px} .nkd-end__card h2{font:italic 900 clamp(28px,3.6vw,48px)/1 Poppins,sans-serif;text-transform:uppercase;letter-spacing:-.02em} .nkd-end__card p{color:var(--mut);margin-top:12px!important;max-width:520px} .nkd-end__card .nkx-cta{margin-top:0} .nkd-note{font-size:13px;color:var(--dim);margin-top:2em!important} @media (max-width:900px){ .nkd-body{grid-template-columns:minmax(0,1fr)} .nkd-toc{position:static;max-height:none} .nkd-cards{grid-template-columns:minmax(0,1fr)} .nkd-article{font-size:17px} } body:has(.nkd) main#main::before,body:has(.nkd) main#main::after{display:none!important;content:none!important} body:has(.nkd) main#main{padding-top:0!important} .nkd-cards>.nkd-cardx:last-child:nth-child(odd){grid-column:1 / -1} /* ===== Shop 2026 (.nks): live catalog grid ===== */ .nks-hero{position:relative;isolation:isolate;padding:clamp(70px,9vw,120px) 0 clamp(36px,4vw,56px)} .nks-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 100% at 85% 0%,rgba(157,92,255,.28),transparent 62%),radial-gradient(40% 90% at 0% 100%,rgba(0,229,255,.16),transparent 62%),radial-gradient(35% 70% at 55% 100%,rgba(255,46,154,.14),transparent 60%)} .nks-hero .nkx-h1{font-size:clamp(48px,8vw,116px)} .nks-hero .nkd-meta{margin-top:30px} .nks-bar{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 68px);z-index:6;padding:12px 0;background:rgba(10,7,22,.84);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border-block:1px solid var(--line)} .nks-bar .nkx-wrap{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between} .nks-bar .nkx-tabs{margin:0} .nks-bar .nkx-tabs button i{font-style:normal;opacity:.55;margin-left:6px;font-weight:600} .nks-tools{display:flex;gap:10px;flex-wrap:nowrap;align-items:center} .nkx .nks-search,.nkx .nks-sort{height:46px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.05);color:#fff;padding:0 18px;font:500 14px Inter,sans-serif;outline:0;transition:border-color .3s,box-shadow .3s;margin:0;box-shadow:none} .nkx .nks-search{min-width:230px} .nkx .nks-search::placeholder{color:var(--dim)} .nkx .nks-sort{padding-right:36px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 20px) 20px,calc(100% - 15px) 20px;background-size:5px 5px;background-repeat:no-repeat} .nkx .nks-sort option{background:#141026;color:#fff} .nkx .nks-search:focus,.nkx .nks-sort:focus{border-color:var(--c);box-shadow:0 0 0 4px rgba(0,229,255,.15)} .nks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:34px 0 10px} .nks-card{position:relative;display:flex;flex-direction:column;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,var(--card2),var(--card));overflow:hidden;isolation:isolate;transition:transform .6s var(--ease),border-color .6s,box-shadow .6s;animation:nkxIn .6s var(--ease) both} .nks-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--glow) 70%,transparent);box-shadow:0 30px 60px -28px color-mix(in srgb,var(--glow) 70%,transparent)} .nks-card__img{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:radial-gradient(60% 60% at 50% 52%,color-mix(in srgb,var(--glow) 30%,transparent),transparent 72%),#07050F} .nks-card__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)} .nks-card:hover .nks-card__img img{transform:scale(1.06)} .nks-badge{position:absolute;top:12px;left:12px;z-index:2;font:700 11px/1 Poppins,sans-serif;letter-spacing:.06em;padding:8px 11px;border-radius:999px;background:var(--grad);color:#fff;box-shadow:0 8px 20px -8px rgba(255,46,154,.8)} .nks-badge--out{background:rgba(10,7,22,.8);border:1px solid var(--line2);box-shadow:none} .nks-card__b{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px} .nks-card .nkx-kicker{color:var(--glow);margin-bottom:8px} .nks-card h3{font:italic 900 21px/1.08 Poppins,sans-serif;text-transform:uppercase;letter-spacing:-.01em;margin:0} .nks-card h3 a{color:#fff!important} .nks-price{margin-top:auto;padding-top:16px;display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px} .nks-price strong{font:800 22px/1.1 Poppins,sans-serif;color:#fff} .nks-price s{font-size:13px;color:var(--dim)} .nks-price small{flex-basis:100%;font-size:12px;color:var(--dim)} .nks-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px} .nks-actions .nkx-btn{width:100%;padding:0 16px} .nks-skel{aspect-ratio:3/4;border-radius:24px;background:linear-gradient(90deg,#141026 20%,#1F1938 50%,#141026 80%);background-size:200% 100%;animation:nkxShift 1.3s linear infinite} .nks-empty{grid-column:1 / -1;text-align:center;color:var(--mut);padding:70px 0;font:600 18px Poppins,sans-serif} .nks .nkd-end{padding-top:40px} @media (max-width:1024px){.nks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:767px){ .nks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:22px} .nks-bar{top:calc(var(--wp-admin--admin-bar--height,0px) + 56px)} .nks-bar .nkx-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none} .nks-bar .nkx-tabs button{flex:none!important} .nks-tools,.nkx .nks-search{width:100%;min-width:0} .nkx .nks-search{flex:1} .nks-card__b{padding:14px} .nks-card h3{font-size:16px} .nks-price strong{font-size:17px} .nks-actions{grid-template-columns:1fr} .nks-actions .nkx-btn--glass{display:none} } /* v3: minimal single-colour analyzer, plain product tiles, no gallery flash */ .nkx-hero{padding-bottom:calc(clamp(80px,11vh,120px) + 56px)} .nkx-led{height:clamp(80px,11vh,120px);padding:0 clamp(16px,4vw,56px) 14px;background:linear-gradient(0deg,rgba(10,7,22,.9),transparent)} .nkx-led::after{left:clamp(16px,4vw,56px);right:clamp(16px,4vw,56px);height:2px;background:var(--ch);animation:none;box-shadow:0 0 14px var(--ch);opacity:.85;transition:background .6s,box-shadow .6s} .nks-card__img,.nkx-prod__img{background:#282828!important} .single-product .product-gallery-slider:not(.flickity-enabled)>*:not(:first-child){display:none!important} .single-product .product-gallery-slider:not(.flickity-enabled){overflow:hidden} @media (max-width:767px){.nkx-led{height:72px}.nkx-hero{padding-bottom:130px}} /* v4: dark cards, one black for every product photo */ .nks-card{background:#0B0B0E!important;border-color:rgba(255,255,255,.08)!important} .nks-card__img,.nkx-prod--wide .nkx-prod__img{background:#0A0A0C!important} .nks-card__img img{filter:brightness(.86) contrast(1.2) saturate(1.12)} /* themed scrollbars everywhere: slim dark track, gradient thumb, no arrow buttons */ ::-webkit-scrollbar{width:10px;height:8px;background:transparent} ::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px} ::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#00E5FF,#9D5CFF 50%,#FF2E9A);border-radius:999px;border:2px solid transparent;background-clip:padding-box} ::-webkit-scrollbar-thumb:vertical{background:linear-gradient(180deg,#00E5FF,#9D5CFF 50%,#FF2E9A);background-clip:padding-box} ::-webkit-scrollbar-thumb:hover{border-width:1px} ::-webkit-scrollbar-button{display:none;width:0;height:0} ::-webkit-scrollbar-corner{background:transparent} html::-webkit-scrollbar-track{background:#0A0716;border-radius:0} @supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#9D5CFF rgba(255,255,255,.05)}} .nkx-table-wrap{padding-bottom:14px} /* white-label bento card: compact, vertically centred row */ .nkx-bento{grid-auto-rows:auto} .nkx-bento .nkx-card:not(.nkx-card--xl):not(:last-child){min-height:250px} .nkx-bento .nkx-card:last-child{grid-template-columns:auto minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:24px;row-gap:6px;min-height:0;padding-top:34px;padding-bottom:34px} .nkx-bento .nkx-card:last-child .nkx-ico{grid-row:1 / span 2;align-self:center} .nkx-bento .nkx-card:last-child .nkx-kicker{margin:0!important;align-self:end} .nkx-bento .nkx-card:last-child h3{margin:0!important;align-self:start} .nkx-bento .nkx-card:last-child p{grid-row:1 / span 2;align-self:center;margin:0!important;padding-left:24px;border-left:1px solid var(--line)} @media (max-width:767px){ .nkx-bento .nkx-card:last-child{grid-template-columns:auto minmax(0,1fr);row-gap:4px} .nkx-bento .nkx-card:last-child p{grid-column:1 / -1;grid-row:auto;padding:14px 0 0;border-left:0;border-top:1px solid var(--line);margin-top:10px!important} } /* shop cards: attribute chips */ .nks-spec{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0!important;padding:0!important} .nks-spec li{display:inline-flex;align-items:center;gap:6px;margin:0!important;padding:6px 10px 6px 8px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font:600 11px/1 Poppins,sans-serif;letter-spacing:.02em;color:#D7D3EA;white-space:nowrap} .nks-spec li::before{content:"";width:13px;height:13px;flex:none;background:var(--glow,#9D5CFF);-webkit-mask:var(--si) center/contain no-repeat;mask:var(--si) center/contain no-repeat} .nks-spec li[data-i="range"]{--si:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%2012.5a10%2010%200%200%201%2014%200M8.5%2016a5%205%200%200%201%207%200M2%209a15%2015%200%200%201%2020%200'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'19.5'%20r%3D'1'%2F%3E%3C%2Fsvg%3E")} .nks-spec li[data-i="sound"]{--si:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%2010v4M8%207v10M12%204v16M16%208v8M20%2011v2'%2F%3E%3C%2Fsvg%3E")} .nks-spec li[data-i="ch"]{--si:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'5'%20width%3D'18'%20height%3D'4'%20rx%3D'1'%2F%3E%3Crect%20x%3D'3'%20y%3D'10'%20width%3D'18'%20height%3D'4'%20rx%3D'1'%2F%3E%3Crect%20x%3D'3'%20y%3D'15'%20width%3D'18'%20height%3D'4'%20rx%3D'1'%2F%3E%3C%2Fsvg%3E")} .nks-spec li[data-i="batt"]{--si:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'7'%20width%3D'16'%20height%3D'10'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M21%2011v2M7%2010v4M11%2010v4'%2F%3E%3C%2Fsvg%3E")} .nks-spec li[data-i="cert"]{--si:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203%204%206v6c0%205%203.5%208%208%209%204.5-1%208-4%208-9V6z'%2F%3E%3Cpath%20d%3D'm9%2012%202%202%204-4'%2F%3E%3C%2Fsvg%3E")} .nks-spec li.nks-led{gap:5px;padding:6px 10px} .nks-spec li.nks-led::before{display:none} .nks-spec li.nks-led i{width:9px;height:9px;border-radius:50%;background:var(--d);box-shadow:0 0 8px var(--d)} @media (max-width:767px){.nks-spec li{font-size:10px;padding:5px 8px 5px 7px}.nks-spec li:nth-child(n+4):not(.nks-led){display:none}} @media (max-width:767px){.nks-tools{flex-wrap:wrap!important;width:100%}.nkx .nks-search,.nkx .nks-sort{flex:1 1 100%;width:100%;min-width:0}} /* phone hero: photo on top, text below it */ @media (max-width:767px){ .nkx-hero{display:block!important;min-height:0!important;padding:0 0 108px!important} .nkx-hero__media{position:relative!important;inset:auto!important;height:58svh;min-height:330px;max-height:520px;z-index:0} .nkx-hero__media::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#0A0716 0%,rgba(10,7,22,.55) 22%,transparent 48%),linear-gradient(180deg,rgba(10,7,22,.45),transparent 22%)} .nkx-hero__shade,.nkx-rings{display:none!important} .nkx-hero__inner{position:relative;z-index:2;margin-top:-92px!important} .nkx-hero .nkx-h1{font-size:clamp(36px,11vw,46px)} .nkx-hero .nkx-lead{font-size:15px;margin-top:14px!important} .nkx-hero .nkx-cta{flex-wrap:nowrap;gap:10px;margin-top:22px} .nkx-hero .nkx-cta .nkx-btn{flex:1 1 0;height:46px;padding:0 10px;font-size:11px;letter-spacing:.06em} .nkx-chsw{margin-top:20px} } /* gallery: swipe/drag parallax, frames move fast, photos drift slower inside them */ .nkx-gal.is-parallax{cursor:grab;-webkit-user-select:none;user-select:none} .nkx-gal.is-parallax.is-drag{cursor:grabbing;scroll-snap-type:none} .nkx-gal.is-parallax img{transform:scale(1.5);transition:filter 1s!important;will-change:transform;-webkit-user-drag:none;pointer-events:none} .nkx-gal.is-parallax figure:hover img{filter:saturate(1.3) contrast(1.06)} /* ===== phone v2: compact home with swipe sliders ===== */ .nkx-faq summary::after{content:""!important;font-size:0!important;color:#fff;background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor)!important;background-size:12px 1.6px,1.6px 12px!important;background-position:center!important;background-repeat:no-repeat!important} .nkx-faq details[open] summary::after{color:#0A0716;background-color:#fff!important;background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor)!important} @media (max-width:767px){ .nkx-hero__media{height:72svh!important;max-height:600px!important} .nkx-hero__media img{-webkit-mask-image:linear-gradient(180deg,#000 45%,rgba(0,0,0,.6) 70%,transparent 97%);mask-image:linear-gradient(180deg,#000 45%,rgba(0,0,0,.6) 70%,transparent 97%)} .nkx-hero__media::before{background:linear-gradient(180deg,rgba(10,7,22,.45) 0%,rgba(10,7,22,0) 20%,rgba(10,7,22,.25) 45%,rgba(10,7,22,.7) 68%,rgba(10,7,22,.94) 86%,#0A0716 100%)!important} .nkx-hero__inner{margin-top:-130px!important} .nkx-sec{padding:52px 0!important} .nkx-sec--tight{padding:40px 0!important} .nkx-final{padding:72px 0!important} .nkx-head{margin-bottom:22px!important} .nkx-head .nkx-lead,.nkx-lyrx .nkx-lead{display:none} .nkx-h2{font-size:32px!important} .nkx-range__viz{display:none!important} .nkx-range__big{margin:18px 0 6px} .nkx-lyrx__art{aspect-ratio:1/1} .nkx-ticks li:nth-child(n+3){display:none} .nkx-stats{padding-bottom:28px!important} /* swipe sliders: one full card + a peek of the next */ .nkx-steps,.nkx-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;gap:12px!important;margin-left:-16px!important;margin-right:-16px!important;padding:4px 16px 16px!important;scroll-padding-left:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch} .nkx-bento::-webkit-scrollbar,.nkx-steps::-webkit-scrollbar,.nkx-series::-webkit-scrollbar,.nkx-grid::-webkit-scrollbar,.nkx-duo::-webkit-scrollbar{display:none} .nkx-grid[hidden]{display:none!important} .nkx-steps>*,.nkx-grid>*{flex:0 0 86%!important;max-width:86%;scroll-snap-align:start;grid-column:auto!important;grid-row:auto!important;min-height:0!important} .nkx-bento .nkx-card{min-height:250px!important} .nkx-bento .nkx-card--xl{min-height:330px!important} .nkx-duo .nkx-pack img{width:46%} .nkx-tabs{margin-bottom:18px} } /* phone shop: wide list cards instead of thin columns */ @media (max-width:767px){ .nks-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important} .nks-card{flex-direction:row!important;align-items:stretch;min-height:200px} .nks-card__img{flex:0 0 40%;aspect-ratio:auto!important;position:relative} .nks-card__img img{position:absolute;inset:0;width:100%;height:100%} .nks-card__b{padding:14px 14px 14px 16px!important} .nks-card h3{font-size:18px!important} .nks-actions{grid-template-columns:1fr auto!important} .nks-actions .nkx-btn--glass{display:inline-flex!important} .nks-actions .nkx-btn{height:40px;font-size:11px;padding:0 12px} } /* phone v3: calmer sliders, trimmed packaging text */ @media (max-width:767px){ .nkx-hero__media::after{-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 99%);mask-image:linear-gradient(180deg,#000 60%,transparent 99%)} .nkx-hero__media{background:transparent!important} .nkx-steps>[data-rv],.nkx-grid>[data-rv]{opacity:1!important;transform:none!important;transition:border-color .4s!important} .nkx-grid{animation:none!important} .nkx-grid .nkx-prod:hover,.nkx-steps .nkx-card:hover{transform:none!important} .nkx-duo .nkx-card>p:not(.nkx-note),.nkx-flow{display:none!important} .nkx-duo .nkx-card .nkx-note{font-size:11px} } .nkx-sec:has(.nkx-table:not(.nkx-table--spec)) .nkx-head--c{text-align:left!important;margin-left:0!important} /* ---------- 4. Site-wide theme ---------- */ /*NKX-GLOBAL-START site-wide theme. Live for all visitors since 2026-10-29. */ body:not(.nkx-z){--k-bg:#0A0716;--k-card:#141026;--k-card2:#1C1636;--k-line:rgba(255,255,255,.09);--k-line2:rgba(255,255,255,.18);--k-ink:#F7F6FF;--k-mut:#B4B0CC;--k-dim:#7C7799;--k-c:#00E5FF;--k-b:#2F8CFF;--k-v:#9D5CFF;--k-m:#FF2E9A;--k-y:#FFD23F;--k-g:#A8FF2E;--k-grad:linear-gradient(100deg,#00E5FF 0%,#9D5CFF 36%,#FF2E9A 68%,#FFB13B 100%);--k-ease:cubic-bezier(.2,.8,.2,1);background:var(--k-bg)!important;color:var(--k-ink);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased} body:not(.nkx-z) ::selection{background:#FF2E9A;color:#fff} body:not(.nkx-z) #wrapper,body:not(.nkx-z) #main{background:transparent!important} body:not(.nkx-z) #main{background:radial-gradient(1100px 600px at 100% 0,rgba(157,92,255,.13),transparent 60%),radial-gradient(900px 520px at 0 35%,rgba(0,229,255,.08),transparent 60%),radial-gradient(900px 520px at 100% 85%,rgba(255,46,154,.08),transparent 60%),var(--k-bg)!important} body:not(.nkx-z) #main :is(h1,h2,h3,h4,h5):not(.nkx *){font-family:Poppins,sans-serif!important;color:var(--k-ink)} body:not(.nkx-z) #main :is(.product-title,.entry-title,.nk-blog-hero h1,.page-title,.woocommerce-products-header__title):not(.nkx *){font-style:italic!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:-.015em!important} body:not(.nkx-z) #main :is(p,li,td,label,span):not(.nkx *){font-family:Inter,system-ui,sans-serif} /* header */ body:not(.nkx-z) .header-wrapper,body:not(.nkx-z) #masthead,body:not(.nkx-z) .header-bg-color,body:not(.nkx-z) .header-main{background-color:rgba(10,7,22,.62)!important;-webkit-backdrop-filter:saturate(170%) blur(20px);backdrop-filter:saturate(170%) blur(20px)} body:not(.nkx-z) #masthead{position:relative;border-bottom:1px solid rgba(255,255,255,.06)} body:not(.nkx-z) #masthead::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#00E5FF,#9D5CFF,#FF2E9A,#FFB13B,transparent);background-size:200% 100%;animation:nkxFlow 6s linear infinite;opacity:.8} body:not(.nkx-z) #masthead .nav>li>a,body:not(.nkx-z) #masthead [class*=icon-]{color:#F7F6FF;transition:color .3s} body:not(.nkx-z) #masthead .nav>li>a:hover,body:not(.nkx-z) #masthead .nav>li>a:hover [class*=icon-]{color:#00E5FF} body:not(.nkx-z) #masthead .nav>li>a{font-family:Poppins,sans-serif;font-weight:600;letter-spacing:.14em} body:not(.nkx-z) #masthead .cart-icon strong,body:not(.nkx-z) #masthead .cart-icon strong:after{border-color:#F7F6FF;color:#F7F6FF} body:not(.nkx-z) #logo img{transition:filter .4s,transform .4s} body:not(.nkx-z) #logo:hover img{filter:drop-shadow(0 0 14px rgba(0,229,255,.65));transform:scale(1.03)} /* off-canvas menu: full-bleed zebra rows, grouped sections, version + copyright pinned at the bottom */ body:not(.nkx-z) .mfp-bg.off-canvas{background:rgba(6,4,14,.72)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} body:not(.nkx-z) .off-canvas-left .mfp-content{width:360px!important;max-width:90vw;height:100%} body:not(.nkx-z) .off-canvas .mobile-sidebar{width:100%!important;min-height:calc(100vh - var(--wp-admin--admin-bar--height,0px));display:flex!important;flex-direction:column;padding:0!important;background:linear-gradient(180deg,#16112C 0%,#0C0919 40%,#0A0716 100%)!important;border-right:1px solid rgba(255,255,255,.09);box-shadow:30px 0 90px -20px rgba(157,92,255,.4)} body:not(.nkx-z) .off-canvas .mobile-sidebar::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:2;background:linear-gradient(90deg,#00E5FF,#9D5CFF,#FF2E9A,#FFB13B)} body:not(.nkx-z) .off-canvas .sidebar-menu{flex:1 0 auto;height:auto!important;padding:0!important;display:flex!important;flex-direction:column} body:not(.nkx-z) .off-canvas .nav-sidebar{padding:0!important;margin:0!important} body:not(.nkx-z) .off-canvas .nav-sidebar>li{margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;border-radius:0!important;background:transparent;position:relative} body:not(.nkx-z) .off-canvas .nav-sidebar>li.html{padding:30px 24px 24px!important;background:transparent!important} body:not(.nkx-z) .off-canvas .nav-sidebar>li.menu-item:nth-child(even of .menu-item){background:rgba(255,255,255,.035)} body:not(.nkx-z) .off-canvas .nav-sidebar>li.menu-item>a{display:flex!important;align-items:center;gap:14px;padding:19px 24px!important;margin:0!important;border-radius:0!important;font:600 13px/1.2 Poppins,sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#F1EFFC!important;transition:background .3s,color .3s,box-shadow .3s} body:not(.nkx-z) .off-canvas .nav-sidebar>li.menu-item>a::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.28);transition:background .3s,box-shadow .3s} body:not(.nkx-z) .off-canvas .nav-sidebar>li.menu-item>a:hover{background:rgba(255,255,255,.06);color:#fff!important;box-shadow:inset 3px 0 0 #00E5FF} body:not(.nkx-z) .off-canvas .nav-sidebar>li.menu-item>a:hover::before{background:#00E5FF;box-shadow:0 0 10px #00E5FF} body:not(.nkx-z) .off-canvas .nav-sidebar>li.menu-item.active>a,body:not(.nkx-z) .off-canvas .nav-sidebar>li.current-menu-item>a{color:#fff!important;box-shadow:inset 3px 0 0 #FF2E9A} body:not(.nkx-z) .off-canvas .nav-sidebar>li.menu-item.active>a::before,body:not(.nkx-z) .off-canvas .nav-sidebar>li.current-menu-item>a::before{background:#FF2E9A;box-shadow:0 0 10px #FF2E9A} body:not(.nkx-z) .off-canvas .nav-sidebar>li.current-menu-item::after{display:none} body:not(.nkx-z) .off-canvas .nav-sidebar .toggle{top:9px!important;right:12px!important;width:40px;height:40px;margin:0!important;color:#B4B0CC!important;opacity:1;border-radius:50%;transition:background .3s,transform .3s} body:not(.nkx-z) .off-canvas .nav-sidebar .toggle:hover{background:rgba(255,255,255,.08)} body:not(.nkx-z) .off-canvas .nav-sidebar .sub-menu{margin:0!important;padding:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.06)!important;background:rgba(0,0,0,.28)!important} body:not(.nkx-z) .off-canvas .nav-sidebar .sub-menu li{margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.045)!important} body:not(.nkx-z) .off-canvas .nav-sidebar .sub-menu li:last-child{border-bottom:0!important} body:not(.nkx-z) .off-canvas .nav-sidebar .sub-menu li:nth-child(even){background:rgba(255,255,255,.03)} body:not(.nkx-z) .off-canvas .nav-sidebar .sub-menu li a{display:flex!important;align-items:center;gap:12px;padding:14px 24px 14px 44px!important;margin:0!important;border-radius:0!important;font:500 14px/1.35 Inter,sans-serif!important;letter-spacing:.01em!important;text-transform:none!important;color:#B4B0CC!important;background:transparent!important;transition:background .3s,color .3s,padding .35s cubic-bezier(.2,.8,.2,1)} body:not(.nkx-z) .off-canvas .nav-sidebar .sub-menu li a::before{content:"";flex:none;width:10px;height:1px;background:rgba(255,255,255,.3);transition:width .35s,background .3s} body:not(.nkx-z) .off-canvas .nav-sidebar .sub-menu li a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;padding-left:50px!important} body:not(.nkx-z) .off-canvas .nav-sidebar .sub-menu li a:hover::before{width:16px;background:linear-gradient(90deg,#00E5FF,#FF2E9A)} body:not(.nkx-z) .off-canvas .sidebar-menu::after{content:"NOKOMOTO · v2.0 · Build 2026.10";display:block;margin-top:auto;padding:22px 24px 0;font:700 10px/1.4 Poppins,sans-serif;letter-spacing:.24em;background:linear-gradient(90deg,#00E5FF,#9D5CFF,#FF2E9A,#FFB13B);-webkit-background-clip:text;background-clip:text;color:transparent;border-top:1px solid rgba(255,255,255,.08)} body:not(.nkx-z) .off-canvas .mobile-sidebar::after{content:"© 2026 Nokomoto. All rights reserved.\A Nokomoto, SquareTune, OvalTune, Lyrx and their logos are brands of Nokomoto. Prices exclude GST and shipping. Specs, images and prices may change without notice.";white-space:pre-line;display:block;padding:8px 24px 90px;font:400 11px/1.6 Inter,sans-serif;color:#7C7799} body:not(.nkx-z) .mfp-close{color:#fff!important;opacity:.8} /* footer */ body:not(.nkx-z) #footer{background:#07050F!important} body:not(.nkx-z) #footer>section.section{background:radial-gradient(900px 320px at 50% 0,rgba(157,92,255,.16),transparent 70%),#09061A!important;border-top:1px solid var(--k-line);position:relative} body:not(.nkx-z) #footer>section.section::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#00E5FF,#9D5CFF,#FF2E9A,#FFB13B,transparent);background-size:200% 100%;animation:nkxFlow 7s linear infinite} body:not(.nkx-z) #footer>section.section .section-bg{background:transparent!important} body:not(.nkx-z) .nk-footer__logo{font:italic 900 30px/1 Poppins,sans-serif!important;letter-spacing:-.01em;text-transform:uppercase;background:var(--k-grad)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;padding-right:.1em} body:not(.nkx-z) .nk-footer__tag{color:var(--k-mut)!important;font:400 15px/1.6 Inter,sans-serif!important} body:not(.nkx-z) .nk-footer__cert{display:inline-flex;align-items:center;gap:8px;border-radius:999px!important;border:1px solid rgba(168,255,46,.45)!important;background:rgba(168,255,46,.08)!important;color:#A8FF2E!important;font:700 11px/1 Poppins,sans-serif!important;letter-spacing:.16em!important;padding:10px 14px!important} body:not(.nkx-z) .nk-footer__head{font:700 12px/1 Poppins,sans-serif!important;letter-spacing:.22em!important;text-transform:uppercase;color:#fff!important;margin-bottom:18px!important;position:relative;padding-bottom:12px} body:not(.nkx-z) .nk-footer__head::after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;border-radius:2px;background:var(--k-grad)} body:not(.nkx-z) .nk-footer__links a{color:var(--k-mut)!important;font:400 14px/1.4 Inter,sans-serif!important;padding:6px 0!important;transition:color .3s,transform .35s var(--k-ease)!important;display:block;width:max-content;max-width:100%} body:not(.nkx-z) .nk-footer__links a:hover{color:#fff!important;transform:translateX(5px)} body:not(.nkx-z) .absolute-footer{background:#050409!important;border-top:1px solid var(--k-line);padding:22px 0!important} body:not(.nkx-z) .absolute-footer .container{display:flex;flex-direction:column;align-items:center;gap:14px} body:not(.nkx-z) .absolute-footer .footer-primary,body:not(.nkx-z) .absolute-footer .footer-secondary{float:none!important;padding:0!important;margin:0!important;text-align:center} body:not(.nkx-z) .absolute-footer .payment-icons{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px} body:not(.nkx-z) .absolute-footer .payment-icon{margin:0!important;padding:7px 12px!important;border-radius:10px!important;background:rgba(255,255,255,.05)!important;border:1px solid var(--k-line)!important;opacity:.9;transition:transform .35s var(--k-ease),border-color .35s,background .35s,box-shadow .35s} body:not(.nkx-z) .absolute-footer .payment-icon svg{fill:#E9E6FF!important;height:20px!important;width:auto!important} body:not(.nkx-z) .absolute-footer .payment-icon:hover{opacity:1;transform:translateY(-2px);border-color:rgba(0,229,255,.55)!important;background:rgba(0,229,255,.08)!important;box-shadow:0 8px 20px -10px rgba(0,229,255,.8)} body:not(.nkx-z) .absolute-footer .copyright-footer,body:not(.nkx-z) .absolute-footer .copyright-footer p{font:500 13px/1.6 Inter,sans-serif!important;color:var(--k-dim)!important;letter-spacing:.02em;margin:0!important} body:not(.nkx-z) .absolute-footer .copyright-footer strong,body:not(.nkx-z) .absolute-footer .copyright-footer a{font-family:Poppins,sans-serif;font-weight:700;background:var(--k-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important} /* floating buttons */ body:not(.nkx-z) .smooth-back-to-top-button{background:rgba(14,10,28,.72)!important;border:1px solid rgba(255,255,255,.16)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 34px -10px rgba(157,92,255,.8)!important;color:#fff!important} body:not(.nkx-z) .smooth-back-to-top-button svg.progress-circle path{stroke:#00E5FF!important;stroke-linecap:round} body:not(.nkx-z) .chaty-widget .chaty-cta-main .chaty-cta-button,body:not(.nkx-z) .chaty-widget .chaty-cta-main button,body:not(.nkx-z) .chaty-widget .chaty-cta-close button{background:linear-gradient(135deg,#00E5FF,#9D5CFF 50%,#FF2E9A)!important;border-radius:50%;box-shadow:0 12px 34px -8px rgba(255,46,154,.75),0 0 0 1px rgba(255,255,255,.14)!important} body:not(.nkx-z) .chaty-widget .chaty-cta-main .chaty-svg,body:not(.nkx-z) .chaty-widget .chaty-cta-close .chaty-svg{background:transparent!important} body:not(.nkx-z) .chaty-widget .chaty-cta-main .color-element,body:not(.nkx-z) .chaty-widget .chaty-cta-close .color-element{fill:transparent!important} body:not(.nkx-z) .smooth-back-to-top-button,body:not(.nkx-z) .chaty-widget{filter:opacity(.8);transition:filter .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)!important} html.nkx-scrolling body:not(.nkx-z) .smooth-back-to-top-button,html.nkx-scrolling body:not(.nkx-z) .chaty-widget{filter:opacity(.18);transform:scale(.94)} body:not(.nkx-z) .smooth-back-to-top-button:hover,body:not(.nkx-z) .chaty-widget:hover{filter:opacity(1);transform:scale(1.04)} /* buttons */ body:not(.nkx-z) :is(.button.primary,.button.alt,.single_add_to_cart_button,.checkout-button,.nk-btn--glow,.product-card-25-add,.wpcf7-submit,.woocommerce-Button,.woocommerce-form-login__submit,#place_order,.button.checkout,.wc-proceed-to-checkout .button):not(.nkx *){background:var(--k-grad)!important;background-size:180% 100%!important;color:#fff!important;border:0!important;border-radius:999px!important;font-family:Poppins,sans-serif!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-shadow:none!important;box-shadow:0 12px 30px -14px rgba(255,46,154,.85)!important;transition:background-position .6s var(--k-ease),transform .35s var(--k-ease),box-shadow .35s!important} body:not(.nkx-z) :is(.button.primary,.button.alt,.single_add_to_cart_button,.checkout-button,.nk-btn--glow,.product-card-25-add,.wpcf7-submit,.woocommerce-Button,.woocommerce-form-login__submit,#place_order,.button.checkout,.wc-proceed-to-checkout .button):not(.nkx *):hover{background-position:100% 0!important;transform:translateY(-2px);box-shadow:0 18px 40px -14px rgba(157,92,255,.95)!important} body:not(.nkx-z) :is(.nk-btn--ghost,.product-card-25-more,.button.is-outline,.product-card-25-toggle,.button:not(.primary):not(.alt):not(.checkout).wc-forward):not(.nkx *){background:rgba(255,255,255,.05)!important;border:1px solid var(--k-line2)!important;color:var(--k-ink)!important;border-radius:999px!important;font-family:Poppins,sans-serif!important;font-weight:600!important;letter-spacing:.06em!important;box-shadow:none!important;transition:background .35s,border-color .35s,transform .35s var(--k-ease)!important} body:not(.nkx-z) :is(.nk-btn--ghost,.product-card-25-more,.button.is-outline,.product-card-25-toggle):not(.nkx *):hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.35)!important;transform:translateY(-2px)} /* form fields */ body:not(.nkx-z) :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number]:not(.qty),input[type=date],input[type=search],input[type=url],select,textarea):not(.nkx *){background:rgba(255,255,255,.045)!important;border:1px solid var(--k-line2)!important;border-radius:14px!important;color:var(--k-ink)!important;box-shadow:none!important;font-family:Inter,sans-serif!important;transition:border-color .3s,box-shadow .3s,background .3s!important} body:not(.nkx-z) :is(input,select,textarea):not(.nkx *)::placeholder{color:var(--k-dim)!important} body:not(.nkx-z) :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=date],input[type=search],input[type=url],select,textarea):not(.nkx *):focus{border-color:#00E5FF!important;background:rgba(0,229,255,.05)!important;box-shadow:0 0 0 4px rgba(0,229,255,.16)!important;outline:0!important} body:not(.nkx-z) #main label:not(.nkx *){font:600 11px/1.4 Poppins,sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:var(--k-mut)!important} /* shared card surface */ body:not(.nkx-z) :is(.nk-box,.woocommerce-MyAccount-content,.cart_totals,.woocommerce-checkout-review-order,#order_review,.woocommerce-form-login,.woocommerce-form-register,.woocommerce-billing-fields,.woocommerce-shipping-fields){background:linear-gradient(180deg,var(--k-card2),var(--k-card))!important;border:1px solid var(--k-line)!important;border-radius:24px!important;box-shadow:0 30px 60px -40px rgba(0,0,0,.8)} body:not(.nkx-z) :is(.woocommerce-MyAccount-content,.cart_totals,#order_review,.woocommerce-form-login,.woocommerce-form-register,.woocommerce-billing-fields,.woocommerce-shipping-fields){padding:28px!important} body:not(.nkx-z) .nk-box__title{font:italic 900 22px/1.1 Poppins,sans-serif!important;text-transform:uppercase;letter-spacing:-.01em} /* shop grid cards */ body:not(.nkx-z) .product-small.col>.col-inner{border-radius:24px!important;border:1px solid var(--k-line)!important;background:linear-gradient(180deg,var(--k-card2),var(--k-card))!important;overflow:hidden;isolation:isolate;transition:transform .6s var(--k-ease),box-shadow .6s,border-color .6s!important} body:not(.nkx-z) .product-small.col>.col-inner:hover{transform:translateY(-6px);border-color:rgba(157,92,255,.6)!important;box-shadow:0 30px 60px -26px rgba(157,92,255,.7)} body:not(.nkx-z) .product-small .box-image{background:radial-gradient(60% 60% at 50% 50%,rgba(157,92,255,.22),transparent 72%),#07050F!important} body:not(.nkx-z) .product-small .box-image img{transition:transform 1.2s var(--k-ease)!important} body:not(.nkx-z) .product-small.col>.col-inner:hover .box-image img{transform:scale(1.06)} body:not(.nkx-z) .product-card-25{background:transparent!important;font-family:Inter,sans-serif!important} body:not(.nkx-z) .product-card-25-model-label,body:not(.nkx-z) .woocommerce-loop-product__title{font-family:Poppins,sans-serif!important;font-weight:800!important;color:#fff!important} body:not(.nkx-z) .product-card-25-model-value{background:var(--k-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important} body:not(.nkx-z) .product-card-25-attr-row{border-radius:8px;padding-left:8px!important;padding-right:8px!important} body:not(.nkx-z) .product-card-25-attr-row:nth-child(odd){background:rgba(255,255,255,.03)} body:not(.nkx-z) .product-card-25-attr-label{font-family:Poppins,sans-serif!important;color:var(--k-dim)!important} body:not(.nkx-z) .product-card-25 .main-price,body:not(.nkx-z) .product-card-25 .main-price *{font-family:Poppins,sans-serif!important;font-weight:800!important;color:#fff!important} body:not(.nkx-z) .product-card-25-discount{background:var(--k-grad)!important;color:#fff!important;border-radius:999px!important;border:0!important} body:not(.nkx-z) .product-card-25-bottom{border-top:1px solid var(--k-line)!important} /* single product */ body:not(.nkx-z) .single-product .product-main{padding-top:40px} body:not(.nkx-z) .breadcrumbs,body:not(.nkx-z) .woocommerce-breadcrumb{font:600 11px/1.4 Poppins,sans-serif!important;letter-spacing:.18em!important;color:var(--k-dim)!important} body:not(.nkx-z) .breadcrumbs a:hover{color:#00E5FF!important} body:not(.nkx-z) .product-gallery .product-images{border-radius:28px;overflow:hidden;border:1px solid var(--k-line);background:radial-gradient(60% 60% at 50% 50%,rgba(157,92,255,.25),transparent 70%),#07050F} body:not(.nkx-z) .product-thumbnails .col a,body:not(.nkx-z) .product-thumbnails img{border-radius:14px!important;overflow:hidden} body:not(.nkx-z) .product-thumbnails .col a{border:1px solid var(--k-line)!important;transition:border-color .3s,box-shadow .3s} body:not(.nkx-z) .product-thumbnails .is-nav-selected a{border-color:#00E5FF!important;box-shadow:0 0 0 3px rgba(0,229,255,.25)} body:not(.nkx-z) .product-info .product-title{font-size:clamp(28px,3vw,44px)!important;line-height:1.02!important} body:not(.nkx-z) .product-page-price{font-family:Poppins,sans-serif!important} body:not(.nkx-z) .product-page-price ins,body:not(.nkx-z) .product-page-price ins *{font:800 34px/1.1 Poppins,sans-serif!important;text-decoration:none!important;background:var(--k-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important} body:not(.nkx-z) .product-page-price del,body:not(.nkx-z) .product-page-price del *{color:var(--k-dim)!important;font-size:18px!important} body:not(.nkx-z) .ux-quantity{border-radius:999px;overflow:hidden;border:1px solid var(--k-line2);background:rgba(255,255,255,.04)} body:not(.nkx-z) .ux-quantity input{background:transparent!important;border:0!important;color:#fff!important;box-shadow:none!important} body:not(.nkx-z) .woocommerce-tabs .tabs{border:0!important;gap:8px;display:flex;flex-wrap:wrap} body:not(.nkx-z) .woocommerce-tabs .tabs li{margin:0!important} body:not(.nkx-z) .woocommerce-tabs .tabs li a{border-radius:999px!important;padding:12px 22px!important;border:1px solid var(--k-line2)!important;font:700 12px/1 Poppins,sans-serif!important;letter-spacing:.12em!important;color:var(--k-mut)!important;background:rgba(255,255,255,.03)} body:not(.nkx-z) .woocommerce-tabs .tabs li.active a{background:#fff!important;color:#0A0716!important;border-color:#fff!important} body:not(.nkx-z) .woocommerce-tabs .tabs li a::before{display:none!important} body:not(.nkx-z) .shop_attributes tr:nth-child(even),body:not(.nkx-z) .woocommerce-tabs table tr:nth-child(even){background:rgba(255,255,255,.03)} /* blog */ body:not(.nkx-z) .box-blog-post{border-radius:24px!important;overflow:hidden;border:1px solid var(--k-line)!important;background:linear-gradient(180deg,var(--k-card2),var(--k-card))!important;transition:transform .6s var(--k-ease),box-shadow .6s,border-color .6s} body:not(.nkx-z) .box-blog-post:hover{transform:translateY(-6px);border-color:rgba(255,46,154,.55)!important;box-shadow:0 30px 60px -28px rgba(255,46,154,.6)} body:not(.nkx-z) .box-blog-post .box-image img{filter:saturate(1.2) contrast(1.05);transition:transform 1.2s var(--k-ease)!important} body:not(.nkx-z) .box-blog-post:hover .box-image img{transform:scale(1.06)} body:not(.nkx-z) .box-blog-post .post-title{font:800 19px/1.25 Poppins,sans-serif!important;color:#fff!important} body:not(.nkx-z) .box-blog-post .is-divider{background:var(--k-grad)!important;height:3px!important;width:40px!important;border-radius:3px;opacity:1!important} body:not(.nkx-z) .box-blog-post .from_the_blog_excerpt{color:var(--k-mut)!important} body:not(.nkx-z) .nk-blog-hero h1{background:linear-gradient(180deg,#fff 40%,rgba(255,255,255,.7));-webkit-background-clip:text;background-clip:text;color:transparent!important;padding-right:.1em} body:not(.nkx-z) .nk-blog-hero__eyebrow{color:#00E5FF!important;font-family:Poppins,sans-serif!important;letter-spacing:.24em!important} body:not(.nkx-z).single-post .entry-content :is(p,li){font-size:18px;line-height:1.78;color:#DAD7EE} body:not(.nkx-z).single-post .entry-content a{color:#00E5FF;text-decoration:underline;text-decoration-color:rgba(0,229,255,.4);text-underline-offset:3px} body:not(.nkx-z).single-post .entry-content blockquote{border-left:3px solid #FF2E9A!important;background:rgba(255,46,154,.06);border-radius:0 16px 16px 0;padding:20px 24px!important} /* account */ body:not(.nkx-z) :is(.woocommerce-MyAccount-navigation ul,ul.account-nav){list-style:none;margin:0;padding:8px!important;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid var(--k-line)} body:not(.nkx-z) :is(.woocommerce-MyAccount-navigation li,ul.account-nav li){margin:0!important;border:0!important} body:not(.nkx-z) :is(.woocommerce-MyAccount-navigation li,ul.account-nav li):nth-child(even){background:rgba(255,255,255,.025);border-radius:12px} body:not(.nkx-z) :is(.woocommerce-MyAccount-navigation li a,ul.account-nav li a){display:block;padding:13px 16px!important;border-radius:12px;font:600 13px/1.2 Poppins,sans-serif!important;letter-spacing:.1em;text-transform:uppercase;color:var(--k-mut)!important;transition:background .3s,color .3s} body:not(.nkx-z) :is(.woocommerce-MyAccount-navigation li a,ul.account-nav li a):hover{background:rgba(255,255,255,.07);color:#fff!important} body:not(.nkx-z) :is(.woocommerce-MyAccount-navigation li.is-active a,ul.account-nav li.active a){background:var(--k-grad)!important;color:#fff!important} body:not(.nkx-z) .dashboard-links a{border-radius:18px!important;border:1px solid var(--k-line)!important;background:rgba(255,255,255,.04)!important;font-family:Poppins,sans-serif!important;transition:transform .35s var(--k-ease),border-color .35s,background .35s} body:not(.nkx-z) .dashboard-links a:hover{transform:translateY(-3px);border-color:rgba(0,229,255,.5)!important;background:rgba(0,229,255,.07)!important} /* cart + checkout tables */ body:not(.nkx-z) .shop_table{border-radius:20px!important;overflow:hidden;border:1px solid var(--k-line)!important;background:rgba(255,255,255,.02)} body:not(.nkx-z) .shop_table th{font:600 11px/1.4 Poppins,sans-serif!important;letter-spacing:.16em;text-transform:uppercase;color:var(--k-dim)!important} body:not(.nkx-z) .shop_table tbody tr:nth-child(even){background:rgba(255,255,255,.025)} body:not(.nkx-z) .shop_table :is(th,td){border-color:var(--k-line)!important} /* 404 */ .nkx404{min-height:80vh;display:flex;align-items:center;padding:110px 0 90px;text-align:center} .nkx404 .nkx-wrap{max-width:900px} .nkx404 .nkx-h1{font-size:clamp(42px,7.5vw,104px)} .nkx404 .nkx-lead{margin-inline:auto} .nkx404 .nkx-cta{justify-content:center} .nkx404__code{font:italic 900 clamp(120px,24vw,300px)/.8 Poppins,sans-serif;letter-spacing:-.06em;background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:nkxShift 6s linear infinite,nkxGlitch 3.2s steps(1) infinite;padding-right:.08em;margin-bottom:10px;display:inline-block;filter:drop-shadow(0 20px 60px rgba(157,92,255,.45))} @keyframes nkxGlitch{0%,92%,100%{transform:none}93%{transform:translate(-4px,2px) skewX(-6deg)}95%{transform:translate(5px,-2px)}97%{transform:translate(-2px,0) skewX(4deg)}} .nkx404 .nkx-eyebrow{display:flex;justify-content:center} .nkx404__tuner{margin:40px auto 0;max-width:640px;text-align:left} .nkx404__tuner:hover{transform:none} .nkx404__screen{height:120px;border-radius:16px;overflow:hidden;background:#07050F;border:1px solid var(--line);margin-bottom:22px;position:relative} .nkx404__screen canvas{display:block;width:100%;height:100%} .nkx404__read{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} .nkx404__read b{font:italic 900 56px/1 Poppins,sans-serif;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums} .nkx404__read small{font:700 12px Poppins,sans-serif;letter-spacing:.2em;color:var(--dim)} .nkx404__lock{margin-left:auto;font:700 11px/1 Poppins,sans-serif;letter-spacing:.18em;text-transform:uppercase;padding:9px 14px;border-radius:999px;border:1px solid var(--line2);color:var(--mut);transition:.4s} .nkx404__lock.is-near{color:#FFD23F;border-color:rgba(255,210,63,.5);background:rgba(255,210,63,.08)} .nkx404__lock.is-on{color:#0A0716;background:#A8FF2E;border-color:#A8FF2E;box-shadow:0 0 24px rgba(168,255,46,.7)} .nkx404 input.nkx404__dial{-webkit-appearance:none;appearance:none;width:100%;height:10px;margin:22px 0 8px;border-radius:999px;background:linear-gradient(90deg,#00E5FF,#9D5CFF,#FF2E9A,#FFB13B);outline:0;cursor:pointer;border:0!important;padding:0!important;min-height:0!important} .nkx404 input.nkx404__dial::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:4px solid #0A0716;box-shadow:0 0 0 2px #fff,0 0 24px rgba(255,255,255,.7);cursor:grab} .nkx404 input.nkx404__dial::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid #0A0716;box-shadow:0 0 0 2px #fff} .nkx404 input.nkx404__dial:focus-visible{box-shadow:0 0 0 4px rgba(0,229,255,.35)} .nkx404__scale{display:flex;justify-content:space-between;font:600 11px Poppins,sans-serif;letter-spacing:.1em;color:var(--dim)} .nkx404__msg{margin-top:18px!important;font:600 17px/1.5 Poppins,sans-serif;color:#fff;min-height:52px} .nkx404.is-found .nkx-cta .nkx-btn--light{animation:nkxPulse 1.2s ease-in-out 3} /* header v2: deep themed bar, pill burger, round account + cart buttons */ body:not(.nkx-z) .header-wrapper,body:not(.nkx-z) #masthead,body:not(.nkx-z) .header-bg-color,body:not(.nkx-z) .header-main{background:linear-gradient(90deg,rgba(24,13,52,.86) 0%,rgba(12,8,28,.86) 50%,rgba(42,10,48,.86) 100%)!important} body:not(.nkx-z) #masthead .header-divider{display:none!important} body:not(.nkx-z) #masthead .nav-icon>a{display:inline-flex!important;align-items:center;gap:10px;height:42px;padding:0 18px 0 14px!important;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);transition:background .35s,box-shadow .35s,border-color .35s!important} body:not(.nkx-z) #masthead .nav-icon>a:hover{background:rgba(255,255,255,.1);border-color:rgba(0,229,255,.6);box-shadow:0 8px 24px -10px rgba(0,229,255,.8)} body:not(.nkx-z) #masthead .nav-icon .icon-menu{font-size:20px!important;background:linear-gradient(100deg,#00E5FF,#9D5CFF 45%,#FF2E9A);-webkit-background-clip:text;background-clip:text;color:transparent!important} body:not(.nkx-z) #masthead .nav-icon .menu-title{font:700 12px/1 Poppins,sans-serif!important;letter-spacing:.22em!important;color:#fff!important;margin:0!important} body:not(.nkx-z) #masthead :is(.account-item,.cart-item)>a{width:42px;height:42px;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);transition:background .35s,box-shadow .35s,border-color .35s,transform .35s!important} body:not(.nkx-z) #masthead :is(.account-item,.cart-item)>a i{font-size:17px!important;color:#fff!important;margin:0!important} body:not(.nkx-z) #masthead .account-item>a:hover,body:not(.nkx-z) #masthead .account-item.current-dropdown>a{border-color:rgba(0,229,255,.6);background:rgba(0,229,255,.1);box-shadow:0 8px 24px -10px rgba(0,229,255,.8)} body:not(.nkx-z) #masthead .cart-item>a:hover,body:not(.nkx-z) #masthead .cart-item.current-dropdown>a{border-color:rgba(255,46,154,.6);background:rgba(255,46,154,.1);box-shadow:0 8px 24px -10px rgba(255,46,154,.8)} body:not(.nkx-z) #masthead .cart-item{margin-left:10px!important} body:not(.nkx-z) #masthead [data-icon-label]:after{background:linear-gradient(135deg,#FF2E9A,#FFB13B)!important;color:#fff!important;font:700 10px/1 Poppins,sans-serif!important;box-shadow:0 0 0 2px #120B26,0 0 12px rgba(255,46,154,.85)!important;top:-9px!important;right:-11px!important} /* header dropdowns (account + mini cart) */ body:not(.nkx-z) #masthead .nav-dropdown{background:rgba(18,13,36,.94)!important;-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;padding:8px!important;min-width:250px;box-shadow:0 30px 70px -20px rgba(0,0,0,.85),0 24px 60px -34px rgba(157,92,255,.7)!important;color:#F7F6FF} body:not(.nkx-z) #masthead .nav-dropdown::before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#00E5FF,#9D5CFF,#FF2E9A,#FFB13B)} body:not(.nkx-z) #masthead li.has-dropdown:before{border-bottom-color:rgba(255,255,255,.12)!important} body:not(.nkx-z) #masthead li.has-dropdown:after{border-bottom-color:#120D24!important} body:not(.nkx-z) #masthead .nav-dropdown li{margin:0!important;border:0!important;background:transparent!important} body:not(.nkx-z) #masthead .nav-dropdown>li>a{display:block;margin:0!important;padding:12px 16px!important;border:0!important;border-radius:12px;font:600 12px/1.2 Poppins,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase;color:#B4B0CC!important;transition:background .3s,color .3s,padding .35s} body:not(.nkx-z) #masthead .nav-dropdown>li:nth-child(even)>a{background:rgba(255,255,255,.03)} body:not(.nkx-z) #masthead .nav-dropdown>li>a:hover{background:rgba(255,255,255,.09)!important;color:#fff!important;padding-left:20px!important} body:not(.nkx-z) #masthead .nav-dropdown>li.is-active>a,body:not(.nkx-z) #masthead .nav-dropdown>li.active>a{background:linear-gradient(100deg,#00E5FF,#9D5CFF 36%,#FF2E9A 68%,#FFB13B)!important;color:#fff!important} body:not(.nkx-z) #masthead .nav-dropdown>li[class*=customer-logout]>a{color:#FF6FB5!important} body:not(.nkx-z) #masthead .nav-dropdown .widget_shopping_cart_content{padding:10px 8px;color:#DAD7EE} body:not(.nkx-z) #masthead .nav-dropdown .widget_shopping_cart_content a:not(.button){color:#fff!important;font-family:Poppins,sans-serif} body:not(.nkx-z) #masthead .nav-dropdown .woocommerce-mini-cart__total{border-color:rgba(255,255,255,.1)!important;color:#fff} body:not(.nkx-z) #masthead .nav-dropdown .woocommerce-mini-cart__buttons .button{border-radius:999px!important;margin:6px 0 0!important;width:100%} /* account page nav: even pills, no stray bars or borders */ body:not(.nkx-z) #main .col-border{border-right:0!important} body:not(.nkx-z) #main .col-border::after{display:none!important} body:not(.nkx-z) #main ul.account-nav{display:flex!important;flex-direction:column;gap:4px;padding:8px!important} body:not(.nkx-z) #main ul.account-nav>li{background:transparent!important;border-radius:0!important;margin:0!important} body:not(.nkx-z) #main ul.account-nav>li::before,body:not(.nkx-z) #main ul.account-nav>li>a::before,body:not(.nkx-z) #main ul.account-nav>li>a::after{display:none!important} body:not(.nkx-z) #main ul.account-nav>li>a{width:100%;box-sizing:border-box;margin:0!important;border-radius:12px!important} body:not(.nkx-z) #main ul.account-nav>li:nth-child(even)>a{background:rgba(255,255,255,.03)} body:not(.nkx-z) #main ul.account-nav>li.active>a,body:not(.nkx-z) #main ul.account-nav>li.is-active>a{background:linear-gradient(100deg,#00E5FF,#9D5CFF 36%,#FF2E9A 68%,#FFB13B)!important;color:#fff!important} /* big checkout buttons: full gradient, even padding, softer glow */ body:not(.nkx-z) :is(.wc-proceed-to-checkout .checkout-button,#place_order){display:flex!important;align-items:center;justify-content:center;width:100%;min-height:58px;height:auto!important;padding:16px 24px!important;line-height:1.2!important;margin:0!important;font-size:15px!important;background-size:100% 100%!important;box-shadow:0 14px 34px -18px rgba(157,92,255,.95)!important} body:not(.nkx-z) :is(.wc-proceed-to-checkout .checkout-button,#place_order):hover{background-size:100% 100%!important;filter:brightness(1.08) saturate(1.1)} body:not(.nkx-z) .wc-proceed-to-checkout{padding:8px 0 0!important} /* cart fixes: coupon spacing, form-button text, centred controls */ body:not(.nkx-z) .is-form,body:not(.nkx-z) .button.is-form{text-shadow:none!important} body:not(.nkx-z) .ux-cart-coupon{margin-top:24px!important} body:not(.nkx-z) .ux-cart-coupon .coupon{padding:22px!important;border-radius:22px;border:1px solid var(--k-line);background:rgba(255,255,255,.03)} body:not(.nkx-z) .ux-cart-coupon .widget-title{display:flex;align-items:center;gap:10px;margin:0 0 14px!important;font:700 13px/1 Poppins,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase;color:#fff!important} body:not(.nkx-z) .ux-cart-coupon .widget-title i{color:#FF2E9A!important} body:not(.nkx-z) #coupon_code{height:50px!important;margin:0 0 10px!important} body:not(.nkx-z) button[name=apply_coupon]{display:flex!important;align-items:center;justify-content:center;width:100%;height:50px!important;margin:0!important;padding:0 20px!important;line-height:1!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;border:1px solid var(--k-line2)!important;color:#fff!important;font:700 13px/1 Poppins,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;transition:border-color .3s,background .3s,box-shadow .3s!important} body:not(.nkx-z) button[name=apply_coupon]:hover{border-color:#00E5FF!important;background:rgba(0,229,255,.1)!important;box-shadow:0 8px 24px -10px rgba(0,229,255,.8)!important} body:not(.nkx-z) .continue-shopping .button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;height:50px!important;line-height:1!important;padding:0 26px!important;margin:0!important;vertical-align:middle} body:not(.nkx-z) .ux-quantity{display:inline-flex!important;align-items:center;justify-content:center;height:48px;padding:0 4px!important;gap:2px} body:not(.nkx-z) .ux-quantity .ux-quantity__button{display:flex!important;align-items:center;justify-content:center;width:40px!important;height:40px!important;min-height:0!important;padding:0!important;margin:0!important;line-height:40px!important;text-align:center!important;border-radius:50%!important;background:transparent!important;border:0!important;color:#fff!important;font:600 18px/40px Poppins,sans-serif!important;text-shadow:none!important;box-shadow:none!important} body:not(.nkx-z) .ux-quantity .ux-quantity__button:hover{background:rgba(255,255,255,.1)!important} body:not(.nkx-z) .ux-quantity .qty{height:40px!important;min-height:0!important;line-height:40px!important;width:46px!important;padding:0!important;margin:0!important;text-align:center!important;font:700 16px/40px Poppins,sans-serif!important;border:0!important;background:transparent!important} /* product page: gallery tiles, trust row, description panel */ body:not(.nkx-z).single-product .product-thumbnails a{background:#0A0716!important;opacity:1!important} body:not(.nkx-z).single-product .product-thumbnails img{opacity:.55;transition:opacity .3s} body:not(.nkx-z).single-product .product-thumbnails .is-nav-selected img,body:not(.nkx-z).single-product .product-thumbnails a:hover img{opacity:1} body:not(.nkx-z).single-product .woocommerce-product-gallery__image{background:#0A0716} body:not(.nkx-z).single-product .product-short-description{color:var(--k-mut);font-size:15px;line-height:1.7} body:not(.nkx-z).single-product form.cart{flex-wrap:wrap;row-gap:16px} body:not(.nkx-z).single-product form.cart::after{content:"✓ BIS + WPC certified ✓ Cable in the box ✓ 3 live channels ✓ WhatsApp support";flex-basis:100%;white-space:pre-wrap;font:600 12px/1.9 Poppins,sans-serif;letter-spacing:.04em;color:#A8FF2E;padding:14px 18px;border-radius:16px;border:1px solid rgba(168,255,46,.25);background:rgba(168,255,46,.05)} body:not(.nkx-z).single-product .single_add_to_cart_button{flex:1;min-height:54px} body:not(.nkx-z) .woocommerce-tabs{max-width:1140px;margin-left:auto!important;margin-right:auto!important} body:not(.nkx-z) .woocommerce-tabs .tabs{justify-content:center} body:not(.nkx-z) .woocommerce-Tabs-panel{border-radius:28px;background:linear-gradient(180deg,#141026,#0D0A1B)!important;border:1px solid var(--k-line);padding:clamp(18px,3vw,40px)!important;overflow:hidden;margin-top:18px!important} body:not(.nkx-z) #tab-description .nkui-band,body:not(.nkx-z) #tab-description .section-bg{background:transparent!important} body:not(.nkx-z) #tab-description :is(h1,h2,h3){font-family:Poppins,sans-serif!important;font-style:italic;font-weight:900!important;text-transform:uppercase;letter-spacing:-.01em} body:not(.nkx-z) #tab-description p{color:#D2CFE6} /* product gallery v3: plain tiles, brighter inactive thumbs */ body:not(.nkx-z) .product-gallery .product-images{background:#282828!important} body:not(.nkx-z).single-product .woocommerce-product-gallery__image{background:#282828!important} body:not(.nkx-z).single-product .product-thumbnails a{background:#282828!important;border:1px solid rgba(255,255,255,.1)!important} body:not(.nkx-z).single-product .product-thumbnails img{opacity:.85!important} body:not(.nkx-z).single-product .product-thumbnails .is-nav-selected a{border-color:#fff!important;box-shadow:0 0 0 2px rgba(255,255,255,.25)!important} body:not(.nkx-z).single-product .product-thumbnails .is-nav-selected img,body:not(.nkx-z).single-product .product-thumbnails a:hover img{opacity:1!important} body:not(.nkx-z) .product-small .box-image{background:#282828!important} /* burger v3: line icons, light type, small chevrons */ body:not(.nkx-z) .off-canvas #menu-item-7133>a{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2010.5%2012%203l9%207.5'%2F%3E%3Cpath%20d%3D'M5%209.5V21h14V9.5'%2F%3E%3Cpath%20d%3D'M10%2021v-6h4v6'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .off-canvas #menu-item-7485>a{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'4'%20y%3D'4'%20width%3D'6.5'%20height%3D'6.5'%20rx%3D'1.6'%2F%3E%3Crect%20x%3D'13.5'%20y%3D'4'%20width%3D'6.5'%20height%3D'6.5'%20rx%3D'1.6'%2F%3E%3Crect%20x%3D'4'%20y%3D'13.5'%20width%3D'6.5'%20height%3D'6.5'%20rx%3D'1.6'%2F%3E%3Crect%20x%3D'13.5'%20y%3D'13.5'%20width%3D'6.5'%20height%3D'6.5'%20rx%3D'1.6'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .off-canvas #menu-item-7517>a{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6%207h12l1%2014H5L6%207z'%2F%3E%3Cpath%20d%3D'M9%207a3%203%200%200%201%206%200'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .off-canvas #menu-item-7518>a{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Cpath%20d%3D'm15.5%208.5-2%205-5%202%202-5z'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .off-canvas #menu-item-7519>a{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Cpath%20d%3D'M9.6%209.4a2.5%202.5%200%201%201%203.4%202.4c-.6.3-1%20.8-1%201.5v.6'%2F%3E%3Cpath%20d%3D'M12%2017h.01'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .off-canvas .nav-sidebar>li.menu-item>a{gap:16px;font:300 15px/1.2 Poppins,sans-serif!important;letter-spacing:.2em!important;color:#ECE9FB!important} body:not(.nkx-z) .off-canvas .nav-sidebar>li.menu-item>a::before{width:20px!important;height:20px!important;border-radius:0!important;box-shadow:none!important;background:#B4B0CC!important;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat} body:not(.nkx-z) .off-canvas .nav-sidebar>li.menu-item>a:hover::before,body:not(.nkx-z) .off-canvas .nav-sidebar>li.menu-item.active>a::before,body:not(.nkx-z) .off-canvas .nav-sidebar>li.current-menu-item>a::before{background:linear-gradient(135deg,#00E5FF,#9D5CFF 50%,#FF2E9A)!important;box-shadow:none!important} body:not(.nkx-z) .off-canvas .nav-sidebar>li.menu-item>a:hover,body:not(.nkx-z) .off-canvas .nav-sidebar>li.menu-item.active>a{font-weight:400!important} body:not(.nkx-z) .off-canvas .nav-sidebar .toggle{top:0!important;right:16px!important;width:28px!important;height:28px!important;min-height:0!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;background:transparent!important;border-radius:50%;opacity:.7!important} body:not(.nkx-z) .off-canvas .nav-sidebar .toggle i{font-size:11px!important;line-height:1!important;color:#B4B0CC!important;margin:0!important} body:not(.nkx-z) .off-canvas .nav-sidebar .toggle:hover{opacity:1!important;background:rgba(255,255,255,.08)!important} body:not(.nkx-z) .off-canvas .nav-sidebar .sub-menu li a{font:300 14px/1.4 Poppins,sans-serif!important;letter-spacing:.02em!important} body:not(.nkx-z) .off-canvas .nav-sidebar .sub-menu li a:hover{font-weight:400!important} /* burger button v4: no text, no box, two lines that morph into an X */ body:not(.nkx-z) #masthead .nav-icon>a{position:relative;display:block!important;width:44px!important;height:44px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} body:not(.nkx-z) #masthead .nav-icon>a .icon-menu,body:not(.nkx-z) #masthead .nav-icon>a .menu-title{display:none!important} body:not(.nkx-z) #masthead .nav-icon>a::before,body:not(.nkx-z) #masthead .nav-icon>a::after{content:"";position:absolute;left:9px;height:2px;border-radius:2px;background:#fff;transform-origin:center;transition:transform .5s cubic-bezier(.7,0,.2,1),top .35s cubic-bezier(.7,0,.2,1),width .35s cubic-bezier(.7,0,.2,1),background .35s} body:not(.nkx-z) #masthead .nav-icon>a::before{top:17px;width:26px} body:not(.nkx-z) #masthead .nav-icon>a::after{top:25px;width:16px} body:not(.nkx-z) #masthead .nav-icon>a:hover::after{width:26px} body:not(.nkx-z) #masthead .nav-icon>a:hover::before,body:not(.nkx-z) #masthead .nav-icon>a:hover::after{background:linear-gradient(90deg,#00E5FF,#9D5CFF,#FF2E9A)} html.has-off-canvas body:not(.nkx-z) #masthead .nav-icon>a::before{top:21px;width:26px;transform:rotate(45deg)} html.has-off-canvas body:not(.nkx-z) #masthead .nav-icon>a::after{top:21px;width:26px;transform:rotate(-45deg)} html.has-off-canvas body:not(.nkx-z) #header,html.has-off-canvas body:not(.nkx-z) .header-wrapper{z-index:1043!important} html.has-off-canvas body:not(.nkx-z) .mfp-wrap{z-index:1045!important} html.has-off-canvas body:not(.nkx-z) .mfp-close{display:none!important} /* classic shop + product v4: dark compact cards, unified black photos */ body:not(.nkx-z) .product-small.col>.col-inner{background:#0B0B0E!important;border-color:rgba(255,255,255,.08)!important} body:not(.nkx-z) .product-small .box-image{background:#0A0A0C!important} body:not(.nkx-z) .product-small .box-image img{filter:brightness(.86) contrast(1.2) saturate(1.12)} body:not(.nkx-z) .product-small .product-card-25-attributes-wrapper,body:not(.nkx-z) .product-small .product-card-25-toggle{display:none!important} body:not(.nkx-z) .product-small .product-card-25-title-wrapper{padding-bottom:4px!important} body:not(.nkx-z) .product-small .product-card-25-bottom{border-top:0!important;background:transparent!important} body:not(.nkx-z) .product-card-25{background:transparent!important} body:not(.nkx-z) .product-gallery .product-images,body:not(.nkx-z).single-product .woocommerce-product-gallery__image,body:not(.nkx-z).single-product .product-thumbnails a{background:#0A0A0C!important} body:not(.nkx-z).single-product .woocommerce-product-gallery__image img,body:not(.nkx-z).single-product .product-thumbnails img{filter:brightness(.86) contrast(1.2) saturate(1.12)} /* header v5: bare account + cart icons, centred badge, edge-to-edge dropdown rows */ body:not(.nkx-z) #masthead :is(.account-item,.cart-item)>a{width:40px!important;height:40px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important} body:not(.nkx-z) #masthead :is(.account-item,.cart-item)>a i{font-size:19px!important;transition:color .3s,filter .3s} body:not(.nkx-z) #masthead .account-item>a:hover i,body:not(.nkx-z) #masthead .account-item.current-dropdown>a i{color:#00E5FF!important;filter:drop-shadow(0 0 8px rgba(0,229,255,.7))} body:not(.nkx-z) #masthead .cart-item>a:hover i,body:not(.nkx-z) #masthead .cart-item.current-dropdown>a i{color:#FF2E9A!important;filter:drop-shadow(0 0 8px rgba(255,46,154,.7))} body:not(.nkx-z) #masthead .account-item>a:hover,body:not(.nkx-z) #masthead .cart-item>a:hover,body:not(.nkx-z) #masthead .account-item.current-dropdown>a,body:not(.nkx-z) #masthead .cart-item.current-dropdown>a{background:transparent!important;box-shadow:none!important} body:not(.nkx-z) #masthead [data-icon-label]:after{width:18px!important;height:18px!important;min-width:18px!important;padding:0!important;line-height:18px!important;text-align:center!important;border-radius:50%!important;font:700 10px/18px Poppins,sans-serif!important;top:-7px!important;right:-10px!important} body:not(.nkx-z) #masthead .nav-dropdown{padding:0!important;overflow:hidden;border-radius:16px!important} body:not(.nkx-z) #masthead .nav-dropdown::before{left:0!important;right:0!important;border-radius:0!important} body:not(.nkx-z) #masthead .nav-dropdown>li>a{border-radius:0!important;padding:14px 22px!important;border-bottom:1px solid rgba(255,255,255,.06)!important} body:not(.nkx-z) #masthead .nav-dropdown>li:last-child>a{border-bottom:0!important} body:not(.nkx-z) #masthead .nav-dropdown>li>a:hover{padding-left:26px!important} body:not(.nkx-z) #masthead .nav-dropdown .widget_shopping_cart_content{padding:16px 18px!important} /* product page v5: aligned price, themed spec tiles, matching quantity + trust strip */ body:not(.nkx-z).single-product .product-page-price{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:6px 14px} body:not(.nkx-z).single-product .product-page-price .woocommerce-Price-currencySymbol{vertical-align:baseline!important;position:static!important;top:auto!important;font-size:inherit!important;margin-right:.15em} body:not(.nkx-z).single-product .product-page-price del{order:2;opacity:1!important} body:not(.nkx-z).single-product .product-page-price ins{order:1} body:not(.nkx-z).single-product .nkui-spec__title{font:700 11px/1 Poppins,sans-serif!important;letter-spacing:.22em!important;text-transform:uppercase;color:#B4B0CC!important} body:not(.nkx-z).single-product .nkui-tile{background:#0B0B0E!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;box-shadow:none!important} body:not(.nkx-z).single-product .nkui-tile__v{font:italic 900 30px/1 Poppins,sans-serif!important;color:#fff!important;letter-spacing:-.02em} body:not(.nkx-z).single-product .nkui-tile__v--sm{font-size:20px!important} body:not(.nkx-z).single-product .nkui-tile__u{font:700 12px Poppins,sans-serif!important;font-style:normal!important;color:#00E5FF!important;margin-left:3px} body:not(.nkx-z).single-product .nkui-tile__l{font:600 10px/1.4 Poppins,sans-serif!important;letter-spacing:.2em!important;color:#7C7799!important} body:not(.nkx-z).single-product .nkui-more{background:#0B0B0E!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;overflow:hidden} body:not(.nkx-z).single-product .nkui-more__t{font:600 11px/1 Poppins,sans-serif!important;letter-spacing:.2em!important;color:#ECE9FB!important} body:not(.nkx-z).single-product .nkui-spec__row:nth-child(even){background:rgba(255,255,255,.03)} body:not(.nkx-z).single-product form.cart .ux-quantity{height:56px!important;border-radius:999px!important;background:#0B0B0E!important;border:1px solid rgba(255,255,255,.16)!important;padding:0 8px!important} body:not(.nkx-z).single-product .single_add_to_cart_button{min-height:56px!important;box-shadow:0 14px 34px -20px rgba(157,92,255,.9)!important} body:not(.nkx-z).single-product form.cart::after{color:#D7D3EA!important;border-color:rgba(255,255,255,.08)!important;background:#0B0B0E!important;font-weight:500!important} /* footer v5: line icon on every link */ body:not(.nkx-z) .nk-footer__links a{display:flex!important;align-items:center;gap:11px} body:not(.nkx-z) .nk-footer__links a::before{content:"";flex:none;width:16px;height:16px;background:#7C7799;-webkit-mask:var(--fi) center/contain no-repeat;mask:var(--fi) center/contain no-repeat;transition:background .3s,transform .35s} body:not(.nkx-z) .nk-footer__links a:hover::before{background:linear-gradient(135deg,#00E5FF,#9D5CFF,#FF2E9A);transform:scale(1.12)} body:not(.nkx-z) .nk-footer__links a{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%2012h14M13%206l6%206-6%206'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="receiver"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2014v-2a9%209%200%200%201%2018%200v2'%2F%3E%3Cpath%20d%3D'M21%2015a2%202%200%200%201-2%202h-1v-6h1a2%202%200%200%201%202%202z'%2F%3E%3Cpath%20d%3D'M3%2015a2%202%200%200%200%202%202h1v-6H5a2%202%200%200%200-2%202z'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="transmitter"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'4'%20y%3D'10'%20width%3D'16'%20height%3D'11'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M8%2010%2017%203'%2F%3E%3Ccircle%20cx%3D'9'%20cy%3D'15.5'%20r%3D'2'%2F%3E%3Cpath%20d%3D'M14%2014h3M14%2017h3'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="tago"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20.6%2013.4%2013.4%2020.6a2%202%200%200%201-2.8%200L3%2013V3h10l7.6%207.6a2%202%200%200%201%200%202.8z'%2F%3E%3Ccircle%20cx%3D'7.5'%20cy%3D'7.5'%20r%3D'1.5'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="refr"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'3'%20width%3D'7'%20height%3D'7'%20rx%3D'1'%2F%3E%3Crect%20x%3D'14'%20y%3D'3'%20width%3D'7'%20height%3D'7'%20rx%3D'1'%2F%3E%3Crect%20x%3D'3'%20y%3D'14'%20width%3D'7'%20height%3D'7'%20rx%3D'1'%2F%3E%3Cpath%20d%3D'M14%2014h3v3M21%2014v.01M14%2021h7v-4'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="lyrx"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%205h9M8.5%203v2M6%205c1%204%204%207%207%208M11%205c-1%204-4%207-7%209'%2F%3E%3Cpath%20d%3D'm13%2021%204-9%204%209M14.5%2018h5'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="/shop/"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'4'%20y%3D'4'%20width%3D'6.5'%20height%3D'6.5'%20rx%3D'1.5'%2F%3E%3Crect%20x%3D'13.5'%20y%3D'4'%20width%3D'6.5'%20height%3D'6.5'%20rx%3D'1.5'%2F%3E%3Crect%20x%3D'4'%20y%3D'13.5'%20width%3D'6.5'%20height%3D'6.5'%20rx%3D'1.5'%2F%3E%3Crect%20x%3D'13.5'%20y%3D'13.5'%20width%3D'6.5'%20height%3D'6.5'%20rx%3D'1.5'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="5-reasons"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203v4M12%2017v4M3%2012h4M17%2012h4M6%206l2.5%202.5M15.5%2015.5%2018%2018M6%2018l2.5-2.5M15.5%208.5%2018%206'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="corporate"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'7'%20width%3D'18'%20height%3D'13'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M9%207V5a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202v2M3%2013h18'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="ultimate-guide"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%205a2%202%200%200%201%202-2h13v16H6a2%202%200%200%200-2%202z'%2F%3E%3Cpath%20d%3D'M4%2019V5M8%207h7'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="noise"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M11%205%206%209H3v6h3l5%204z'%2F%3E%3Cpath%20d%3D'm16%209%205%206M21%209l-5%206'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="dj"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'2.5'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="/history"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Cpath%20d%3D'M12%207v5l3%202'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="/blog"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%2020h4L19%209a2.8%202.8%200%200%200-4-4L4%2016z'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="rent"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'5'%20width%3D'18'%20height%3D'16'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M3%2010h18M8%203v4M16%203v4'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="request-quote"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M14%203H6a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V9z'%2F%3E%3Cpath%20d%3D'M14%203v6h6M8%2013h8M8%2017h5'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="wa.me"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M21%2012a8.5%208.5%200%200%201-12.4%207.6L3%2021l1.5-5.4A8.5%208.5%200%201%201%2021%2012z'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="creator"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm12%203%202.8%205.7%206.2.9-4.5%204.4%201%206.2L12%2017.3%206.5%2020.2l1-6.2L3%209.6l6.2-.9z'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="mailto"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'5'%20width%3D'18'%20height%3D'14'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'm3%207%209%206%209-6'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="contact"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%204h4l2%205-2.5%201.5a11%2011%200%200%200%205%205L15%2013l5%202v4a2%202%200%200%201-2%202A16%2016%200%200%201%203%206a2%202%200%200%201%202-2'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="policies"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203%204%206v6c0%205%203.5%208%208%209%204.5-1%208-4%208-9V6z'%2F%3E%3Cpath%20d%3D'm9%2012%202%202%204-4'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="terms"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M8%203h11v15a3%203%200%200%201-3%203H6a2%202%200%200%201-2-2v-2h12'%2F%3E%3Cpath%20d%3D'M8%203a2%202%200%200%200-2%202v12'%2F%3E%3C%2Fsvg%3E")} body:not(.nkx-z) .nk-footer__links a[href*="privacy"]{--fi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'4'%20y%3D'11'%20width%3D'16'%20height%3D'10'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M8%2011V7a4%204%200%200%201%208%200v4'%2F%3E%3C%2Fsvg%3E")} /* sweep v5: cart divider, page title bars, legacy page banners */ body:not(.nkx-z) #masthead .header-cart-link::after,body:not(.nkx-z) #masthead .header-cart-link::before{display:none!important} body:not(.nkx-z) .my-account-header.page-title,body:not(.nkx-z) .page-title.dark,body:not(.nkx-z) .shop-page-title{background:transparent!important;background-image:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:46px 0 26px!important} body:not(.nkx-z) .my-account-header .page-title-inner h1,body:not(.nkx-z) .page-title h1{font:italic 900 clamp(30px,4.4vw,56px)/1 Poppins,sans-serif!important;text-transform:uppercase!important;letter-spacing:-.02em!important;color:#fff!important} body:not(.nkx-z) main#main::before{background-image:radial-gradient(60% 140% at 85% 0%,rgba(157,92,255,.28),transparent 60%),radial-gradient(45% 120% at 5% 100%,rgba(0,229,255,.14),transparent 60%)!important;background-color:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;box-shadow:none!important;max-width:none!important;width:100%!important;margin:0 0 34px!important;font:italic 900 clamp(34px,5vw,64px)/1 Poppins,sans-serif!important;letter-spacing:-.02em!important;text-transform:uppercase!important;color:#fff!important;text-shadow:none!important} body:not(.nkx-z) main#main::after{display:none!important} body:not(.nkx-z) .checkout-breadcrumbs,body:not(.nkx-z) .checkout-page-title{font:600 11px/1.4 Poppins,sans-serif!important;letter-spacing:.2em!important} body:not(.nkx-z) .checkout-breadcrumbs a{color:#7C7799!important} body:not(.nkx-z) .checkout-breadcrumbs a.current{color:#fff!important} body:not(.nkx-z) .woocommerce-form-coupon-toggle .woocommerce-info,body:not(.nkx-z) .woocommerce-info,body:not(.nkx-z) .woocommerce-message{background:#0B0B0E!important;border:1px solid rgba(255,255,255,.08)!important;border-left:3px solid #00E5FF!important;border-radius:14px!important;color:#D7D3EA!important} body:not(.nkx-z) .page-title .page-title-bg{background:radial-gradient(60% 140% at 85% 0%,rgba(157,92,255,.28),transparent 60%),radial-gradient(45% 120% at 5% 100%,rgba(0,229,255,.14),transparent 60%)!important;background-color:transparent!important} /* quantity v6: drawn minus/plus icons, always centred */ body:not(.nkx-z) .ux-quantity input.ux-quantity__button.ux-quantity__button{font-size:0!important;color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:14px 14px!important} body:not(.nkx-z) .ux-quantity input.ux-quantity__button.ux-quantity__button--minus{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'2.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M5%2012h14'%2F%3E%3C%2Fsvg%3E")!important} body:not(.nkx-z) .ux-quantity input.ux-quantity__button.ux-quantity__button--plus{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'2.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M5%2012h14M12%205v14'%2F%3E%3C%2Fsvg%3E")!important} body:not(.nkx-z) .ux-quantity .ux-quantity__button:hover{background-color:rgba(255,255,255,.1)!important} /* full specification bar: roomier */ body:not(.nkx-z).single-product .nkui-more__t{padding:20px 24px!important;min-height:62px;align-items:center} body:not(.nkx-z).single-product .nkui-more__b{padding:4px 12px 14px!important} /* breadcrumbs bar (built by the theme script) */ body:not(.nkx-z) .product-info .woocommerce-breadcrumb{display:none!important} .nkx-bc{position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,rgba(0,229,255,.05),rgba(157,92,255,.05) 50%,rgba(255,46,154,.05))} .nkx-bc ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;width:min(1240px,100% - 32px);margin:0 auto!important;padding:14px 0!important;font:600 11px/1.4 Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase} .nkx-bc li{display:inline-flex;align-items:center;gap:10px;margin:0!important;color:#7C7799} .nkx-bc li+li::before{content:"";width:12px;height:12px;background:rgba(255,255,255,.3);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm9%206%206%206-6%206'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm9%206%206%206-6%206'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat} .nkx-bc a{display:inline-flex;align-items:center;gap:8px;color:#B4B0CC!important;transition:color .3s} .nkx-bc a:hover{color:#00E5FF!important} .nkx-bc li:first-child a::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2010.5%2012%203l9%207.5'%2F%3E%3Cpath%20d%3D'M5%209.5V21h14V9.5'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2010.5%2012%203l9%207.5'%2F%3E%3Cpath%20d%3D'M5%209.5V21h14V9.5'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat} .nkx-bc [aria-current]{background:linear-gradient(90deg,#00E5FF,#9D5CFF 50%,#FF2E9A);-webkit-background-clip:text;background-clip:text;color:transparent;max-width:min(52ch,60vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media (max-width:767px){.nkx-bc ol{padding:11px 0!important;font-size:10px;letter-spacing:.12em}} /* classic shop cards: compact attribute grid, no dash */ body:not(.nkx-z) .product-small .product-card-25-attributes-wrapper{display:block!important;max-height:none!important;overflow:visible!important;margin:10px 0 2px!important} body:not(.nkx-z) .product-small .product-card-25-attr-fade,body:not(.nkx-z) .product-small .product-card-25-toggle{display:none!important} body:not(.nkx-z) .product-small .product-card-25-attributes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important} body:not(.nkx-z) .product-small .product-card-25-attr-row{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:3px;margin:0!important;padding:8px 10px!important;border-radius:12px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.07)} body:not(.nkx-z) .product-small .product-card-25-attr-row:nth-child(n){background:rgba(255,255,255,.04)!important} body:not(.nkx-z) .product-small .product-card-25-attr-row>svg,body:not(.nkx-z) .product-small .product-card-25-attr-row>i,body:not(.nkx-z) .product-small .product-card-25-attr-row .product-card-25-attr-icon{display:none!important} body:not(.nkx-z) .product-small .product-card-25-attr-label{font:600 9px/1.2 Poppins,sans-serif!important;letter-spacing:.16em!important;color:#7C7799!important} body:not(.nkx-z) .product-small .product-card-25-attr-value{font:600 12px/1.3 Poppins,sans-serif!important;color:#F1EFFC!important} body:not(.nkx-z) .product-small .product-card-25-model-dash{display:none!important} body:not(.nkx-z) .product-small .product-card-25-model-value{margin-left:.3em} body:not(.nkx-z) .product-small .product-card-25-attr-row::before{display:none!important;content:none!important} body:not(.nkx-z) .product-small .product-card-25-attributes-wrapper,body:not(.nkx-z) .product-small .product-card-25-attributes{height:auto!important;max-height:none!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important} body:not(.nkx-z) .product-small .product-card-25-attr-row:nth-child(n+7){display:none!important} /* classic shop cards: minimal chip line replaces the plugin's attribute boxes */ body:not(.nkx-z) .product-small .product-card-25-attributes-wrapper,body:not(.nkx-z) .product-small .product-card-25-toggle{display:none!important} .nks-spec--classic{margin:12px 0 4px!important;padding:0 18px!important} .nks-spec--classic li{--glow:#9D5CFF} /* product page: no line above tabs, description panel as wide as the top section */ body:not(.nkx-z) .product-footer .woocommerce-tabs{max-width:none!important;border-top:0!important;padding-left:15px!important;padding-right:15px!important} body:not(.nkx-z) .product-footer .woocommerce-tabs .tabs{border:0!important;justify-content:center} body:not(.nkx-z) .product-footer .woocommerce-tabs .tabs::before,body:not(.nkx-z) .product-footer .woocommerce-tabs .tabs::after{display:none!important} body:not(.nkx-z) .product-footer .woocommerce-Tabs-panel{margin-left:0!important;margin-right:0!important} body:not(.nkx-z) .product-footer>.container{padding-left:0!important;padding-right:0!important} body:not(.nkx-z).single-product form.cart .ux-quantity{align-items:center!important;padding-top:0!important;padding-bottom:0!important} body:not(.nkx-z).single-product form.cart .ux-quantity>*{margin-top:0!important;margin-bottom:0!important;align-self:center!important;vertical-align:middle!important} body:not(.nkx-z).single-product form.cart .ux-quantity label{position:absolute!important} /* footer: hairline under every link */ body:not(.nkx-z) .nk-footer__links a{width:100%!important;max-width:none!important;padding:11px 0!important;border-bottom:1px solid rgba(255,255,255,.07)!important} body:not(.nkx-z) .nk-footer__links a:last-child{border-bottom:0!important} /* floating buttons: shared centre line; Chaty greeting bubble in theme style */ body:not(.nkx-z) .smooth-back-to-top-button{bottom:44px!important} body:not(.nkx-z) .chaty-widget .chaty-cta-main .on-hover-text{background:rgba(16,12,32,.94)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;padding:8px 14px!important;font:600 12px/1 Poppins,sans-serif!important;letter-spacing:.04em!important;white-space:nowrap!important;box-shadow:0 10px 26px -10px rgba(157,92,255,.85)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} body:not(.nkx-z) .chaty-widget .chaty-cta-main.chaty-tooltip::before,body:not(.nkx-z) .chaty-widget .chaty-cta-main.chaty-tooltip::after,body:not(.nkx-z) .chaty-widget .chaty-cta-main .on-hover-text::before,body:not(.nkx-z) .chaty-widget .chaty-cta-main .on-hover-text::after{display:none!important} /* product page v7 */ body:not(.nkx-z).single-product .woocommerce-Tabs-panel a.button.expand,body:not(.nkx-z).single-product .woocommerce-Tabs-panel a.button[href$=".pdf"]{margin-top:18px!important} body:not(.nkx-z).single-product .nkui-spec__row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;column-gap:18px;padding:12px 18px!important;margin:0!important} body:not(.nkx-z).single-product .nkui-spec__label{margin:0!important;font:600 10px/1.4 Poppins,sans-serif!important;letter-spacing:.16em!important;color:#7C7799!important} body:not(.nkx-z).single-product .nkui-spec__value{margin:0!important;font:500 14px/1.4 Inter,sans-serif!important;color:#F1EFFC!important;text-align:left} body:not(.nkx-z).single-product .product-thumbnails{margin-bottom:28px!important} body:not(.nkx-z).single-product .product-thumbnails a,body:not(.nkx-z).single-product .product-thumbnails .is-nav-selected a{border:0!important;box-shadow:none!important;outline:0!important;position:relative} body:not(.nkx-z).single-product .product-thumbnails .is-nav-selected a::after{content:"";position:absolute;left:18%;right:18%;bottom:6px;height:2px;border-radius:2px;background:linear-gradient(90deg,#00E5FF,#9D5CFF,#FF2E9A)} body:not(.nkx-z) .ux-quantity input.ux-quantity__button.ux-quantity__button{width:36px!important;height:36px!important;border-radius:50%!important;background-color:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important} body:not(.nkx-z) .ux-quantity input.ux-quantity__button.ux-quantity__button:hover{background-color:rgba(0,229,255,.16)!important;border-color:rgba(0,229,255,.5)!important} body:not(.nkx-z).single-product .woocommerce-tabs .tabs{display:flex!important;flex-wrap:wrap;gap:10px!important} @media (max-width:849px){ body:not(.nkx-z).single-product .woocommerce-tabs .tabs li a{padding:15px 20px!important;font-size:11px!important} body:not(.nkx-z).single-product .product-gallery{padding-left:0!important;padding-right:0!important} body:not(.nkx-z).single-product .product-gallery .product-images{border-radius:0!important;border-left:0!important;border-right:0!important} body:not(.nkx-z).single-product .product-gallery .woocommerce-product-gallery__image img{border-radius:0!important} body:not(.nkx-z).single-product .product-thumbnails{padding-left:12px!important;padding-right:12px!important} } /* breadcrumbs: one line on phones */ @media (max-width:767px){ .nkx-bc ol{flex-wrap:nowrap!important;white-space:nowrap;overflow:hidden;gap:8px!important} .nkx-bc li{flex:none} .nkx-bc li:last-child{flex:1 1 auto;min-width:0} .nkx-bc [aria-current]{display:block;max-width:100%!important;overflow:hidden;text-overflow:ellipsis} } /* phone: page banners edge-to-edge, photo strips as swipe sliders */ @media (max-width:767px){ body:not(.nkx-z) .nk-blog-hero{border-radius:0!important;border-left:0!important;border-right:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;box-shadow:none!important} body:not(.nkx-z) .nk-strip{display:flex!important;grid-template-columns:none!important;flex-direction:row!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;padding:4px 16px 16px!important;margin:0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch} body:not(.nkx-z) .nk-strip::-webkit-scrollbar{display:none} body:not(.nkx-z) .nk-strip>*{flex:0 0 78%!important;max-width:78%!important;width:auto!important;margin:0!important;scroll-snap-align:center} body:not(.nkx-z) .nk-strip img{width:100%!important;height:220px!important;object-fit:cover;border-radius:18px!important;margin:0!important;display:block} } /* Chaty: hide the duplicate white "Hi !" tooltip of the close button; smaller menu logo */ body:not(.nkx-z) .chaty-widget .chaty-cta-close.chaty-tooltip::before,body:not(.nkx-z) .chaty-widget .chaty-cta-close.chaty-tooltip::after{display:none!important;content:none!important} body:not(.nkx-z) .off-canvas .nav-sidebar>li.html img{width:132px!important;max-width:132px!important;height:auto!important;display:block;margin:0 auto!important} /*NKX-GLOBAL-END*/