: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%);
  --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{
  -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)}

/* ============================================================
   RESERVE · стеклянно-матовые поверхности
   ============================================================ */
.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-light .em-h1,.em-glass--on-light .em-h2,
.em-glass--on-light .em-h3,.em-glass--on-light .em-h4{text-shadow:0 1px 0 rgba(255,255,255,.55)}
.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--on-dark .em-h1,.em-glass--on-dark .em-h2,
.em-glass--on-dark .em-h3,.em-glass--on-dark .em-h4{text-shadow:0 1px 2px rgba(0,0,0,.40)}

.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}

/* ============================================================
   КНОПКИ · v0.7.6 · восстановлен press (bg + color + shadow + сдвиг)
   ============================================================ */
.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--glass:focus-visible{outline:2px solid rgba(255,255,255,.65);outline-offset:3px}
.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;
  box-sizing:border-box}

/* ============================================================
   EDGE-ПЛИТКИ · v0.7.6 · плавное нажатие через transition на ::before
   ============================================================ */
.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--pressed{
  background:var(--embros-edge-bg-press);
}
.em-edge--pressed::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--pressed > *{transform:translate(2px,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)}

/* ============================================================
   ИКОНОЧНЫЕ КНОПКИ · v0.7.6 · восстановлен press
   ============================================================ */
.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:focus-visible{outline:2px solid var(--embros-focus-color);outline-offset:3px}
.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,.em-btn-icon--dark.is-pressed,.em-btn-icon--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-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,.em-btn-icon--accent.is-pressed,.em-btn-icon--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-icon--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 2px 3px rgba(20,20,20,.55),
    3px 4px 6px rgba(20,20,20,.25)}
.em-btn-icon--glass:active,.em-btn-icon--glass.is-pressed,.em-btn-icon--glass[aria-pressed="true"]{
  background:var(--glass-dark-bg);
  color:#F2F3F5;
  box-shadow:
    inset 5px 5px 9px rgba(0,0,0,.80),
    inset -4px -4px 8px rgba(255,255,255,.18),
    1px 1px 2px rgba(20,20,20,.50)}

/* ============================================================
   NAV
   ============================================================ */
.em-nav{display:inline-flex;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:hidden}
.em-nav-item{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:var(--embros-font-text);font-size:11px;
  font-weight:var(--embros-fw-bold);letter-spacing:var(--embros-track-wide);
  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 svg{
  width:19px;height:19px;flex:0 0 19px;
  stroke:currentColor;fill:none;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  transform-origin:center center;
  will-change:transform;
}
.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(--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 3px rgba(20,20,20,.45)}
.em-nav-item .em-nav-label{font-family:var(--embros-font-text);
  font-size:11px;font-weight:var(--embros-fw-bold);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-item--dual .em-nav-dual{
  position:relative;display:inline-block;
  width:19px;height:19px;flex:0 0 19px;
  vertical-align:middle}
.em-nav-item--dual .em-nav-dual svg{
  position:absolute;inset:0;
  width:19px;height:19px;
    transition:
    opacity 340ms var(--embros-ease-out),
    transform 560ms var(--embros-ease-soft)}
.em-nav-item--dual .em-nav-icon-close{opacity:0;transform:rotate(-90deg)}
.em-nav-item--dual .em-nav-icon-open{opacity:1;transform:rotate(0deg)}
.em-nav-item--dual.is-active .em-nav-icon-open{
  opacity:0;transform:rotate(90deg)}
.em-nav-item--dual.is-active .em-nav-icon-close{
  opacity:1;transform:rotate(0deg)}

/* ============================================================
   ИКОНОЧНЫЕ ПЛИТКИ
   ============================================================ */
.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}

/* ============================================================
   SWITCH
   ============================================================ */
.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}

/* ============================================================
   SEGMENTED
   ============================================================ */
.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:focus-within{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-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:focus,.em-seg-item:focus-visible{outline:none}
.em-seg-item.is-active{color:#F2F3F5}

/* ============================================================
   CHECKBOX / RADIO
   ============================================================ */
.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:active .em-checkbox-box{transform:scale(.94);
  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 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)}

/* ============================================================
   SLIDER
   ============================================================ */
.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::-moz-range-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;
  transition:transform var(--embros-dur-fast) var(--embros-ease-spring)}
.em-slider::-webkit-slider-thumb:active{transform:scale(.92)}
.em-slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;
  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-slider--accent::-moz-range-thumb{background:var(--grad-btn-accent)}

/* ============================================================
   PROGRESS
   ============================================================ */
.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)}
.em-progress-circle{--val:0;position:relative;width:64px;height:64px;
  border-radius:50%;
  background:conic-gradient(var(--embros-accent) calc(var(--val) * 1%),transparent 0),
    var(--grad-pressed);
  box-shadow:inset 3px 3px 6px var(--embros-nm-dark),
    inset -3px -3px 6px var(--embros-nm-light);
  display:inline-flex;align-items:center;justify-content:center}
.em-progress-circle::before{content:'';position:absolute;inset:8px;
  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)}
.em-progress-circle > *{position:relative;z-index:1;
  font-family:var(--embros-font-mono);font-size:12px;font-weight:600}

/* ============================================================
   ФОРМЫ
   ============================================================ */
.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-toggle-group{display:inline-flex;padding:5px;gap:2px;
  border-radius:var(--embros-r-full);
  background:var(--embros-plastic-grad-flat);
  box-shadow:var(--embros-plastic-shadow-flat)}
.em-toggle-item{min-height:36px;padding:0 16px;border:none;background:transparent;
  border-radius:var(--embros-r-full);cursor:pointer;
  font-family:var(--embros-font-text);font-size:12px;
  font-weight:var(--embros-fw-semibold);letter-spacing:var(--embros-track-wide);
  text-transform:uppercase;color:var(--embros-ink-2);
  transition:color 260ms var(--embros-ease-out),
    background 260ms var(--embros-ease-out),
    box-shadow 260ms var(--embros-ease-out)}
.em-toggle-item.is-active{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-toggle-item:focus-visible{outline:2px solid var(--embros-focus-color);
  outline-offset:2px}

.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}

.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:focus-visible{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-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-input,.em-textarea{scrollbar-width:thin;
  scrollbar-color:var(--embros-ink-4) transparent}
.em-input::-webkit-scrollbar,.em-textarea::-webkit-scrollbar{width:6px;height:6px}
.em-input::-webkit-scrollbar-track,.em-textarea::-webkit-scrollbar-track{
  background:transparent;margin:6px 0}
.em-input::-webkit-scrollbar-thumb,.em-textarea::-webkit-scrollbar-thumb{
  background:var(--grad-btn-light);border-radius:var(--embros-r-full);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.95),
    inset -1px -1px 0 rgba(180,185,195,.55)}
.em-input::-webkit-scrollbar-corner,.em-textarea::-webkit-scrollbar-corner{
  background:transparent}
.em-textarea::-webkit-resizer{background:transparent;border:none}
html{scrollbar-width:thin;scrollbar-color:var(--embros-ink-4) transparent}
html::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track{background:transparent;margin:8px 0}
html::-webkit-scrollbar-thumb{background:var(--grad-btn-light);
  border-radius:var(--embros-r-full);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.95),
    inset -1px -1px 0 rgba(180,185,195,.55)}
html::-webkit-scrollbar-corner{background:transparent}

/* ============================================================
   РАСКРЫВАЮЩИЕСЯ
   ============================================================ */
.em-details{background:var(--grad-btn-light);border-radius:var(--embros-r-lg);
  overflow: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);
  transition:box-shadow var(--embros-dur-reveal) var(--embros-ease-reveal),
    background var(--embros-dur-reveal) var(--embros-ease-reveal)}
.em-details::details-content{block-size:0;overflow:hidden;
  transition:block-size var(--embros-dur-reveal) var(--embros-ease-reveal),
    content-visibility var(--embros-dur-reveal) var(--embros-ease-reveal);
  transition-behavior:allow-discrete}
.em-details[open]::details-content{block-size:auto}
.em-details[open]{background:var(--grad-btn-light-active);
  box-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-details > summary{cursor:pointer;padding:16px 22px;list-style:none;
  font-family:var(--embros-font-text);font-size:var(--embros-fs-body);
  font-weight:var(--embros-fw-semibold);letter-spacing:var(--embros-track-ui);
  color:var(--embros-ink);display:flex;align-items:center;gap:12px}
.em-details > summary::-webkit-details-marker{display:none}
.em-details > summary::before{content:'+';font-weight:var(--embros-fw-semibold);
  font-size:18px;line-height:1;width:18px;text-align:center;
  color:var(--embros-ink-2);
  transition:transform var(--embros-dur-reveal) var(--embros-ease-liquid)}
.em-details[open] > summary::before{content:'−';transform:rotate(180deg)}
.em-details-content{padding:0 22px 18px 52px;font-family:var(--embros-font-text);
  font-size:14px;color:var(--embros-ink-2);line-height:1.65}

.em-accordion{background:var(--grad-btn-light);border-radius:var(--embros-r-lg);
  overflow: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);
  transition:box-shadow var(--embros-dur-reveal) var(--embros-ease-reveal),
    background var(--embros-dur-reveal) var(--embros-ease-reveal)}
.em-accordion.is-open{background:var(--grad-btn-light-active);
  box-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-accordion-head{width:100%;text-align:left;cursor:pointer;padding:16px 22px;
  border:none;background:transparent;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);
  display:flex;align-items:center;gap:12px}
.em-accordion-head::before{content:'+';font-weight:var(--embros-fw-semibold);
  font-size:18px;line-height:1;width:18px;text-align:center;
  color:var(--embros-ink-2);
  transition:transform var(--embros-dur-reveal) var(--embros-ease-liquid)}
.em-accordion.is-open .em-accordion-head::before{content:'−';transform:rotate(180deg)}
.em-accordion-body{display:grid;grid-template-rows:0fr;
  transition:grid-template-rows var(--embros-dur-reveal) var(--embros-ease-reveal)}
.em-accordion-body > *{min-height:0;overflow:hidden;padding:0 22px 0 52px;
  font-family:var(--embros-font-text);font-size:14px;color:var(--embros-ink-2);
  line-height:1.65;opacity:0;transform:translateY(-8px);
  transition:padding var(--embros-dur-reveal) var(--embros-ease-reveal),
    opacity var(--embros-dur-reveal) var(--embros-ease-out),
    transform var(--embros-dur-reveal) var(--embros-ease-reveal)}
.em-accordion.is-open .em-accordion-body{grid-template-rows:1fr}
.em-accordion.is-open .em-accordion-body > *{padding:0 22px 18px 52px;
  opacity:1;transform:translateY(0)}

/* ============================================================
   БЕЙДЖИ
   ============================================================ */
.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)}
.em-strip--warning::before{background:var(--embros-warning)}
.em-strip--error::before{background:var(--embros-error)}

/* ============================================================
   AVATAR
   ============================================================ */
.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)}

/* ============================================================
   BREADCRUMBS / PAGINATION
   ============================================================ */
.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)}

.em-pagination{position:relative;display:inline-flex;align-items:center;gap:4px;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);
  --pg-h:44px;--pg-w:44px;
  --pg-font:var(--embros-fs-small);--pg-arrow:20px;
  --pg-flat-ink:var(--embros-ink-2);
  --pg-flat-shadow:0 1px 0 rgba(255,255,255,.65);
  --pg-thumb-ink:#F2F3F5;
  --pg-thumb-shadow:0 -1px 0 rgba(0,0,0,.55);
  --pg-bg-idle:var(--grad-btn-dark-active);
  --pg-bg-lift:var(--grad-btn-dark);
  --pg-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-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)}

.em-pagination[data-variant="light"]{
  --pg-flat-ink:var(--embros-ink-2);
  --pg-flat-shadow:0 1px 0 rgba(255,255,255,.65);
  --pg-thumb-ink:var(--embros-ink);
  --pg-thumb-shadow:0 -1px 0 rgba(255,255,255,.55);
  --pg-bg-idle:var(--grad-btn-light-active);
  --pg-bg-lift:var(--grad-btn-light);
  --pg-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-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)}

.em-pagination[data-variant="accent"]{
  --pg-flat-ink:var(--embros-ink-2);
  --pg-flat-shadow:0 1px 0 rgba(255,255,255,.65);
  --pg-thumb-ink:#FFFFFF;
  --pg-thumb-shadow:0 -1px 0 rgba(0,0,0,.55);
  --pg-bg-idle:var(--grad-btn-accent-active);
  --pg-bg-lift:var(--grad-btn-accent);
  --pg-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-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)}

.em-pagination-thumb{position:absolute;top:5px;left:5px;
   width:var(--pg-w);height:var(--pg-h);border-radius:var(--embros-r-full);
  background:var(--pg-bg-idle);box-shadow:var(--pg-shadow-idle);
  z-index:3;pointer-events:none;
  will-change:transform,box-shadow,background;
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--embros-font-text);font-size:var(--pg-font);
  font-weight:var(--embros-fw-bold);color:var(--pg-thumb-ink);
  text-shadow:var(--pg-thumb-shadow);overflow:hidden}

.em-pagination-thumb-fill{position:absolute;inset:0;border-radius:inherit;
  background:var(--pg-bg-lift);opacity:0;pointer-events:none}

.em-pagination-thumb-label{position:relative;z-index:1;display:block;
  line-height:1;transform-origin:center center}

.em-pagination-slot{position:relative;z-index:2;
    width:var(--pg-w);height:var(--pg-h);padding:0;border:none;background:transparent;
  border-radius:var(--embros-r-full);
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;-webkit-tap-highlight-color:transparent;
  font-family:var(--embros-font-text);font-size:var(--pg-font);
  font-weight:var(--embros-fw-bold);
  color:var(--embros-ink-2)}

.em-pagination-label{display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;
  color:var(--pg-flat-ink);text-shadow:var(--pg-flat-shadow);
  will-change:opacity}

.em-pagination-label svg{width:var(--pg-arrow);height:var(--pg-arrow);display:block;
  stroke:currentColor;fill:none;stroke-width:var(--embros-icon-stroke);
  stroke-linecap:round;stroke-linejoin:round}

.em-pagination-slot:focus-visible{outline:2px solid var(--embros-focus-color);
  outline-offset:2px}

@media (max-width: 767px){
  .em-pagination{--pg-h:36px;--pg-w:36px;--pg-arrow:18px;
    --pg-font:12px;padding:4px;gap:4px}
}
.em-pagination[data-size="sm"]{--pg-h:32px;--pg-w:40px;--pg-arrow:16px;
  --pg-font:12px;padding:4px;gap:3px}

/* ============================================================
   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--check > li::before{content:'';
  width:16px;height:16px;border-radius:50%;
  background:var(--grad-btn-accent);
  margin-top:.28em;
  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-list--numbered{counter-reset:emlist}
.em-list--numbered > li{counter-increment:emlist}
.em-list--numbered > li::before{content:counter(emlist);
  width:22px;height:22px;border-radius:50%;
  background:var(--grad-btn-dark);color:#F2F3F5;
  font-size:11px;font-weight:700;line-height:1;
  font-family:var(--embros-font-mono);
  display:inline-flex;align-items:center;justify-content:center;
  margin-top:.15em;box-sizing:border-box;padding:0 0 1px 0}
.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-tooltip--below{bottom:auto;top:100%;margin-top:10px;margin-bottom:0}
.em-tooltip--below::after{top:auto;bottom:100%;border-top-color:transparent;
  border-bottom-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
   ============================================================ */
.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)}

/* ============================================================
   TABS
   ============================================================ */
.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
   ============================================================ */
.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--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-card--pressed{background:var(--grad-btn-light-active);
  box-shadow:inset 4px 4px 8px rgba(180,185,195,.75),
    inset -3px -3px 8px rgba(255,255,255,.95)}
.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)}

/* ============================================================
   SKELETON
   ============================================================ */
.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}
.em-skeleton--circle{border-radius:50%}
.em-skeleton--text{height:14px;border-radius:7px}
.em-skeleton--title{height:22px;border-radius:11px}
@keyframes emSkeletonSweep{
  0%{transform:translate3d(100%,0,0)}
  100%{transform:translate3d(-100%,0,0)}
}
.em-skeleton-host{position:relative;pointer-events:none}
.em-skeleton-host > *{opacity:0;transition:opacity 320ms ease-out}
.em-skeleton-host::before,.em-skeleton-host::after{content:'';
  position:absolute;z-index:100;pointer-events:none}
.em-skeleton-host::before{inset:0;background:var(--embros-bg);border-radius:inherit}
.em-skeleton-host::after{inset:12px;border-radius:var(--embros-r-lg);
  background:var(--embros-skel-bg)}
body.is-loaded .em-skeleton-host{pointer-events:auto}
body.is-loaded .em-skeleton-host > *{opacity:1;pointer-events:auto}
body.is-loaded .em-skeleton-host::before,
body.is-loaded .em-skeleton-host::after{display:none}

/* ============================================================
   РАЗНОЕ
   ============================================================ */
.em-stack{display:flex;flex-direction:column;gap:var(--embros-space-5)}
.em-stack--tight{gap:var(--embros-space-3)}
.em-stack--loose{gap:var(--embros-space-7)}
.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-collapse{display:grid;grid-template-rows:0fr;overflow:hidden;
  transition:grid-template-rows var(--embros-dur-reveal) var(--embros-ease-reveal)}
.em-collapse > *{min-height:0;overflow:hidden}
.em-collapse.is-open{grid-template-rows:1fr}

.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-divider--dotted{background:none;
  background-image:linear-gradient(to right,var(--embros-line-strong) 50%,transparent 50%);
  background-size:8px 1px;background-repeat:repeat-x}

.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}
.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)}

.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}

/* ============================================================
   PRESSABLE · v0.7.6
   Провал ниже поверхности: без смены фона.
   Контент внутри сдвигается на (1px, 2px).
   Для тёмных/акцентных поверхностей — свои модификаторы.
   ============================================================ */
.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)}
.em-pressable:focus-visible{outline:2px solid var(--embros-focus-color);
  outline-offset:3px}

/* ============================================================
   MODAL · крестик
   ============================================================ */
.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);
  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);
}
.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-modal-close:focus-visible{
  outline:2px solid var(--embros-focus-color);
  outline-offset:2px;
}

/* ============================================================
   ICON · софт-тач цвет
   ============================================================ */
.em-icon{ color:var(--embros-ink-2);}
.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 }

/* ============================================================
   COMMERCE · атомы магазина
   ============================================================ */
.em-price{display:inline-flex;align-items:baseline;gap:8px;
  font-family:var(--embros-font-accent)}
.em-price-cur{font-size:clamp(18px,4vw,22px);font-weight:var(--embros-fw-extrabold);
  color:var(--embros-ink);letter-spacing:var(--embros-track-tight);line-height:1}
.em-price-old{font-family:var(--embros-font-text);font-size:var(--embros-fs-small);
  font-weight:var(--embros-fw-semibold);color:var(--embros-ink-3);
  text-decoration:line-through;text-decoration-thickness:1.5px}
.em-price-save{display:inline-flex;align-items:center;
  font-family:var(--embros-font-text);font-size:10px;font-weight:700;
  color:#FFFFFF;background:var(--grad-btn-accent);padding:3px 8px;
  border-radius:var(--embros-r-full);
  letter-spacing:var(--embros-track-wide);text-transform:uppercase;
  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-price--sm .em-price-cur{font-size:16px}
.em-price--lg .em-price-cur{font-size:28px}

.em-promo{display:inline-flex;align-items:center;gap:5px;
  padding:5px 11px;border-radius:var(--embros-r-full);
  font-family:var(--embros-font-text);font-size:10.5px;
  font-weight:var(--embros-fw-bold);letter-spacing:var(--embros-track-wider);
  text-transform:uppercase;line-height:1}
.em-promo--new{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,.45)}
.em-promo--sale{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)}
.em-promo--gift{background:var(--grad-gift);color:#FFFFFF;
  box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.35),
    inset -1.5px -1.5px 0 rgba(0,50,30,.55),
    1px 2px 2px rgba(0,60,30,.45)}
.em-promo--hit{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,.14)}

.em-rating{display:inline-flex;align-items:center;gap:4px;
  font-family:var(--embros-font-text);font-size:var(--embros-fs-small);
  font-weight:var(--embros-fw-semibold);color:var(--embros-ink-2)}
.em-rating svg{width:14px;height:14px;flex:0 0 14px;
  fill:var(--embros-accent);stroke:none;display:block}
.em-rating-num{margin-left:4px}

.em-swatch-group{display:inline-flex;flex-wrap:wrap;gap:8px}
.em-swatch{width:26px;height:26px;padding:0;border:none;border-radius:50%;
  cursor:pointer;background:var(--grad-btn-light);flex-shrink:0;
  box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.85),
    inset -1.5px -1.5px 0 rgba(163,172,187,.55),
    1px 2px 3px rgba(30,35,50,.18);
  transition:box-shadow var(--embros-dur-base) var(--embros-ease-out)}
.em-swatch.is-active{box-shadow:inset 3px 3px 6px rgba(0,0,0,.55),
    inset -1px -1px 1px rgba(255,255,255,.30),
    0 0 0 2px var(--embros-accent)}
.em-swatch--black{background:linear-gradient(145deg,#1A1B1F 0%,#0A0B0D 100%)}
.em-swatch--white{background:linear-gradient(145deg,#FFFFFF 0%,#E4E7EC 100%)}
.em-swatch--sand{background:linear-gradient(145deg,#EFE2D0 0%,#D9C5A8 100%)}
.em-swatch--pink{background:linear-gradient(145deg,#E4B8B8 0%,#C78686 100%)}
.em-swatch--sage{background:linear-gradient(145deg,#CFD8C9 0%,#A6B29E 100%)}

.em-size-group{display:inline-flex;flex-wrap:wrap;gap:8px}
.em-size{min-width:44px;height:38px;padding:0 12px;
  display:inline-flex;align-items:center;justify-content:center;
  border:none;cursor:pointer;border-radius:var(--embros-r-sm);
  background:var(--grad-btn-light);color:var(--embros-ink);
  font-family:var(--embros-font-text);font-size:12.5px;
  font-weight:var(--embros-fw-bold);letter-spacing:var(--embros-track-wide);
  text-transform:uppercase;line-height:1;
  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,.14);
  transition:box-shadow var(--embros-dur-base) var(--embros-ease-out),
    background var(--embros-dur-base) var(--embros-ease-out),
    color var(--embros-dur-base) var(--embros-ease-out)}
.em-size.is-active{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-size.is-disabled{opacity:.35;pointer-events:none}

.em-qty{display:inline-flex;align-items:center;gap:2px;padding:5px;
  border-radius:var(--embros-r-full);
  background:var(--embros-plastic-grad-flat);
  box-shadow:var(--embros-plastic-shadow-flat)}
.em-qty-btn{width:34px;height:34px;padding:0;border:none;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--grad-btn-light);color:var(--embros-icon-ink);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,.55),
    1px 2px 3px rgba(30,35,50,.14);
  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)}
.em-qty-btn:active{
  background:var(--grad-btn-light-active);
  color:var(--embros-btn-ink-active-light);
  box-shadow:var(--embros-plastic-shadow-pressed)}
.em-qty-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;
  stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.em-qty-n{min-width:28px;text-align:center;
  font-family:var(--embros-font-accent);font-weight:var(--embros-fw-extrabold);
  font-size:14px;color:var(--embros-ink);line-height:1}
.em-qty--sm .em-qty-btn{width:28px;height:28px}
.em-qty--sm .em-qty-n{font-size:13px;min-width:22px}

.em-tile-product{display:flex;flex-direction:column;gap:12px;
  padding:14px;border-radius:var(--embros-r-lg);
  background:var(--embros-plastic-grad-flat);
  box-shadow:var(--embros-plastic-shadow-flat);
  cursor:pointer;position:relative;
  transition:box-shadow var(--embros-dur-base) var(--embros-ease-out),
    transform var(--embros-dur-base) var(--embros-ease-out)}
.em-tile-product:hover{box-shadow:var(--embros-plastic-shadow-raised);
  transform:translateY(-2px)}
.em-tile-product:active{box-shadow:var(--embros-plastic-shadow-pressed);
  transform:translateY(0)}
.em-tile-product:focus-visible{outline:2px solid var(--embros-focus-color);
  outline-offset:3px}
.em-tile-product__media{position:relative;aspect-ratio:1/1;
  border-radius:var(--embros-r-md);overflow:hidden;
  background:linear-gradient(160deg,#E8C4A8 0%,#C5726B 55%,#8C3A3A 100%)}
.em-tile-product__media img{width:100%;height:100%;object-fit:cover;display:block}
.em-tile-product__badge{position:absolute;top:10px;left:10px;z-index:2}
.em-tile-product__fav{position:absolute;top:10px;right:10px;z-index:2;
  width:32px;height:32px;padding:0;border:none;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  background:linear-gradient(145deg,rgba(255,255,255,.35) 0%,rgba(220,225,232,.25) 100%);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  color:#FFFFFF;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.45),
    inset -1px -1px 0 rgba(0,0,0,.20),
    1px 2px 3px rgba(20,20,20,.30)}
.em-tile-product__fav svg{width:15px;height:15px;stroke:currentColor;fill:none;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.em-tile-product__fav.is-on svg{fill:#FFFFFF}
.em-tile-product__body{display:flex;flex-direction:column;gap:6px}
.em-tile-product__sub{font-family:var(--embros-font-text);font-size:11px;
  font-weight:var(--embros-fw-semibold);letter-spacing:var(--embros-track-wide);
  text-transform:uppercase;color:var(--embros-ink-3);margin:0}
.em-tile-product__title{font-family:var(--embros-font-text);
  font-size:13.5px;font-weight:var(--embros-fw-bold);line-height:1.25;
  color:var(--embros-ink);margin:0;
  display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
.em-tile-product__bottom{display:flex;align-items:center;
  justify-content:space-between;gap:10px;margin-top:auto}
.em-tile-product__add{width:38px;height:38px;padding:0;border:none;
  border-radius:50%;cursor:pointer;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  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 4px rgba(90,30,5,.55);
  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)}
.em-tile-product__add:active{
  background:var(--grad-btn-accent-active);
  color:var(--embros-btn-ink-active-accent);
  box-shadow:var(--embros-plastic-shadow-pressed-accent)}
.em-tile-product__add svg{width:16px;height:16px;stroke:currentColor;fill:none;
  stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.em-grid-products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.em-grid-products--2{grid-template-columns:repeat(2,1fr)}
.em-grid-products--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:640px){
  .em-grid-products,
  .em-grid-products--4{grid-template-columns:repeat(2,1fr)}
}

.em-bento{display:grid;grid-template-columns:repeat(4,1fr);
  grid-auto-rows:130px;gap:14px}
.em-bento-cell{padding:20px;border-radius:var(--embros-r-lg);
  display:flex;flex-direction:column;justify-content:space-between;
  cursor:pointer;position:relative;overflow:hidden;
  transition:box-shadow var(--embros-dur-base) var(--embros-ease-out),
    transform var(--embros-dur-base) var(--embros-ease-out)}
.em-bento-cell--wide{grid-column:span 2}
.em-bento-cell--tall{grid-row:span 2}
.em-bento-cell--big{grid-column:span 2;grid-row:span 2}
.em-bento-cell__tag{font-family:var(--embros-font-mono);font-size:10px;
  letter-spacing:var(--embros-track-widest);text-transform:uppercase;
  opacity:.75;display:block}
.em-bento-cell__title{font-family:var(--embros-font-accent);
  font-weight:var(--embros-fw-extrabold);font-size:20px;
  text-transform:uppercase;letter-spacing:var(--embros-track-tight);
  line-height:1.02;margin:0}
.em-bento-cell--light{background:var(--embros-plastic-grad-raised-lg);
  box-shadow:var(--embros-plastic-shadow-raised-lg);color:var(--embros-ink)}
.em-bento-cell--light:hover{transform:translateY(-2px)}
.em-bento-cell--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-bento-cell--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-bento-cell--photo{color:#FFFFFF;
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.30) 0%, transparent 60%),
    linear-gradient(160deg,#E8C4A8 0%,#C5726B 55%,#8C3A3A 100%)}
.em-bento-cell--photo-2{color:#FFFFFF;
  background:
    radial-gradient(circle at 40% 30%, rgba(255,255,255,.30) 0%, transparent 60%),
    linear-gradient(160deg,#DCE7F5 0%,#8FA8CC 55%,#3E4F6E 100%)}
.em-bento-cell--photo .em-bento-cell__tag,
.em-bento-cell--photo-2 .em-bento-cell__tag{text-shadow:0 1px 3px rgba(0,0,0,.35)}
@media (max-width:640px){
  .em-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:110px}
  .em-bento-cell--big{grid-column:span 2;grid-row:span 2}
  .em-bento-cell__title{font-size:16px}
}

.em-kit{padding:20px;border-radius:var(--embros-r-xl);
  background:var(--embros-plastic-grad-raised);
  box-shadow:var(--embros-plastic-shadow-raised);
  display:grid;grid-template-columns:auto 1fr auto;
  gap:18px;align-items:center}
.em-kit__media{display:flex;position:relative}
.em-kit__thumb{width:74px;height:74px;border-radius:var(--embros-r-md);
  margin-left:-14px;position:relative;flex-shrink:0;
  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 5px rgba(30,35,50,.20)}
.em-kit__thumb:first-child{margin-left:0}
.em-kit__thumb--1{background:linear-gradient(145deg,#E8C4A8,#C5726B)}
.em-kit__thumb--2{background:linear-gradient(145deg,#DCE7F5,#8FA8CC)}
.em-kit__thumb--3{background:linear-gradient(145deg,#1A1B1F,#0A0B0D)}
.em-kit__info{display:flex;flex-direction:column;gap:6px;min-width:0}
.em-kit__title{font-family:var(--embros-font-accent);
  font-weight:var(--embros-fw-extrabold);font-size:15px;
  text-transform:uppercase;letter-spacing:var(--embros-track-tight);margin:0}
.em-kit__text{font-family:var(--embros-font-text);font-size:12.5px;
  color:var(--embros-ink-2);line-height:1.4;margin:0}
.em-kit__action{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
@media (max-width:640px){
  .em-kit{grid-template-columns:1fr;gap:14px}
  .em-kit__action{align-items:stretch}
}

.em-gift{padding:20px;border-radius:var(--embros-r-xl);
  background:var(--embros-plastic-grad-raised-lg);
  box-shadow:var(--embros-plastic-shadow-raised-lg);
  display:flex;gap:18px;align-items:center}
.em-gift__icon{width:56px;height:56px;border-radius:var(--embros-r-md);
  flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
  background:var(--grad-gift);color:#FFFFFF;
  box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.35),
    inset -1.5px -1.5px 0 rgba(0,50,30,.55),
    2px 3px 4px rgba(0,60,30,.45),
    4px 6px 10px rgba(0,60,30,.20)}
.em-gift__icon svg{width:26px;height:26px;stroke:currentColor;fill:none;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.em-gift__body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.em-gift__title{font-family:var(--embros-font-accent);
  font-weight:var(--embros-fw-extrabold);font-size:14px;
  text-transform:uppercase;letter-spacing:var(--embros-track-tight);margin:0}
.em-gift__text{font-family:var(--embros-font-text);font-size:12.5px;
  color:var(--embros-ink-2);line-height:1.4;margin:0}
@media (max-width:640px){
  .em-gift{flex-direction:column;align-items:flex-start}
}

.em-cart-row{padding:14px;border-radius:var(--embros-r-lg);
  background:var(--embros-plastic-grad-flat);
  box-shadow:var(--embros-plastic-shadow-flat);
  display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center}
.em-cart-row__thumb{width:64px;height:64px;border-radius:var(--embros-r-md);
  flex-shrink:0;
  background:linear-gradient(145deg,#E8C4A8,#C5726B);
  box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.85),
    inset -1.5px -1.5px 0 rgba(180,185,195,.45)}
.em-cart-row__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.em-cart-row__title{font-family:var(--embros-font-text);font-size:13.5px;
  font-weight:var(--embros-fw-bold);color:var(--embros-ink);margin:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.em-cart-row__meta{font-family:var(--embros-font-text);font-size:11px;
  font-weight:var(--embros-fw-semibold);letter-spacing:var(--embros-track-wide);
  text-transform:uppercase;color:var(--embros-ink-3);margin:0}
.em-cart-row__side{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
@media (max-width:640px){
  .em-cart-row{grid-template-columns:56px 1fr;gap:12px}
  .em-cart-row__thumb{width:56px;height:56px}
  .em-cart-row__side{grid-column:1/-1;flex-direction:row;
    justify-content:space-between;align-items:center;width:100%}
}

.em-sticky-bar{padding:14px 18px;border-radius:var(--embros-r-full);
  background:var(--embros-plastic-grad-raised-lg);
  box-shadow:var(--embros-plastic-shadow-raised-lg);
  display:flex;gap:14px;align-items:center}
.em-sticky-bar__info{display:flex;flex-direction:column;gap:2px;min-width:0}
.em-sticky-bar__hint{font-family:var(--embros-font-text);font-size:11px;
  font-weight:var(--embros-fw-semibold);letter-spacing:var(--embros-track-wide);
  text-transform:uppercase;color:var(--embros-ink-3)}
.em-sticky-bar__actions{display:flex;gap:8px;margin-left:auto}
@media (max-width:640px){
  .em-sticky-bar{flex-wrap:wrap;border-radius:var(--embros-r-xl)}
  .em-sticky-bar__actions{width:100%;margin-left:0}
  .em-sticky-bar__actions > .em-btn{flex:1}
}

.em-empty{padding:36px 24px;border-radius:var(--embros-r-xl);
  background:var(--embros-plastic-grad-flat);
  box-shadow:var(--embros-plastic-shadow-flat);
  display:flex;flex-direction:column;align-items:center;gap:14px;
  text-align:center}
.em-empty__icon{width:64px;height:64px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--grad-btn-light);color:var(--embros-ink-3);
  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-empty__icon svg{width:28px;height:28px;stroke:currentColor;fill:none;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.em-empty__title{font-family:var(--embros-font-accent);
  font-weight:var(--embros-fw-extrabold);font-size:16px;
  text-transform:uppercase;letter-spacing:var(--embros-track-tight);margin:0}
.em-empty__text{font-family:var(--embros-font-text);font-size:13px;
  color:var(--embros-ink-2);line-height:1.5;margin:0;max-width:340px}

/* 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}

/* Иконки на приподнятых кнопках — вытравлены в теле кнопки */
.em-btn .em-icon,
.em-btn-icon .em-icon{
  filter:
    drop-shadow(-1px -1px 0 rgba(0,0,0,.16))
    drop-shadow(1px 1px 0 rgba(255,255,255,.55))}
.em-btn--dark .em-icon,
.em-btn-icon--dark .em-icon{
  filter:
    drop-shadow(-1px -1px 0 rgba(0,0,0,.85))
    drop-shadow(1px 1px 0 rgba(255,255,255,.16))}
.em-btn--accent .em-icon,
.em-btn-icon--accent .em-icon{
  filter:
    drop-shadow(-1px -1px 0 rgba(80,20,0,.60))
    drop-shadow(1px 1px 0 rgba(255,255,255,.35))}
.em-btn--glass .em-icon,
.em-btn-icon--glass .em-icon{filter:none}

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






















/* скрытие ненужных категорий слева в ST340 на странице каталога до отработки скрипта */


  .t-catalog__parts-tree-root-wrapper {
    display: none !important;
  }

/* ========================================== */
  

a.t-menuwidgeticons__link.t-menuwidgeticons__link_search svg{
    display: block;
}
.t898__btn_label svg path {
    stroke: #11111100 !important;}

@media screen and (max-width: 640px) {
    .uc-examples .t001__button {
        width: auto;
        max-width: 320px;
    }
    
    
    .uc-examples .t001__buttons {
    justify-content: space-around;}
}





    


.t-store__card__btns-wrapper.js-store-buttons-wrapper {
    margin-top: 15px;
}

.t-store__card__textwrapper {
    background: whitesmoke;
    border-radius: 20px;
    min-height: min-content;
        padding-bottom: 25px;
}
}





@media (max-width: 980px) {
     .t706__carticon-counter.js-carticon-counter, .t1002__wishlisticon_sm .t1002__wishlisticon-counter{
  display: none;
}

.js-store-prod-descr.t-store__card__descr.t-typography__descr.t-descr.t-descr_xxs {
    font-size: 14px !important;
    text-align: left;
}

.t-store__card__textwrapper {
    BACKGROUND: WHITESMOKE;
    PADDING: 5PX;
    BORDER-RADIUS: 4PX;
}

.t-store__card .t-typography__title {
    font-size: 20px;
    font-weight: 100 !important;
}

}


/*Описание в каталоге товаров 16 пикселей*/
 .t-store__card .t-typography__descr {
    font-size: 16px !important;
    text-align: left;
    padding: 10px 10px;
}

/*Скрытие описания в карточке товара*/
.js-store-prod-all-text {
    display: none;
}

.t951 .t-store__card__btns-wrapper {

}
 
 
    /*Более четкое изображение товара в карточке товаров*/
  .t-slds__bgimg-contain {
    background-size: cover;
}

.t-store__card__img {

    border-radius: 30px;

}
.t-bundle-option .js-product-option-name.t-product__option-title.t-typography__options.t-descr.t-descr_xxs {
    background: #111;
    color: white;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    margin-bottom:10px;
}
    /*####Более четкое изображение товара в карточке товаров#####*/
  
   /*Блок подписки на соц сети*/
  .uc-subscribe .t580__title, #rec1148149526 .t580__title {
    max-width: 100% !important;
    margin:0px !important;
  }
   /*###Блок подписки на соц сети####*/
  
  
  
    /*Галерея первого таба всегда внизу*/
    .tn-elem[data-elem-id="1734540635541"] {
        top: auto !important;
        bottom: 0px;
    }
    
        /*Размер цены в карточке товара*/
    .t-store__prod-popup__price-value, .t-store__prod__price-portion, .t744__price-value, .t744__price-currency {
    font-size: 50px;
    font-weight: 300;}

    /*Отступ сверху и снизу карточки товара для варианта автоматической карточки*/
    .t-store__prod-snippet__container {
    padding-bottom: 50px;
    padding-top: 40px;}

    /* Стили для табов */
    .hidden { display: none; }
    .tabbtn1, .tabbtn2, .tabbtn3, .tabbtn4 { cursor: pointer; }
    .tn-atom.tabbtn_active { color: #FF8375 !important; }
    .tn-atom.tab_active { background-color: #FF8375 !important; }

   
   /*Скрыть тематику из карточки товара*/
   .js-store-prod-text.t-store__prod-popup__text.t-typography__descr.t-descr.t-descr_xxs {
    display: none;}
   
   .t-product__option-item_active span {
    color: white !important;}
    
    .t-store__tabs__content.t-descr.t-descr_xxs {
    max-width: 100%;}
    .t-store .t-store__tabs__content {
    max-width: 100%;}
    
    
   
    /*******************/  
    /*Стили для ВЫШИВКИ*/   
    /*******************/ 
    
    /* ===Стили для куки === */
    .uc-cookie .t-descr_xxs {
    font-size: 16px !important;
    }
    
    
   /* ================================== */
/* === Основные стили таб-контента === */
/* ================================== */

.t-store__prod-popup__close-txt-wr {
    left: 18.2% !important;
    top: 75px !important;}

.t-popup__close {
    right: 18.3% !important;
    top: 80px !important;}


.tab-heading {
  font-size: 42px;
  font-weight: bold;
}

.tab-content-image.hidden {
  display: none;
  opacity: 0;
  transition: opacity 0.5s;
}

.tab-content-image {
  transition: opacity 0.5s;
}


/* === Основной контейнер === */
.tab-content {
  display: grid;
  grid-template-columns: 2fr 1fr; /* 2/3 текста и 1/3 изображения */
  align-items: stretch;
  gap: 0px;
  min-height: 500px;
  text-align: left;
  position: relative;
}

.tab-content-text {
  text-align: left;
  z-index: 3;
}

/* === Блок с изображением === */
.tab-content-image {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  overflow: visible;
  height: 100%;
  position: absolute;
  right: 0;
  width: 33.33%;
}

/* === Сброс стилей для figure === */
figure {
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  position: relative;
}

/* === Само изображение === */
.tab-content-image img {
  height: 100% !important;
  width: auto;
  object-fit: cover;
  max-height: 100vh;
  z-index: 2;
  position: sticky;
  top: 0;
}

/* ========================== */
/* === Прочие стили блока === */
/* ========================== */

/* Блок t1052 */
.t1052__container {
  flex-wrap: nowrap; /* Убираем перенос элементов */
  align-items: flex-end; /* Выравниваем элементы по нижнему краю */
}

.t1052 .t-list__item {
  margin-top: 0px;
}

/* Блок #rec722436763 */
#rec722436763 {
  display: none;
  margin-bottom: 20px;
}

/* Опции, скрываем определённые элементы */
[data-edition-option-id="Название"] {
  display: none;
}

.t908 .t-section__container.t-container.t-container_flex {
  display: none;
}

/* Стили для секций табов */
.t-rec[role="tabpanel"] {
  min-height: 400px; /* Минимальная высота секций */
}

/* Дополнительные настройки изображения */
@media (min-width: 1200px) {
  .t908__box-img {
    height: auto !important;
  }
}


/* Дополнительные стили текста */
.tab-content-text strong {
  line-height: normal;
}

    
     /*Скругление образцов вышивки*/
    .t603__blockimg {
    border-radius: 30px;}    
    
    /*Скругление галереи образов*/
    .t909__bgimg_4-3 {
    border-radius: 30px;}
    .t909__bgimg_16-9 {
    border-radius: 30px;}
    
    /*Размер текста и отступы в характеристиках товара*/
    .t-descr_xxs {
    font-size: 16px;
    line-height: 1.2;}
    
     /*Фон активной вкладки типа товара*/
    .t908__item_active {
    background: #f8f8f8;}
    
    
    .t706__product-imgdiv {
     /* Размер изображения в корзине */
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;}

    .t706__product-thumb {
     /* Размер блока с изображением в корзине */
    width: 25%;
    height: 100%;}
 
    .t706__product-title {
     /* Размер блока с характеристиками товара в корзине */
    width: 50%;}
    
    .t706__sidebar-content {
    /*ширина корзины 50% от экрана*/
    max-width: 50% !important;}
    
    .t706__product {
    /*отступ между товарами 20 px*/
    margin:0px;}
    
     /*скругление углов изображений слайдере*/
    .t604__imgwrapper .t-slds__bgimg {
    border-radius: 30px;}
    
    .t817__content_active {
    border-radius: 30px;}
    
    
    /*  максимальная ширина описания дизайна */

    .t859 .t-section__descr {
    max-width: fit-content;}
    
    /* Настройки кнопок и характеристик товара */
    /* Глушение родительского текста и кнопок в характеристиках товара */
    .t744__textwrapper .t-descr {
        color: inherit;}
    
    /*Белый цвет и черный фон выделенных вариантов*/
    .js-product .t-product__option-variants_buttons .t-product__option-item_simple.t-product__option-item_active {
    background: black;
    color: white !important;
    }
    
    /* Скругление углов вариантов */
    .js-product .t-product__option-variants_buttons .t-product__option-item_simple {
    border-radius: 5px;}
    
    /* Радиус, отступ и размер кружочков вариантов */
    .js-product .t-product__option-variants_buttons .t-product__option-checkmark_image {
    width: 65px;
    height: 65px;
    border-radius: 50px;
        margin-right: 15px;
    }
    
    /* Выделение полумесяцем вариантов */
    .js-product .t-product__option-variants_buttons .t-product__option-input:checked+.t-product__option-checkmark_image:before {
    left: -1px;
    top: -7px;
    background: #111111;
    border-radius: 44px;
    z-index: -1;
    width: calc(100% + 5px);
    height: calc(100% + 5px);}
    
    .js-product .t-product__option-variants_buttons .t-product__option-title_color, .js-product .t-product__option-variants_buttons .t-product__option-title_image {
    color: #fff !important;
    width: max-content;
    text-align: center;
    margin: 0px 0px 15px 7px;}
    
    /* Прозрачность варианта не в наличии */
    .js-product .t-product__option-variants_custom .t-product__option-item.t-product__option-item_disabled {
    pointer-events: none;
    opacity: .3;}
    
        /* Вертикальные отступы между параметрами */
    .js-product .t-product__option-variants_buttons .t-product__option-item {
    margin-bottom: 10px;}
    
    /* Отступ пунктов навигации фотографий в карточке товаров*/
    ul.t-slds__bullet_wrapper, .t-slds__bullet_wrapper {
    padding: 10% 0 0;}
    
    /* миниатюры вариантов фото под главным фото */
    .t-slds__thumbsbullet.t-slds__bullet {
    border: 1px solid #d7d7d7;
    border-radius: 18px;
    overflow: hidden;
    width: 70px;}
    
    /*Позиционирование фонового изображения в миниатюрах поверху*/
    .t-slds__bgimg {
    background-position: top;}
    
    .t-slds__thumbsbullet-wrapper {
    margin-top: 10px;
    margin-bottom: 12px;}
    
    
    
    .uc-banner .t-slds__bullet_wrapper {
    padding: 0;}
    
    
    #rec724509576 a {
    color: #ffffff !important;
    text-decoration: none;
}
    
    /* Фильтр в каталоге 123123*/
 @media screen and (min-width: 961px) {
    .t951__sidebar .t-store__parts-switch-wrapper, .t-store__filter__item-controls-container {
        margin-bottom: 10px !important;
        display: flex !important;
        flex-direction: row !important;
        text-align: left !important;
        flex-wrap: wrap !important;
        align-content: center !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }
}

.t951 .t-store__parts-switch-btn, .t-store__filter__custom-sel {
    padding: 5px 7px !important;
    margin: 5px 5px 5px 0px !important;
    border-radius: 7px !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    font-size: 14px !important;
}


.t951 .t-store__parts-switch-btn.t-active, .t-store__filter__custom-sel.active {
    font-weight: 300 !important;
    color: #fff !important;
    background: #000 !important;
    opacity: 1 !important;
    font-size: 14px !important;
}

.t951 .t-store__parts-switch-btn:hover, .t-store__filter__custom-sel:hover {
background-color: #c5c5c5 !important;
    border: 1px solid #aaa !important;
        font-weight: 300 !important;
        font-size: 14px !important;
}


.t951 .t-store__filter__btn, .t-store__filter__input {
    border-radius: 7px !important;
}



 

@media screen and (min-width: 961px) {
    .t951 .t-store__filter__chosen-bar {
        padding: 15px !important;
        z-index: 99 !important;
        position: fixed !important;
        bottom: 10px !important;
        left: 20px !important;
        display: flex;
        flex-direction: row !important;
        width: 306px !important;
        height: auto !important;
        background-color: rgba(255, 255, 255, .94) !important;
        border-radius: 4px !important;
        border: 1px solid rgba(0, 0, 0, .1) !important;
        box-shadow: -9px 11px 11px -6px rgb(0 0 0 / 39%) !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}

@media screen and (min-width: 961px) {
    .t951__sidebar {
        margin-right: 30px !important;
        width: 300px !important;
        padding: 18px !important !important;
        border-radius: 15px !important;
        margin-left: -5px !important !important;
    }
}




.t-store__filter__chosen-val {
    background-color: #111 !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    display: inline-block !important;
    line-height: 1.4 !important;
    color: white !important;
    margin-bottom: 10px !important;
    margin-right: 5px !important;
    max-width: 260px !important;
    overflow: hidden !important;
    padding: 4px 5px 4px 20px !important;
    position: relative !important;
    text-overflow: ellipsis !important;
    transition: opacity .1s ease-in !important;
    white-space: nowrap !important;
}

.t-store__filter__chosen-val:after {
    bottom: 0 !important;
    content: "❌" !important;
    font-size: 12px !important;
    height: 12px !important;
    left: 3px !important;
    line-height: 1 !important;
    margin-bottom: auto !important;
    margin-right: 4px !important;
    margin-top: auto !important;
    padding: 0px !important;
    position: absolute !important;
    top: 0 !important;
}

.t951 .t-store__filter__reset.js-store-filter-reset.t-descr.t-descr_xxs.t-store__filter__reset_visible {
    background: #fff !important;
    border: 1px solid #111 !important;
    border-radius: 30px !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.t951 .t-store__filter__chosen-val.js-store-filter-chosen-item.t-descr.t-descr_xxs {
    font-size: 12px !important;
}

.t-store__filter__prods-number.js-store-filters-prodsnumber-wrap.t-descr.t-descr_xxs {
    min-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

span.js-store-filters-prodsnumber {
    font-weight: bold !important;
    padding-left: 7px !important;
}

/* Добавление разделительных линий в фильтр. Код на странице Каталог*/
.t951__sidebar .t-store__filter__item {
    /* border-bottom: 1px solid #e3e3e3; */
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 5px 0px !important;
}
    
    
    /* Отступ снизу на 10 пикселей в фильтре. Код на странице Каталог*/
    
    .t951 .t951__sidebar .t-store__filter__item_checkbox .t-store__filter__item-controls-container {
  
        padding-bottom: 10px !important;
    }
    
    .t951__sidebar .t-store__filter__item-controls-wrap.t-store__filter__item-price-box.js-store-filter-item-controls-wr {
        padding-bottom: 10px !important;
    }

.t951__sidebar .t-store__filter__item-title {
    background: #333333 !important;
    max-width: 295px !important;
    padding: 5px 10px !important;
    color: white !important;
    display: flex !important;
    justify-content: center !important;
    font-size: 18px !important;
    border-radius: 5px !important;
    margin-bottom: 15px !important;
}

 /* ************************/
    
  
    

    
    
    
   
    
    #rec620476134 .t994__title {
    padding-top: 0;}
    
    /* Иконка фотика внизу в футере*/
    .uc-footer .t-sociallinks__item_website img {
    width: 33px !important;
    height: 33px !important;
    }
    
    .t977 .t-sociallinks__item {
    margin-right: 9px;
    margin-bottom: 9px;}
    
    /*отступ описания в обложке Грогу*/
    .t154 {
    padding-bottom: 100px;
    position: relative;
    width: 142%;
    left: -15%;
}


 /*Ширина фоток в карточке товара после описания*/
.t908__img {
    display: block;
    max-width: 86%;
    border-radius: 60px;
}

 /*закругление краев фото в галерее образов*/
.t909__bgimg_3-4 {
    border-radius: 30px;
}






/* правая картинка по высоте Стили для экранов от 1200px */
@media (min-width: 1200px) {
    .t908__box-img {
        height: 770px;
        width: auto;
    }
    .t908__img {
        max-width: 100%;
        width: auto;
        height: inherit;
    }
}

/* Стили для экранов от 960px */
@media (min-width: 960px) and (max-width: 1199px) {
    .t908__box-img {
        height: 850px;
        width: auto;
    }


 /*цвет выделения описания категории*/
li.t908__item.t-item.t-animate.t-animate__chain_first-in-row.t-animate_started.t-animate__chain_showed:hover {
    background: #fff6f6;
}

 /*закругленные кнопки табов в карточке товара*/
    #rec727544817 .t817__tab_active {
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;}
    
    
    /*Видео шортсы*/
    @media screen and (min-width: 980px) {
    .t121 .t-animate_started[data-animate-style=fadeinleft] {
        width: 45vh;
        border-radius: 30px;
        overflow: hidden;
    }}
    #youtubeiframe_carier739880065 {
    max-width: 45.6vh;
    border-radius: 30px;
}

 /*Анимация галереи в карточке товара*/

.t603__blockimg:hover {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    }
    
    .t603__blockimg {
    border-radius: 20px;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
     
    transition-delay: 0s !important;
    }
    
    
    .t909__bgimg_4-3:hover {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    }
    
    .t909__bgimg_4-3 {
    border-radius: 20px;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.21s ease-out;
    transition-delay: 0s !important;
    }

 /**************************/    
 /* МОБИЛЬНАЯ ВЕРСИЯ САЙТА */
 /**************************/
    @media screen and (max-width: 960px)
    .t817__content {
    padding: 20px;
    border-radius: 0px 0px 20px 20px !important;
}
    
    
    /*#################*/  
    /*Стили для ВЫШИВКИ*/   
    /*#################*/    
    
    /*******************/  
    /*Стили для СКРАНЧИ*/   
    /*******************/ 
    
    #rec801614955 .t-store__card__bgimg, .t-store__card__bgimg_second {
    background-size: contain;}
    
    #rec801614955 button.t-slds__arrow.t-slds__arrow-right.t-slds__arrow-withbg {
    border: 1px solid #f1f1f1;}
    
    #rec801614955 button.t-slds__arrow.t-slds__arrow-left.t-slds__arrow-withbg {
    border: 1px solid #f1f1f1;}
    
    #rec801614955 label.t-product__option-item.t-product__option-item_active.t-product__option-item_buttons.t-product__option-item_simple {
    border: 1px solid #d5d5d5;
    border-radius: 10px;}
    
    #rec801614955 .js-product .t-product__option-variants_buttons .t-product__option-input:checked+.t-product__option-checkmark_image:before {
    border: none;}
    
    #rec801614955 .t-product__option-checkmark.t-bgimg.t-product__option-checkmark_buttons.t-product__option-checkmark_image.loaded {
    border: 1px solid #d5d5d5;
    border-radius: 10px;}
    
    #rec801614955 form.t-product__option-variants.t-product__option-variants_custom.t-product__option-variants_buttons.t-product__option-variants_image {
    margin: 5px 0px 0;}
    
    #rec801614955 .js-store-prod-all-text {
    font-size: large;}
    
    /*#################*/  
    /*Стили для СКРАНЧИ*/   
    /*#################*/