/* ═══════════════════════════════════════════════════════
   ELECTROMI HOMEPAGE - Dark Neon Theme
   Переменные наследуются из base/variables.css
   ═══════════════════════════════════════════════════════ */

.electromi-home {
  color: var(--silver);
}
.electromi-home *, .electromi-home *::before, .electromi-home *::after { box-sizing: border-box; }
.electromi-home img { max-width: 100%; display: block; }
.electromi-home a { text-decoration: none; color: inherit; }
.electromi-home a.em-btn,
.electromi-home a.em-promo-strip__cta,
.electromi-home a.em-pick-card__cart,
.electromi-home a.em-pcard__cart,
.electromi-home a.em-section-link,
.electromi-home a.em-header__mega-all,
.electromi-home a.em-header__nav-link,
.electromi-home a.em-header__phone,
.electromi-home a.em-header__icon-btn,
.electromi-home a.em-header__mega-card,
.electromi-home a.em-mmenu__link,
.electromi-home a.em-catbar__item { color: unset; }
.electromi-home button { cursor: pointer; border: none; background: none; font: inherit; color: inherit; }

.em-container { max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); }

/* ── Buttons ── */
.em-btn { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; border-radius: var(--r-sm); transition: all .3s var(--ease); white-space: nowrap; }
.em-btn--neon { padding: 14px 32px; font-size: .9375rem; background: var(--neon); color: #0B0D11 !important; font-weight: 800; }
.em-btn--neon:hover { background: #4dff33; box-shadow: 0 0 30px var(--neon-glow), 0 0 60px rgba(57,255,20,.1); transform: translateY(-2px); color: #0B0D11 !important; }
.em-btn--ghost { padding: 12px 24px; font-size: .875rem; border: 1px solid rgba(255,255,255,.1); color: var(--white) !important; }
.em-btn--ghost:hover { border-color: var(--neon); color: var(--neon) !important; }
.em-btn--sm { padding: 10px 20px; font-size: .8125rem; }
.em-btn--orange { background: var(--orange); color: #fff; padding: 14px 32px; font-size: .9375rem; }
.em-btn--orange:hover { background: #ff7f45; box-shadow: 0 0 30px var(--orange-glow); transform: translateY(-2px); }

/* ── Tags ── */
.em-tag { font-size: .625rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--neon); margin-bottom: 4px; }
.em-section-title { font-size: clamp(1.5rem,3.5vw,2.25rem); font-weight: 900; color: var(--white); letter-spacing: -.03em; line-height: 1.15; }
.em-section-head { display: flex; flex-direction: column; gap: 4px; margin-bottom: 36px; }
@media(min-width:768px) { .em-section-head { flex-direction: row; align-items: flex-end; justify-content: space-between; margin-bottom: 48px; } }
.em-section-link { font-size: .8125rem; font-weight: 600; color: var(--silver-3) !important; transition: color .25s var(--ease); display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.em-section-link:hover { color: var(--neon) !important; }
.em-section-link i { transition: transform .3s var(--ease); }
.em-section-link:hover i { transform: translateX(4px); }

/* ═══════ PROMO STRIP ═══════ */
.em-promo-strip {
  background: linear-gradient(90deg, var(--neon) 0%, #70FF50 50%, var(--neon) 100%);
  padding: 12px 16px; text-align: center;
  font-size: .875rem; font-weight: 700;
  color: var(--black); letter-spacing: .02em;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 12px;
  line-height: 1.4;
}
@media (max-width: 480px) {
    .em-promo-strip { font-size: .8125rem; padding: 10px 12px; gap: 4px 8px; }
}
.em-promo-strip__cta {
  display: inline-flex; align-items: center; gap: 6px;
  margin-left: 0; padding: 4px 14px;
  background: var(--black); color: var(--neon) !important;
  border-radius: var(--r-full); font-size: .75rem; font-weight: 800;
  text-transform: uppercase; letter-spacing: .05em;
  transition: all .25s var(--ease);
}
.em-promo-strip__cta:hover { background: var(--black-3); transform: scale(1.05); color: var(--neon) !important; }
.em-promo-strip__countdown { font-weight: 900; letter-spacing: .03em; font-size: .9375rem; }

/* ═══════ HERO ═══════ */
.em-hero {
  position: relative; padding: 40px 0 44px;
  min-height: calc(100vh - var(--header-h) - 48px);
  display: flex; align-items: center; overflow: hidden;
  background: radial-gradient(ellipse 60% 50% at 70% 45%, rgba(57,255,20,.04) 0%, transparent 70%),
              radial-gradient(ellipse 40% 60% at 20% 80%, rgba(59,130,246,.03) 0%, transparent 60%),
              var(--black);
}
.em-hero::before { content: ''; position: absolute; top: 50%; left: 55%; width: 600px; height: 600px; transform: translate(-50%,-50%); background: radial-gradient(circle, rgba(57,255,20,.07) 0%, transparent 70%); pointer-events: none; }
.em-hero__grid { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; position: relative; z-index: 2; }
@media(min-width:900px) { .em-hero__grid { grid-template-columns: 1fr 1fr; gap: 48px; } .em-hero { padding: 56px 0 56px; } }
.em-hero__text { max-width: 520px; }
.em-hero__overline { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 20px; padding: 6px 14px; background: var(--neon-ghost); border: 1px solid rgba(57,255,20,.12); border-radius: var(--r-full); font-size: .6875rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--neon); }
.em-hero__overline-dot { width: 6px; height: 6px; background: var(--neon); border-radius: 50%; animation: em-blink 2s ease infinite; }
@keyframes em-blink { 0%,100%{opacity:1} 50%{opacity:.3} }
.em-hero__title { font-size: clamp(2rem,5.5vw,3.75rem); font-weight: 900; line-height: 1.05; letter-spacing: -.04em; color: var(--white); margin-bottom: 20px; }
.em-hero__title em { font-style: normal; background: linear-gradient(135deg, var(--neon), #90FF70); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.em-hero__desc { font-size: 1rem; line-height: 1.7; color: var(--silver-2); max-width: 420px; margin-bottom: 28px; }
.em-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; }
.em-hero__social-proof { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; }
.em-hero__rating { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; background: rgba(251,191,36,.12); border-radius: var(--r-full); font-size: .8125rem; font-weight: 800; color: #FBBF24; }
.em-hero__social-text { font-size: .8125rem; font-weight: 600; color: var(--silver-2); }
.em-hero__secondary-links { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 28px; }
.em-hero__link { display: inline-flex; align-items: center; gap: 6px; font-size: .8125rem; font-weight: 600; color: var(--silver-3); transition: color .25s var(--ease); }
.em-hero__link:hover { color: var(--neon); }
.em-hero__trust { display: flex; flex-wrap: wrap; gap: 24px; }
.em-hero__trust-item { display: flex; align-items: center; gap: 8px; font-size: .75rem; font-weight: 600; color: var(--silver-3); }
.em-hero__trust-item i { color: var(--cyan); font-size: .875rem; }

/* ── HUD ── */
.em-hud { --hud-size:300px; --ring-outer:calc(var(--hud-size)*.92); --ring-mid:calc(var(--hud-size)*.70); --ring-inner:calc(var(--hud-size)*.44); --node-w:86px; --node-h:70px; position: relative; display: flex; align-items: center; justify-content: center; width: var(--hud-size); height: var(--hud-size); margin: 0 auto; }
@media(min-width:600px){.em-hud{--hud-size:400px;--node-w:100px;--node-h:80px}}
@media(min-width:900px){.em-hud{--hud-size:480px;--node-w:120px;--node-h:92px}}
.em-hud__canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.em-hud__ring { position: absolute; border-radius: 50%; top: 50%; left: 50%; }
.em-hud__ring--1 { width:var(--ring-outer);height:var(--ring-outer);margin-top:calc(var(--ring-outer)/-2);margin-left:calc(var(--ring-outer)/-2);border:1px solid rgba(57,255,20,.12);animation:em-hud-spin 35s linear infinite; }
.em-hud__ring--1::before { content:'';position:absolute;inset:-5px;border-radius:50%;border:2px dashed rgba(57,255,20,.05); }
.em-hud__ring--2 { width:var(--ring-mid);height:var(--ring-mid);margin-top:calc(var(--ring-mid)/-2);margin-left:calc(var(--ring-mid)/-2);border:1px solid rgba(57,255,20,.07);animation:em-hud-spin 50s linear infinite reverse; }
.em-hud__ring--3 { width:var(--ring-inner);height:var(--ring-inner);margin-top:calc(var(--ring-inner)/-2);margin-left:calc(var(--ring-inner)/-2);border:1px solid rgba(57,255,20,.15);animation:em-hud-spin 20s linear infinite; }
@keyframes em-hud-spin { to { transform: rotate(360deg); } }
.em-hud__ticks { position:absolute;width:calc(var(--ring-outer)+16px);height:calc(var(--ring-outer)+16px);top:50%;left:50%;margin-top:calc((var(--ring-outer)+16px)/-2);margin-left:calc((var(--ring-outer)+16px)/-2);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(57,255,20,.1) 0deg 1deg,transparent 1deg 6deg);-webkit-mask:radial-gradient(circle,transparent calc(50% - 5px),black calc(50% - 4px),black calc(50%),transparent calc(50% + 1px));mask:radial-gradient(circle,transparent calc(50% - 5px),black calc(50% - 4px),black calc(50%),transparent calc(50% + 1px));animation:em-hud-spin 60s linear infinite reverse;pointer-events:none; }
.em-hud__sweep { position:absolute;width:var(--ring-outer);height:var(--ring-outer);top:50%;left:50%;margin-top:calc(var(--ring-outer)/-2);margin-left:calc(var(--ring-outer)/-2);border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(57,255,20,.05) 20deg,transparent 80deg);animation:em-hud-spin 6s linear infinite;pointer-events:none;z-index:2; }
.em-hud__node { position:absolute;width:var(--node-w);height:var(--node-h);top:50%;left:50%;margin-top:calc(var(--node-h)/-2);margin-left:calc(var(--node-w)/-2);text-decoration:none;z-index:5;will-change:transform;transition:filter .3s var(--ease); }
.em-hud__node:hover { filter: brightness(1.3); }
.em-hud__node-inner { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;background:rgba(57,255,20,.04);border:1px solid rgba(57,255,20,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:all .3s var(--ease); }
.em-hud__node:hover .em-hud__node-inner { background:rgba(57,255,20,.12);border-color:var(--neon);box-shadow:0 0 24px rgba(57,255,20,.25),inset 0 0 12px rgba(57,255,20,.05); }
.em-hud__node-inner i { font-size:1rem; color:var(--neon); }
/* Skateboard inline SVG icon - 122.88:30 = 4.096:1 aspect ratio */
.em-hud__node-inner .em-icon-skate { display:block; width:2.6em; height:0.65em; flex-shrink:0; color:var(--neon); overflow:visible; }
@media(min-width:600px){ .em-hud__node-inner .em-icon-skate { width:3em; height:0.73em; } }
@media(min-width:900px){ .em-hud__node-inner .em-icon-skate { width:3.4em; height:0.83em; } }
.em-hud__node-inner span { font-size:.5625rem;font-weight:700;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.04em;line-height:1.1;text-align:center; }
.em-hud__node-inner em { font-style:normal;font-size:.5625rem;font-weight:800;color:rgba(57,255,20,.85); }
@media(min-width:600px){.em-hud__node-inner i{font-size:1.25rem}.em-hud__node-inner span{font-size:.6875rem}.em-hud__node-inner em{font-size:.5625rem}}
@media(min-width:900px){.em-hud__node-inner i{font-size:1.375rem}.em-hud__node-inner span{font-size:.75rem}.em-hud__node-inner em{font-size:.625rem}}
.em-hud__core { position:relative;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; }
.em-hud__reactor { width:72px;height:72px;border-radius:50%;position:relative;background:radial-gradient(circle,rgba(57,255,20,.2) 0%,rgba(57,255,20,.05) 50%,transparent 70%);border:1.5px solid rgba(57,255,20,.3);box-shadow:0 0 30px rgba(57,255,20,.12),0 0 60px rgba(57,255,20,.04),inset 0 0 20px rgba(57,255,20,.1);animation:em-reactor-pulse 3s ease-in-out infinite;margin-bottom:10px; }
@media(min-width:600px){.em-hud__reactor{width:88px;height:88px}}
@media(min-width:900px){.em-hud__reactor{width:96px;height:96px}}
.em-hud__reactor::before { content:'';position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(57,255,20,.15);background:repeating-conic-gradient(rgba(57,255,20,.12) 0deg 2deg,transparent 2deg 30deg);animation:em-hud-counter-spin 12s linear infinite; }
@keyframes em-hud-counter-spin { to { transform: rotate(-360deg); } }
.em-hud__reactor::after { content:'\f0e7';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--neon);text-shadow:0 0 15px rgba(57,255,20,.4); }
@media(min-width:600px){.em-hud__reactor::after{font-size:1.5rem}}
@keyframes em-reactor-pulse { 0%,100%{box-shadow:0 0 30px rgba(57,255,20,.12),0 0 60px rgba(57,255,20,.04),inset 0 0 20px rgba(57,255,20,.1)} 50%{box-shadow:0 0 50px rgba(57,255,20,.25),0 0 100px rgba(57,255,20,.08),inset 0 0 30px rgba(57,255,20,.15)} }
.em-hud__core-text { font-size:.75rem;font-weight:900;color:var(--neon);letter-spacing:.18em;text-shadow:0 0 8px rgba(57,255,20,.3); }
@media(min-width:600px){.em-hud__core-text{font-size:.875rem}}
.em-hud__core-sub { font-size:.5625rem;font-weight:600;color:rgba(57,255,20,.7);letter-spacing:.25em;text-transform:uppercase;margin-top:3px; }
@media(min-width:900px){.em-hud__core-sub{font-size:.625rem}}
.em-hud.paused .em-hud__ring--1,.em-hud.paused .em-hud__ring--2,.em-hud.paused .em-hud__ring--3,.em-hud.paused .em-hud__ticks,.em-hud.paused .em-hud__sweep,.em-hud.paused .em-hud__reactor::before { animation-play-state:paused; }
@media(max-width:599px){
    .em-hud { display: none; }
    .em-hero { min-height: auto; padding: 24px 0; }
    .em-hero__actions { flex-direction: column; }
    .em-hero__actions .em-btn { width: 100%; justify-content: center; padding: 14px 20px; font-size: .9375rem; }
    .em-hero__actions .em-btn--neon { padding: 16px 24px; font-size: 1rem; }
    .em-stat__num { font-size: clamp(1.5rem, 6vw, 2rem); word-break: keep-all; }
}
@media(min-width:600px)and(max-width:899px){ .em-hud { --hud-size: 300px; } .em-hero { min-height: auto; } }

/* Hero/HUD fade-in */
.em-hero__text, .em-hud { opacity:0; transform:translateY(30px); animation: em-fadeup .8s var(--ease) forwards; }
.em-hud { animation-delay: .25s; }
@keyframes em-fadeup { to{opacity:1;transform:translateY(0)} }

/* ═══════ RETROWAVE SCOOTER SCENE ═══════ */
.em-scooter-scene {
  position: relative; overflow: hidden;
  height: 220px; background: var(--black);
  border-top: 1px solid rgba(57,255,20,.06);
  border-bottom: 1px solid rgba(57,255,20,.06);
}
@media(min-width:768px) { .em-scooter-scene { height: 280px; } }

/* Night sky */
.em-scene__sky {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #0a0015 0%, #120026 40%, #1a0033 60%, #2d004d 80%, #0B0D11 100%);
}
/* Stars */
.em-scene__stars {
  position: absolute; inset: 0;
  background-image: radial-gradient(1px 1px at 10% 15%, rgba(255,255,255,.6), transparent),
                    radial-gradient(1px 1px at 25% 8%, rgba(255,255,255,.4), transparent),
                    radial-gradient(1.5px 1.5px at 40% 22%, rgba(255,255,255,.7), transparent),
                    radial-gradient(1px 1px at 55% 5%, rgba(255,255,255,.5), transparent),
                    radial-gradient(1px 1px at 70% 18%, rgba(255,255,255,.3), transparent),
                    radial-gradient(1.5px 1.5px at 85% 12%, rgba(255,255,255,.6), transparent),
                    radial-gradient(1px 1px at 95% 25%, rgba(255,255,255,.4), transparent),
                    radial-gradient(1px 1px at 15% 30%, rgba(255,255,255,.3), transparent),
                    radial-gradient(1px 1px at 60% 28%, rgba(255,255,255,.5), transparent),
                    radial-gradient(1px 1px at 80% 3%, rgba(255,255,255,.6), transparent);
}
/* Buildings silhouette */
.em-scene__buildings {
  position: absolute; bottom: 50%; left: 0; right: 0; height: 55%;
  background:
    /* Building 1 */ linear-gradient(to top, #0a0a18 0%, #0a0a18 100%) no-repeat 1% 100% / 4% 65%,
    /* Building 2 */ linear-gradient(to top, #0d0d20 0%, #0d0d20 100%) no-repeat 6% 100% / 5% 80%,
    /* Building 3 */ linear-gradient(to top, #080818 0%, #080818 100%) no-repeat 12% 100% / 3.5% 55%,
    /* Building 4 */ linear-gradient(to top, #0b0b1c 0%, #0b0b1c 100%) no-repeat 16% 100% / 6% 90%,
    /* Building 5 */ linear-gradient(to top, #0a0a18 0%, #0a0a18 100%) no-repeat 23% 100% / 4% 60%,
    /* Building 6 */ linear-gradient(to top, #0e0e22 0%, #0e0e22 100%) no-repeat 28% 100% / 5% 75%,
    /* Building 7 */ linear-gradient(to top, #090918 0%, #090918 100%) no-repeat 34% 100% / 4.5% 85%,
    /* Building 8 */ linear-gradient(to top, #0b0b1c 0%, #0b0b1c 100%) no-repeat 39% 100% / 3% 50%,
    /* Building 9 */ linear-gradient(to top, #0c0c1e 0%, #0c0c1e 100%) no-repeat 43% 100% / 6% 95%,
    /* Building 10 */ linear-gradient(to top, #080818 0%, #080818 100%) no-repeat 58% 100% / 4% 70%,
    /* Building 11 */ linear-gradient(to top, #0a0a18 0%, #0a0a18 100%) no-repeat 64% 100% / 5.5% 60%,
    /* Building 12 */ linear-gradient(to top, #0d0d20 0%, #0d0d20 100%) no-repeat 69% 100% / 4% 88%,
    /* Building 13 */ linear-gradient(to top, #0b0b1c 0%, #0b0b1c 100%) no-repeat 74% 100% / 5% 55%,
    /* Building 14 */ linear-gradient(to top, #090918 0%, #090918 100%) no-repeat 81% 100% / 6% 78%,
    /* Building 15 */ linear-gradient(to top, #0a0a18 0%, #0a0a18 100%) no-repeat 86% 100% / 4% 65%,
    /* Building 16 */ linear-gradient(to top, #0c0c1e 0%, #0c0c1e 100%) no-repeat 92% 100% / 5% 92%,
    /* Building 17 */ linear-gradient(to top, #080818 0%, #080818 100%) no-repeat 97% 100% / 4.5% 58%,
    /* Building 18 */ linear-gradient(to top, #0b0b1c 0%, #0b0b1c 100%) no-repeat 100% 100% / 3% 72%;
}
/* Window lights - square, per-building, rendered by JS canvas */
.em-scene__windows {
  position: absolute; inset: 0;
  z-index: 2; display: block; pointer-events: none;
}

/* Retrowave ground / road */
.em-scene__ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #1a0033 0%, #0B0D11 100%);
}
/* Grid lines (perspective road) */
.em-scene__grid {
  position: absolute; bottom: 0; left: -20%; right: -20%; height: 50%;
  background:
    repeating-linear-gradient(90deg, rgba(57,255,20,.06) 0px, rgba(57,255,20,.06) 1px, transparent 1px, transparent 60px),
    repeating-linear-gradient(180deg, rgba(57,255,20,.08) 0px, rgba(57,255,20,.08) 1px, transparent 1px, transparent 40px);
  transform: perspective(300px) rotateX(45deg);
  transform-origin: center bottom;
  animation: em-grid-scroll 2s linear infinite;
}
@keyframes em-grid-scroll {
  0% { background-position: 0 0, 0 0; }
  100% { background-position: 0 0, 0 40px; }
}
/* Horizon glow */
.em-scene__horizon-glow {
  position: absolute; bottom: 48%; left: 0; right: 0; height: 30px;
  background: linear-gradient(180deg, transparent, rgba(57,255,20,.08), rgba(255,0,128,.06), transparent);
  filter: blur(8px);
}
/* Sun */
.em-scene__sun {
  position: absolute; bottom: 50%; left: 50%; transform: translateX(-50%);
  width: 80px; height: 40px; border-radius: 80px 80px 0 0;
  background: linear-gradient(180deg, #ff006e, #ff6b2c, #ffd700);
  box-shadow: 0 0 40px rgba(255,0,110,.3), 0 0 80px rgba(255,107,44,.15);
  overflow: hidden; z-index: 5;
}
.em-scene__sun::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 100%;
  background: repeating-linear-gradient(0deg, transparent 0px, transparent 3px, rgba(26,0,51,.6) 3px, rgba(26,0,51,.6) 5px);
}
@media(min-width:768px) { .em-scene__sun { width: 120px; height: 60px; border-radius: 120px 120px 0 0; } }

/* THE SCOOTER - SVG rides left→right */
.em-scene__scooter-wrap {
  position: absolute; bottom: 14%; z-index: 10;
  width: 180px; height: auto;
  animation: em-scooter-ride 10s linear infinite;
}
@media(min-width:768px) { .em-scene__scooter-wrap { width: 240px; } }
@media(max-width:767px) { .em-scene__scooter-wrap { width: 140px; } }
@keyframes em-scooter-ride {
  0% { left: -18%; }
  100% { left: 118%; }
}
.em-scene__scooter-svg {
  width: 100%; height: auto; display: block;
  animation: em-scooter-bounce .35s ease-in-out infinite alternate;
  filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(57,255,20,.4)) drop-shadow(0 4px 12px rgba(57,255,20,.15));
}
@keyframes em-scooter-bounce { 0%{transform:translateY(0)} 100%{transform:translateY(-3px)} }
/* Speed lines */
.em-scene__speed-lines { position: absolute; bottom: 22%; left: 0; right: 0; height: 6px; overflow: hidden; }
.em-scene__speed-line { position: absolute; height: 1px; background: linear-gradient(90deg, transparent, rgba(57,255,20,.3), transparent); animation: em-speed-line 1.5s linear infinite; }
.em-scene__speed-line:nth-child(1) { top: 0; width: 60px; animation-delay: 0s; }
.em-scene__speed-line:nth-child(2) { top: 2px; width: 40px; animation-delay: .4s; }
.em-scene__speed-line:nth-child(3) { top: 4px; width: 50px; animation-delay: .8s; }
@keyframes em-speed-line { 0%{left:80%;opacity:0} 20%{opacity:1} 80%{opacity:1} 100%{left:-10%;opacity:0} }
/* Neon road line */
.em-scene__road-line { position: absolute; bottom: 16%; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent 10%, rgba(57,255,20,.15) 30%, rgba(57,255,20,.3) 50%, rgba(57,255,20,.15) 70%, transparent 90%); }

/* ═══════ TRUST/STATS BAR ═══════ */
.em-stats-bar { padding:48px 0; background: linear-gradient(90deg, rgba(57,255,20,.03), rgba(59,130,246,.03), rgba(255,107,44,.03)), var(--black); border-top: 1px solid rgba(255,255,255,.03); border-bottom: 1px solid rgba(255,255,255,.03); }
.em-stats-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px 24px; }
@media(min-width:768px){.em-stats-grid{grid-template-columns:repeat(4,1fr);gap:32px}}
.em-stat__num { font-size:clamp(1.75rem,3vw,2.5rem); font-weight:900; color:var(--white); letter-spacing:-.03em; line-height:1; }
.em-stat__num span { color: var(--cyan); }
.em-stat__label { font-size:.8125rem; color:var(--silver-3); margin-top:6px; }

/* ═══════ PICKS ═══════ */
.em-picks { padding:64px 0; background:var(--black); }
@media(min-width:768px){.em-picks{padding:96px 0}}
.em-picks__scroll { display:flex; gap:16px; overflow-x:auto; padding-bottom:8px; padding-top:12px; margin-top:-12px; scroll-snap-type:x mandatory; scrollbar-width:none; }
.em-picks__scroll::-webkit-scrollbar { display:none; }

/* Product cards */
.em-pick-card { position:relative; flex:0 0 280px; scroll-snap-align:start; background:var(--black-2); border:1px solid rgba(255,255,255,.04); border-radius:var(--r-md); overflow:hidden; transition:all .3s var(--ease); }
@media(min-width:768px){.em-pick-card{flex:0 0 320px}}
.em-pick-card:hover { border-color:rgba(57,255,20,.15); transform:translateY(-6px); box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 20px rgba(57,255,20,.06); }
.em-pick-card__img { width:100%; aspect-ratio:5/4; background:linear-gradient(135deg,var(--black-3),var(--black-4)); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.em-pick-card__img i { font-size:3.5rem; color:rgba(255,255,255,.06); }
.em-pick-card__img img { width:100%; height:100%; object-fit:cover; }
.em-pick-card__tag { position:absolute; top:12px; left:12px; padding:3px 10px; font-size:.625rem; font-weight:700; border-radius:var(--r-full); text-transform:uppercase; letter-spacing:.05em; }
.em-pick-card__tag--hot { background:var(--orange); color:#fff; }
.em-pick-card__tag--new { background:var(--neon); color:var(--black); }
.em-pick-card__tag--sale { background:var(--danger); color:#fff; }
.em-pick-card__body { padding:20px; }
.em-pick-card__brand { font-size:.625rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--silver-3); margin-bottom:4px; }
.em-pick-card__name { font-size:1rem; font-weight:700; color:var(--white); letter-spacing:-.01em; margin-bottom:10px; line-height:1.3; }
.em-pick-card__name a { transition:color .2s; }
.em-pick-card__name a:hover { color:var(--neon); text-shadow:0 0 8px rgba(57,255,20,.15); }
.em-pick-card__link::after { content:''; position:absolute; inset:0; z-index:1; }
.em-pick-card__img-link { display:block; width:100%; height:100%; }
.em-pick-card__img-link img { width:100%; height:100%; object-fit:cover; }
.em-pick-card__cart { position:relative; z-index:2; }
.em-pick-card__specs { display:flex; gap:4px; margin-bottom:14px; flex-wrap:wrap; }
.em-pick-spec { display:flex; align-items:center; gap:4px; padding:4px 8px; background:rgba(255,255,255,.04); border-radius:var(--r-sm); font-size:.6875rem; font-weight:600; color:var(--silver-2); }
.em-pick-spec i { font-size:.5rem; color:var(--cyan); }
.em-pick-card__foot { display:flex; align-items:center; justify-content:space-between; padding-top:14px; border-top:1px solid rgba(255,255,255,.04); }
.em-pick-card__price-old { font-size:.75rem; color:var(--silver-3); text-decoration:line-through; }
.em-pick-card__price { font-size:1.25rem; font-weight:800; color:var(--white); letter-spacing:-.02em; }
.em-pick-card__installment { display:block; font-size:.6875rem; font-weight:600; color:var(--neon-dim); margin-top:2px; }
/* Префикс .electromi-home обязателен - иначе глобальный reset
   .electromi-home button { background:none } выше по файлу побеждает по
   специфичности (0,1,1) и кнопка теряет неоновый фон. */
.electromi-home .em-pick-card__cart { width:44px; height:44px; display:flex; align-items:center; justify-content:center; background:var(--neon); color:#0B0D11 !important; border-radius:var(--r-sm); font-size:.875rem; transition:all .25s var(--ease); border:none; }
.electromi-home .em-pick-card__cart:hover { background:#4dff33; box-shadow:0 0 20px var(--neon-glow); transform:scale(1.08); color:#0B0D11 !important; }
.electromi-home .em-pick-card__cart:active { transform:scale(.92); }
/* ── Дополнительные классы для unified em_render_product_card($product, 'pick') ── */
/* Альяс: __img-wrap == __img */
.em-pick-card__img-wrap { width:100%; aspect-ratio:5/4; background:linear-gradient(135deg,var(--black-3),var(--black-4)); display:block; position:relative; overflow:hidden; }
.em-pick-card__img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform .4s var(--ease); }
.em-pick-card:hover .em-pick-card__img-wrap img { transform:scale(1.05); }
.em-pick-card__no-img { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:3.5rem; color:rgba(255,255,255,.06); }
.em-pick-card__oos-overlay { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(11,13,17,.7); color:var(--silver-2); font-size:.875rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
.em-pick-card--oos { opacity:.6; }
.em-pick-card--oos:hover { transform:none; box-shadow:none; }
.em-pick-card__rating { display:inline-flex; align-items:center; gap:4px; font-size:.75rem; font-weight:700; color:#FBBF24; margin-bottom:8px; }
.em-pick-card__rating i { font-size:.625rem; }
.em-pick-card__price-wrap { display:flex; flex-direction:column; }
.em-pick-card__price-label,
.em-pcard__price-label { color:var(--silver-3); font-size:.625rem; font-weight:700; letter-spacing:.04em; line-height:1.1; text-transform:uppercase; }
.em-pick-card__price-wrap del { font-size:.75rem; color:var(--silver-3); text-decoration:line-through; line-height:1; }
.em-pick-card__price-wrap ins,
.em-pick-card__price-wrap .woocommerce-Price-amount { font-size:1.25rem; font-weight:800; color:var(--white); text-decoration:none; letter-spacing:-.02em; }
.em-pick-card__price-wrap .woocommerce-Price-currencySymbol { font-weight:600; }
/* Стили .em-pick-card__compare (и __wishlist) - в base/utilities.css (унифицированы
   с .em-pcard__* для одинакового поведения compare + wishlist на всех страницах). */

/* ═══════ COLLECTIONS ═══════ */
.em-collections { padding:64px 0; background:var(--black-2); }
@media(min-width:768px){.em-collections{padding:96px 0}}
.em-coll-grid { display:grid; grid-template-columns:1fr; gap:16px; }
@media(min-width:600px){.em-coll-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.em-coll-grid{grid-template-columns:repeat(3,1fr)}}
.em-coll-card { position:relative; padding:32px 28px; min-height:220px; border:1px solid rgba(255,255,255,.05); border-radius:var(--r-md); display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; transition:all .3s var(--ease); }
.em-coll-card::before { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 30%,rgba(11,13,17,.92) 100%); z-index:1; }
.em-coll-card:hover { border-color:rgba(255,255,255,.12); transform:translateY(-6px) scale(1.01); box-shadow:0 16px 48px rgba(0,0,0,.3); }
.em-coll-card__bg { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:5rem; color:rgba(255,255,255,.03); }
.em-coll-card__content { position:relative; z-index:2; transition:transform .4s var(--ease); }
.em-coll-card:hover .em-coll-card__content { transform:translateY(-4px); }
.em-coll-card__emoji { font-size:2rem; margin-bottom:8px; }
.em-coll-card__title { font-size:1.125rem; font-weight:800; color:var(--white); margin-bottom:4px; }
.em-coll-card__desc { font-size:.8125rem; color:var(--silver-3); margin-bottom:12px; line-height:1.5; }
.em-coll-card__link { display:inline-flex; align-items:center; gap:6px; font-size:.75rem; font-weight:700; color:var(--neon); text-transform:uppercase; letter-spacing:.1em; transition:gap .25s var(--ease); }
.em-coll-card:hover .em-coll-card__link { gap:10px; }
.em-coll-card--green { background:linear-gradient(135deg,rgba(57,255,20,.05),var(--black-3)); }
.em-coll-card--green::after { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--neon);z-index:3; }
.em-coll-card--blue { background:linear-gradient(135deg,rgba(59,130,246,.05),var(--black-3)); }
.em-coll-card--blue::after { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--blue);z-index:3; }
.em-coll-card--orange { background:linear-gradient(135deg,rgba(255,107,44,.05),var(--black-3)); }
.em-coll-card--orange::after { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--orange);z-index:3; }

/* ═══════ REVIEWS ═══════ */
.em-reviews { padding:64px 0; background:var(--black); }
@media(min-width:768px){.em-reviews{padding:96px 0}}
.em-reviews__rating { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.em-reviews__stars { color:#FBBF24; font-size:.875rem; display:flex; gap:2px; }
.em-reviews__score { font-size:1.75rem; font-weight:900; color:var(--white); letter-spacing:-.03em; }
.em-reviews__count { font-size:.8125rem; color:var(--silver-3); }
.em-reviews-grid { display:grid; grid-template-columns:1fr; gap:16px; }
@media(min-width:600px){.em-reviews-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:768px){.em-reviews-grid{grid-template-columns:repeat(3,1fr)}}
.em-rev-card { padding:28px 24px; background:var(--black-2); border:1px solid rgba(255,255,255,.04); border-radius:var(--r-md); transition:all .3s var(--ease); }
.em-rev-card:hover { border-color:rgba(57,255,20,.08); transform:translateY(-3px); box-shadow:0 8px 32px rgba(0,0,0,.2); }
.em-rev-card__head { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.em-rev-card__avatar { width:40px; height:40px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--neon-ghost),rgba(59,130,246,.08)); border:1px solid rgba(255,255,255,.06); border-radius:var(--r-sm); font-size:.75rem; font-weight:800; color:var(--neon); }
.em-rev-card__name { font-size:.875rem; font-weight:700; color:var(--white); }
.em-rev-card__meta { font-size:.6875rem; color:var(--silver-3); }
.em-rev-card__stars { color:#FBBF24; font-size:.6875rem; display:flex; gap:2px; margin-bottom:10px; }
.em-rev-card__text { font-size:.8125rem; color:var(--silver-2); line-height:1.65; }

/* ═══════ CATALOG PREVIEW ═══════ */
.em-catalog { padding:64px 0; background:var(--black); }
@media(min-width:768px){.em-catalog{padding:96px 0}}
.em-catalog-tabs { display:flex; gap:6px; margin-bottom:32px; overflow-x:auto; scrollbar-width:none; padding-bottom:4px; }
.em-catalog-tabs::-webkit-scrollbar { display:none; }
.em-catalog-tab { padding:8px 18px; font-size:.8125rem; font-weight:600; color:var(--silver-3); border:1px solid rgba(255,255,255,.06); border-radius:var(--r-full); white-space:nowrap; transition:all .25s var(--ease); }
.em-catalog-tab:hover { color:var(--white); border-color:rgba(255,255,255,.12); }
.em-catalog-tab.active { background:var(--white); color:var(--black); border-color:var(--white); }
.em-catalog-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
@media(max-width:374px){.em-catalog-grid{grid-template-columns:1fr}}
@media(min-width:768px){.em-catalog-grid{grid-template-columns:repeat(3,1fr);gap:16px}}
@media(min-width:1200px){.em-catalog-grid{grid-template-columns:repeat(4,1fr)}}
.em-pcard { position:relative; background:var(--black-2); border:1px solid rgba(255,255,255,.04); border-radius:var(--r-md); overflow:hidden; transition:all .3s var(--ease); }
.em-pcard:hover { border-color:rgba(57,255,20,.12); transform:translateY(-4px); box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 16px rgba(57,255,20,.05); }
.em-pcard__link::after, .em-pcard__img-link { display:block; }
.em-pcard__link::after { content:''; position:absolute; inset:0; z-index:1; }
.em-pcard__cart { position:relative; z-index:2; }
.em-pcard__img { aspect-ratio:1/1; background:linear-gradient(145deg,var(--black-3),var(--black-4)); display:flex; align-items:center; justify-content:center; position:relative; }
.em-pcard__img i { font-size:2.5rem; color:rgba(255,255,255,.05); }
.em-pcard__img img { width:100%; height:100%; object-fit:cover; }
/* em_render_product_card() выводит <a class="em-pcard__img-wrap"> вместо .em-pcard__img.
   Без этих правил на главной картинка не имела aspect-ratio и карточки растягивались
   по реальному размеру атрибутов <img width=400 height=400>. */
.em-pcard__img-wrap { display:block; aspect-ratio:1/1; background:linear-gradient(145deg,var(--black-3),var(--black-4)); position:relative; overflow:hidden; }
.em-pcard__img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform .4s var(--ease); }
.em-pcard:hover .em-pcard__img-wrap img { transform:scale(1.04); }
.em-pcard__no-img { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:2.5rem; color:rgba(255,255,255,.06); }
.em-pcard__oos-overlay { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(11,13,17,.7); color:var(--silver-2); font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.em-pcard--oos { opacity:.65; }
.em-pcard--oos:hover { transform:none; box-shadow:none; }
.em-pcard__tag { position:absolute; top:8px; left:8px; padding:3px 9px; font-size:.6875rem; font-weight:700; border-radius:var(--r-full); text-transform:uppercase; z-index:2; }
.em-pcard__tag--sale { background:var(--danger); color:#fff; }
.em-pcard__tag--new { background:var(--neon); color:var(--black); }
.em-pcard__body { padding:14px; }
.em-pcard__brand { font-size:.6875rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--silver-2); margin-bottom:4px; }
.em-pcard__name { font-size:.875rem; font-weight:700; color:var(--white); margin-bottom:8px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.6em; }
.em-pcard__name a { transition:color .2s; }
.em-pcard__name a:hover { color:var(--neon); }
.em-pcard__foot { display:flex; align-items:center; justify-content:space-between; }
.em-pcard__price { font-size:1rem; font-weight:800; color:var(--white); }
.em-pcard__price-old { font-size:.6875rem; color:var(--silver-3); text-decoration:line-through; display:block; line-height:1; }
.electromi-home .em-pcard__cart { position:relative; z-index:2; width:44px; height:44px; display:flex; align-items:center; justify-content:center; background:rgba(57,255,20,.1); color:var(--neon) !important; border:1px solid rgba(57,255,20,.15); border-radius:var(--r-sm); font-size:.75rem; transition:all .25s var(--ease); }
.electromi-home .em-pcard__cart:hover { background:var(--neon); color:#0B0D11 !important; border-color:var(--neon); }
.em-catalog-more { text-align:center; margin-top:40px; }

/* ═══════ BENEFITS ═══════ */
.em-benefits { padding:64px 0; background:var(--black-2); }
@media(min-width:768px){.em-benefits{padding:96px 0}}
.em-benefits-grid { display:grid; grid-template-columns:1fr; gap:12px; }
@media(min-width:480px){.em-benefits-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.em-benefits-grid{grid-template-columns:repeat(4,1fr)}}
.em-ben-card { padding:28px 24px; background:var(--black-3); border:1px solid rgba(255,255,255,.04); border-radius:var(--r-md); transition:all .3s var(--ease); }
.em-ben-card:hover { border-color:rgba(255,255,255,.1); transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,.2); }
.em-ben-card__icon { width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:var(--r-sm); margin-bottom:16px; font-size:1.125rem; transition:transform .35s var(--ease), box-shadow .35s var(--ease); }
.em-ben-card:hover .em-ben-card__icon { transform:scale(1.12); }
.em-ben-card:nth-child(1) .em-ben-card__icon { background:var(--neon-ghost); color:var(--neon); }
.em-ben-card:nth-child(1):hover .em-ben-card__icon { box-shadow:0 0 20px var(--neon-glow); }
.em-ben-card:nth-child(2) .em-ben-card__icon { background:var(--blue-glow); color:var(--blue); }
.em-ben-card:nth-child(2):hover .em-ben-card__icon { box-shadow:0 0 20px var(--blue-glow); }
.em-ben-card:nth-child(3) .em-ben-card__icon { background:var(--orange-glow); color:var(--orange); }
.em-ben-card:nth-child(3):hover .em-ben-card__icon { box-shadow:0 0 20px var(--orange-glow); }
.em-ben-card:nth-child(4) .em-ben-card__icon { background:rgba(168,85,247,.12); color:#A855F7; }
.em-ben-card:nth-child(4):hover .em-ben-card__icon { box-shadow:0 0 20px rgba(168,85,247,.2); }
.em-ben-card__title { font-size:.9375rem; font-weight:700; color:var(--white); margin-bottom:6px; }
.em-ben-card__desc { font-size:.8125rem; color:var(--silver-3); line-height:1.6; }

/* ═══════ FAQ ═══════ */
.em-faq { padding:64px 0; background:var(--black); }
@media(min-width:768px){.em-faq{padding:96px 0}}
.em-faq__cols { display:grid; grid-template-columns:1fr; gap:48px; }
@media(min-width:900px){.em-faq__cols{grid-template-columns:280px 1fr;gap:64px}}
.em-faq__side { align-self:start; }
.em-faq__side-desc { font-size:.9375rem; color:var(--silver-3); line-height:1.65; margin-top:12px; }
/* Ссылка "Все вопросы и ответы" в side-блоке FAQ - ведёт на /faq/ */
.em-faq__side-link {
    display: inline-flex; align-items: center; gap: 8px;
    margin-top: 18px; padding: 10px 18px;
    background: rgba(57,255,20,.08); color: var(--neon);
    border: 1px solid rgba(57,255,20,.25); border-radius: var(--r-md);
    font-size: .875rem; font-weight: 600;
    transition: background .2s var(--ease), border-color .2s var(--ease);
}
.em-faq__side-link:hover {
    background: rgba(57,255,20,.16); border-color: var(--neon); color: var(--neon);
}
.em-faq__side-link i { font-size: 12px; transition: transform .2s var(--ease); }
.em-faq__side-link:hover i { transform: translateX(2px); }

/* Кнопка "Посмотреть все вопросы" - под списком вопросов на главной */
.em-faq__more-btn {
    display: inline-flex; align-items: center; gap: 8px;
    margin-top: 24px; padding: 12px 20px;
    background: transparent; color: var(--silver-2);
    border: 1px solid rgba(255,255,255,.12); border-radius: var(--r-md);
    font-size: .9375rem; font-weight: 600;
    transition: color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);
}
.em-faq__more-btn:hover {
    color: var(--neon); border-color: var(--neon);
    background: rgba(57,255,20,.05);
}
.em-faq__more-btn i { font-size: 12px; transition: transform .2s var(--ease); }
.em-faq__more-btn:hover i { transform: translateX(3px); }
.em-faq-item { border-bottom:1px solid rgba(255,255,255,.04); }
.em-faq-q { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; padding:20px 0; font-size:.9375rem; font-weight:600; text-align:left; color:var(--white); transition:color .25s var(--ease); }
.em-faq-q:hover { color:var(--neon); }
.em-faq-q__icon { width:28px; height:28px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.04); font-size:.5625rem; color:var(--silver-3); transition:all .3s var(--ease); }
.em-faq-item.active .em-faq-q__icon { background:var(--neon); color:var(--black); transform:rotate(180deg); }
.em-faq-a { max-height:0; overflow:hidden; transition:max-height .4s var(--ease); }
.em-faq-a__inner { padding-bottom:20px; font-size:.875rem; line-height:1.7; color:var(--silver-2); }

/* ═══════ CTA ═══════ */
.em-cta { padding:64px 0; background:var(--black-2); }
@media(min-width:768px){.em-cta{padding:80px 0}}
.em-cta-box { position:relative; padding:48px 32px; text-align:center; background:var(--black-3); border:1px solid rgba(255,255,255,.05); border-radius:var(--r-lg); overflow:hidden; }
.em-cta-box::before { content:''; position:absolute; top:0;left:0;right:0;height:2px; background:linear-gradient(90deg,var(--neon),var(--blue),var(--orange)); }
.em-cta-box__desc { font-size:.9375rem; color:var(--silver-3); margin-bottom:28px; max-width:440px; margin-left:auto; margin-right:auto; margin-top:8px; }
.em-cta-form { display:flex; flex-direction:column; gap:10px; max-width:400px; margin:0 auto; }
@media(min-width:480px){.em-cta-form{flex-direction:row}}
.em-cta-form input { flex:1; padding:14px 16px; font-family:inherit; font-size:.9375rem; background:var(--black); border:1px solid rgba(255,255,255,.08); border-radius:var(--r-sm); color:var(--white); outline:none; transition:border-color .25s var(--ease), box-shadow .25s var(--ease); min-height:44px; }
@media(max-width:599px){.em-cta-form input{font-size:16px;padding:14px 16px}}
.em-cta-form input:focus { border-color:var(--neon); box-shadow:0 0 16px rgba(57,255,20,.12); }
.em-cta-form input::placeholder { color:var(--silver-3); }
/* Усиление кнопки "Перезвоните мне" - защита от перебивающих стилей кеш-плагинов
   и от ситуации когда CSS-переменные не успели загрузиться (fallback на хардкод #39FF14). */
.em-cta-form .em-btn--neon { background:var(--neon, #39FF14) !important; color:#0B0D11 !important; border:none; cursor:pointer; }
.em-cta-form .em-btn--neon:hover { background:#4dff33 !important; color:#0B0D11 !important; }
.em-cta-form .em-btn--neon:disabled { opacity:.65; cursor:not-allowed; }

/* Блок согласия на ОПД под формой - выравнен с шириной формы (макс 400px),
   центр на десктопе, font-size 12-13px чтобы не доминировал визуально. */
.em-cta-box__consent { max-width:400px; margin:14px auto 8px; }
.em-cta-box__consent .em-consent { font-size:12px; line-height:1.45; color:var(--silver-3); justify-content:flex-start; }
.em-cta-box__consent .em-consent a { color:var(--neon); }

/* Success-блок CTA "Перезвоните мне" - подменяет форму после успешной отправки.
   Заметный inline-feedback вместо toast (тоаст в углу легко пропустить). */
.em-cta-box__success { display:flex; flex-direction:column; align-items:center; gap:14px; padding:24px 12px; max-width:440px; margin:0 auto; animation:em-cta-success-in .35s var(--ease, ease-out); }
.em-cta-box__success-icon { width:64px; height:64px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(57,255,20,.12); color:var(--neon, #39FF14); font-size:32px; }
.em-cta-box__success-title { font-size:1.25rem; font-weight:700; color:var(--white, #fff); margin:0; }
.em-cta-box__success-text { font-size:.9375rem; color:var(--silver-2, #C8CDD6); margin:0; text-align:center; line-height:1.5; }
@keyframes em-cta-success-in {
    from { opacity:0; transform:translateY(8px); }
    to   { opacity:1; transform:translateY(0); }
}

/* ═══════ REVEAL ═══════ */
.em-reveal { opacity:0; transform:translateY(20px); transition:opacity .6s var(--ease), transform .6s var(--ease); }
.em-reveal.vis { opacity:1; transform:translateY(0); }
.em-stagger > .em-reveal:nth-child(1){transition-delay:0s}
.em-stagger > .em-reveal:nth-child(2){transition-delay:.07s}
.em-stagger > .em-reveal:nth-child(3){transition-delay:.14s}
.em-stagger > .em-reveal:nth-child(4){transition-delay:.21s}
.em-stagger > .em-reveal:nth-child(5){transition-delay:.28s}
.em-stagger > .em-reveal:nth-child(6){transition-delay:.35s}
.em-stagger > .em-reveal:nth-child(7){transition-delay:.42s}
.em-stagger > .em-reveal:nth-child(8){transition-delay:.49s}

/* ═══════ SLIDER CONTROLS ═══════ */
.em-slider-wrap { position:relative; }
.em-slider-arrow { position:absolute; top:50%; z-index:5; width:44px; height:44px; display:none; align-items:center; justify-content:center; background:var(--black-2); border:1px solid rgba(255,255,255,.08); border-radius:50%; color:var(--silver); font-size:.875rem; transform:translateY(calc(-50% - 24px)); transition:all .25s var(--ease); box-shadow:0 4px 20px rgba(0,0,0,.4); }
@media(min-width:768px){.em-slider-arrow{display:flex}}
.em-slider-arrow:hover { background:var(--neon); color:var(--black); border-color:var(--neon); box-shadow:0 0 20px var(--neon-glow); }
.em-slider-arrow:disabled { opacity:.25; pointer-events:none; }
.em-slider-arrow--prev { left:-22px; }
.em-slider-arrow--next { right:-22px; }
.em-slider-progress { height:6px; margin-top:16px; background:rgba(255,255,255,.06); border-radius:3px; cursor:pointer; position:relative; }
.em-slider-progress__bar { height:100%; width:30%; background:linear-gradient(90deg,var(--cyan),var(--neon)); border-radius:3px; transition:width .15s linear, margin-left .15s linear; pointer-events:none; }
.em-slider-progress.dragging .em-slider-progress__bar { transition:none; }

/* ═══════ Главная FAQ - touch target ═══════ */
@media (max-width: 599px) {
    .em-faq-q { min-height: 56px; padding: 18px 0; }
    .em-faq-q__icon { width: 32px; height: 32px; }
}

/* ═══════════════════════════════════════════════════════
   ГЛАВНАЯ v5 - верхние секции
   (hero-ряд + промо-карточки, подбор с колесом, категории
   с силуэтами MDI, витрина с вкладками). Переиспользуют
   .em-hud, .em-pick-card, .em-picks__scroll, .em-blink.
   ═══════════════════════════════════════════════════════ */

/* силуэты транспорта (MDI inline-спрайт) */
.em-veh-sprite { position:absolute; width:0; height:0; overflow:hidden; }
.es-veh { display:block; width:56%; height:56%; }

/* ── HERO ROW ── */
.es-top { padding: 24px 0 8px; }
.es-top__grid { display:grid; grid-template-columns:1fr; gap:16px; }
@media(min-width:900px){ .es-top__grid { grid-template-columns:2.05fr 1fr; align-items:stretch; } }
.es-hero { position:relative; border-radius:var(--r-lg); overflow:hidden; background:var(--black-2); border:1px solid rgba(255,255,255,.05); min-height:340px; }
@media(min-width:900px){ .es-hero { min-height:400px; } }
.es-hero__viewport { position:relative; height:100%; overflow:hidden; }
.es-hero__track { display:flex; height:100%; transition:transform .6s var(--ease); will-change:transform; }
.es-slide { position:relative; flex:0 0 100%; min-height:340px; display:flex; align-items:center; padding:34px 38px; overflow:hidden; }
@media(min-width:900px){ .es-slide { min-height:400px; } }
.es-slide__bg { position:absolute; inset:0; z-index:0; }
.es-slide__bg::after { content:''; position:absolute; inset:0; background:repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 60px); }
/* Слой url(...) подключает фото слайда, если файл загружен в assets/img/;
   если файла нет - он просто игнорируется и остаётся градиент (graceful fallback).
   Тёмный градиент слева сверху - для читабельности текста поверх фото. */
.es-slide--green .es-slide__bg { background:linear-gradient(90deg,rgba(11,13,17,.94) 0%,rgba(11,13,17,.62) 42%,rgba(11,13,17,.18) 100%),radial-gradient(ellipse 80% 90% at 78% 35%,rgba(57,255,20,.16) 0%,transparent 60%),url(../../img/hero-catalog.jpg) center/cover no-repeat,linear-gradient(120deg,#0a0e0b,#0d1612); }
.es-slide--cyan .es-slide__bg { background:linear-gradient(90deg,rgba(11,13,17,.94) 0%,rgba(11,13,17,.62) 42%,rgba(11,13,17,.18) 100%),radial-gradient(ellipse 80% 90% at 80% 40%,rgba(0,229,255,.16) 0%,transparent 60%),url(../../img/hero-promo.jpg) center/cover no-repeat,linear-gradient(120deg,#0a0f12,#0a1418); }
.es-slide__text { position:relative; z-index:2; max-width:460px; }
.es-slide__overline { display:inline-flex; align-items:center; gap:8px; margin-bottom:16px; padding:5px 12px; border-radius:var(--r-full); font-size:.625rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; background:var(--neon-ghost); border:1px solid rgba(57,255,20,.12); color:var(--neon); }
.es-slide--cyan .es-slide__overline { background:var(--cyan-ghost); border-color:rgba(0,229,255,.15); color:var(--cyan); }
.es-slide__overline-dot { width:6px; height:6px; border-radius:50%; background:currentColor; animation:em-blink 2s ease infinite; }
.es-slide__title { font-size:clamp(1.6rem,3.2vw,2.5rem); font-weight:900; line-height:1.08; letter-spacing:-.03em; color:var(--white); margin:0 0 14px; }
.es-slide__title em { font-style:normal; background:linear-gradient(135deg,var(--neon),#90FF70); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.es-slide--cyan .es-slide__title em { background:linear-gradient(135deg,var(--cyan),#7af0ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.es-slide__sub { font-size:1rem; font-weight:600; color:var(--silver); margin-bottom:24px; line-height:1.5; }
.es-slide__glyph { position:absolute; right:-20px; bottom:-30px; z-index:1; font-size:clamp(9rem,18vw,16rem); line-height:1; opacity:.12; pointer-events:none; }
.es-slide--green .es-slide__glyph { color:var(--neon); }
.es-slide--cyan .es-slide__glyph { color:var(--cyan); }
.es-hero__dots { position:absolute; bottom:18px; left:38px; z-index:6; display:flex; gap:9px; }
.es-hero__dot { width:28px; height:4px; border-radius:var(--r-full); background:rgba(255,255,255,.2); transition:all .3s var(--ease); position:relative; overflow:hidden; border:none; padding:0; cursor:pointer; }
.es-hero__dot.active { background:rgba(255,255,255,.28); }
.es-hero__dot.active::after { content:''; position:absolute; inset:0; background:var(--neon); transform-origin:left; animation:es-dot-fill 6s linear forwards; }
.es-hero.paused .es-hero__dot.active::after { animation-play-state:paused; }
@keyframes es-dot-fill { from{transform:scaleX(0)} to{transform:scaleX(1)} }
/* мобайл: меньше боковых полей у слайда - больше места тексту на узких экранах */
@media(max-width:560px){ .es-slide { padding:28px 22px; } .es-hero__dots { left:22px; } }

.es-promo-col { display:grid; gap:16px; grid-template-columns:1fr; }
@media(min-width:560px) and (max-width:899px){ .es-promo-col { grid-template-columns:1fr 1fr; } }
@media(min-width:900px){ .es-promo-col { grid-template-rows:1fr 1fr; } }
.es-banner { position:relative; display:flex; flex-direction:column; justify-content:center; padding:24px; min-height:160px; border-radius:var(--r-lg); border:1px solid rgba(255,255,255,.05); overflow:hidden; transition:all .3s var(--ease); }
.es-banner__icon { position:absolute; top:18px; right:18px; width:46px; height:46px; display:flex; align-items:center; justify-content:center; border-radius:var(--r-sm); font-size:1.25rem; }
.es-banner__title { font-size:1.1875rem; font-weight:800; color:var(--white); line-height:1.15; margin-bottom:8px; max-width:78%; }
.es-banner__desc { font-size:.8125rem; color:var(--silver-2); line-height:1.5; max-width:92%; }
.es-banner__link { margin-top:14px; display:inline-flex; align-items:center; gap:7px; font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; transition:gap .25s var(--ease); }
.es-banner:hover { transform:translateY(-3px); box-shadow:var(--shadow-md); }
.es-banner:hover .es-banner__link { gap:11px; }
.es-banner--test { background:linear-gradient(135deg,rgba(57,255,20,.13),var(--black-3)); }
.es-banner--test .es-banner__icon { background:var(--neon-ghost); color:var(--neon); }
.es-banner--test .es-banner__link { color:var(--neon); }
.es-banner--test:hover { border-color:rgba(57,255,20,.3); }
.es-banner--service { background:linear-gradient(135deg,rgba(255,107,44,.13),var(--black-3)); }
.es-banner--service .es-banner__icon { background:var(--orange-glow); color:#ff8c5a; }
.es-banner--service .es-banner__link { color:#ff8c5a; }
.es-banner--service:hover { border-color:rgba(255,107,44,.3); }
@media(max-width:520px){ .es-banner__title { max-width:100%; padding-right:54px; } }

/* ── PICKER + WHEEL ── */
.es-pick { padding:48px 0; }
@media(min-width:768px){ .es-pick { padding:72px 0; } }
/* отдельный контейнер с фоном (а не фон на всю секцию): секция прозрачная,
   а сам блок подбора - ограниченная карточка-панель на фоне страницы */
.es-pick__card { position:relative; background:var(--black-2); border:1px solid rgba(255,255,255,.06); border-radius:var(--r-lg); padding:28px; overflow:hidden; }
@media(min-width:768px){ .es-pick__card { padding:36px; } }
.es-pick__card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--neon),var(--cyan),transparent); }
.es-pick__grid { display:grid; grid-template-columns:1fr; gap:28px; }
/* десктоп: 2 колонки - слева заголовок+форма (стопкой), справа колесо со своим
   полноценным столбцом (чтобы узлы не наезжали на селекты, как было в 3-колоночной раскладке) */
@media(min-width:1024px){
  .es-pick__grid { grid-template-columns:1.3fr 1fr; gap:44px; align-items:center; }
  .es-pick__head { grid-column:1; grid-row:1; }
  .es-pick__form { grid-column:1; grid-row:2; }
  .es-pick__wheel { grid-column:2; grid-row:1 / span 2; }
}
.es-pick__head .em-tag { margin-bottom:8px; }
.es-pick__title { font-size:clamp(1.6rem,3vw,2.3rem); font-weight:900; line-height:1.05; letter-spacing:-.03em; color:var(--white); }
.es-pick__title em { font-style:normal; color:var(--neon); text-shadow:0 0 18px rgba(57,255,20,.25); }
.es-pick__sub { margin-top:14px; font-size:.9375rem; color:var(--silver-2); line-height:1.55; max-width:320px; }
.es-pick__form { display:flex; flex-direction:column; gap:12px; }
.es-pick__selects { display:grid; grid-template-columns:1fr; gap:12px; }
@media(min-width:480px){ .es-pick__selects { grid-template-columns:1fr 1fr; } }
.es-select { position:relative; display:block; }
.es-select select { appearance:none; -webkit-appearance:none; width:100%; max-width:100%; padding:13px 34px 13px 14px; font-family:var(--font); font-size:.8125rem; font-weight:600; color:var(--white); background:var(--black-3); border:1px solid rgba(255,255,255,.08); border-radius:var(--r-sm); outline:none; cursor:pointer; text-overflow:ellipsis; white-space:nowrap; transition:border-color .25s var(--ease),box-shadow .25s var(--ease); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239DA3AE'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; background-size:14px; }
.es-select select:focus { border-color:var(--neon); box-shadow:0 0 14px rgba(57,255,20,.12); }
.es-select select option { background:var(--black-2); color:var(--white); }
/* на мобиле 16px - чтобы iOS не зумил при фокусе и текст был крупнее */
@media(max-width:599px){ .es-select select { font-size:16px; padding-top:14px; padding-bottom:14px; } }
.es-pick__submit { margin-top:4px; width:100%; justify-content:center; }
/* кнопка-сабмит подбора: перебиваем глобальный reset .electromi-home button{background:none},
   иначе неоновый фон пропадает и кнопка видна только при наведении */
.electromi-home .es-pick__submit { background:var(--neon); color:#0B0D11 !important; }
.electromi-home .es-pick__submit:hover { background:#4dff33; color:#0B0D11 !important; box-shadow:0 0 30px var(--neon-glow); }
.es-pick__wheel { display:flex; align-items:center; justify-content:center; }
.es-pick .em-hud { --hud-size:300px; --node-w:84px; --node-h:66px; }
@media(min-width:1024px){ .es-pick .em-hud { --hud-size:320px; --node-w:84px; --node-h:68px; } }
@media(max-width:599px){ .es-pick__wheel { display:none; } }
/* подсветка выбранного узла колеса (клик -> выбор типа в подборе) */
.em-hud__node.active .em-hud__node-inner { background:rgba(57,255,20,.14); border-color:var(--neon); box-shadow:0 0 24px rgba(57,255,20,.28), inset 0 0 12px rgba(57,255,20,.06); }
/* подписи узлов колеса: мельче, переносятся и не вылезают за рамку */
.es-pick .em-hud__node-inner { padding:2px 4px; }
.es-pick .em-hud__node-inner span { font-size:.5625rem; letter-spacing:.01em; line-height:1.05; max-width:100%; overflow-wrap:break-word; word-break:break-word; hyphens:auto; }
.es-pick .em-hud__node-inner i { font-size:1rem; }
@media(min-width:1024px){ .es-pick .em-hud__node-inner span { font-size:.625rem; } }

/* ── CATEGORY CARDS ── */
.es-cats { padding:48px 0; background:var(--black); }
@media(min-width:768px){ .es-cats { padding:72px 0; } }
.es-cats__grid { display:grid; grid-template-columns:1fr; gap:16px; }
@media(min-width:640px){ .es-cats__grid { grid-template-columns:1fr 1fr; } }
@media(min-width:992px){ .es-cats__grid { grid-template-columns:1.1fr 1fr 1fr; } }
.es-catcard { position:relative; background:var(--black-2); border:1px solid rgba(255,255,255,.05); border-radius:var(--r-md); padding:22px; transition:all .3s var(--ease); display:flex; flex-direction:column; overflow:hidden; }
.es-catcard:hover { border-color:rgba(57,255,20,.18); transform:translateY(-4px); box-shadow:0 12px 36px rgba(0,0,0,.35); }
.es-catcard__head { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.es-catcard__head, .es-catcard__name, .es-catcard__count, .es-catcard__subs, .es-catcard__link { position:relative; z-index:1; }
.es-catcard__illus { width:60px; height:60px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--neon-ghost); border:1px solid rgba(57,255,20,.1); color:var(--neon); transition:all .3s var(--ease); }
.es-catcard:hover .es-catcard__illus { background:var(--neon); color:var(--black); box-shadow:0 0 22px var(--neon-glow); }
.es-catcard__name { font-size:1.0625rem; font-weight:800; color:var(--white); letter-spacing:-.01em; }
.es-catcard__count { font-size:.75rem; font-weight:700; color:var(--neon); margin-top:2px; }
.es-catcard__subs { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 16px; }
.es-subchip { display:inline-block; padding:4px 10px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); border-radius:var(--r-full); font-size:.6875rem; font-weight:600; color:var(--silver-2); }
.es-catcard__link { margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-size:.8125rem; font-weight:700; color:var(--neon); text-transform:uppercase; letter-spacing:.06em; transition:gap .25s var(--ease); }
.es-catcard:hover .es-catcard__link { gap:12px; }
.es-catcard__ghost { position:absolute; right:-14px; bottom:-16px; width:128px; height:128px; color:var(--neon); opacity:.07; pointer-events:none; z-index:0; transition:opacity .3s var(--ease),transform .3s var(--ease); }
.es-catcard:hover .es-catcard__ghost { opacity:.12; transform:translateX(-6px) scale(1.04); }
.es-catcard--feature { background:linear-gradient(160deg,rgba(57,255,20,.1),var(--black-3) 70%); border-color:rgba(57,255,20,.18); min-height:280px; justify-content:flex-end; }
.es-catcard--feature .es-catcard__glyph { position:absolute; top:8%; left:50%; transform:translateX(-50%); width:140px; height:140px; color:var(--neon); opacity:.18; pointer-events:none; z-index:0; }
.es-catcard--feature .es-catcard__name { font-size:1.5rem; }
@media(min-width:640px) and (max-width:991px){ .es-catcard--feature { grid-column:1 / -1; } }
@media(min-width:992px){ .es-catcard--feature { grid-column:1; grid-row:1 / span 2; } }
/* fallback-иконка FA для категорий без векторного силуэта (моноколёса, гироскутеры и т.п.) */
.es-catcard__illus i { font-size:1.5rem; }
.es-catcard__glyph-fa { position:absolute; top:8%; left:50%; transform:translateX(-50%); font-size:7rem; line-height:1; color:var(--neon); opacity:.18; pointer-events:none; z-index:0; }
.es-catcard__ghost-fa { position:absolute; right:-2px; bottom:-8px; font-size:5.5rem; line-height:1; color:var(--neon); opacity:.08; pointer-events:none; z-index:0; }
/* фото категории из WooCommerce (Товары -> Категории -> Картинка), если загружено */
.es-catcard__illus { overflow:hidden; }
.es-catcard__illus img { width:100%; height:100%; object-fit:cover; }
/* Фото фич-категории: отдельная скруглённая плитка СВЕРХУ, текст под ней (не перекрывает) */
.es-catcard__photo { display:block; position:relative; z-index:1; width:100%; height:180px; object-fit:contain; background:#fff; border-radius:var(--r-md); margin-bottom:16px; }
.es-catcard--feature.es-catcard--photo { justify-content:flex-start; }

/* ── PRODUCTS (вкладки Новинки/Скидки/Хиты) ── */
.es-products { padding:48px 0 64px; background:var(--black-2); }
@media(min-width:768px){ .es-products { padding:72px 0 96px; } }
.es-tabs { display:flex; gap:6px; margin-bottom:28px; overflow-x:auto; scrollbar-width:none; padding-bottom:4px; }
.es-tabs::-webkit-scrollbar { display:none; }
.es-tab { padding:9px 22px; font-size:.875rem; font-weight:700; color:var(--silver-2); border:1px solid rgba(255,255,255,.06); border-radius:var(--r-full); white-space:nowrap; transition:all .25s var(--ease); }
.es-tab:hover { color:var(--white); border-color:rgba(255,255,255,.12); }
.es-tab.active { background:var(--white); color:var(--black); border-color:var(--white); }
.es-prod__panel { display:none; }
.es-prod__panel.is-active { display:block; }