/*
 * Главная: блоки ниже «Популярного» в новом стиле — \MDA\HomeV2 (03.10.2026).
 * Токены — эталон app.mda-platform.top (см. ~/.claude/commands/mda/landing-style.md).
 * Файл подключается только на главной и только когда HomeV2 активен.
 * Без бесконечных анимаций: только переходы на hover/появление.
 */
:root{
  --mdah-bg:#0E0A14; --mdah-surface:#1C1429; --mdah-surface-2:#241A35;
  --mdah-line:rgba(226,205,255,.12); --mdah-line-strong:rgba(226,205,255,.24);
  --mdah-text:#F2EAF9; --mdah-muted:#A899BD; --mdah-dim:#6E6183;
  --mdah-accent:#9B4DFF; --mdah-accent-deep:#7A22E6; --mdah-accent-soft:rgba(155,77,255,.16); --mdah-magenta:#E845DA;
  --mdah-bronze:#C98A5E; --mdah-silver:#C9C6D6; --mdah-gold:#E8C060; --mdah-platinum:#D9C8FF;
  --mdah-green:#43E38F;
  --mdah-fd:"MH Unbounded","Unbounded",system-ui,sans-serif;
  --mdah-fb:"MH Onest","Onest",system-ui,sans-serif;
  --mdah-ease:cubic-bezier(.16,1,.3,1);
}

/* ================= общие: заголовки блоков, пилюля-ссылка ================= */
.mdah-sec{font-family:var(--mdah-fb);color:var(--mdah-text)}
.mdah-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:0 0 22px}
html body .mdah-h2,
html body .drag-block.BLOG .top_block .top_block_title,
html body .drag-block.MAPS .top_block .top_block_title,
html body .mda-reviews-section .mda-reviews-title{
  font-family:var(--mdah-fd)!important;font-weight:900!important;font-size:clamp(1.6rem,3vw,2.4rem)!important;
  letter-spacing:-.045em!important;line-height:1!important;color:var(--mdah-text)!important;margin:0!important;text-transform:none!important;text-wrap:balance}
html body .mda-reviews-section .mda-reviews-title{margin-bottom:22px!important}
html body a.mdah-pill,
html body .drag-block.BLOG .top_block > a.pull-right,
html body .drag-block.MAPS .top_block > a.pull-right{
  display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;
  border:1px solid var(--mdah-line-strong);color:var(--mdah-text)!important;background:transparent;
  font:500 .9rem/1 var(--mdah-fb)!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;
  transition:border-color .2s,background .2s,transform .3s var(--mdah-ease)}
html body a.mdah-pill:hover,
html body .drag-block.BLOG .top_block > a.pull-right:hover,
html body .drag-block.MAPS .top_block > a.pull-right:hover{border-color:var(--mdah-accent);background:var(--mdah-accent-soft);color:var(--mdah-text)!important}
.mdah-pill svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--mdah-ease)}
.mdah-pill:hover svg{transform:translateX(3px)}
html body .drag-block.BLOG .top_block > a.pull-right::after,
html body .drag-block.MAPS .top_block > a.pull-right::after{content:"→";font-size:1rem;line-height:1}
html body .drag-block.BLOG .top_block,
html body .drag-block.MAPS .top_block{display:flex;align-items:flex-end;gap:12px 20px;flex-wrap:wrap;margin-bottom:22px}
html body .drag-block.BLOG .top_block > a.pull-right,
html body .drag-block.MAPS .top_block > a.pull-right{margin-left:auto;float:none}
html body .drag-block.BLOG .top_block .subscribe{float:none;order:0}

/* ================= истории ================= */
html body .wrapper1 .drag-block.STORIES .front_stories{padding-top:14px!important;padding-bottom:6px!important}
/* у Aspro над лентой место под заголовок (его нет), под ней — под стрелки: убираем пустоту */
html body .wrapper1 .drag-block.STORIES .front_stories > .maxwidth-theme{padding-top:8px!important}
html body .wrapper1 .drag-block.STORIES .tab_slider_wrapp.stories{padding-bottom:4px!important}
@media (min-width:992px){
  /* все истории помещаются — ленту по центру (owl задаёт дорожке точную ширину) */
  html body .wrapper1 .drag-block.STORIES .owl-stage{margin-left:auto!important;margin-right:auto!important}
}
html body .wrapper1 .drag-block.STORIES .front_stories .item{padding:6px 0!important;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent}
html body .wrapper1 .drag-block.STORIES .front_stories .item .img{
  width:92px!important;height:92px!important;margin:0 auto!important;padding:3px!important;border:0!important;border-radius:50%!important;
  background:conic-gradient(from 210deg,var(--mdah-accent),var(--mdah-magenta),#FFB86B,var(--mdah-accent))!important;
  background-clip:border-box!important;box-shadow:none!important;
  transition:transform .35s var(--mdah-ease),filter .3s!important}
html body .wrapper1 .drag-block.STORIES .front_stories .item .img{position:relative!important}
html body .wrapper1 .drag-block.STORIES .front_stories .item .img > span{
  display:block!important;position:absolute!important;inset:3px!important;width:auto!important;height:auto!important;border-radius:50%!important;
  border:3px solid #120c1c!important;background-color:#1C1429!important;background-size:cover!important;background-position:center!important;box-sizing:border-box!important}
html body .wrapper1 .drag-block.STORIES .front_stories .item:hover .img{transform:scale(1.05)!important;box-shadow:0 10px 28px rgba(155,77,255,.35)!important}
html body .wrapper1 .drag-block.STORIES .front_stories .item.mdah-seen .img{background:var(--mdah-line-strong)!important}
html body .wrapper1 .drag-block.STORIES .front_stories .item.mdah-seen .name{color:var(--mdah-muted)!important}
html body .wrapper1 .drag-block.STORIES .front_stories .item .name{
  margin:10px auto 0!important;max-width:112px;color:var(--mdah-text)!important;font:500 .8rem/1.3 var(--mdah-fb)!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;text-wrap:balance}
@media (max-width:600px){
  html body .wrapper1 .drag-block.STORIES .front_stories .item{width:80px}
  html body .wrapper1 .drag-block.STORIES .front_stories .item .img{width:72px!important;height:72px!important;padding:2.5px!important}
  html body .wrapper1 .drag-block.STORIES .front_stories .item .img > span{border-width:2.5px!important;inset:2.5px!important}
  html body .wrapper1 .drag-block.STORIES .front_stories .item .name{font-size:.74rem!important;max-width:84px}
}
/* окно просмотра историй (Aspro stories-popup) — скругления и тёмная подложка */
html body .stories-popup--visible{background:rgba(8,5,12,.86)!important}

/* ================= популярные категории ================= */
.drag-block.MDAH_CATS + .drag-block.CATALOG_SECTIONS{display:none!important}
.drag-block.MDAH_CATS{padding:clamp(28px,4vw,48px) 0 8px}
.mdah-cats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.mdah-cat{position:relative;display:flex;flex-direction:column;min-height:300px;padding:20px;border-radius:24px;overflow:hidden;
  background:var(--mdah-surface);border:1px solid var(--mdah-line);isolation:isolate;
  transition:transform .4s var(--mdah-ease),border-color .25s}
.mdah-cat:hover{transform:translateY(-4px);border-color:var(--mdah-line-strong)}
.mdah-cat__cover{position:absolute;inset:0;z-index:3}
.mdah-cat__media{position:relative;height:150px;display:grid;place-items:center;margin:-4px -4px 14px}
.mdah-cat__media::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;z-index:-1;
  background:radial-gradient(closest-side,rgba(155,77,255,.42),rgba(155,77,255,.12) 60%,transparent);transition:transform .5s var(--mdah-ease)}
.mdah-cat:nth-child(5n+2) .mdah-cat__media::before{background:radial-gradient(closest-side,rgba(232,69,218,.36),rgba(232,69,218,.1) 60%,transparent)}
.mdah-cat:nth-child(5n+4) .mdah-cat__media::before{background:radial-gradient(closest-side,rgba(122,34,230,.5),rgba(122,34,230,.12) 60%,transparent)}
.mdah-cat:hover .mdah-cat__media::before{transform:scale(1.15)}
.mdah-cat__media img{max-width:130px;max-height:130px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.45));transition:transform .5s var(--mdah-ease)}
.mdah-cat:hover .mdah-cat__media img{transform:translateY(-4px) scale(1.04)}
.mdah-cat__glyph{font:900 4rem/1 var(--mdah-fd);color:var(--mdah-accent)}
.mdah-cat__body{display:flex;flex-direction:column;gap:8px;flex:1}
.mdah-cat__n{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:var(--mdah-muted);font-weight:500}
.mdah-cat__n i{width:7px;height:7px;border-radius:50%;background:var(--mdah-green);box-shadow:0 0 0 3px rgba(67,227,143,.18)}
.mdah-cat__n--gift{color:var(--mdah-gold)}
html body .mdah-cat__t{margin:0!important;font:700 1.15rem/1.15 var(--mdah-fd)!important;letter-spacing:-.03em!important;text-transform:none!important}
html body .mdah-cat__t a{color:var(--mdah-text)!important;text-decoration:none!important}
.mdah-cat__chips{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 0!important;padding:10px 0 0!important;list-style:none!important;position:relative;z-index:4}
html body .mdah-cat__chips li{margin:0!important;padding:0!important;background:none!important}
html body .mdah-cat__chips li::before{content:none!important;display:none!important}
html body a.mdah-chip{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--mdah-line);
  background:rgba(255,255,255,.03);color:var(--mdah-muted)!important;font:500 .76rem/1 var(--mdah-fb);white-space:nowrap;text-decoration:none!important;
  transition:border-color .2s,color .2s,background .2s}
html body a.mdah-chip:hover{border-color:var(--mdah-accent);color:var(--mdah-text)!important;background:var(--mdah-accent-soft)}
.mdah-cat__go{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--mdah-line-strong);color:var(--mdah-text);transition:background .25s,border-color .25s,transform .35s var(--mdah-ease)}
.mdah-cat__go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mdah-cat:hover .mdah-cat__go{background:var(--mdah-accent);border-color:var(--mdah-accent);transform:rotate(-45deg)}
@media (max-width:600px){
  .mdah-cats__grid{grid-template-columns:1fr;gap:10px}
  .mdah-cat{flex-direction:row;align-items:center;min-height:0;padding:14px 52px 14px 14px;gap:14px;border-radius:20px}
  .mdah-cat__media{flex:0 0 76px;height:76px;margin:0}
  .mdah-cat__media::before{width:92px;height:92px}
  .mdah-cat__media img{max-width:66px;max-height:66px}
  .mdah-cat__body{gap:5px;min-width:0}
  html body .mdah-cat__t{font-size:1rem!important}
  .mdah-cat__chips{padding-top:4px!important;flex-wrap:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .mdah-cat__go{top:50%;right:12px;width:32px;height:32px;margin-top:-16px}
  .mdah-head{margin-bottom:16px}
  html body .mdah-h2,
  html body .drag-block.BLOG .top_block .top_block_title,
html body .drag-block.MAPS .top_block .top_block_title,
  html body .mda-reviews-section .mda-reviews-title{font-size:1.55rem!important}
  html body a.mdah-pill{height:36px;padding:0 14px;font-size:.84rem!important}
}

/* ================= программа лояльности ================= */
.mdah-loyal-wrap + .mda-loyalty-wrap{display:none!important}
.mdah-loyal-wrap{padding-block:clamp(36px,6vw,72px) clamp(8px,2vw,16px)}
.mdah-loyal{position:relative;overflow:hidden;isolation:isolate;border-radius:32px;border:1px solid var(--mdah-line);
  background:var(--mdah-bg);padding:clamp(24px,4.4vw,56px);font-family:var(--mdah-fb);color:var(--mdah-text)}
.mdah-loyal__glow{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(48% 70% at 88% 18%,rgba(122,34,230,.42),transparent 70%),
             radial-gradient(36% 55% at 8% 100%,rgba(232,69,218,.16),transparent 70%)}
.mdah-loyal__top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(20px,4vw,56px);align-items:center}
.mdah-kicker{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mdah-dim);font-weight:600}
.mdah-kicker::before{content:"";width:28px;height:1px;background:var(--mdah-accent)}
html body .mdah-loyal__h{margin:16px 0 14px!important;font:900 clamp(2rem,4.4vw,3.6rem)/1 var(--mdah-fd)!important;letter-spacing:-.05em!important;
  color:var(--mdah-text)!important;text-transform:none!important;text-wrap:balance}
.mdah-loyal__h em{font-style:normal;color:var(--mdah-accent)}
.mdah-loyal__lead{margin:0;max-width:34em;color:var(--mdah-muted);font-size:clamp(.98rem,1.25vw,1.1rem);line-height:1.55}
.mdah-loyal__lead b{color:var(--mdah-text);font-weight:600}
.mdah-loyal__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
html body a.mdah-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 24px;border-radius:16px;
  font:600 1rem/1 var(--mdah-fb)!important;text-decoration:none!important;white-space:nowrap;transition:transform .3s var(--mdah-ease),background .2s,border-color .2s}
html body a.mdah-btn:hover{transform:translateY(-2px)}
html body a.mdah-btn--primary{background:var(--mdah-accent);color:#fff!important;box-shadow:0 14px 40px rgba(155,77,255,.35)}
html body a.mdah-btn--primary:hover{background:#A862FF;color:#fff!important}
html body a.mdah-btn--ghost{border:1px solid var(--mdah-line-strong);color:var(--mdah-text)!important}
html body a.mdah-btn--ghost:hover{border-color:var(--mdah-accent);color:var(--mdah-text)!important}
.mdah-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mdah-loyal__facts{position:relative;display:grid;gap:12px;align-content:center;min-height:260px;padding-right:clamp(0px,9vw,150px)}
.mdah-fact{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:20px;background:var(--mdah-surface);border:1px solid var(--mdah-line-strong);
  box-shadow:0 20px 50px rgba(0,0,0,.35);max-width:280px}
.mdah-fact b{font:700 clamp(1.5rem,2.4vw,2rem)/1 var(--mdah-fd);letter-spacing:-.04em;color:var(--mdah-accent);font-variant-numeric:tabular-nums}
.mdah-fact:nth-child(2){margin-left:clamp(0px,4vw,48px)}
.mdah-fact:nth-child(2) b{color:var(--mdah-text)}
.mdah-fact span{font-size:.86rem;color:var(--mdah-muted);line-height:1.35}
.mdah-loyal__jelly{position:absolute;right:0;top:50%;width:clamp(120px,14vw,190px);height:auto;transform:translateY(-50%) rotate(6deg);z-index:0;
  filter:drop-shadow(0 26px 40px rgba(122,34,230,.45))}
.mdah-ladder{list-style:none!important;margin:clamp(24px,4vw,44px) 0 0!important;padding:0!important;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:none}
html body .mdah-ladder li{margin:0!important;padding:18px 18px 16px!important;background:var(--mdah-surface)!important}
html body .mdah-ladder li::before{content:none!important;display:none!important}
.mdah-tier{position:relative;display:flex;flex-direction:column;gap:4px;border-radius:20px;border:1px solid var(--mdah-line);
  --c:var(--mdah-bronze);transition:transform .35s var(--mdah-ease),border-color .25s}
.mdah-tier:hover{transform:translateY(-3px);border-color:var(--mdah-line-strong)}
.mdah-tier--silver{--c:var(--mdah-silver)}
.mdah-tier--gold{--c:var(--mdah-gold)}
.mdah-tier--platinum{--c:var(--mdah-platinum)}
.mdah-tier::after{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:0 0 2px 2px;background:var(--c);opacity:.8}
.mdah-tier__pct{font:900 clamp(2rem,3.4vw,2.8rem)/1 var(--mdah-fd);letter-spacing:-.05em;color:var(--c);font-variant-numeric:tabular-nums}
.mdah-tier__pct small{font-size:.5em;margin-left:2px;letter-spacing:0}
.mdah-tier__name{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-weight:600;color:var(--mdah-text)}
.mdah-tier__name i{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}
.mdah-tier__cond{font-size:.86rem;color:var(--mdah-muted)}
.mdah-tier__pay{font-size:.74rem;color:var(--mdah-dim);margin-top:4px}
.mdah-tier.is-mine{border-color:var(--c);box-shadow:0 0 0 1px var(--c) inset}
.mdah-tier__me{position:absolute;top:14px;right:14px;padding:3px 8px;border-radius:999px;background:var(--c);color:#0E0A14;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
@media (max-width:900px){
  .mdah-loyal__top{grid-template-columns:1fr}
  .mdah-loyal__facts{min-height:0;grid-template-columns:1fr 1fr;padding-right:0}
  .mdah-fact{max-width:none}
  .mdah-fact:nth-child(2){margin-left:0}
  .mdah-loyal__jelly{display:none}
  .mdah-ladder{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .mdah-loyal{border-radius:24px;padding:22px 16px}
  .mdah-loyal__cta .mdah-btn{flex:1 1 100%}
  .mdah-loyal__facts{gap:10px}
  .mdah-fact{padding:14px}
  .mdah-ladder{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:0 0 4px!important;
    scrollbar-width:none;overscroll-behavior-x:contain}
  .mdah-ladder::-webkit-scrollbar{display:none}
  .mdah-tier{flex:0 0 62%;scroll-snap-align:start}
}

/* ================= отзывы (рамка вокруг iframe RocketData) ================= */
html body .mda-reviews-section{padding-block:clamp(24px,4vw,48px) clamp(32px,5vw,64px)!important}

/* сенсорные экраны: hover «залипает» после тапа — гасим его */
@media (hover:none){
  .mdah-cat:hover,.mdah-tier:hover{transform:none;border-color:var(--mdah-line)}
  .mdah-cat:hover .mdah-cat__go{background:transparent;border-color:var(--mdah-line-strong);transform:none}
  .mdah-cat:hover .mdah-cat__media img,.mdah-cat:hover .mdah-cat__media::before{transform:none}
  html body a.mdah-chip:hover{border-color:var(--mdah-line);color:var(--mdah-muted)!important;background:rgba(255,255,255,.03)}
  html body a.mdah-btn:hover{transform:none}
  html body .wrapper1 .drag-block.STORIES .front_stories .item:hover .img{transform:none!important;box-shadow:none!important}
}
@media (prefers-reduced-motion:reduce){
  .mdah-cat,.mdah-cat *,.mdah-tier,html body a.mdah-btn,html body .wrapper1 .drag-block.STORIES .front_stories .item .img{transition:none!important}
}