/* Lovescape DE — статичная копия. Значения взяты из styles_dark_critical.css оригинала. */
/* Шрифты: оригинал = Bebas Neue (заголовки) + Inter (текст). Здесь — ближайшие локальные: Archivo в узкой ширине и Golos Text. */
:root{--side-w:72px;--header-h:72px;--gap-s:12px;--pad:24px;--font-title:'Archivo',sans-serif;--font-body:'Golos Text',system-ui,Arial,sans-serif;--purple:#cf7aff;--danger:#f1326b;--success:#09ffb5;--primary-gradient:linear-gradient(180deg,#07F0FF 0%,#07FFB5 100%);--purple-gradient:linear-gradient(180deg,#f0a0ff 0%,#cf7aff 49.52%,#a855f7 100%)}
@media (max-width:639px){:root{--side-w:0px;--header-h:56px;--gap-s:8px;--pad:12px}}
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}
html,body{background:#0f0f0f;margin:0}
body{color:#fff;font:500 .875rem var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-left:var(--side-w);min-height:100svh}
@media (max-width:639px){html,body{max-width:100%;overflow-x:clip}body{padding-bottom:64px}}
a{color:#a4a4a4;text-decoration:none;cursor:pointer}
img,video{display:block;max-width:100%}
/* пока медиа не загрузилось — пустая плитка, а не текст alt поверх карточки */
.ch__cover,.ev__img,.da__img{color:transparent;font-size:0}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,h4{margin:0}
:focus-visible{outline:2px solid #cf7aff;outline-offset:2px}
.ico{width:16px;height:16px;min-width:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ico--fill{fill:currentColor;stroke:none}
.no-wrap{white-space:nowrap}
.grad-purple{background-image:linear-gradient(#f0a0ff 0%,#cf7aff 50%,#a855f7 100%)}
.grad-green{background-image:linear-gradient(#07f0ff 0%,#07ffb5 100%)}
.grad-yellow{background-image:linear-gradient(#ffee58 0%,#fdca30 40%,#f09300 100%)}
.grad-purple,.grad-green,.grad-yellow{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block}
.c-purple{color:var(--purple)}.c-pink{color:#f3cee5}

/* ---------- Buttons (lovescape-button) ---------- */
.btn{background:var(--bg,transparent);border:var(--bd,1px solid transparent);color:var(--fg,#fff);display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.2px;white-space:nowrap;text-decoration:none;font-weight:600;touch-action:manipulation;user-select:none;transition:background .2s,color .2s;overflow:hidden;text-overflow:ellipsis}
.btn--dark{--bg:#0006;--fg:#fffc;--bd:0}.btn--dark:hover{--bg:#0009;--fg:#fff}
.btn--tertiary{--bg:#222;--fg:#ccc;--bd:0}.btn--tertiary:hover{--bg:#333}
.btn--white{--bg:linear-gradient(180deg,#fff 0%,#bcbcbc 100%);--fg:#0f0f0f;--bd:none}.btn--white:hover{--bg:#fff}
.btn--ghost{--bd:.5px solid #fff3;--bg:#fff3;--fg:#fffc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset -.5px -.5px 1px #ffffff4d,inset .8px .5px .5px #fff9}.btn--ghost:hover{--bg:#ffffff4d;--fg:#fff}
.btn--ghost-inv{--bd:none;--bg:#0003;--fg:#fffc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset -.5px -.5px 1px #ffffff4d,inset .8px .5px .5px #fff9}.btn--ghost-inv:hover{--fg:#fff}
.btn--purple{--bg:var(--purple-gradient);--fg:#0f0f0f;--bd:none}.btn--purple:hover{--bg:#f0a0ff}
.btn--green{--bg:var(--primary-gradient);--fg:#0f0f0f;--bd:none}.btn--green:hover{--bg:linear-gradient(180deg,#07F0FF 0%,#07F7DA 100%)}
.btn--transparent{--bg:transparent;--bd:0;--fg:#fff}
.btn--s32{height:32px;min-width:32px;padding:0 12px;font-size:12px;border-radius:6px}
.btn--s48{height:48px;min-width:48px;padding:0 20px;font-size:16px;border-radius:24px;letter-spacing:-.5px}
.btn--s56{height:56px;padding:0 32px;font-size:18px;border-radius:40px}
.btn--round32{width:32px;height:32px;min-width:32px;padding:0;border-radius:50%}
.btn--round48{width:48px;height:48px;min-width:48px;padding:0;border-radius:50%}
.btn--compact32{width:32px;height:32px;min-width:32px;padding:0;border-radius:24px}
.r-l{border-radius:20px}.r-xl{border-radius:24px;letter-spacing:-.528px}
.min160{min-width:160px}

/* ---------- Top banner ---------- */
.topbar{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:8px 56px;background:linear-gradient(90deg,#1d1d1d 0%,#2a1730 50%,#1d1d1d 100%);border-bottom:1px solid #222;color:#fff;font-size:14px;font-weight:600}
.topbar[hidden]{display:none}
.topbar__dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 0 #f1326b99;animation:pulse 1.7s infinite}
.topbar__close{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#fffc;background:none;border:0}
@keyframes pulse{0%{box-shadow:0 0 0 0 #f1326b99}70%{box-shadow:0 0 0 8px #f1326b00}100%{box-shadow:0 0 0 0 #f1326b00}}
@media (max-width:639px){.topbar{font-size:12px;justify-content:space-between;padding:8px 48px 8px 12px}}

/* ---------- Header ---------- */
.hdr{padding:0 var(--pad)}
.hdr__in{max-width:1280px;margin:0 auto;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:12px}
.hdr__logo{display:block;height:32px;flex:none}.hdr__logo img{height:100%;width:auto}
.hdr__nav{display:flex;align-items:center;gap:8px;min-width:0}
.hdr__live-dot{width:8px;height:8px;border-radius:50%;background:var(--success)}
.avatar-btn{position:relative;width:32px;height:32px;border-radius:50%;background:#0006;border:0;color:#fffc;display:flex;align-items:center;justify-content:center}
.avatar-btn::after{content:"";position:absolute;top:1px;right:1px;width:6px;height:6px;border-radius:50%;background:var(--danger)}
@media (max-width:1023px){.hdr__ref span,.hdr__blog{display:none}.hdr__ref{padding:0 8px}}
@media (max-width:639px){.hdr__logo{height:24px}.hdr__live span,.hdr__search{display:none}.hdr__live{padding:0 10px}}
@media (max-width:420px){.hdr__ref,.hdr__live{display:none}}

/* ---------- Side navigation ---------- */
.side{position:fixed;top:0;left:0;z-index:211;height:100svh;width:72px;background:#0f0f0f;border-right:1px solid #222;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:12px;color:#999;overflow:hidden auto;scrollbar-width:none;transition:width .2s}
.side::-webkit-scrollbar{display:none}
.side--open{width:240px;box-shadow:8px 0 40px #000a}
.side__item{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:48px;padding:12px;border-radius:8px;background:none;border:0;color:#999;font-size:14px;font-weight:600;white-space:nowrap}
.side__item:hover{color:#ccc;background:#1d1d1d}
.side__item.is-active{color:#fff;background:#1d1d1d}
.side__item .ico{width:24px;height:24px;min-width:24px}
.side__name{opacity:0;transition:opacity .15s}
.side--open .side__name{opacity:1}
.side__sep{height:1px;background:#222;margin:8px 0}
.side__create{width:100%;height:48px;border-radius:24px;padding:0 12px;justify-content:flex-start;gap:12px}
.side__create .ico{width:24px;height:24px}
.side__offer{display:none;margin-top:8px;border-radius:12px;padding:12px;background:linear-gradient(135deg,#cf7aff4d 0%,#1d1d1d 70%);border:.5px solid #cf7aff33;color:#fff;font-size:12px;line-height:1.4}
.side__offer b{display:block;font-family:var(--font-title);font-size:28px;font-weight:400;line-height:1;background:var(--purple-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.side--open .side__offer{display:block}
.side__bottom{margin-top:auto;display:flex;flex-direction:column;gap:4px}
.side__terms,.side__social{display:none}
.side--open .side__terms{display:block;padding:8px 12px;font-size:12px;color:#777}
.side--open .side__social{display:flex;gap:12px;padding:8px 12px}
.side__social a{color:#777}.side__social a:hover{color:#fff}
.side__social .ico{width:20px;height:20px}
.side-overlay{position:fixed;inset:0;z-index:210;background:#0009;display:none}
.side-overlay.is-on{display:block}
@media (max-width:639px){.side{display:none}}

/* ---------- Mobile tap bar ---------- */
.tapbar{display:none}
@media (max-width:639px){.tapbar{position:fixed;left:0;right:0;bottom:0;z-index:211;height:64px;padding:0 4px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:#111111e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid #222}
.tapbar a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#999;font-size:10px;font-weight:600}
.tapbar a.is-active{color:#fff}
.tapbar .ico{width:22px;height:22px}
.tapbar__create{width:44px;height:44px;margin:0 auto;border-radius:50%;background:var(--primary-gradient);color:#0f0f0f!important;justify-content:center}}

/* ---------- Layout ---------- */
.page{padding:0 var(--pad)}
.page__in{max-width:1280px;margin:0 auto}

/* ---------- Hero carousel (ez / ex) ---------- */
.ez{position:relative;height:320px;border-radius:12px;overflow:hidden}
.ez__scroll{display:flex;gap:12px;padding:0 0 40px;overflow:auto hidden;overscroll-behavior-x:none;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ez__scroll::-webkit-scrollbar{display:none}
.ez__item{width:400px;min-width:400px}
.ez__grad{pointer-events:none;position:absolute;top:0;bottom:0;z-index:1;width:104px;transition:opacity .2s}
.ez__grad--prev{left:0;background:linear-gradient(90deg,#0f0f0f 0%,#0f0f0f00 100%)}
.ez__grad--next{right:0;background:linear-gradient(270deg,#0f0f0f 0%,#0f0f0f00 100%)}
.ez__arrow{position:absolute;top:160px;transform:translateY(-50%);z-index:2;transition:opacity .2s}
.ez__arrow--prev{left:16px}.ez__arrow--next{right:16px}
.is-hidden{opacity:0!important;pointer-events:none!important}
.ex{position:relative;display:block;width:100%;height:320px;padding:24px 12px;border-radius:12px;background:#1d1c1c 50%/cover no-repeat;overflow:hidden}
.ex__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}
.ex__video--top{object-position:center 25%}
.ex__shadow{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#0009 100%)}
.ex__info{position:absolute;left:12px;bottom:24px;z-index:1;width:calc(100% - 24px);text-align:center}
.ex__title{color:#fff;font-family:var(--font-title);font-size:32px;font-weight:400;line-height:32px;text-transform:uppercase;text-align:center}
.ex__desc{color:#fff9;font-family:var(--font-title);font-size:32px;line-height:32px;text-transform:uppercase;margin:0 0 12px}
.spacer-s{margin-top:12px}
@media (min-width:1024px){
body[data-page="home"] .ez{width:calc(100% + 40px);margin-left:-20px}
body[data-page="home"] .ez__item{width:calc((100% - 24px)/3);min-width:calc((100% - 24px)/3)}
}
@media (max-width:639px){.ez{height:300px}.ez__item{width:300px;min-width:300px}.ex{height:300px}.ez__arrow{top:150px}.ez__grad{width:48px}}

/* ---------- Feature cards (ew / ev) ---------- */
.ew{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-s);padding:12px 0 0}
.ev{position:relative;display:flex;flex-direction:column;gap:6px;height:128px;padding:16px;border-radius:16px;color:#fff;overflow:hidden;transition:border-color .3s}
.ev--regular{background:linear-gradient(90deg,#1d1d1d 0%,#1d1d1d00 100%);border:.5px solid #ffffff1a}
.ev--regular:hover{border-color:#fff3}
.ev--primary{background-image:linear-gradient(90deg,#cf7aff4d 0%,#cf7aff00 100%),linear-gradient(156deg,#0f0f0f 0%,#1d1d1d99 60%,#0f0f0f 100%);border:.5px solid #cf7aff33}
.ev--primary:hover{border-color:#cf7aff4d}
.ev--regular::before{content:"";position:absolute;top:0;left:0;z-index:1;width:80%;height:100%;background:linear-gradient(90deg,#1d1d1d 0%,#1d1d1d00 100%)}
.ev__img{position:absolute;top:0;right:0;height:100%;width:auto;object-fit:cover;transition:transform .3s}
.ev__img--cut{opacity:0}
.ev__img--rounded{top:16px;right:16px;height:calc(100% - 32px);aspect-ratio:1;border:.5px solid #fff3;border-radius:12px}
.ev:hover .ev__img{transform:scale(1.05)}
.ev__content{position:relative;z-index:1}
.ev__title{font-family:var(--font-title);font-size:24px;font-weight:400;line-height:24px;text-transform:uppercase;color:#fff}
.ev__btn{position:absolute;left:16px;bottom:16px;z-index:1}
@media (max-width:1023px){.ev__title{font-size:20px}}
@media (max-width:639px){.ew{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.ev{width:100%;min-width:0;height:96px;justify-content:center;padding:12px 104px 12px 14px}.ev__content,.ev__title{min-width:0;max-width:100%}.ev__title{font-size:18px;line-height:20px;overflow-wrap:break-word}.ev__title .no-wrap{white-space:normal}.ev__img{max-width:112px}.ev__img--rounded{top:12px;right:12px;width:72px;height:72px}.ev__btn{display:none}}

/* ---------- Section headings ---------- */
.eY{display:flex;align-items:center;margin:24px 0 12px;color:#fff;font-size:20px;font-weight:600;line-height:25px;letter-spacing:-.34px}
.eY--big{margin:36px 0 0}
.eY a{color:inherit;display:flex;align-items:center;gap:4px}
.eY a .ico{color:#fffc}
@media (max-width:639px){.eY{margin:12px 0}.eY--big{margin:24px 0 0}}

/* ---------- Category tabs (eD) ---------- */
.tabs{position:sticky;top:0;z-index:7;height:48px;margin:0 calc(var(--pad) * -1);overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f0f0fb3}
.tabs::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#222;pointer-events:none}
.tabs__scroll{display:flex;height:84px;padding:0 var(--pad);overflow:auto hidden;overscroll-behavior-x:none;scroll-behavior:smooth;user-select:none;-webkit-overflow-scrolling:touch}
.tabs__item{position:relative;display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;color:#fff9;white-space:nowrap;font-size:14px;font-weight:500}
.tabs__item:hover,.tabs__item.is-active{color:#fff}
.tabs__item.is-active::after{content:"";position:absolute;left:0;bottom:0;z-index:1;width:100%;height:1px;background:#fff}
.flag{width:16px;height:11px;background:no-repeat center/contain}
.tabs__fade{position:absolute;top:0;bottom:0;z-index:1;width:64px;pointer-events:none;transition:opacity .2s}
.tabs__fade--prev{left:var(--pad);background:linear-gradient(90deg,#0f0f0f 0%,#0f0f0f00 100%)}
.tabs__fade--next{right:var(--pad);background:linear-gradient(270deg,#0f0f0f 0%,#0f0f0f00 100%)}
.tabs__arrow{position:absolute;top:24px;transform:translateY(-50%);z-index:2;transition:opacity .2s}
.tabs__arrow--prev{left:calc(var(--pad) + 8px)}.tabs__arrow--next{right:calc(var(--pad) + 8px)}
@media (max-width:639px){.tabs{height:40px}.tabs__item{height:40px}.tabs__arrow{display:none}}

/* ---------- Character grid (eB / ep) ---------- */
.eC{container-type:inline-size}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 0}
@container (min-width:600px){.grid{grid-template-columns:repeat(3,1fr)}}
@container (min-width:840px){.grid{grid-template-columns:repeat(4,1fr)}}
@container (min-width:1100px){.grid{grid-template-columns:repeat(5,1fr)}}
@container (min-width:1100px){.ch__title{font-size:20px}.ch__bio{font-size:15px;line-height:1.45}.ch__desc{padding:40px 14px 12px}}
.ch{position:relative;display:block;aspect-ratio:4/6;border-radius:12px;overflow:hidden;color:#fff;background:#1d1c1c}
.ch::before{content:"";position:absolute;inset:0;z-index:4;border:.5px solid #ffffff1a;border-radius:inherit;pointer-events:none}
.ch::after{content:"";position:absolute;top:0;right:0;z-index:4;width:80px;height:80px;border-top-right-radius:12px;background:radial-gradient(96.52% 96.52% at 100% -8.33%,#00000080 0%,#0000 100%);pointer-events:none}
.ch__cover{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;transition:transform .2s ease-in-out}
.ch:hover .ch__cover{transform:scale(1.1)}
.ch__head{position:absolute;top:0;left:0;z-index:6;width:100%;padding:4px;display:flex;justify-content:flex-end}
.ch__fav{background:none;border:0;color:#fff}
.ch__fav .ico{width:24px;height:24px}
.ch__fav.is-on{color:var(--danger)}.ch__fav.is-on .ico{fill:currentColor}
.ch__desc{position:absolute;left:0;bottom:0;z-index:2;width:100%;padding:40px 12px 12px;border-radius:0 0 12px 12px;background:linear-gradient(#0000 0%,#000c 100%)}
.ch__badges{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}
.badge-new{display:flex;align-items:center;height:24px;padding:0 8px;border-radius:12px;font-family:var(--font-title);font-size:18px;line-height:1;text-transform:uppercase;color:var(--purple);background:linear-gradient(0deg,#cf7aff33,#cf7aff33),#0006}
.ch__title{margin:0 0 6px;font-size:20px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch__bio{color:#fffc;font-size:16px;font-weight:400;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ch__foot{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.ch__count{display:flex;align-items:center;gap:4px;color:#fffc;font-size:14px;line-height:1.5}
.ch__icons{display:flex;gap:8px;margin:0;padding:0;list-style:none}
.ch__foot .ico{width:16px;height:16px}
.ch__excl{position:absolute;top:-1px;left:16px;z-index:4;display:flex;align-items:center;height:24px;padding:2px 8px 0;border-radius:0 0 8px 8px;background:var(--purple);color:#0f0f0f;font-family:var(--font-title);font-size:18px;text-transform:uppercase}
.ch__excl--live{top:8px;left:8px;padding:0 10px;border-radius:24px;background:var(--danger);color:#fff;font-size:15px;letter-spacing:.5px}
@container (max-width:599px){.ch__title{font-size:14px;margin-bottom:4px}.ch__bio{font-size:12px}.ch__count{font-size:10px;line-height:1.2}.ch__foot{margin-top:6px}.ch__foot .ico{width:12px;height:12px}.badge-new{height:18px;font-size:14px}.ch__excl{font-size:15px;height:20px}}
@media (max-width:639px){.eC,.grid,.ch,.adv{min-width:0;max-width:100%}.grid{width:100%;gap:8px}.ch__desc{padding-right:8px;padding-left:8px}.ch__icons{gap:4px}}
.adv{position:relative;aspect-ratio:4/6;border-radius:12px;overflow:hidden;cursor:pointer;background:#1d1c1c}
.adv__video{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.adv:hover .adv__video{transform:scale(1.1)}
.adv__shadow{position:absolute;left:0;bottom:0;width:100%;height:35%;background:linear-gradient(#0000 0%,#0000007a 49.52%,#000c 100%)}
.adv__title{position:absolute;left:0;bottom:90px;width:100%;padding:0 12px;color:#fff;text-align:center;font-size:20px;font-weight:600;line-height:25px;letter-spacing:-.34px;text-shadow:0 0 20px #0003}
.adv__btn{position:absolute;left:0;bottom:24px;width:100%;display:flex;justify-content:center}
@container (max-width:599px){.adv__title{font-size:14px;line-height:17.5px;bottom:72px}.adv__btn .btn{height:40px;min-width:0;font-size:14px}}
.more-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;margin:24px 0 12px;border:0;border-radius:24px;background:#222;color:#ccc;font-size:16px;font-weight:600;letter-spacing:-.528px}
.more-btn:hover{background:#2a2a2a;color:#fff}
.more-btn .ico{width:24px;height:24px}
.grid > .is-collapsed{display:none}

/* ---------- Video row (db / da) ---------- */
.db{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,1fr);gap:12px;overflow:auto hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.db::-webkit-scrollbar{display:none}
.da{display:block;min-width:0;color:inherit}
.da__media{position:relative;aspect-ratio:1.35625;border-radius:12px;overflow:hidden;background:#1d1c1c 50%/cover}
.da__img{width:100%;height:100%;object-fit:contain;transition:transform .3s}
.da__img--cover{object-fit:cover;object-position:center 30%}
.da:hover .da__img{transform:scale(1.05)}
.da__overlay{position:absolute;left:8px;right:8px;bottom:8px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.da__likes{display:flex;align-items:center;gap:4px;color:#fff;font-size:11px;font-weight:600;line-height:14px;text-shadow:0 0 8px #0009}
.da__badge{padding:2px 6px;border-radius:12px;background:#0009;color:#fff;font-size:11px;font-weight:600;line-height:14px}
.da__title{margin:8px 0 0;color:#fffc;font-size:14px;font-weight:500;line-height:17.5px;letter-spacing:-.084px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- SEO text (eX) ---------- */
.seo{width:100%;max-width:1280px;margin:0 auto;padding:40px 0}
.seo__section{position:relative}
.seo h2{position:sticky;top:48px;z-index:1;margin:14px 0;background:#0f0f0f66;color:#fff;font-family:var(--font-title);font-size:28px;font-weight:400;line-height:1.2;text-transform:uppercase}
.seo h3{margin:12px 0;color:#fff;font-family:var(--font-title);font-size:20px;font-weight:400;line-height:1;text-transform:uppercase}
.seo p{margin:0;padding:0 0 14px;color:#888;font-size:14px;font-weight:400;line-height:1.5}
.seo p strong{color:#aaa;font-weight:600}
.seo a{color:#ccc}
.seo ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0 0 14px;list-style:none}
.seo li{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #fff3;border-radius:8px;background:linear-gradient(100deg,#ffffff14 0%,#ffffff05 100%);color:#888;font-size:14px;font-weight:400;line-height:1.5}
@media (max-width:640px){.seo{padding:12px 0}.seo h2{top:40px;margin:12px 0;font-size:20px}.seo h3{font-size:18px}.seo p{padding:0 0 12px;font-size:12px}.seo ul{grid-template-columns:1fr;margin:0 0 12px}.seo li{font-size:12px}}

/* ---------- FAQ (e7) ---------- */
.faq{display:flex;flex-direction:column;gap:8px;padding:0 0 14px}
.faq__item{border-radius:12px;background:#1d1d1d;border:.5px solid #ffffff1a;overflow:hidden}
.faq__item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;cursor:pointer;color:#fff;font-size:16px;font-weight:600;line-height:1.3}
.faq__item summary::-webkit-details-marker{display:none}
.faq__chev{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ffffff1a;transition:transform .2s;flex:none}
.faq__item[open] .faq__chev{transform:rotate(180deg)}
.faq__item p{padding:0 16px 16px}
@media (max-width:640px){.faq__item summary{font-size:14px;padding:12px}.faq__item p{padding:0 12px 12px}}

/* ---------- Create CTA (fe) ---------- */
.cta{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:420px;margin:24px auto 0;padding:0 0 24px;text-align:center}
.cta__imgs{position:relative;width:260px;height:150px}
.cta__img{position:absolute;bottom:0;width:110px;height:140px;border-radius:12px;background:#1d1c1c center/cover;border:.5px solid #fff3}
.cta__img--l{left:0;transform:rotate(-10deg)}.cta__img--r{right:0;transform:rotate(10deg)}.cta__img--c{left:75px;z-index:1;height:150px}
.cta__glow{position:absolute;left:50%;top:60%;width:240px;height:120px;transform:translate(-50%,-50%);background:radial-gradient(#cf7aff55,#cf7aff00 70%);filter:blur(20px);z-index:-1}
.cta__title{font-size:16px;font-weight:600}
.cta__desc{color:#fff9;font-size:12px;font-weight:400;line-height:1.4}
.cta__arrow{width:60px;height:60px;color:#fff6}
.fab{position:sticky;bottom:24px;z-index:20;display:flex;justify-content:center;pointer-events:none;margin-top:24px}
.fab .btn{pointer-events:auto;box-shadow:0 0 40px 40px #0006}
.fab .ico{width:24px;height:24px}
@media (max-width:639px){.fab{bottom:76px}}

/* ---------- Footer ---------- */
.ftr{margin:40px 0 0;padding:24px 40px 20px;background:#161616;border-top:1px solid #222;color:#9b9a9a;font-size:12px}
.ftr__in{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;gap:32px}
.ftr__left{max-width:420px;display:flex;flex-direction:column;gap:8px}
.ftr__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.ftr__top img{height:32px;width:auto}
.ftr__lang{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;border:.5px solid #ffffff1a;background:#ffffff0d;color:#ccc;font-size:13px;font-weight:600}
.ftr__lang .ico{width:18px;height:18px}
.ftr__desc{line-height:1.5}
.ftr__left a{color:#9b9a9a}.ftr__left a:hover{color:#fff;text-decoration:underline}
.ftr__cols{display:flex;gap:40px}
.ftr__col{min-width:170px}
.ftr__title{color:#fff;font-size:13px;font-weight:600;margin-bottom:12px}
.ftr__col ul{margin:0;padding:0;list-style:none}
.ftr__col li{margin:8px 0;font-size:13px;line-height:18px}
.ftr__col a{color:#9b9a9a;white-space:nowrap;transition:color .3s}.ftr__col a:hover{color:#fff}
.ftr__social{display:flex;gap:16px;margin:0 0 12px}
.ftr__social .ico{width:20px;height:20px}
@media (max-width:920px){.ftr__in{flex-direction:column}.ftr__cols{flex-wrap:wrap;gap:24px}}
@media (max-width:639px){.ftr{padding:20px 12px 84px}}

/* ---------- 18+ age gate (появляется после load, fixed-слой — без сдвига вёрстки) ---------- */
.agegate{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f0f0fcc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transition:opacity .35s cubic-bezier(.22,1,.36,1)}
.agegate.is-on{opacity:1}
.agegate__card{width:100%;max-width:440px;padding:28px 24px 20px;border-radius:20px;background:#1d1d1d;border:.5px solid #cf7aff33;box-shadow:0 20px 60px #000a;text-align:center;color:#fff;transform:translateY(12px);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.agegate.is-on .agegate__card{transform:none}
.agegate__badge{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 14px;border-radius:50%;border:2px solid var(--danger);color:var(--danger);font-family:var(--font-title);font-stretch:62.5%;font-size:28px;font-weight:600;line-height:1}
.agegate__title{margin:0 0 8px;font-family:var(--font-title);font-stretch:62.5%;font-size:32px;font-weight:600;line-height:1;text-transform:uppercase}
.agegate__text{margin:0 0 18px;color:#fffc;font-size:14px;font-weight:400;line-height:1.5}
.agegate__btns{display:flex;flex-direction:column;gap:8px}
.agegate__btns .btn{width:100%}
.agegate__legal{margin:14px 0 0;color:#fff9;font-size:11px;line-height:1.45}
.agegate__legal a{color:#ccc;text-decoration:underline}
html.age-lock,html.age-lock body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.agegate,.agegate__card{transition:none}.agegate__card{transform:none}}

/* Узкий Archivo под геометрию Bebas Neue */
.ex__title,.ex__desc,.ev__title,.seo h2,.seo h3,.badge-new,.ch__excl,.side__offer b{font-stretch:62.5%;font-weight:600;letter-spacing:-.01em}
@media (max-width:639px){.agegate__card{padding:24px 16px 16px}.agegate__title{font-size:28px}.agegate__text{font-size:13px}}
