/*=== ядро стилей первая часть · v0.7.8 ===*/

/* EMBROS · CORE · Part 1/2 · tokens · base · surfaces · typography · buttons
   Split: ядро стилей первая часть.css + ядро стилей вторая часть.css
   Обновление: 17.09.2026 · NAV/MP/MI/PG color-модификаторы в Part 2 */

:root{
interpolate-size: allow-keywords;

--embros-bg:#E8EAEE; --embros-bg-2:#E1E3E9;
--embros-surface:#F2F3F7; --embros-surface-hi:#F7F8FB; --embros-surface-inset:#E7E9EE;
--embros-ink:#0B0C0F; --embros-ink-2:#565C67; --embros-ink-3:#8F95A1; --embros-ink-4:#B8BDC7;
--embros-line:#D8DBE1; --embros-line-strong:#C4C8D0;
--embros-black-1:#1A1B1F; --embros-black-2:#0D0E11; --embros-black-3:#050608;

--embros-dur-norm:520ms; --embros-dur-light:220ms;
--embros-ease-elastic:cubic-bezier(0.34,1.15,0.64,1);
--embros-ease-smooth:cubic-bezier(0.16,1,0.3,1);

--embros-accent:#FF6912; --embros-accent-deep:#D14F00;
--embros-success:#17A06A; --embros-warning:#E09210;
--embros-error:#D93A3A; --embros-info:#2A7FC7;

--embros-icon-ink:#2A2A2A; --embros-icon-ink-2:#565C67;

--embros-nm-base:#E8EAEE; --embros-nm-dark:#C2C5C8;
--embros-nm-dark-deep:#A3ACBB; --embros-nm-light:#FFFFFF;
--embros-plastic-grad-flat:linear-gradient(145deg,#F0F2F6 0%,#E0E3E8 100%);
--embros-plastic-grad-raised:linear-gradient(145deg,#F4F6F9 0%,#DDE1E7 100%);
--embros-plastic-grad-raised-lg:linear-gradient(145deg,#F7F8FB 0%,#D8DCE2 100%);
--embros-plastic-grad-accent:linear-gradient(145deg,#FF8E45 0%,#C64A05 100%);
--embros-plastic-shadow-flat:
inset 1.5px 1.5px 0 rgba(255,255,255,1),
inset -1.5px -1.5px 0 rgba(163,172,187,.50),
1px 1px 2px rgba(30,35,50,.10),
2px 2px 4px rgba(30,35,50,.06);
--embros-plastic-shadow-raised:
inset 1.5px 1.5px 0 rgba(255,255,255,1),
inset -1.5px -1.5px 0 rgba(163,172,187,.60),
2px 3px 4px rgba(30,35,50,.16),
4px 6px 10px rgba(30,35,50,.09);
--embros-plastic-shadow-raised-lg:
inset 2px 2px 0 rgba(255,255,255,1),
inset -2px -2px 0 rgba(163,172,187,.72),
3px 4px 5px rgba(30,35,50,.20),
6px 8px 14px rgba(30,35,50,.11);
--embros-plastic-shadow-accent:
inset 1.5px 1.5px 0 rgba(255,255,255,.45),
inset -1.5px -1.5px 0 rgba(80,20,0,.65),
2px 3px 4px rgba(90,30,5,.45),
4px 6px 10px rgba(90,30,5,.22);
--embros-plastic-shadow-pressed:
inset 5px 5px 10px rgba(180,185,195,.85),
inset -4px -4px 9px rgba(255,255,255,.95),
1px 1px 2px rgba(30,35,50,.14);
--embros-plastic-shadow-pressed-dark:
inset 5px 5px 10px rgba(0,0,0,.70),
inset -4px -4px 9px rgba(255,255,255,.14),
1px 1px 2px rgba(20,20,20,.40);
--embros-plastic-shadow-pressed-accent:
inset 5px 5px 10px rgba(80,20,0,.85),
inset -4px -4px 9px rgba(255,220,190,.55),
1px 1px 2px rgba(90,30,5,.55);

--nm-raise-xs:3px 3px 6px var(--embros-nm-dark),-3px -3px 6px var(--embros-nm-light);
--nm-raise-sm:4px 4px 8px var(--embros-nm-dark),-4px -4px 8px var(--embros-nm-light);
--nm-raise:6px 6px 12px var(--embros-nm-dark),-6px -6px 12px var(--embros-nm-light);
--nm-raise-lg:9px 9px 18px var(--embros-nm-dark),-9px -9px 18px var(--embros-nm-light);
--nm-inset-sm:inset 4px 4px 8px var(--embros-nm-dark),inset -4px -4px 8px var(--embros-nm-light);
--nm-inset:inset 6px 6px 12px var(--embros-nm-dark),inset -6px -6px 12px var(--embros-nm-light);
--nm-inset-lg:inset 9px 9px 18px var(--embros-nm-dark),inset -9px -9px 18px var(--embros-nm-light);

--grad-btn-light:linear-gradient(145deg,#F4F6F9 0%,#DDE1E7 100%);
--grad-btn-light-active:linear-gradient(145deg,#DDE1E7 0%,#E9ECF1 100%);
--grad-btn-dark:linear-gradient(145deg,#141414 0%,#2A2A2A 100%);
--grad-btn-dark-active:linear-gradient(271deg,#252525 0%,#515151 100%);
--grad-btn-accent:linear-gradient(145deg,#FF8E45 0%,#C64A05 100%);
--grad-btn-accent-active:linear-gradient(271deg,#E7732C 0%,#FF9C4C 100%);
--grad-white:linear-gradient(145deg,#FAFBFD 0%,#E4E7EC 100%);
--embros-btn-ink-active-light:#7C8893;
--embros-btn-ink-active-dark:#DFECF7;
--embros-btn-ink-active-accent:#FFDFDF;

--nm-hi:rgba(255,255,255,1); --nm-hi-soft:rgba(255,255,255,.85);
--nm-sh:rgba(30,35,50,.10); --nm-sh-2:rgba(30,35,50,.16);
--embros-rim-hi:rgba(255,255,255,.20);

--nm-extruded-sm:
inset 1.5px 1.5px 0 rgba(163,172,187,.28),
inset -1.5px -1.5px 0 rgba(255,255,255,.98),
0 1px 2px rgba(20,25,40,.06),
0 3px 6px rgba(20,25,40,.10);
--nm-extruded:
inset 1.5px 1.5px 0 rgba(163,172,187,.30),
inset -1.5px -1.5px 0 rgba(255,255,255,.98),
0 2px 3px rgba(20,25,40,.07),
0 4px 10px rgba(20,25,40,.12);
--nm-extruded-lg:
inset 2px 2px 0 rgba(163,172,187,.32),
inset -2px -2px 0 rgba(255,255,255,.98),
0 2px 4px rgba(20,25,40,.08),
0 8px 20px rgba(20,25,40,.14);
--nm-pressed:    inset -3px -3px 6px var(--nm-hi-soft), inset 4px 4px 8px var(--nm-sh);
--nm-pressed-sm: inset -2px -2px 4px var(--nm-hi-soft), inset 3px 3px 5px var(--nm-sh);
--nm-flat:0 1px 2px rgba(20,25,40,.10),0 2px 4px rgba(20,25,40,.05),inset 0 2px 4px rgba(20,25,40,.08),inset 0 -1px 0 rgba(255,255,255,.9);
--nm-flat-active:0 1px 1px rgba(20,25,40,.05),inset 0 3px 7px rgba(20,25,40,.15),inset 0 -1px 0 rgba(255,255,255,.55);

--glass-light-bg:linear-gradient(135deg,rgba(245,213,189,.55) 0%,rgba(232,217,240,.50) 100%);
--glass-light-blur:blur(22px) saturate(1.5) brightness(1.02);
--glass-light-shadow:0 12px 32px rgba(100,80,120,.22),0 3px 8px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(255,255,255,.35);
--glass-light-frame:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.80) 100%);
--glass-light-glow:radial-gradient(ellipse at center,rgba(255,255,255,.45) 0%,rgba(255,255,255,0) 70%);
--glass-dark-bg:linear-gradient(135deg,rgba(30,35,50,.45) 0%,rgba(20,25,38,.40) 100%);
--glass-dark-blur:blur(20px) saturate(1.1) brightness(.92);
--glass-dark-shadow:0 12px 32px rgba(0,0,0,.40),0 3px 8px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.08);
--glass-dark-frame:linear-gradient(135deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.40) 100%);
--glass-dark-glow:radial-gradient(ellipse at center,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 70%);

--grad-raised:linear-gradient(180deg,#F4F5F8 0%,#F0F1F5 100%);
--grad-raised-hi:linear-gradient(180deg,#FAFBFD 0%,#F1F2F6 100%);
--grad-flat-white:linear-gradient(180deg,#FFFFFF 0%,#EDEFF4 100%);
--grad-flat-black:linear-gradient(180deg,#1C1D22 0%,#0A0B0D 100%);
--grad-flat-accent:linear-gradient(180deg,#FF8033 0%,#D14F00 100%);
--grad-pressed:linear-gradient(180deg,#E2E4EA 0%,#EDEFF3 100%);
--grad-dark:linear-gradient(180deg,#1C1D22 0%,#0B0C0F 100%);
--grad-accent:linear-gradient(180deg,#FF8033 0%,#D14F00 100%);
--grad-gift:linear-gradient(145deg,#17A06A 0%,#0E6E48 100%);
--grad-checkbox:linear-gradient(135deg,#EFEFEF 0%,#E8E8E8 55%,#E2E2E2 100%);
--grad-checkbox-active:linear-gradient(135deg,#DEDEDE 0%,#E2E2E2 55%,#E6E6E6 100%);
--embros-checkbox-mark:#555555;

--embros-gta-gradient:linear-gradient(135deg,#FF8FB1 0%,#B76BD6 28%,#6B5CE7 55%,#FF9C4C 82%,#FF6B9D 100%);

--embros-media-1:linear-gradient(160deg,#E8C4A8 0%,#C5726B 55%,#8C3A3A 100%);
--embros-media-2:linear-gradient(160deg,#DCE7F5 0%,#8FA8CC 55%,#3E4F6E 100%);
--embros-media-3:linear-gradient(160deg,#FFD3B6 0%,#C77DAE 45%,#3B2E5A 100%);
--embros-media-dark:linear-gradient(145deg,#1A1B1F 0%,#0A0B0D 100%);
--embros-edge-bg:#E8EAEE; --embros-edge-bg-press:#E3E6EC;
--embros-edge-shadow:#A3ACBB; --embros-edge-light:#FFFFFF;

--embros-tooltip-bg:#0B0C0F; --embros-tooltip-ink:#F2F3F5;
--embros-toast-bg:#1A1B1F; --embros-toast-ink:#F2F3F5; --embros-toast-line:rgba(255,255,255,.10);
--embros-alert-info-bg:#E6F0F9; --embros-alert-info-line:#2A7FC7;
--embros-alert-ok-bg:#E5F5EE;   --embros-alert-ok-line:#17A06A;
--embros-alert-warn-bg:#FBF1DD; --embros-alert-warn-line:#E09210;
--embros-alert-err-bg:#FBE5E5;  --embros-alert-err-line:#D93A3A;

--embros-skel-bg:#E1E3E9; --embros-skel-hi:#F2F3F7;

--embros-font-accent:'Unbounded','Chakra Petch',system-ui,sans-serif;
--embros-font-text:'Manrope','Tilda Sans',system-ui,-apple-system,sans-serif;
--embros-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

--embros-fs-display:clamp(28px,8vw,44px); --embros-fs-h1:clamp(24px,6.5vw,36px);
--embros-fs-h2:clamp(20px,5.5vw,28px); --embros-fs-h3:clamp(17px,4.5vw,22px);
--embros-fs-h4:clamp(15px,4vw,18px); --embros-fs-body:clamp(15px,4vw,17px);
--embros-fs-body-lg:clamp(16px,4.5vw,18px);
--embros-fs-small:13px; --embros-fs-micro:11px; --embros-fs-tiny:10px;

--embros-lh-tight:1.1; --embros-lh-snug:1.25; --embros-lh-base:1.4; --embros-lh-body:1.55;
--embros-fw-regular:400; --embros-fw-medium:500; --embros-fw-semibold:600;
--embros-fw-bold:700; --embros-fw-extrabold:800;

--embros-track-tight:-0.02em; --embros-track-ui:-0.005em;
--embros-track-wide:0.06em; --embros-track-wider:0.14em; --embros-track-widest:0.18em;

--embros-r-xs:8px; --embros-r-sm:12px; --embros-r-md:16px;
--embros-r-lg:22px; --embros-r-xl:28px; --embros-r-2xl:36px;
--embros-r-3xl:48px; --embros-r-full:9999px;

--embros-space-1:4px; --embros-space-2:8px; --embros-space-3:12px;
--embros-space-4:16px; --embros-space-5:20px; --embros-space-6:24px;
--embros-space-7:32px; --embros-space-8:40px; --embros-space-9:48px;
--embros-space-10:64px; --embros-space-11:80px; --embros-space-12:96px;
--embros-space-13:128px;

--embros-edge-pad:20px; --embros-gap:clamp(48px,9vw,96px); --embros-max:720px;
--embros-safe-top:env(safe-area-inset-top,0px);
--embros-safe-bottom:env(safe-area-inset-bottom,0px);
--embros-safe-left:env(safe-area-inset-left,0px);
--embros-safe-right:env(safe-area-inset-right,0px);

--embros-z-content:10; --embros-z-raised:100; --embros-z-sticky:500;
--embros-z-header:800; --embros-z-nav:900; --embros-z-popup:1500;
--embros-z-modal:2000; --embros-z-tool:9999;

--embros-dur-fast:180ms; --embros-dur-base:260ms; --embros-dur-slow:380ms;
--embros-dur-slower:520ms; --embros-dur-reveal:620ms;

--embros-ease-out:cubic-bezier(0.22,1,0.36,1);
--embros-ease-spring:cubic-bezier(0.34,1.4,0.64,1);
--embros-ease-liquid:cubic-bezier(0.5,1.6,0.4,1);
--embros-ease-soft:cubic-bezier(0.32,0.72,0.28,1);
--embros-ease-thumb:cubic-bezier(0.4,0,0.2,1);
--embros-ease-reveal:cubic-bezier(0.22,1.12,0.36,1);

--embros-icon-sm:16px; --embros-icon-md:20px; --embros-icon-lg:24px;
--embros-icon-stroke:1.8;
--embros-tap-min:44px; --embros-tap-large:52px;
--embros-focus-color:rgba(11,12,15,.55); --embros-focus-soft:rgba(86,92,103,.10);
--embros-btn-pad-x:24px; --embros-btn-pad-x-sm:16px; --embros-btn-pad-x-lg:40px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--embros-bg);color:var(--embros-ink);
font-family:var(--embros-font-text);font-size:var(--embros-fs-body);
line-height:var(--embros-lh-body);-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,video,svg{max-width:100%;display:block}
button,input,textarea,select{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
*{-webkit-tap-highlight-color:transparent}
.em-btn,.em-btn-icon,.em-switch,.em-switch *,.em-checkbox,.em-checkbox *,
.em-radio,.em-radio *,.em-seg,.em-seg *,.em-chip,.em-tag,.em-dot,.em-btn *,
button,[role="button"],[type="button"],[type="submit"],summary,label,
.em-edge,.em-tabs-item,.em-pagination-item,.em-nav-item,.em-nav-tray__soc,
.mp__item,.mi__item,.pg-slot,.pgc-nav,.pgc-cell,.pgsf-nav,.pgsf-cell{
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;
user-select:none;-webkit-touch-callout:none}

.embros-module{position:relative;width:100%;
padding:var(--embros-gap) calc(var(--embros-edge-pad) + var(--embros-safe-right)) var(--embros-gap) calc(var(--embros-edge-pad) + var(--embros-safe-left))}
.embros-module > *{max-width:var(--embros-max);margin-inline:auto}
.embros-module[data-pad="none"]{padding-top:0;padding-bottom:0}
.embros-module[data-pad="sm"]{padding-top:var(--embros-space-8);padding-bottom:var(--embros-space-8)}
.embros-module[data-pad="lg"]{padding-top:var(--embros-space-11);padding-bottom:var(--embros-space-11)}
.embros-module[data-edge="none"]{padding-left:0;padding-right:0}
.embros-module[data-edge="none"] > *{max-width:none}
.embros-module[data-role="first"]{padding-top:calc(var(--embros-safe-top) + var(--embros-space-6))}
.embros-module[data-role="last"]{padding-bottom:calc(var(--embros-safe-bottom) + var(--embros-space-6))}

.em-nm{background:var(--grad-raised);border-radius:var(--embros-r-xl);box-shadow:var(--nm-extruded)}
.em-nm--sm{border-radius:var(--embros-r-md);box-shadow:var(--nm-extruded-sm)}
.em-nm--lg{border-radius:var(--embros-r-2xl);box-shadow:var(--nm-extruded-lg)}
.em-nm--pressed{background:var(--grad-pressed);box-shadow:var(--nm-pressed);border-radius:var(--embros-r-xl)}
.em-nm--pressed-sm{background:var(--grad-pressed);box-shadow:var(--nm-pressed-sm);border-radius:var(--embros-r-md)}

.em-plastic-flat{background:var(--embros-plastic-grad-flat);box-shadow:var(--embros-plastic-shadow-flat);border-radius:var(--embros-r-xl)}
.em-plastic-raised{background:var(--embros-plastic-grad-raised);box-shadow:var(--embros-plastic-shadow-raised);border-radius:var(--embros-r-xl)}
.em-plastic-raised-lg{background:var(--embros-plastic-grad-raised-lg);box-shadow:var(--embros-plastic-shadow-raised-lg);border-radius:var(--embros-r-2xl)}
.em-plastic-accent{background:var(--embros-plastic-grad-accent);color:#FFFFFF;box-shadow:var(--embros-plastic-shadow-accent);border-radius:var(--embros-r-xl)}

.em-glass{position:relative;border-radius:var(--embros-r-2xl);overflow:hidden;isolation:isolate}
.em-glass::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
mask-composite:exclude;pointer-events:none;z-index:2}
.em-glass::after{content:'';position:absolute;top:-30%;left:-15%;width:65%;height:110%;
border-radius:50%;pointer-events:none;z-index:1}
.em-glass > *{position:relative;z-index:3}
.em-glass--on-light{background:var(--glass-light-bg);-webkit-backdrop-filter:var(--glass-light-blur);backdrop-filter:var(--glass-light-blur);color:var(--embros-ink);box-shadow:var(--glass-light-shadow)}
.em-glass--on-light::before{background:var(--glass-light-frame)}
.em-glass--on-light::after{background:var(--glass-light-glow)}
.em-glass--on-dark{background:var(--glass-dark-bg);-webkit-backdrop-filter:var(--glass-dark-blur);backdrop-filter:var(--glass-dark-blur);color:#F2F3F5;box-shadow:var(--glass-dark-shadow)}
.em-glass--on-dark::before{background:var(--glass-dark-frame)}
.em-glass--on-dark::after{background:var(--glass-dark-glow)}
.em-glass--light-matte{position:relative;border-radius:var(--embros-r-xl);overflow:hidden;isolation:isolate;
background:linear-gradient(135deg,rgba(255,255,255,.82) 0%,rgba(242,244,248,.72) 100%);
-webkit-backdrop-filter:blur(16px) saturate(1.1) brightness(1.03);backdrop-filter:blur(16px) saturate(1.1) brightness(1.03);
color:var(--embros-ink);box-shadow:0 6px 16px rgba(30,35,50,.24),0 2px 5px rgba(30,35,50,.14),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.55)}
.em-glass--light-matte::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:2;
background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.85) 100%)}
.em-glass--light-matte > *{position:relative;z-index:3}
.em-glass--on-graphite{position:relative;border-radius:var(--embros-r-xl);overflow:hidden;isolation:isolate;
background:linear-gradient(145deg,#141414 0%,#2A2A2A 100%);color:#F2F3F5;
box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.20),inset -1.5px -1.5px 0 rgba(0,0,0,.70),2px 3px 4px rgba(20,20,20,.60),4px 6px 10px rgba(20,20,20,.30)}
.em-glass--on-graphite > *{position:relative;z-index:3}
.em-glass-title{font-weight:700;letter-spacing:-.01em}
.em-glass-micro{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.65}

.em-dark{background:var(--grad-dark);color:#fff;border-radius:var(--embros-r-3xl);
box-shadow:inset 1.5px 1.5px 0 var(--embros-rim-hi),inset -1.5px -1.5px 0 rgba(0,0,0,.60),
2px 3px 4px rgba(20,20,20,.50),4px 6px 10px rgba(20,20,20,.25)}

.em-display{font-family:var(--embros-font-accent);font-size:var(--embros-fs-display);line-height:var(--embros-lh-tight);letter-spacing:var(--embros-track-tight);font-weight:var(--embros-fw-extrabold);text-transform:uppercase;margin:0}
.em-h1{font-family:var(--embros-font-accent);font-size:var(--embros-fs-h1);line-height:var(--embros-lh-tight);letter-spacing:var(--embros-track-tight);font-weight:var(--embros-fw-extrabold);margin:0}
.em-h2{font-family:var(--embros-font-accent);font-size:var(--embros-fs-h2);line-height:var(--embros-lh-snug);letter-spacing:var(--embros-track-tight);font-weight:var(--embros-fw-bold);margin:0}
.em-h3{font-family:var(--embros-font-text);font-size:var(--embros-fs-h3);line-height:var(--embros-lh-snug);font-weight:var(--embros-fw-bold);margin:0}
.em-h4{font-family:var(--embros-font-text);font-size:var(--embros-fs-h4);line-height:var(--embros-lh-snug);font-weight:var(--embros-fw-semibold);margin:0}
.em-body{font-size:var(--embros-fs-body);line-height:var(--embros-lh-body);margin:0}
.em-body-lg{font-size:var(--embros-fs-body-lg);line-height:var(--embros-lh-body);margin:0}
.em-small{font-size:var(--embros-fs-small);line-height:var(--embros-lh-base);color:var(--embros-ink-2);margin:0}
.em-micro{font-family:var(--embros-font-text);font-size:var(--embros-fs-micro);font-weight:var(--embros-fw-semibold);letter-spacing:var(--embros-track-wider);text-transform:uppercase;color:var(--embros-ink-3);margin:0}
.em-mono{font-family:var(--embros-font-mono);letter-spacing:0}
.em-caption{font-size:var(--embros-fs-tiny);letter-spacing:var(--embros-track-wide);text-transform:uppercase;color:var(--embros-ink-3);font-weight:600}

.em-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;
gap:var(--embros-space-2);min-height:var(--embros-tap-large);
padding:0 var(--embros-btn-pad-x);border:none;border-radius:var(--embros-r-full);
background:var(--grad-btn-light);color:var(--embros-ink);
font-family:var(--embros-font-text);font-size:var(--embros-fs-body);
font-weight:var(--embros-fw-semibold);letter-spacing:var(--embros-track-ui);
line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;
backface-visibility:hidden;will-change:transform;
box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),
inset -1.5px -1.5px 0 rgba(180,185,195,.55),
2px 3px 4px rgba(30,35,50,.18),
4px 6px 10px rgba(30,35,50,.10);
transition:
background var(--embros-dur-base) var(--embros-ease-out),
color var(--embros-dur-base) var(--embros-ease-out),
box-shadow var(--embros-dur-base) var(--embros-ease-out),
transform var(--embros-dur-base) var(--embros-ease-out)}
.em-btn:active,.em-btn.is-pressed,.em-btn[aria-pressed="true"]{
background:var(--grad-btn-light-active);color:var(--embros-btn-ink-active-light);
box-shadow:var(--embros-plastic-shadow-pressed);transform:translate(0.5px, 1px)}
.em-btn:focus-visible{outline:2px solid var(--embros-focus-color);outline-offset:3px}
.em-btn[disabled]{opacity:.5;pointer-events:none}
.em-btn--dark{background:var(--grad-btn-dark);color:#F2F3F5;
box-shadow:inset 1.5px 1.5px 0 var(--embros-rim-hi),inset -1.5px -1.5px 0 rgba(0,0,0,.70),2px 3px 4px rgba(20,20,20,.60),4px 6px 10px rgba(20,20,20,.30)}
.em-btn--dark:active,.em-btn--dark.is-pressed,.em-btn--dark[aria-pressed="true"]{background:var(--grad-btn-dark-active);color:var(--embros-btn-ink-active-dark);box-shadow:var(--embros-plastic-shadow-pressed-dark)}
.em-btn--accent{background:var(--grad-btn-accent);color:#FFFFFF;
box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -1.5px 0 rgba(80,20,0,.65),2px 3px 4px rgba(90,30,5,.55),4px 6px 10px rgba(90,30,5,.30)}
.em-btn--accent:active,.em-btn--accent.is-pressed,.em-btn--accent[aria-pressed="true"]{background:var(--grad-btn-accent-active);color:var(--embros-btn-ink-active-accent);box-shadow:var(--embros-plastic-shadow-pressed-accent)}
.em-btn--ghost{background:var(--grad-btn-light);color:var(--embros-ink)}
.em-btn--sm{min-height:38px;padding:0 var(--embros-btn-pad-x-sm);font-size:var(--embros-fs-small)}
.em-btn--lg{min-height:60px;padding:0 var(--embros-btn-pad-x-lg);font-size:var(--embros-fs-body-lg)}
.em-btn--glass{background:var(--glass-dark-bg);color:#F2F3F5;-webkit-backdrop-filter:var(--glass-dark-blur);backdrop-filter:var(--glass-dark-blur);
box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.22),inset -1.5px -1.5px 0 rgba(0,0,0,.60),2px 3px 4px rgba(20,20,20,.50),4px 6px 10px rgba(20,20,20,.25)}
.em-btn--glass:active,.em-btn--glass.is-pressed,.em-btn--glass[aria-pressed="true"]{background:var(--glass-dark-bg);color:#F2F3F5;
box-shadow:inset 5px 5px 10px rgba(0,0,0,.80),inset -4px -4px 9px rgba(255,255,255,.18),1px 1px 2px rgba(20,20,20,.40)}
.em-btn--block{width:100%}
.em-btn--square{border-radius:var(--embros-r-xl);min-height:110px;width:100%;padding:var(--embros-space-4);flex-direction:column;gap:var(--embros-space-2);white-space:normal;line-height:1.15;text-align:center;overflow:hidden}

.em-edge{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--embros-space-3);
min-width:150px;min-height:150px;padding:var(--embros-space-5);border:none;border-radius:var(--embros-r-xl);
background:var(--embros-edge-bg);color:var(--embros-ink);font-family:var(--embros-font-text);
font-size:var(--embros-fs-body);font-weight:var(--embros-fw-semibold);letter-spacing:var(--embros-track-ui);
line-height:1.15;text-align:center;cursor:pointer;isolation:isolate;transform:translateZ(0);
-webkit-tap-highlight-color:transparent;transition:background var(--embros-dur-base) var(--embros-ease-out)}
.em-edge::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;transition:box-shadow var(--embros-dur-base) var(--embros-ease-out)}
.em-edge > *{position:relative;z-index:1;transition:transform var(--embros-dur-base) var(--embros-ease-out);will-change:transform}
.em-edge--left::before{box-shadow:inset 0 14px 16px -12px var(--embros-edge-shadow),inset -14px 0 16px -12px var(--embros-edge-shadow),inset 0 -14px 16px -12px var(--embros-edge-light),inset -6px -6px 10px -10px var(--embros-edge-light);
-webkit-mask:linear-gradient(90deg,transparent 0%,transparent 22%,rgba(0,0,0,.4) 42%,#000 62%,#000 100%);
mask:linear-gradient(90deg,transparent 0%,transparent 22%,rgba(0,0,0,.4) 42%,#000 62%,#000 100%)}
.em-edge--right::before{box-shadow:inset 0 14px 16px -12px var(--embros-edge-shadow),inset 14px 0 16px -12px var(--embros-edge-shadow),inset 0 -14px 16px -12px var(--embros-edge-light),inset 6px -6px 10px -10px var(--embros-edge-light);
-webkit-mask:linear-gradient(270deg,transparent 0%,transparent 22%,rgba(0,0,0,.4) 42%,#000 62%,#000 100%);
mask:linear-gradient(270deg,transparent 0%,transparent 22%,rgba(0,0,0,.4) 42%,#000 62%,#000 100%)}
.em-edge--top::before{box-shadow:inset 14px 0 16px -12px var(--embros-edge-shadow),inset 0 -14px 16px -12px var(--embros-edge-shadow),inset -14px 0 16px -12px var(--embros-edge-light),inset -6px 6px 10px -10px var(--embros-edge-light);
-webkit-mask:linear-gradient(180deg,transparent 0%,transparent 22%,rgba(0,0,0,.4) 42%,#000 62%,#000 100%);
mask:linear-gradient(180deg,transparent 0%,transparent 22%,rgba(0,0,0,.4) 42%,#000 62%,#000 100%)}
.em-edge--bottom::before{box-shadow:inset -14px 0 16px -12px var(--embros-edge-shadow),inset 0 14px 16px -12px var(--embros-edge-shadow),inset 14px 0 16px -12px var(--embros-edge-light),inset 6px -6px 10px -10px var(--embros-edge-light);
-webkit-mask:linear-gradient(0deg,transparent 0%,transparent 22%,rgba(0,0,0,.4) 42%,#000 62%,#000 100%);
mask:linear-gradient(0deg,transparent 0%,transparent 22%,rgba(0,0,0,.4) 42%,#000 62%,#000 100%)}
.em-edge:active,.em-edge.is-pressed,.em-edge[aria-pressed="true"]{background:var(--embros-edge-bg-press)}
.em-edge:active::before,.em-edge.is-pressed::before,.em-edge[aria-pressed="true"]::before{
box-shadow:inset 0 20px 16px -12px var(--embros-edge-shadow),inset 20px 0 16px -12px var(--embros-edge-shadow),inset 0 -20px 16px -12px var(--embros-edge-light),inset -20px 0 16px -12px var(--embros-edge-light),inset -6px -6px 12px -10px var(--embros-edge-light);
-webkit-mask:none;mask:none}
.em-edge:active > *,.em-edge.is-pressed > *,.em-edge[aria-pressed="true"] > *{transform:translate(2px,3px)}
.em-edge:focus-visible{outline:2px solid var(--embros-focus-color);outline-offset:3px}
.em-edge--dark{background:var(--grad-btn-dark);color:#F2F3F5}
.em-edge--dark::before{--embros-edge-shadow:#000000;--embros-edge-light:rgba(255,255,255,.20)}
.em-edge--dark:active,.em-edge--dark.is-pressed,.em-edge--dark[aria-pressed="true"]{background:var(--grad-btn-dark-active)}
.em-edge--accent{background:var(--grad-btn-accent);color:#FFFFFF}
.em-edge--accent::before{--embros-edge-shadow:#500f00;--embros-edge-light:rgba(255,255,255,.55)}
.em-edge--accent:active,.em-edge--accent.is-pressed,.em-edge--accent[aria-pressed="true"]{background:var(--grad-btn-accent-active)}
.em-edge--sm{min-width:110px;min-height:110px;padding:var(--embros-space-4);border-radius:var(--embros-r-lg);font-size:var(--embros-fs-small)}
.em-edge--lg{min-width:190px;min-height:190px;padding:var(--embros-space-7);border-radius:var(--embros-r-2xl);font-size:var(--embros-fs-body-lg)}

.em-icon-plate{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--embros-r-xs);
background:rgba(11,12,15,.035);box-shadow:inset 1px 1px 2px rgba(180,185,195,.28),inset -1px -1px 2px rgba(255,255,255,.55);color:inherit;flex-shrink:0}
.em-icon-plate--sm{width:28px;height:28px;border-radius:6px}
.em-icon-plate--md{width:36px;height:36px}
.em-icon-plate--lg{width:48px;height:48px;border-radius:var(--embros-r-sm)}
.em-icon-plate--dark{background:rgba(0,0,0,.30);box-shadow:inset 1.5px 1.5px 3px rgba(0,0,0,.60),inset -1px -1px 2px rgba(255,255,255,.12)}
.em-icon-plate--accent{background:rgba(80,20,0,.22);box-shadow:inset 1.5px 1.5px 3px rgba(80,20,0,.55),inset -1px -1px 2px rgba(255,255,255,.28)}
.em-icon-plate--light{background:rgba(255,255,255,.55);box-shadow:inset 1.5px 1.5px 3px rgba(180,185,195,.55),inset -1px -1px 2px rgba(255,255,255,.85)}

.em-btn-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;
width:var(--embros-tap-min);height:var(--embros-tap-min);padding:0;border:none;border-radius:50%;
background:var(--grad-btn-light);color:var(--embros-icon-ink);cursor:pointer;
backface-visibility:hidden;will-change:transform;
box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 2px 3px rgba(30,35,50,.18),3px 4px 6px rgba(30,35,50,.10);
transition:background var(--embros-dur-base) var(--embros-ease-out),color var(--embros-dur-base) var(--embros-ease-out),box-shadow var(--embros-dur-base) var(--embros-ease-out),transform var(--embros-dur-base) var(--embros-ease-out)}
.em-btn-icon:active,.em-btn-icon.is-pressed,.em-btn-icon[aria-pressed="true"]{background:var(--grad-btn-light-active);color:var(--embros-btn-ink-active-light);
box-shadow:inset 4px 4px 7px rgba(180,185,195,.85),inset -3px -3px 6px rgba(255,255,255,.95),1px 1px 2px rgba(30,35,50,.14);transform:translate(0.5px, 1px)}
.em-btn-icon--dark{background:var(--grad-btn-dark);color:#F2F3F5;
box-shadow:inset 1.5px 1.5px 0 var(--embros-rim-hi),inset -1.5px -1.5px 0 rgba(0,0,0,.70),2px 2px 3px rgba(20,20,20,.55),3px 4px 6px rgba(20,20,20,.25)}
.em-btn-icon--dark:active{background:var(--grad-btn-dark-active);color:var(--embros-btn-ink-active-dark);box-shadow:var(--embros-plastic-shadow-pressed-dark)}
.em-btn-icon--accent{background:var(--grad-btn-accent);color:#FFFFFF;
box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -1.5px 0 rgba(80,20,0,.65),2px 2px 3px rgba(90,30,5,.55),3px 4px 6px rgba(90,30,5,.25)}
.em-btn-icon--accent:active{background:var(--grad-btn-accent-active);color:var(--embros-btn-ink-active-accent);box-shadow:var(--embros-plastic-shadow-pressed-accent)}

.em-icon-tile{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--embros-r-full);
background:var(--grad-btn-light);color:var(--embros-icon-ink);transform:translateZ(0);backface-visibility:hidden;
box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 3px 4px rgba(30,35,50,.18),4px 6px 10px rgba(30,35,50,.10)}
.em-icon-tile--dark{background:var(--grad-btn-dark);color:#F2F3F5;
box-shadow:inset 1.5px 1.5px 0 var(--embros-rim-hi),inset -1.5px -1.5px 0 rgba(0,0,0,.70),2px 3px 4px rgba(20,20,20,.60),4px 6px 10px rgba(20,20,20,.30)}
.em-icon-tile--accent{background:var(--grad-btn-accent);color:#FFFFFF;
box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -1.5px 0 rgba(80,20,0,.65),2px 3px 4px rgba(90,30,5,.55),4px 6px 10px rgba(90,30,5,.30)}
.em-icon-tile--sm{width:40px;height:40px}
.em-icon-tile--lg{width:64px;height:64px}

.is-hidden{display:none !important}
.em-visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===== конец части 1 ===== */
/*=== ядро стилей вторая часть · v0.7.8 ===*/

/* EMBROS · CORE · Part 2/2 · NAV · MP · MI · PAGINATION · controls · forms · commerce
   Обновление 17.09.2026: добавлены MP (пластина), MI (остров), PGC (точки), PGSF (квадраты flat).
   NAV/MP/MI/PG получили color-модификаторы --ink-light / --ink-accent. */

/* ============================================================
NAV · H/V · popup · tray · 6 типов + 3 цвета
============================================================ */
.em-nav{position:relative;display:inline-flex;flex-direction:row;align-items:center;gap:2px;
padding:5px;border-radius:var(--embros-r-full);background:var(--grad-btn-light);
box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 3px 4px rgba(30,35,50,.18),4px 6px 10px rgba(30,35,50,.10);
max-width:100%;overflow:visible;--nav-active-bg:var(--grad-btn-dark);--nav-active-ink:#F2F3F5;
--nav-active-shadow:inset 1.5px 1.5px 0 var(--embros-rim-hi),inset -1.5px -1.5px 0 rgba(0,0,0,.70),1px 2px 3px rgba(20,20,20,.45)}
.em-nav--v{flex-direction:column}
.em-nav--ink-light{--nav-active-bg:var(--grad-btn-light-active);--nav-active-ink:var(--embros-ink);
--nav-active-shadow:inset 4px 4px 8px rgba(180,185,195,.75),inset -3px -3px 8px rgba(255,255,255,.95),1px 1px 2px rgba(30,35,50,.14)}
.em-nav--ink-accent{--nav-active-bg:var(--grad-btn-accent);--nav-active-ink:#FFFFFF;
--nav-active-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -1.5px 0 rgba(80,20,0,.65),1px 2px 3px rgba(90,30,5,.55)}

.em-nav-item{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;
gap:10px;height:44px;width:48px;padding:0 14px;border:none;border-radius:var(--embros-r-full);
background:transparent;color:var(--embros-ink-2);font-family:inherit;font-size:11px;font-weight:700;
letter-spacing:.06em;text-transform:uppercase;line-height:1;cursor:pointer;overflow:hidden;white-space:nowrap;
transition:background-color 320ms var(--embros-ease-out),color 300ms var(--embros-ease-out);
-webkit-tap-highlight-color:transparent}
.em-nav-item:focus-visible{outline:2px solid var(--embros-focus-color);outline-offset:3px}
.em-nav-item.is-active{width:auto;padding:0 20px 0 14px;background:var(--nav-active-bg);color:var(--nav-active-ink);box-shadow:var(--nav-active-shadow)}
.em-nav--v .em-nav-item{height:48px;width:48px;padding:0;gap:0;justify-content:center}
.em-nav--v .em-nav-item.is-active{width:48px;padding:0}

.em-nav-ico{position:relative;width:19px;height:19px;flex:0 0 19px;display:inline-block;transform-origin:center center}
.em-nav-ico svg{position:absolute;inset:0;width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform-origin:center center;transition:opacity 260ms var(--embros-ease-out)}
.em-nav-ico-close{opacity:0}
.em-nav-item.is-open .em-nav-ico-open{opacity:0}
.em-nav-item.is-open .em-nav-ico-close{opacity:1}
.em-nav-label{font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;opacity:0;display:inline-block;will-change:opacity,transform}
.em-nav-item.is-active .em-nav-label{opacity:1}
.em-nav--v .em-nav-label{display:none}

.em-nav-pop{position:absolute;padding:14px 16px;min-width:200px;border-radius:22px;background:var(--grad-btn-light);
box-shadow:inset 2px 2px 0 rgba(255,255,255,1),inset -2px -2px 0 rgba(163,172,187,.72),3px 4px 6px rgba(30,35,50,.20),8px 12px 22px rgba(30,35,50,.14);
opacity:0;pointer-events:none;z-index:3}
.em-nav-pop.is-open{opacity:1;pointer-events:auto}
.em-nav-pop__title{font-family:var(--embros-font-mono);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--embros-accent);opacity:.9;margin:0 0 10px}
.em-nav-pop__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
.em-nav-pop__list button{display:block;width:100%;padding:8px 12px;border:none;border-radius:12px;background:transparent;color:var(--embros-ink-2);font-family:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:background .18s var(--embros-ease-out),color .18s var(--embros-ease-out)}
.em-nav-pop__list button:hover{background:rgba(255,105,18,.09);color:#D14F00}

/* ============================================================
MP · пластина · H/V · popup + tray · 3 цвета
============================================================ */
.mp{position:relative;display:inline-flex;padding:10px;border-radius:20px;background:var(--grad-plate,linear-gradient(135deg,#F2F3F7 0%,#E1E4EA 100%));
box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 3px 4px rgba(30,35,50,.14),4px 6px 10px rgba(30,35,50,.06);
--mp-active-ink:#FF6912;--mp-active-bg:linear-gradient(135deg,#DDE1E8 0%,#E7EAF0 100%);--mp-active-plate:rgba(255,105,18,.14);
--mp-active-plate-shadow:inset 1.5px 1.5px 2.5px rgba(150,90,40,.30),inset -1px -1px 2px rgba(255,240,220,.72);
--mp-active-item-shadow:inset 1.5px 1.5px 3px rgba(160,168,182,.55),inset -1.5px -1.5px 3px rgba(255,255,255,.90),0 0 0 .5px rgba(180,185,195,.32)}
.mp--v{flex-direction:column;gap:4px}
.mp--h{flex-direction:row;gap:4px}
.mp--ink-light{--mp-active-ink:#0B0C0F;--mp-active-bg:linear-gradient(135deg,#DDE1E8 0%,#E7EAF0 100%);
--mp-active-plate:rgba(11,12,15,.10);--mp-active-plate-shadow:inset 1.5px 1.5px 2.5px rgba(120,130,145,.35),inset -1px -1px 2px rgba(255,255,255,.85)}
.mp--ink-accent{--mp-active-ink:#FFFFFF;--mp-active-bg:var(--grad-btn-accent);--mp-active-plate:rgba(255,255,255,.20);
--mp-active-plate-shadow:inset 1.5px 1.5px 2.5px rgba(80,20,0,.55),inset -1px -1px 2px rgba(255,220,190,.55);
--mp-active-item-shadow:inset 1.5px 1.5px 3px rgba(80,20,0,.55),inset -1.5px -1.5px 3px rgba(255,220,190,.35),0 0 0 .5px rgba(80,20,0,.35)}
.mp__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 10px;min-width:58px;border:none;border-radius:12px;background:transparent;color:var(--embros-icon-ink-2);cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;transition:background .24s var(--embros-ease-out),color .24s var(--embros-ease-out),box-shadow .28s var(--embros-ease-out)}
.mp__item:not(.is-active):not(.is-pressing):hover{background:linear-gradient(145deg,#eaecf1 0%,#eceef3 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 0 0 1px rgba(220,225,232,1);color:#5E6470}
.mp__item.is-active{color:var(--mp-active-ink);background:var(--mp-active-bg);box-shadow:var(--mp-active-item-shadow)}
.mp__item.is-active .mp__plate{background:var(--mp-active-plate);box-shadow:var(--mp-active-plate-shadow)}
.mp__item.is-pressing{background:linear-gradient(135deg,#DFE3EA 0%,#E8EBF1 100%);box-shadow:inset 3.5px 3.5px 7px rgba(150,158,172,.75),inset -2.5px -2.5px 5px rgba(255,255,255,.98),0 0 0 .5px rgba(170,178,192,.40)}
.mp__item.is-pressing .mp__plate,.mp__item.is-pressing .mp__lbl{transform:translate(1.5px,2px)}
.mp__plate{position:relative;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(11,12,15,.04);box-shadow:inset .5px .5px 1.5px rgba(180,185,195,.30),inset -1px -1px 2px rgba(255,255,255,.58);transition:background .28s var(--embros-ease-out),box-shadow .32s var(--embros-ease-out),transform .24s var(--embros-ease-out)}
.mp__plate svg{position:absolute;inset:0;margin:auto;width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:opacity .22s var(--embros-ease-out)}
.mp__ico-open{opacity:1}.mp__ico-close{opacity:0}
.mp__item.is-open .mp__ico-open{opacity:0}.mp__item.is-open .mp__ico-close{opacity:1}
.mp__lbl{font-size:8px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1;color:var(--embros-ink-3);transition:color .24s var(--embros-ease-out),transform .24s var(--embros-ease-out)}
.mp__item.is-active .mp__lbl{color:var(--mp-active-ink)}

/* ============================================================
MI · остров · H/V · оранжевые разделители · 3 цвета
============================================================ */
.mi{position:relative;display:inline-flex;padding:10px;border-radius:22px;background:linear-gradient(145deg,#F7F8FB 0%,#D8DCE2 100%);
box-shadow:inset 2px 2px 0 rgba(255,255,255,1),inset -2px -2px 0 rgba(163,172,187,.72),3px 4px 5px rgba(30,35,50,.20),6px 8px 14px rgba(30,35,50,.11);
--mi-active-ink:#FF6912;--mi-active-bg:linear-gradient(145deg,#E6E9EE 0%,#EFF1F5 100%);
--mi-active-shadow:inset 4px 4px 8px rgba(170,178,190,.75),inset -3px -3px 6px rgba(255,255,255,.95),0 0 0 1px rgba(130,138,152,.32)}
.mi--v{flex-direction:column;gap:22px}
.mi--h{flex-direction:row;gap:22px}
.mi--ink-light{--mi-active-ink:#0B0C0F;--mi-active-bg:linear-gradient(145deg,#E6E9EE 0%,#EFF1F5 100%);
--mi-active-shadow:inset 4px 4px 8px rgba(170,178,190,.85),inset -3px -3px 6px rgba(255,255,255,1),0 0 0 1px rgba(150,158,172,.28)}
.mi--ink-accent{--mi-active-ink:#FFFFFF;--mi-active-bg:var(--grad-btn-accent);
--mi-active-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -1.5px 0 rgba(80,20,0,.65),1px 2px 3px rgba(90,30,5,.50)}
.mi__item{position:relative;width:64px;height:64px;padding:0;border:none;border-radius:14px;background:linear-gradient(145deg,#FAFBFD 0%,#DEE2E8 100%);color:var(--embros-icon-ink-2);cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:inherit;-webkit-tap-highlight-color:transparent;box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,1),inset -1px -1px 0 rgba(178,184,196,.42),0 1px 2px rgba(30,35,50,.10);transition:background .28s var(--embros-ease-out),color .28s var(--embros-ease-out),box-shadow .32s var(--embros-ease-out)}
.mi__item:not(.is-active):not(.is-pressing):hover{background:linear-gradient(145deg,#eaecf1 0%,#eceef3 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 0 0 1px rgba(220,225,232,1);color:#5E6470}
.mi__item.is-active{color:var(--mi-active-ink);background:var(--mi-active-bg);box-shadow:var(--mi-active-shadow)}
.mi__item.is-pressing{background:linear-gradient(145deg,#E3E6EC 0%,#ECEEF4 100%);box-shadow:inset 5px 5px 10px rgba(150,158,172,.78),inset -3.5px -3.5px 7px rgba(255,255,255,.98),0 0 0 1px rgba(150,158,172,.42)}
.mi__item.is-pressing .mi__ico,.mi__item.is-pressing .mi__lbl{transform:translate(1.5px,2px)}
.mi__ico{position:relative;width:22px;height:22px;flex:0 0 22px;display:block;transition:transform .24s var(--embros-ease-out)}
.mi__ico svg{position:absolute;inset:0;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:opacity .22s var(--embros-ease-out)}
.mi__ico-open{opacity:.7}.mi__ico-close{opacity:0}
.mi__item.is-active .mi__ico-open{opacity:.95}
.mi__item.is-open .mi__ico-open{opacity:0}.mi__item.is-open .mi__ico-close{opacity:1}
.mi__lbl{font-size:8px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:var(--embros-ink-3);transition:color .24s var(--embros-ease-out),transform .24s var(--embros-ease-out)}
.mi__item.is-active .mi__lbl{color:var(--mi-active-ink)}
.mi--v .mi__item:nth-child(-n+4)::before{content:'';position:absolute;bottom:-13.5px;left:12px;right:12px;height:5px;background:linear-gradient(135deg,#fffbf3 0%,#ffceab 42%,#EC6A1E 100%);box-shadow:inset .4px .8px 0 rgba(255,240,225,.75),inset 0 -1px 0 rgba(175,85,20,.40);border-radius:50px;pointer-events:none}
.mi--h .mi__item:nth-child(-n+4)::before{content:'';position:absolute;right:-13.5px;top:12px;bottom:12px;width:5px;background:linear-gradient(135deg,#fffbf3 0%,#ffceab 42%,#EC6A1E 100%);box-shadow:inset 1px 0 0 rgba(255,240,225,.75),inset -1px 0 0 rgba(175,85,20,.40);border-radius:50px;pointer-events:none}

.mp-pop,.mi-pop{position:absolute;padding:14px 16px;min-width:200px;border-radius:16px;background:linear-gradient(145deg,#F7F8FB 0%,#D8DCE2 100%);
box-shadow:inset 2px 2px 0 rgba(255,255,255,1),inset -2px -2px 0 rgba(163,172,187,.72),3px 4px 6px rgba(30,35,50,.20),8px 12px 22px rgba(30,35,50,.14);
opacity:0;pointer-events:none;z-index:3}
.mp-pop.is-open,.mi-pop.is-open{opacity:1;pointer-events:auto}
.mp-pop__title,.mi-pop__title{font-family:var(--embros-font-mono);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--embros-accent);opacity:.9;margin:0 0 10px}
.mp-pop__list,.mi-pop__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
.mp-pop__list button,.mi-pop__list button{display:block;width:100%;padding:8px 12px;border:none;border-radius:10px;background:transparent;color:var(--embros-ink-2);font-family:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:background .18s var(--embros-ease-out),color .18s var(--embros-ease-out)}
.mp-pop__list button:hover,.mi-pop__list button:hover{background:rgba(255,105,18,.09);color:#D14F00}

/* TRAY (единый для nav/mp/mi) */
.em-nav-tray,.mp-tray,.mi-tray{position:absolute;padding:8px;display:inline-flex;align-items:center;gap:6px;opacity:0;pointer-events:none;z-index:100;--soc-from-x:0px;--soc-from-y:0px}
.em-nav-tray{border-radius:9999px;background:var(--grad-btn-light);box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 4px 6px rgba(30,35,50,.18),6px 10px 18px rgba(30,35,50,.10)}
.mp-tray{border-radius:20px;background:linear-gradient(135deg,#F2F3F7 0%,#E1E4EA 100%);box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 4px 6px rgba(30,35,50,.18),6px 10px 18px rgba(30,35,50,.10)}
.mi-tray{border-radius:22px;background:linear-gradient(145deg,#F7F8FB 0%,#D8DCE2 100%);box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 4px 6px rgba(30,35,50,.18),6px 10px 18px rgba(30,35,50,.10)}
.em-nav-tray.is-open,.mp-tray.is-open,.mi-tray.is-open{opacity:1;pointer-events:auto}
.em-nav--h .em-nav-tray,.mp--h .mp-tray,.mi--h .mi-tray{flex-direction:column}
.em-nav--v .em-nav-tray,.mp--v .mp-tray,.mi--v .mi-tray{flex-direction:row}

.em-nav--h .em-nav-tray[data-vert="up"],.mp--h .mp-tray[data-vert="up"],.mi--h .mi-tray[data-vert="up"]{--soc-from-y:52px}
.em-nav--h .em-nav-tray[data-vert="down"],.mp--h .mp-tray[data-vert="down"],.mi--h .mi-tray[data-vert="down"]{--soc-from-y:-52px}
.em-nav--v .em-nav-tray[data-side="right"],.mp--v .mp-tray[data-side="right"],.mi--v .mi-tray[data-side="right"]{--soc-from-x:-52px}
.em-nav--v .em-nav-tray[data-side="left"],.mp--v .mp-tray[data-side="left"],.mi--v .mi-tray[data-side="left"]{--soc-from-x:52px}

.em-nav-tray__soc,.mp-tray__soc,.mi-tray__soc{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--grad-white);border:none;cursor:pointer;box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.5),1px 2px 3px rgba(30,35,50,.12);
opacity:0;transform:translate(var(--soc-from-x),var(--soc-from-y)) scale(.72);
transition:opacity 260ms var(--embros-ease-out),transform 420ms var(--embros-ease-out),box-shadow 140ms var(--embros-ease-out);
-webkit-tap-highlight-color:transparent;pointer-events:auto;touch-action:manipulation}
.em-nav-tray__soc{border-radius:9999px}
.mp-tray__soc{border-radius:12px}
.mi-tray__soc{border-radius:14px}
.em-nav-tray.is-open .em-nav-tray__soc,
.mp-tray.is-open .mp-tray__soc,
.mi-tray.is-open .mi-tray__soc{opacity:1;transform:translate(0,0) scale(1)}

.em-nav--h .em-nav-tray[data-vert="up"].is-open .em-nav-tray__soc:nth-child(5),.mp--h .mp-tray[data-vert="up"].is-open .mp-tray__soc:nth-child(5),.mi--h .mi-tray[data-vert="up"].is-open .mi-tray__soc:nth-child(5){transition-delay:60ms}
.em-nav--h .em-nav-tray[data-vert="up"].is-open .em-nav-tray__soc:nth-child(4),.mp--h .mp-tray[data-vert="up"].is-open .mp-tray__soc:nth-child(4),.mi--h .mi-tray[data-vert="up"].is-open .mi-tray__soc:nth-child(4){transition-delay:130ms}
.em-nav--h .em-nav-tray[data-vert="up"].is-open .em-nav-tray__soc:nth-child(3),.mp--h .mp-tray[data-vert="up"].is-open .mp-tray__soc:nth-child(3),.mi--h .mi-tray[data-vert="up"].is-open .mi-tray__soc:nth-child(3){transition-delay:200ms}
.em-nav--h .em-nav-tray[data-vert="up"].is-open .em-nav-tray__soc:nth-child(2),.mp--h .mp-tray[data-vert="up"].is-open .mp-tray__soc:nth-child(2),.mi--h .mi-tray[data-vert="up"].is-open .mi-tray__soc:nth-child(2){transition-delay:270ms}
.em-nav--h .em-nav-tray[data-vert="up"].is-open .em-nav-tray__soc:nth-child(1),.mp--h .mp-tray[data-vert="up"].is-open .mp-tray__soc:nth-child(1),.mi--h .mi-tray[data-vert="up"].is-open .mi-tray__soc:nth-child(1){transition-delay:340ms}
.em-nav--h .em-nav-tray[data-vert="down"].is-open .em-nav-tray__soc:nth-child(1),.mp--h .mp-tray[data-vert="down"].is-open .mp-tray__soc:nth-child(1),.mi--h .mi-tray[data-vert="down"].is-open .mi-tray__soc:nth-child(1){transition-delay:60ms}
.em-nav--h .em-nav-tray[data-vert="down"].is-open .em-nav-tray__soc:nth-child(2),.mp--h .mp-tray[data-vert="down"].is-open .mp-tray__soc:nth-child(2),.mi--h .mi-tray[data-vert="down"].is-open .mi-tray__soc:nth-child(2){transition-delay:130ms}
.em-nav--h .em-nav-tray[data-vert="down"].is-open .em-nav-tray__soc:nth-child(3),.mp--h .mp-tray[data-vert="down"].is-open .mp-tray__soc:nth-child(3),.mi--h .mi-tray[data-vert="down"].is-open .mi-tray__soc:nth-child(3){transition-delay:200ms}
.em-nav--h .em-nav-tray[data-vert="down"].is-open .em-nav-tray__soc:nth-child(4),.mp--h .mp-tray[data-vert="down"].is-open .mp-tray__soc:nth-child(4),.mi--h .mi-tray[data-vert="down"].is-open .mi-tray__soc:nth-child(4){transition-delay:270ms}
.em-nav--h .em-nav-tray[data-vert="down"].is-open .em-nav-tray__soc:nth-child(5),.mp--h .mp-tray[data-vert="down"].is-open .mp-tray__soc:nth-child(5),.mi--h .mi-tray[data-vert="down"].is-open .mi-tray__soc:nth-child(5){transition-delay:340ms}
.em-nav--v .em-nav-tray[data-side="right"].is-open .em-nav-tray__soc:nth-child(1),.mp--v .mp-tray[data-side="right"].is-open .mp-tray__soc:nth-child(1),.mi--v .mi-tray[data-side="right"].is-open .mi-tray__soc:nth-child(1){transition-delay:60ms}
.em-nav--v .em-nav-tray[data-side="right"].is-open .em-nav-tray__soc:nth-child(2),.mp--v .mp-tray[data-side="right"].is-open .mp-tray__soc:nth-child(2),.mi--v .mi-tray[data-side="right"].is-open .mi-tray__soc:nth-child(2){transition-delay:130ms}
.em-nav--v .em-nav-tray[data-side="right"].is-open .em-nav-tray__soc:nth-child(3),.mp--v .mp-tray[data-side="right"].is-open .mp-tray__soc:nth-child(3),.mi--v .mi-tray[data-side="right"].is-open .mi-tray__soc:nth-child(3){transition-delay:200ms}
.em-nav--v .em-nav-tray[data-side="right"].is-open .em-nav-tray__soc:nth-child(4),.mp--v .mp-tray[data-side="right"].is-open .mp-tray__soc:nth-child(4),.mi--v .mi-tray[data-side="right"].is-open .mi-tray__soc:nth-child(4){transition-delay:270ms}
.em-nav--v .em-nav-tray[data-side="right"].is-open .em-nav-tray__soc:nth-child(5),.mp--v .mp-tray[data-side="right"].is-open .mp-tray__soc:nth-child(5),.mi--v .mi-tray[data-side="right"].is-open .mi-tray__soc:nth-child(5){transition-delay:340ms}
.em-nav--v .em-nav-tray[data-side="left"].is-open .em-nav-tray__soc:nth-child(5),.mp--v .mp-tray[data-side="left"].is-open .mp-tray__soc:nth-child(5),.mi--v .mi-tray[data-side="left"].is-open .mi-tray__soc:nth-child(5){transition-delay:60ms}
.em-nav--v .em-nav-tray[data-side="left"].is-open .em-nav-tray__soc:nth-child(4),.mp--v .mp-tray[data-side="left"].is-open .mp-tray__soc:nth-child(4),.mi--v .mi-tray[data-side="left"].is-open .mi-tray__soc:nth-child(4){transition-delay:130ms}
.em-nav--v .em-nav-tray[data-side="left"].is-open .em-nav-tray__soc:nth-child(3),.mp--v .mp-tray[data-side="left"].is-open .mp-tray__soc:nth-child(3),.mi--v .mi-tray[data-side="left"].is-open .mi-tray__soc:nth-child(3){transition-delay:200ms}
.em-nav--v .em-nav-tray[data-side="left"].is-open .em-nav-tray__soc:nth-child(2),.mp--v .mp-tray[data-side="left"].is-open .mp-tray__soc:nth-child(2),.mi--v .mi-tray[data-side="left"].is-open .mi-tray__soc:nth-child(2){transition-delay:270ms}
.em-nav--v .em-nav-tray[data-side="left"].is-open .em-nav-tray__soc:nth-child(1),.mp--v .mp-tray[data-side="left"].is-open .mp-tray__soc:nth-child(1),.mi--v .mi-tray[data-side="left"].is-open .mi-tray__soc:nth-child(1){transition-delay:340ms}

.em-nav-tray__soc:active,.mp-tray__soc:active,.mi-tray__soc:active{
transform:translate(0,0) scale(.82) !important;
box-shadow:inset 3px 3px 6px rgba(140,148,162,.75),inset -2.5px -2.5px 5px rgba(255,255,255,1),0 0 0 .5px rgba(140,148,162,.45) !important;
transition:transform 120ms cubic-bezier(.4,0,1,1),box-shadow 120ms cubic-bezier(.4,0,1,1) !important;
filter:brightness(.94)}
.em-nav-tray__soc:hover,.mp-tray__soc:hover,.mi-tray__soc:hover{filter:brightness(1.02)}
.em-nav-tray__soc svg,.mp-tray__soc svg,.mi-tray__soc svg{width:20px;height:20px;fill:currentColor;position:static;stroke:none}
.em-nav-tray__soc[data-net="tg"],.mp-tray__soc[data-net="tg"],.mi-tray__soc[data-net="tg"]{color:#2AABEE}
.em-nav-tray__soc[data-net="wa"],.mp-tray__soc[data-net="wa"],.mi-tray__soc[data-net="wa"]{color:#25D366}
.em-nav-tray__soc[data-net="ig"],.mp-tray__soc[data-net="ig"],.mi-tray__soc[data-net="ig"]{color:#E1306C}
.em-nav-tray__soc[data-net="vk"],.mp-tray__soc[data-net="vk"],.mi-tray__soc[data-net="vk"]{color:#0077FF}
.em-nav-tray__soc[data-net="ph"],.mp-tray__soc[data-net="ph"],.mi-tray__soc[data-net="ph"]{color:#2A2A2A}

/* ============================================================
PAGINATION · PG · H/V · dark/light/accent
============================================================ */
.pg{position:relative;display:inline-flex;align-items:center;gap:4px;padding:5px;border-radius:9999px;background:var(--grad-btn-light);
box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 3px 4px rgba(30,35,50,.18),4px 6px 10px rgba(30,35,50,.10);
--pg-size:44px;--pg-font:14px;--pg-arrow:18px;--pg-ink-2:var(--embros-ink-2);
--pg-thumb-grad:var(--grad-btn-dark-active);--pg-fill-grad:var(--grad-btn-dark);--pg-thumb-ink:#F2F3F5;
--pg-thumb-shadow-idle:inset 5px 5px 10px rgba(0,0,0,.90),inset -4px -4px 9px rgba(255,255,255,.22),1px 1px 2px rgba(20,20,20,.50);
--pg-thumb-shadow-lift:inset 1.5px 1.5px 0 rgba(255,255,255,.20),inset -1.5px -1.5px 0 rgba(0,0,0,.70),2px 3px 4px rgba(20,20,20,.60),4px 6px 10px rgba(20,20,20,.30)}
.pg--v{flex-direction:column;border-radius:22px}
.pg--light{--pg-thumb-grad:var(--grad-btn-light-active);--pg-fill-grad:var(--grad-btn-light);--pg-thumb-ink:var(--embros-ink);
--pg-thumb-shadow-idle:inset 5px 5px 10px rgba(160,170,180,.85),inset -3px -3px 8px rgba(255,255,255,1),1px 1px 2px rgba(30,35,50,.14);
--pg-thumb-shadow-lift:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 2px 3px rgba(30,35,50,.18),3px 4px 6px rgba(30,35,50,.10)}
.pg--accent{--pg-thumb-grad:var(--grad-btn-accent-active);--pg-fill-grad:var(--grad-btn-accent);--pg-thumb-ink:#FFFFFF;
--pg-thumb-shadow-idle:inset 4px 4px 7px rgba(100,20,0,.92),inset -3px -3px 6px rgba(255,241,229,.62),1px 1px 2px rgba(90,30,5,.58);
--pg-thumb-shadow-lift:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -1.5px 0 rgba(80,20,0,.65),2px 3px 4px rgba(90,30,5,.55),4px 6px 10px rgba(90,30,5,.30)}
.pg-thumb{position:absolute;top:5px;left:5px;width:var(--pg-size);height:var(--pg-size);border-radius:9999px;background:var(--pg-thumb-grad);box-shadow:var(--pg-thumb-shadow-idle);display:inline-flex;align-items:center;justify-content:center;font-size:var(--pg-font);font-weight:700;color:var(--pg-thumb-ink);z-index:3;pointer-events:none;overflow:hidden;will-change:transform,box-shadow}
.pg-fill{position:absolute;inset:0;border-radius:inherit;background:var(--pg-fill-grad);opacity:0;pointer-events:none}
.pg-thumb .pg-lb{position:relative;z-index:1;display:block;line-height:1;transform-origin:center center}
.pg-slot{position:relative;z-index:2;width:var(--pg-size);height:var(--pg-size);padding:0;border:none;background:transparent;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;font-size:var(--pg-font);font-weight:700;color:var(--pg-ink-2);-webkit-tap-highlight-color:transparent}
.pg-slot .pg-lb{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--pg-ink-2);will-change:opacity}
.pg-slot .pg-lb svg{width:var(--pg-arrow);height:var(--pg-arrow);display:block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pg-slot:hover .pg-lb{color:var(--embros-ink)}
.pg-slot:focus-visible{outline:2px solid var(--embros-focus-color);outline-offset:2px}

/* PGC · мини-точки */
.pgc{position:relative;display:inline-flex;align-items:center;gap:4px;padding:5px;border-radius:9999px;background:var(--grad-btn-light);
box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 3px 4px rgba(30,35,50,.18),4px 6px 10px rgba(30,35,50,.10);
--pgc-cell:32px;--pgc-thumb-grad:var(--grad-btn-dark);--pgc-thumb-ink:#F2F3F5;
--pgc-thumb-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.20),inset -1.5px -1.5px 0 rgba(0,0,0,.70),2px 3px 4px rgba(20,20,20,.60),4px 6px 10px rgba(20,20,20,.30);
--pgc-thumb-shadow-lift:inset 1.5px 1.5px 0 rgba(255,255,255,.32),inset -1.5px -1.5px 0 rgba(0,0,0,.80),3px 5px 8px rgba(20,20,20,.65),6px 10px 16px rgba(20,20,20,.35)}
.pgc--v{flex-direction:column;border-radius:22px}
.pgc--light{--pgc-thumb-grad:var(--grad-btn-light);--pgc-thumb-ink:var(--embros-ink);
--pgc-thumb-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 2px 3px rgba(30,35,50,.18),3px 4px 6px rgba(30,35,50,.10);
--pgc-thumb-shadow-lift:inset 1.5px 1.5px 0 rgba(255,255,255,1),inset -1.5px -1.5px 0 rgba(180,185,195,.70),3px 4px 6px rgba(30,35,50,.22),5px 8px 14px rgba(30,35,50,.14)}
.pgc--accent{--pgc-thumb-grad:var(--grad-btn-accent);--pgc-thumb-ink:#FFFFFF;
--pgc-thumb-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -1.5px 0 rgba(80,20,0,.65),2px 3px 4px rgba(90,30,5,.55),4px 6px 10px rgba(90,30,5,.30);
--pgc-thumb-shadow-lift:inset 1.5px 1.5px 0 rgba(255,255,255,.70),inset -1.5px -1.5px 0 rgba(80,20,0,.82),3px 5px 8px rgba(90,30,5,.65),6px 10px 16px rgba(90,30,5,.40)}
.pgc-nav{width:32px;height:32px;padding:0;border:none;border-radius:9999px;background:transparent;color:var(--embros-ink-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .2s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}
.pgc-nav:hover{color:var(--embros-ink)}
.pgc-nav:focus-visible{outline:2px solid var(--embros-focus-color);outline-offset:2px}
.pgc-nav svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pgc-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:var(--pgc-cell);grid-template-rows:var(--pgc-cell)}
.pgc--v .pgc-track{grid-auto-flow:row;grid-auto-rows:var(--pgc-cell);grid-template-columns:var(--pgc-cell)}
.pgc-cell{width:var(--pgc-cell);height:var(--pgc-cell);padding:0;border:none;background:transparent;cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}
.pgc-cell:focus-visible{outline:2px solid var(--embros-focus-color);outline-offset:2px}
.pgc-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(145deg,#D5DAE0 0%,#B8BDC7 100%);box-shadow:inset 1.2px 1.2px 1.6px rgba(140,148,162,.62),inset -1px -1px 1.4px rgba(255,255,255,.90);transition:background .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}
.pgc-cell:hover .pgc-dot{background:linear-gradient(145deg,#C4C9D1 0%,#8F95A1 100%)}
.pgc-thumb{position:absolute;top:0;left:0;width:var(--pgc-cell);height:var(--pgc-cell);border-radius:50%;background:var(--pgc-thumb-grad);box-shadow:var(--pgc-thumb-shadow);color:var(--pgc-thumb-ink);font-size:13px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;will-change:transform,box-shadow}
.pgc-thumb .pgc-n{display:block;transform-origin:center center;line-height:1}

/* PGSF · мини-квадраты flat */
.pgsf{position:relative;display:inline-flex;align-items:center;gap:4px;padding:5px;border-radius:22px;background:var(--grad-btn-light);
box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 3px 4px rgba(30,35,50,.18),4px 6px 10px rgba(30,35,50,.10);
--pgsf-size:40px;--pgsf-font:13px;--pgsf-radius:12px;
--pgsf-flat:inset 1.5px 1.5px 0 rgba(255,255,255,1),inset -1.5px -1.5px 0 rgba(163,172,187,.50),1px 1px 2px rgba(30,35,50,.10),2px 2px 4px rgba(30,35,50,.06);
--pgsf-active-bg:var(--grad-btn-dark);--pgsf-active-ink:#F2F3F5;
--pgsf-active-sh:inset 1.5px 1.5px 0 rgba(255,255,255,.20),inset -1.5px -1.5px 0 rgba(0,0,0,.70),2px 3px 4px rgba(20,20,20,.45),4px 6px 10px rgba(20,20,20,.22);
--pgsf-active-press:inset 5px 5px 10px rgba(0,0,0,.70),inset -4px -4px 9px rgba(255,255,255,.14),1px 1px 2px rgba(20,20,20,.40)}
.pgsf--v{flex-direction:column}
.pgsf--light{--pgsf-active-bg:var(--grad-btn-light-active);--pgsf-active-ink:var(--embros-ink);
--pgsf-active-sh:inset 4px 4px 8px rgba(180,185,195,.85),inset -4px -4px 8px rgba(255,255,255,1),1px 1px 2px rgba(30,35,50,.10);
--pgsf-active-press:inset 5px 5px 10px rgba(180,185,195,.95),inset -4px -4px 9px rgba(255,255,255,1),1px 1px 2px rgba(30,35,50,.12)}
.pgsf--accent{--pgsf-active-bg:var(--grad-btn-accent);--pgsf-active-ink:#FFFFFF;
--pgsf-active-sh:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -1.5px 0 rgba(80,20,0,.65),2px 3px 4px rgba(90,30,5,.50),4px 6px 10px rgba(90,30,5,.28);
--pgsf-active-press:inset 5px 5px 10px rgba(80,20,0,.85),inset -4px -4px 9px rgba(255,220,190,.55),1px 1px 2px rgba(90,30,5,.55)}
.pgsf-nav{width:36px;height:36px;padding:0;border:none;border-radius:12px;background:transparent;color:var(--embros-ink-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .2s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}
.pgsf-nav:hover{color:var(--embros-ink)}
.pgsf-nav:focus-visible{outline:2px solid var(--embros-focus-color);outline-offset:2px}
.pgsf-nav svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pgsf-track{display:grid;grid-auto-flow:column;gap:4px;grid-auto-columns:var(--pgsf-size);grid-template-rows:var(--pgsf-size)}
.pgsf--v .pgsf-track{grid-auto-flow:row;grid-auto-rows:var(--pgsf-size);grid-template-columns:var(--pgsf-size)}
.pgsf-cell{width:var(--pgsf-size);height:var(--pgsf-size);padding:0;border:none;border-radius:var(--pgsf-radius);background:var(--grad-btn-light);color:var(--embros-ink-2);font-family:inherit;font-size:var(--pgsf-font);font-weight:700;line-height:1;cursor:pointer;box-shadow:var(--pgsf-flat);transition:background .32s cubic-bezier(.22,1,.36,1),color .30s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),transform .24s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}
.pgsf-cell:hover{color:var(--embros-ink)}
.pgsf-cell:active,.pgsf-cell.is-active:active{transform:translate(.5px,1px)}
.pgsf-cell.is-active{background:var(--pgsf-active-bg);color:var(--pgsf-active-ink);box-shadow:var(--pgsf-active-sh)}
.pgsf-cell.is-active:active{box-shadow:var(--pgsf-active-press)}
.pgsf-cell:focus-visible{outline:2px solid var(--embros-focus-color);outline-offset:2px}

/* ============================================================
SWITCH · SEG · CHECKBOX/RADIO · SLIDER · PROGRESS
============================================================ */
.em-switch{display:inline-flex;align-items:center;gap:var(--embros-space-3);cursor:pointer}
.em-switch input{position:absolute;opacity:0;pointer-events:none}
.em-switch-track{position:relative;display:inline-block;width:60px;height:34px;border-radius:var(--embros-r-full);background:var(--grad-pressed);box-shadow:inset 3px 3px 6px var(--embros-nm-dark),inset -3px -3px 6px var(--embros-nm-light);flex-shrink:0;transition:background var(--embros-dur-slower) var(--embros-ease-soft),box-shadow var(--embros-dur-slower) var(--embros-ease-soft)}
.em-switch-thumb{position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:var(--grad-flat-white);box-shadow:inset 1px 1px 0 rgba(255,255,255,.95),inset -1px -1px 0 rgba(180,185,195,.55),1px 1px 2px rgba(30,35,50,.18);transition:transform var(--embros-dur-slower) var(--embros-ease-liquid),background var(--embros-dur-slower) var(--embros-ease-liquid),box-shadow var(--embros-dur-slower) var(--embros-ease-liquid)}
.em-switch input:checked + .em-switch-track{background:var(--grad-btn-dark);box-shadow:inset 3px 3px 6px rgba(0,0,0,.70),inset -3px -3px 6px rgba(255,255,255,.08)}
.em-switch input:checked + .em-switch-track .em-switch-thumb{transform:translateX(26px);background:linear-gradient(145deg,#FFFFFF 0%,#E4E7EC 100%);box-shadow:inset 1px 1px 0 rgba(255,255,255,1),inset -1px -1px 0 rgba(180,185,195,.55),1px 2px 3px rgba(0,0,0,.20)}
.em-switch--accent input:checked + .em-switch-track{background:var(--grad-btn-accent);box-shadow:inset 3px 3px 6px rgba(80,20,0,.55),inset -3px -3px 6px rgba(255,215,185,.35)}
.em-switch-text{font-family:var(--embros-font-text);font-size:var(--embros-fs-small);font-weight:var(--embros-fw-semibold);letter-spacing:var(--embros-track-ui);line-height:1}

.em-seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:5px;border-radius:var(--embros-r-full);background:var(--grad-pressed);box-shadow:inset 3px 3px 6px var(--embros-nm-dark),inset -3px -3px 6px var(--embros-nm-light);width:100%;box-sizing:border-box;transition:box-shadow var(--embros-dur-base) var(--embros-ease-out);overflow:hidden}
.em-seg-thumb{position:absolute;top:5px;left:5px;width:calc((100% - 10px)/3);height:calc(100% - 10px);border-radius:var(--embros-r-full);background:var(--grad-btn-dark);box-shadow:inset 1px 1px 0 var(--embros-rim-hi),inset -1px -1px 0 rgba(0,0,0,.70),2px 2px 4px rgba(20,20,20,.45),4px 6px 10px rgba(20,20,20,.22);transition:transform 280ms var(--embros-ease-thumb);z-index:1;pointer-events:none;will-change:transform}
.em-seg-item{position:relative;z-index:2;padding:9px 12px;border:none;background:transparent;border-radius:var(--embros-r-full);font-family:var(--embros-font-text);font-size:var(--embros-fs-micro);font-weight:var(--embros-fw-semibold);letter-spacing:var(--embros-track-wide);text-transform:uppercase;color:var(--embros-ink-3);cursor:pointer;text-align:center;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--embros-dur-base) var(--embros-ease-out)}
.em-seg-item.is-active{color:#F2F3F5}

.em-checkbox,.em-radio{display:inline-flex;align-items:center;gap:var(--embros-space-3);cursor:pointer}
.em-checkbox input,.em-radio input{position:absolute;opacity:0;pointer-events:none}
.em-checkbox-box,.em-radio-dot{position:relative;width:22px;height:22px;border-radius:50%;background:var(--grad-checkbox);box-shadow:-2px -2px 5px rgba(255,255,255,.95),2px 2px 5px rgba(180,180,180,.55),inset 1.5px 1.5px 3px rgba(160,160,160,.30),inset -1.5px -1.5px 3px rgba(255,255,255,.85);transition:box-shadow var(--embros-dur-base) var(--embros-ease-out),transform var(--embros-dur-fast) var(--embros-ease-spring),background var(--embros-dur-base) var(--embros-ease-out);flex-shrink:0}
.em-checkbox input:checked + .em-checkbox-box,
.em-radio input:checked + .em-radio-dot{background:var(--grad-checkbox-active);box-shadow:inset 3px 3px 6px rgba(150,150,150,.60),inset -3px -3px 6px rgba(255,255,255,.95)}
.em-checkbox-box::after{content:'';position:absolute;left:50%;top:calc(50% - 2px);width:5px;height:10px;border:solid var(--embros-checkbox-mark);border-width:0 2px 2px 0;transform-origin:center center;transform:translate(-50%,-50%) rotate(45deg) scale(0);opacity:0;transition:transform var(--embros-dur-base) var(--embros-ease-spring),opacity var(--embros-dur-fast) var(--embros-ease-out)}
.em-checkbox input:checked + .em-checkbox-box::after{transform:translate(-50%,-50%) rotate(45deg) scale(1);opacity:1}
.em-radio-dot::after{content:'';position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:var(--embros-checkbox-mark);transform:translate(-50%,-50%) scale(0);transition:transform var(--embros-dur-base) var(--embros-ease-spring)}
.em-radio input:checked + .em-radio-dot::after{transform:translate(-50%,-50%) scale(1)}
.em-checkbox-text,.em-radio-text{font-family:var(--embros-font-text);font-size:var(--embros-fs-small);font-weight:var(--embros-fw-semibold);letter-spacing:var(--embros-track-ui);line-height:1;color:var(--embros-ink)}

.em-slider{-webkit-appearance:none;appearance:none;width:100%;height:34px;background:transparent;outline:none;padding:0;margin:0}
.em-slider::-webkit-slider-runnable-track{height:14px;border-radius:var(--embros-r-full);background:var(--grad-pressed);box-shadow:inset 3px 3px 6px var(--embros-nm-dark),inset -3px -3px 6px var(--embros-nm-light)}
.em-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;margin-top:-6px;background:var(--grad-flat-white);border:none;box-shadow:inset 1px 1px 0 rgba(255,255,255,.95),inset -1px -1px 0 rgba(180,185,195,.55),1px 2px 3px rgba(30,35,50,.20);cursor:pointer}
.em-slider--accent::-webkit-slider-thumb{background:var(--grad-btn-accent);box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -1.5px 0 rgba(80,20,0,.65),1px 2px 3px rgba(90,30,5,.35)}

.em-progress{position:relative;width:100%;height:14px;border-radius:var(--embros-r-full);background:var(--grad-pressed);box-shadow:inset 3px 3px 6px var(--embros-nm-dark),inset -3px -3px 6px var(--embros-nm-light);overflow:hidden}
.em-progress-bar{height:100%;border-radius:inherit;background:var(--grad-btn-dark);transition:width var(--embros-dur-reveal) var(--embros-ease-out)}
.em-progress--accent .em-progress-bar{background:var(--grad-btn-accent)}

/* ============================================================
FORMS
============================================================ */
.em-input,.em-textarea,.em-select{display:block;width:100%;min-height:var(--embros-tap-large);padding:0 var(--embros-space-5);background:var(--grad-pressed);color:var(--embros-ink);border:none;border-radius:var(--embros-r-md);box-shadow:inset 3px 3px 6px var(--embros-nm-dark),inset -3px -3px 6px var(--embros-nm-light);font-family:var(--embros-font-text);font-size:16px;line-height:1.4;transition:box-shadow var(--embros-dur-base) var(--embros-ease-out)}
.em-textarea{padding:var(--embros-space-4) var(--embros-space-5);min-height:110px;resize:vertical}
.em-input::placeholder,.em-textarea::placeholder{color:var(--embros-ink-3)}
.em-input:focus,.em-textarea:focus,.em-select:focus{outline:none;box-shadow:inset 3px 3px 6px var(--embros-nm-dark),inset -3px -3px 6px var(--embros-nm-light),0 0 0 3px var(--embros-focus-soft)}
.em-select{-webkit-appearance:none;appearance:none;padding-right:var(--embros-space-8);cursor:pointer;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23565C67' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 18px center;background-size:16px}
.em-input--icon{padding-left:var(--embros-space-9)}
.em-input-wrap{position:relative;display:block}
.em-input-wrap > .em-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--embros-ink-3)}

.em-dropdown{position:relative;display:inline-block;width:100%}
.em-dropdown-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:var(--embros-tap-large);padding:0 18px 0 20px;border:none;border-radius:var(--embros-r-md);cursor:pointer;background:var(--grad-pressed);color:var(--embros-ink);font-family:var(--embros-font-text);font-size:15px;font-weight:var(--embros-fw-medium);box-shadow:inset 3px 3px 6px var(--embros-nm-dark),inset -3px -3px 6px var(--embros-nm-light);transition:box-shadow var(--embros-dur-base) var(--embros-ease-out)}
.em-dropdown-trigger svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform 260ms var(--embros-ease-out)}
.em-dropdown.is-open .em-dropdown-trigger svg{transform:rotate(180deg)}
.em-dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:var(--embros-z-popup);padding:8px;border-radius:var(--embros-r-md);background:var(--grad-btn-light);box-shadow:var(--nm-extruded);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity 220ms var(--embros-ease-out),transform 260ms var(--embros-ease-spring)}
.em-dropdown.is-open .em-dropdown-panel{opacity:1;transform:translateY(0);pointer-events:auto}
.em-dropdown-item{display:block;width:100%;padding:11px 14px;border:none;background:transparent;border-radius:var(--embros-r-sm);cursor:pointer;text-align:left;font-family:var(--embros-font-text);font-size:14px;font-weight:var(--embros-fw-medium);color:var(--embros-ink);transition:background 180ms var(--embros-ease-out)}
.em-dropdown-item:hover{background:rgba(11,12,15,.045)}
.em-dropdown-item.is-active{background:var(--grad-btn-dark);color:#F2F3F5}

.em-file{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:120px;padding:24px;cursor:pointer;border-radius:var(--embros-r-lg);background:var(--embros-plastic-grad-flat);box-shadow:var(--embros-plastic-shadow-flat);transition:box-shadow var(--embros-dur-base) var(--embros-ease-out)}
.em-file:hover{box-shadow:var(--embros-plastic-shadow-raised)}
.em-file:active,.em-file.is-dragover{box-shadow:var(--embros-plastic-shadow-pressed)}
.em-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.em-file-icon{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--grad-btn-light);color:var(--embros-icon-ink);box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 2px 3px rgba(30,35,50,.15)}
.em-file-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.em-file-title{font-family:var(--embros-font-text);font-size:13px;font-weight:600;color:var(--embros-ink);margin:0}
.em-file-hint{font-family:var(--embros-font-text);font-size:11px;color:var(--embros-ink-3);margin:0;letter-spacing:var(--embros-track-wide);text-transform:uppercase}

/* ============================================================
BADGES · TAGS · CHIPS · STRIP
============================================================ */
.em-dot{display:inline-flex;align-items:center;gap:6px;font-family:var(--embros-font-text);font-size:var(--embros-fs-micro);font-weight:var(--embros-fw-semibold);letter-spacing:var(--embros-track-wide);text-transform:uppercase;color:var(--embros-ink-2)}
.em-dot::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.em-dot--accent{color:var(--embros-accent)}
.em-dot--success{color:var(--embros-success)}
.em-dot--warning{color:var(--embros-warning)}
.em-dot--error{color:var(--embros-error)}
.em-dot--info{color:var(--embros-info)}

.em-tag{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--embros-r-full);font-family:var(--embros-font-text);font-size:var(--embros-fs-micro);font-weight:var(--embros-fw-semibold);letter-spacing:var(--embros-track-wider);text-transform:uppercase;background:var(--grad-btn-light);color:var(--embros-ink);box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 2px 3px rgba(30,35,50,.18),3px 4px 6px rgba(30,35,50,.10)}
.em-tag--accent{background:var(--grad-btn-accent);color:#FFFFFF;box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -1.5px 0 rgba(80,20,0,.65),2px 2px 3px rgba(90,30,5,.55),3px 4px 6px rgba(90,30,5,.25)}
.em-tag--dark{background:var(--grad-btn-dark);color:#F2F3F5;box-shadow:inset 1.5px 1.5px 0 var(--embros-rim-hi),inset -1.5px -1.5px 0 rgba(0,0,0,.70),2px 2px 3px rgba(20,20,20,.55),3px 4px 6px rgba(20,20,20,.25)}
.em-tag--muted{background:var(--grad-btn-light);color:var(--embros-ink-2)}

.em-chip{display:inline-flex;align-items:center;padding:5px 11px;border-radius:var(--embros-r-full);font-family:var(--embros-font-text);font-size:var(--embros-fs-tiny);font-weight:var(--embros-fw-semibold);letter-spacing:var(--embros-track-wide);text-transform:uppercase;background:var(--grad-btn-light);color:var(--embros-ink);box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),1px 2px 2px rgba(30,35,50,.18),2px 3px 4px rgba(30,35,50,.08)}
.em-chip--accent{background:var(--grad-btn-accent);color:#FFFFFF;box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -1.5px 0 rgba(80,20,0,.65),1px 2px 2px rgba(90,30,5,.55),2px 3px 4px rgba(90,30,5,.22)}
.em-chip--dark{background:var(--grad-btn-dark);color:#F2F3F5;box-shadow:inset 1.5px 1.5px 0 var(--embros-rim-hi),inset -1.5px -1.5px 0 rgba(0,0,0,.70),1px 2px 2px rgba(20,20,20,.55),2px 3px 4px rgba(20,20,20,.22)}
.em-chip--soft{background:var(--grad-btn-light);color:var(--embros-ink)}

.em-strip{position:relative;padding-left:14px;font-family:var(--embros-font-text);font-size:var(--embros-fs-micro);font-weight:var(--embros-fw-semibold);letter-spacing:var(--embros-track-wide);text-transform:uppercase;color:var(--embros-ink-2)}
.em-strip::before{content:'';position:absolute;left:0;top:2px;bottom:2px;width:3px;border-radius:2px;background:var(--embros-accent)}
.em-strip--dark::before{background:var(--embros-ink)}
.em-strip--success::before{background:var(--embros-success)}

/* ============================================================
AVATAR · BREADCRUMBS
============================================================ */
.em-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--embros-plastic-grad-flat);color:var(--embros-ink);font-family:var(--embros-font-text);font-weight:var(--embros-fw-bold);font-size:16px;flex-shrink:0;box-shadow:var(--embros-plastic-shadow-flat)}
.em-avatar img{width:100%;height:100%;object-fit:cover}
.em-avatar--xs{width:28px;height:28px;font-size:11px}
.em-avatar--sm{width:36px;height:36px;font-size:13px}
.em-avatar--lg{width:64px;height:64px;font-size:22px}
.em-avatar--xl{width:88px;height:88px;font-size:30px}
.em-avatar--dark{background:var(--grad-btn-dark);color:#F2F3F5;box-shadow:inset 1.5px 1.5px 0 var(--embros-rim-hi),inset -1.5px -1.5px 0 rgba(0,0,0,.70),2px 2px 3px rgba(20,20,20,.55),3px 4px 6px rgba(20,20,20,.25)}
.em-avatar--accent{background:var(--grad-btn-accent);color:#FFFFFF;box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -1.5px 0 rgba(80,20,0,.65),2px 2px 3px rgba(90,30,5,.55),3px 4px 6px rgba(90,30,5,.25)}
.em-avatar-group{display:inline-flex}
.em-avatar-group > .em-avatar{margin-left:-10px}
.em-avatar-group > .em-avatar:first-child{margin-left:0}
.em-avatar--ring{border:3px solid var(--embros-bg)}

.em-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--embros-font-text);font-size:var(--embros-fs-small);color:var(--embros-ink-3)}
.em-breadcrumbs-item{color:var(--embros-ink-3);transition:color var(--embros-dur-fast) var(--embros-ease-out)}
.em-breadcrumbs-item:hover{color:var(--embros-ink)}
.em-breadcrumbs-item.is-current{color:var(--embros-ink);font-weight:600}
.em-breadcrumbs-sep{color:var(--embros-ink-4)}

/* ============================================================
QUOTE · LIST · TABLE · KBD
============================================================ */
.em-quote{position:relative;padding:18px 22px 18px 26px;background:var(--grad-btn-light);border-radius:var(--embros-r-lg);font-family:var(--embros-font-text);font-size:var(--embros-fs-body);line-height:1.55;color:var(--embros-ink);box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 3px 4px rgba(30,35,50,.18),4px 6px 10px rgba(30,35,50,.10)}
.em-quote::before{content:'';position:absolute;left:12px;top:14px;bottom:14px;width:3px;border-radius:2px;background:var(--embros-accent)}
.em-quote-author{margin-top:10px;font-size:var(--embros-fs-small);color:var(--embros-ink-3);font-weight:600;letter-spacing:var(--embros-track-wide);text-transform:uppercase}

.em-list{margin:0;padding:0;list-style:none;font-family:var(--embros-font-text);font-size:var(--embros-fs-body);line-height:1.55;color:var(--embros-ink)}
.em-list > li{display:grid;grid-template-columns:max-content 1fr;column-gap:12px;align-items:start;padding:6px 0}
.em-list > li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--embros-ink-3);margin-top:.65em}
.em-list--accent > li::before{background:var(--embros-accent)}
.em-list--divided > li{border-bottom:1px solid var(--embros-line)}
.em-list--divided > li:last-child{border-bottom:none}

.em-table{width:100%;border-collapse:separate;border-spacing:0 6px;font-family:var(--embros-font-text);font-size:var(--embros-fs-small)}
.em-table th,.em-table td{text-align:left;padding:12px 14px}
.em-table th{font-size:var(--embros-fs-micro);font-weight:600;letter-spacing:var(--embros-track-wide);text-transform:uppercase;color:var(--embros-ink-3)}
.em-table tbody tr{background:var(--grad-btn-light);box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),1px 2px 3px rgba(30,35,50,.10)}
.em-table tbody tr td:first-child{border-top-left-radius:var(--embros-r-md);border-bottom-left-radius:var(--embros-r-md)}
.em-table tbody tr td:last-child{border-top-right-radius:var(--embros-r-md);border-bottom-right-radius:var(--embros-r-md)}

.em-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:6px;font-family:var(--embros-font-mono);font-size:11px;font-weight:600;color:var(--embros-ink);background:var(--grad-btn-light);box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),1px 2px 2px rgba(30,35,50,.18)}

/* ============================================================
TOOLTIP · ALERT · TOAST
============================================================ */
.em-tooltip-wrap{position:relative;display:inline-flex}
.em-tooltip{position:absolute;left:50%;bottom:100%;margin-bottom:10px;transform:translateX(-50%) translateY(4px);padding:8px 12px;border-radius:var(--embros-r-sm);background:var(--embros-tooltip-bg);color:var(--embros-tooltip-ink);font-family:var(--embros-font-text);font-size:12px;font-weight:500;line-height:1.3;letter-spacing:var(--embros-track-ui);white-space:nowrap;max-width:260px;opacity:0;pointer-events:none;transition:opacity var(--embros-dur-base) var(--embros-ease-out),transform var(--embros-dur-base) var(--embros-ease-spring);z-index:var(--embros-z-popup)}
.em-tooltip-wrap:hover > .em-tooltip,.em-tooltip-wrap:focus-within > .em-tooltip,.em-tooltip.is-open{opacity:1;transform:translateX(-50%) translateY(0)}
.em-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--embros-tooltip-bg)}

.em-alert{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:var(--embros-r-md);font-family:var(--embros-font-text);font-size:var(--embros-fs-small);line-height:1.5;color:var(--embros-ink);background:var(--embros-alert-info-bg)}
.em-alert::before{content:'';flex-shrink:0;width:4px;align-self:stretch;border-radius:2px;background:var(--embros-alert-info-line)}
.em-alert--ok{background:var(--embros-alert-ok-bg)}
.em-alert--ok::before{background:var(--embros-alert-ok-line)}
.em-alert--warn{background:var(--embros-alert-warn-bg)}
.em-alert--warn::before{background:var(--embros-alert-warn-line)}
.em-alert--err{background:var(--embros-alert-err-bg)}
.em-alert--err::before{background:var(--embros-alert-err-line)}
.em-alert-title{font-weight:700;margin:0 0 2px;color:var(--embros-ink)}
.em-alert-text{margin:0;color:var(--embros-ink-2)}

.em-toast-stack{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--embros-safe-bottom) + 20px);display:flex;flex-direction:column;gap:10px;pointer-events:none;z-index:var(--embros-z-tool)}
.em-toast{pointer-events:auto;min-width:220px;max-width:90vw;padding:12px 18px;border-radius:var(--embros-r-md);background:var(--embros-toast-bg);color:var(--embros-toast-ink);font-family:var(--embros-font-text);font-size:var(--embros-fs-small);font-weight:500;line-height:1.4;box-shadow:0 12px 32px rgba(0,0,0,.30),0 3px 8px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.10);opacity:0;transform:translateY(10px);transition:opacity var(--embros-dur-base) var(--embros-ease-out),transform var(--embros-dur-base) var(--embros-ease-spring)}
.em-toast.is-open{opacity:1;transform:translateY(0)}
.em-toast--accent{background:var(--grad-btn-accent);color:#FFFFFF}
.em-toast--light{background:var(--grad-btn-light);color:var(--embros-ink);box-shadow:var(--nm-extruded)}

/* ============================================================
SPINNER · STAT · TIMELINE · STEPPER · TABS
============================================================ */
.em-spinner{display:inline-block;width:24px;height:24px;border-radius:50%;border:2.5px solid var(--embros-line-strong);border-top-color:var(--embros-accent);animation:emSpin 900ms linear infinite}
.em-spinner--sm{width:16px;height:16px;border-width:2px}
.em-spinner--lg{width:36px;height:36px;border-width:3px}
@keyframes emSpin{to{transform:rotate(360deg)}}

.em-stat{display:inline-flex;flex-direction:column;gap:4px;font-family:var(--embros-font-text)}
.em-stat-value{font-family:var(--embros-font-accent);font-size:clamp(24px,5vw,32px);font-weight:800;line-height:1;letter-spacing:var(--embros-track-tight);color:var(--embros-black-1)}
.em-stat-label{font-size:var(--embros-fs-micro);font-weight:600;letter-spacing:var(--embros-track-wider);text-transform:uppercase;color:var(--embros-ink-3)}
.em-stat--accent .em-stat-value{color:var(--embros-accent)}

.em-timeline{position:relative;margin:0;padding:0;list-style:none;font-family:var(--embros-font-text);font-size:var(--embros-fs-small);color:var(--embros-ink-2)}
.em-timeline::before{content:'';position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:var(--embros-line-strong);border-radius:1px}
.em-timeline > li{position:relative;padding:8px 0 8px 32px}
.em-timeline > li::before{content:'';position:absolute;left:2px;top:12px;width:16px;height:16px;border-radius:50%;background:var(--grad-btn-light);box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),1px 1px 2px rgba(30,35,50,.15);z-index:1}
.em-timeline > li.is-active::before{background:var(--grad-btn-accent);box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -1.5px 0 rgba(80,20,0,.65)}
.em-timeline-title{font-weight:600;color:var(--embros-ink);margin:0 0 2px}
.em-timeline-meta{font-size:var(--embros-fs-micro);color:var(--embros-ink-3);letter-spacing:var(--embros-track-wide);text-transform:uppercase;font-weight:600}

.em-stepper{display:flex;align-items:center;gap:0;font-family:var(--embros-font-text)}
.em-stepper-step{display:flex;align-items:center;gap:10px}
.em-stepper-dot{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--grad-btn-light);color:var(--embros-ink-3);font-size:13px;font-weight:700;box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),1px 2px 3px rgba(30,35,50,.15)}
.em-stepper-step.is-active .em-stepper-dot{background:var(--grad-btn-dark);color:#F2F3F5;box-shadow:inset 1.5px 1.5px 0 var(--embros-rim-hi),inset -1.5px -1.5px 0 rgba(0,0,0,.70)}
.em-stepper-step.is-done .em-stepper-dot{background:var(--grad-btn-accent);color:#FFFFFF;box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -1.5px 0 rgba(80,20,0,.65)}
.em-stepper-label{font-size:var(--embros-fs-small);font-weight:600;color:var(--embros-ink-2);white-space:nowrap}
.em-stepper-line{flex:1;height:2px;background:var(--embros-line-strong);border-radius:1px;margin:0 12px;min-width:24px}
.em-stepper-line.is-done{background:var(--embros-accent)}

.em-tabs{position:relative;display:inline-flex;align-items:center;gap:4px;padding:5px;border-radius:var(--embros-r-full);background:var(--embros-plastic-grad-flat);box-shadow:var(--embros-plastic-shadow-flat);overflow:hidden}
.em-tabs-thumb{position:absolute;top:5px;left:5px;height:calc(100% - 10px);border-radius:var(--embros-r-full);background:var(--grad-btn-dark);box-shadow:inset 1px 1px 0 var(--embros-rim-hi),inset -1px -1px 0 rgba(0,0,0,.70),1px 2px 3px rgba(20,20,20,.45);z-index:1;pointer-events:none;transition:transform 420ms var(--embros-ease-soft),width 420ms var(--embros-ease-soft);will-change:transform,width}
.em-tabs-item{position:relative;z-index:2;padding:9px 16px;border:none;background:transparent;border-radius:var(--embros-r-full);cursor:pointer;font-family:var(--embros-font-text);font-size:var(--embros-fs-micro);font-weight:600;letter-spacing:var(--embros-track-wide);text-transform:uppercase;color:var(--embros-ink-3);transition:color 380ms var(--embros-ease-out)}
.em-tabs-item.is-active{color:#F2F3F5}

/* ============================================================
CARD · MODAL · SKELETON · MISC
============================================================ */
.em-card{background:var(--embros-plastic-grad-flat);border-radius:var(--embros-r-xl);padding:var(--embros-space-5);box-shadow:var(--embros-plastic-shadow-flat);transition:box-shadow var(--embros-dur-base) var(--embros-ease-out)}
.em-card-title{font-family:var(--embros-font-text);font-size:var(--embros-fs-h4);font-weight:700;margin:0 0 8px}
.em-card-text{font-size:var(--embros-fs-small);color:var(--embros-ink-2);margin:0;line-height:1.55}

.em-modal-backdrop{position:fixed;inset:0;background:rgba(11,12,15,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--embros-z-modal);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity var(--embros-dur-base) var(--embros-ease-out)}
.em-modal-backdrop.is-open{opacity:1;pointer-events:auto}
.em-modal{background:var(--grad-btn-light);border-radius:var(--embros-r-xl);padding:24px;max-width:480px;width:100%;max-height:88vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.35),0 8px 20px rgba(0,0,0,.20),inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55);transform:translateY(12px) scale(.98);transition:transform var(--embros-dur-base) var(--embros-ease-spring);position:relative}

.em-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:var(--grad-btn-light);color:var(--embros-ink-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),1px 2px 3px rgba(30,35,50,.15)}
.em-modal-close:active{background:var(--grad-btn-light-active);color:var(--embros-btn-ink-active-light);box-shadow:var(--embros-plastic-shadow-pressed)}
.em-modal-close svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.em-skeleton{position:relative;overflow:hidden;background:var(--embros-skel-bg);border-radius:var(--embros-r-md);pointer-events:none}
.em-skeleton::after{content:'';position:absolute;inset:0;transform:translate3d(100%,0,0);background:linear-gradient(270deg,transparent 0%,var(--embros-skel-hi) 50%,transparent 100%);animation:emSkeletonSweep 1100ms linear infinite;will-change:transform;z-index:1}
@keyframes emSkeletonSweep{0%{transform:translate3d(100%,0,0)}100%{transform:translate3d(-100%,0,0)}}

.em-stack{display:flex;flex-direction:column;gap:var(--embros-space-5)}
.em-stack--tight{gap:var(--embros-space-3)}
.em-row{display:flex;align-items:center;gap:var(--embros-space-4);flex-wrap:wrap}
.em-row--between{justify-content:space-between}
.em-row--tight{gap:var(--embros-space-2)}

.em-divider{height:1px;background:var(--embros-line);border:none;margin:0}
.em-divider--v{width:1px;height:auto;align-self:stretch;background:var(--embros-line)}
.em-divider--accent{background:var(--embros-accent);height:2px;border-radius:1px}

.em-icon{display:inline-block;width:var(--embros-icon-md);height:var(--embros-icon-md);fill:none;stroke:currentColor;stroke-width:var(--embros-icon-stroke);stroke-linecap:round;stroke-linejoin:round;color:var(--embros-ink-2)}
.em-icon--sm{width:var(--embros-icon-sm);height:var(--embros-icon-sm)}
.em-icon--lg{width:var(--embros-icon-lg);height:var(--embros-icon-lg)}
.em-btn .em-icon,.em-btn-icon .em-icon,.em-icon-tile .em-icon,.em-btn--dark .em-icon,.em-btn--accent .em-icon{color:currentColor}

.em-pressable{cursor:pointer;transition:box-shadow var(--embros-dur-base) var(--embros-ease-out)}
.em-pressable > *{transition:transform var(--embros-dur-base) var(--embros-ease-out);will-change:transform}
.em-pressable:active,.em-pressable.is-pressed,.em-pressable[aria-pressed="true"]{box-shadow:var(--embros-plastic-shadow-pressed)}
.em-pressable:active > *,.em-pressable.is-pressed > *,.em-pressable[aria-pressed="true"] > *{transform:translate(1px,2px)}
.em-pressable--dark:active,.em-pressable--dark.is-pressed,.em-pressable--dark[aria-pressed="true"]{box-shadow:var(--embros-plastic-shadow-pressed-dark)}
.em-pressable--accent:active,.em-pressable--accent.is-pressed,.em-pressable--accent[aria-pressed="true"]{box-shadow:var(--embros-plastic-shadow-pressed-accent)}

/* MENU-SEP · оранжевый разделитель */
.em-menu-sep{display:block;border-radius:50px;pointer-events:none;background:linear-gradient(135deg,#fffbf3 0%,#ffceab 42%,#EC6A1E 100%);filter:drop-shadow(1px .5px 1.2px rgba(80,35,10,.22)) drop-shadow(.5px .3px 2.5px rgba(80,35,10,.10))}
.em-menu-sep--v{width:5px;height:44px;margin:0 auto;align-self:center;box-shadow:inset .4px .8px 0 rgba(255,240,225,.75),inset 0 -1px 0 rgba(175,85,20,.40)}
.em-menu-sep--h{width:44px;height:5px;margin:auto 0;align-self:center;background:linear-gradient(116deg,#fffaf1 12%,#ffc092 54%,#cf6222 100%);box-shadow:inset 1px 0 0 rgba(255,245,235,.85),inset -1px 0 0 rgba(160,60,15,.50),inset 0 1px 0 rgba(255,235,215,.55),inset 0 -1px 0 rgba(140,50,10,.35)}

/* SOCIAL */
.em-social-group{display:inline-flex;flex-wrap:wrap;gap:10px}
.em-social{display:inline-flex;align-items:center;justify-content:center;width:var(--embros-tap-min);height:var(--embros-tap-min);border-radius:50%;text-decoration:none;cursor:pointer;background:var(--grad-btn-light);box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(180,185,195,.55),2px 2px 3px rgba(30,35,50,.18),3px 4px 6px rgba(30,35,50,.10);transition:background var(--embros-dur-base) var(--embros-ease-out),box-shadow var(--embros-dur-base) var(--embros-ease-out),transform var(--embros-dur-base) var(--embros-ease-out)}
.em-social:active{background:var(--grad-btn-light-active);box-shadow:var(--embros-plastic-shadow-pressed);transform:translate(0.5px,1px)}
.em-social svg{width:22px;height:22px;display:block}
.em-social--tg{color:#2AABEE}
.em-social--wa{color:#25D366}
.em-social--ig{color:#E1306C}
.em-social--vk{color:#0077FF}
.em-social--ok{color:#EE8208}
.em-social--ozon{color:#005BFF}
.em-social--tg svg,.em-social--wa svg,.em-social--ig svg,.em-social--vk svg,.em-social--ok svg{fill:currentColor;stroke:none}
.em-social--ozon svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Fallback стекла */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
.em-btn--glass,.em-btn-icon--glass{background:linear-gradient(180deg,#262B3A 0%,#161A26 100%);-webkit-backdrop-filter:none;backdrop-filter:none}
}
.is-lowspec .em-btn--glass,.is-lowspec .em-btn-icon--glass{background:linear-gradient(180deg,#262B3A 0%,#161A26 100%);-webkit-backdrop-filter:none;backdrop-filter:none}

@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}

/* ===== конец части 2 ===== */