/*
 * Общие куски редизайна на всех страницах — \MDA\CommonV2 (03.10.2026), под html.mda-cv2.
 *  1) «Ранее вы смотрели»: лента карточек (класс cv2-rail ставит common-v2.js после разборки owl);
 *  2) «Поделиться» в шапке страницы: круглая кнопка без выпадающего столбика соцсетей.
 * Токены — эталон app.mda-platform.top.
 */
html.mda-cv2{
  --cv-surface:#1C1429; --cv-surface-2:#241A35;
  --cv-line:rgba(226,205,255,.12); --cv-line-strong:rgba(226,205,255,.24);
  --cv-text:#F2EAF9; --cv-muted:#A899BD; --cv-dim:#6E6183;
  --cv-accent:#9B4DFF; --cv-accent-soft:rgba(155,77,255,.16);
  --cv-fd:"MC Unbounded","Unbounded",system-ui,sans-serif;
  --cv-fb:"MC Onest","Onest",system-ui,sans-serif;
  --cv-ease:cubic-bezier(.16,1,.3,1);
  /* медуза-заглушка: купол, один глаз, ровно три острых щупальца */
  --cv-jelly:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M12 34C12 19 21 10 32 10s20 9 20 24z' fill='%23B9A6D6'/%3E%3Ccircle cx='32' cy='25' r='4.2' fill='%23F7F3FB'/%3E%3Cpath d='M17 34l4.5 20L26 34zM28 34l4 24 4-24zM38 34l4.5 20L47 34z' fill='%23B9A6D6' opacity='.75'/%3E%3C/svg%3E");
}

/* ========================================================== «Ранее вы смотрели» */
html.mda-cv2 .viewed_product_block .viewed-wrapper{position:relative;padding-top:clamp(36px,5vw,64px)!important;padding-bottom:clamp(28px,4vw,48px)!important}
html.mda-cv2 .viewed_product_block .viewed-wrapper > h3{
  margin:0 0 18px!important;padding-right:110px;text-align:left!important;
  font-family:var(--cv-fd)!important;font-weight:900!important;letter-spacing:-.04em!important;line-height:1.05!important;
  font-size:clamp(1.35rem,2.4vw,2rem)!important;color:var(--cv-text)!important;text-transform:none!important;
}
html.mda-cv2 .cv2-rail{
  display:grid!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*16px)/6);gap:16px;
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;
  padding:6px 0 10px!important;margin:-6px 0 0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
html.mda-cv2 .cv2-rail::-webkit-scrollbar{display:none}
@media (max-width:1199px){html.mda-cv2 .cv2-rail{grid-auto-columns:calc((100% - 3*16px)/4)}}
@media (max-width:767px){html.mda-cv2 .cv2-rail{grid-auto-columns:42%;gap:12px}}
html.mda-cv2 .cv2-rail > .block-item{
  scroll-snap-align:start;margin:0!important;width:auto!important;min-width:0;border:0!important;border-radius:20px!important;
  box-shadow:none!important;background:none!important;
}
html.mda-cv2 .cv2-rail .item_wrap{
  height:100%;padding:0!important;border-radius:20px!important;overflow:hidden;background:var(--cv-surface)!important;
  border:1px solid var(--cv-line)!important;transition:border-color .2s;
}
@media (hover:hover){html.mda-cv2 .cv2-rail .item_wrap:hover{border-color:rgba(155,77,255,.55)!important}}
html.mda-cv2 .cv2-rail .block-item__inner{display:flex!important;flex-direction:column!important;height:100%;align-items:stretch!important}
html.mda-cv2 .cv2-rail .block-item__image{
  position:relative;flex:none;width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:1;margin:0!important;
  background:radial-gradient(85% 85% at 50% 38%,#FFFFFF 0%,#F1EAF9 58%,#E4D8F4 100%)!important;
}
html.mda-cv2 .cv2-rail .block-item__image a.thumb{position:absolute;inset:14px;display:flex!important;align-items:center;justify-content:center;width:auto!important;height:auto!important}
html.mda-cv2 .cv2-rail .block-item__image img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain;mix-blend-mode:multiply}
html.mda-cv2 .cv2-rail .block-item__image img[src*="noimage"]{opacity:0!important}
html.mda-cv2 .cv2-rail .block-item__image:has(img[src*="noimage"])::after{
  content:"";position:absolute;inset:26%;background:var(--cv-jelly) center/contain no-repeat;pointer-events:none;
}
html.mda-cv2 .cv2-rail .block-item__info{padding:12px 14px 14px!important;margin:0!important;display:flex;flex-direction:column;gap:6px;flex:1;text-align:left!important}
html.mda-cv2 .cv2-rail .block-item__title a,
html.mda-cv2 .cv2-rail .block-item__title span{
  font-family:var(--cv-fb)!important;font-size:.86rem!important;font-weight:500!important;line-height:1.35!important;color:var(--cv-text)!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none!important;
}
html.mda-cv2 .cv2-rail .block-item__cost{margin-top:auto!important;padding:0!important}
html.mda-cv2 .cv2-rail .block-item__cost .price{
  font-family:var(--cv-fd)!important;font-weight:700!important;font-size:.98rem!important;letter-spacing:-.02em;
  color:var(--cv-text)!important;-webkit-text-fill-color:var(--cv-text)!important;background:none!important;
}
html.mda-cv2 .cv2-rail-nav{position:absolute;right:0;top:clamp(30px,4.6vw,58px);display:flex;gap:8px}
html.mda-cv2 .cv2-rail-nav button{
  width:44px;height:44px;border-radius:50%;border:1px solid var(--cv-line-strong);background:transparent;color:var(--cv-text);
  display:grid;place-items:center;cursor:pointer;padding:0;transition:border-color .2s,background .2s,opacity .2s;
}
html.mda-cv2 .cv2-rail-nav button:disabled{opacity:.35;cursor:default}
@media (hover:hover){html.mda-cv2 .cv2-rail-nav button:not(:disabled):hover{border-color:var(--cv-accent);background:var(--cv-accent-soft)}}
html.mda-cv2 .cv2-rail-nav button:focus-visible,html.mda-cv2 .cv2-rail-dots button:focus-visible,html.mda-cv2 .cv2-rail a:focus-visible{outline:2px solid #C9A6FF;outline-offset:3px}
html.mda-cv2 .cv2-rail-nav svg{width:18px;height:18px}
html.mda-cv2 .cv2-rail-dots{display:flex;justify-content:center;gap:6px;margin-top:14px}
html.mda-cv2 .cv2-rail-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(226,205,255,.28);cursor:pointer;transition:width .3s var(--cv-ease),background .2s}
html.mda-cv2 .cv2-rail-dots button.is-active{width:22px;background:var(--cv-accent)}
html.mda-cv2 .cv2-rail-dots:has(button:only-child){display:none}
@media (max-width:767px){html.mda-cv2 .cv2-rail-nav{display:none}html.mda-cv2 .viewed_product_block .viewed-wrapper > h3{padding-right:0}}

/* ========================================================== «Поделиться» в шапке страницы */
html.mda-cv2 .page-top .share.top{
  width:44px;height:44px;margin:0 0 0 16px!important;border-radius:50%;cursor:pointer;
  border:1px solid var(--cv-line-strong);display:grid;place-items:center;transition:border-color .2s,background .2s;
}
@media (hover:hover){html.mda-cv2 .page-top .share.top:hover{border-color:var(--cv-accent);background:var(--cv-accent-soft)}}
html.mda-cv2 .page-top .share.top:focus-visible{outline:2px solid #C9A6FF;outline-offset:3px}
html.mda-cv2 .page-top .share.top .shares-block{background:none!important;padding:0!important;line-height:0}
/* столбик соцсетей Aspro не показываем — кнопка делится сама */
html.mda-cv2 .page-top .share .ya-share2,
html.mda-cv2 .page-top .share .hover-block__item-wrapper,
html.mda-cv2 .page-top .share .ya-share2__container{display:none!important}

/* тост */
html.mda-cv2 .cv2-toast{
  position:fixed;left:50%;top:calc(16px + env(safe-area-inset-top));z-index:10050;transform:translate(-50%,-12px);opacity:0;pointer-events:none;
  padding:12px 18px;border-radius:14px;background:rgba(36,26,53,.96);border:1px solid var(--cv-line-strong);color:var(--cv-text);
  font:500 .92rem/1.2 var(--cv-fb);box-shadow:0 18px 40px -14px rgba(0,0,0,.7);transition:opacity .25s,transform .35s var(--cv-ease);
}
html.mda-cv2 .cv2-toast.is-show{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){html.mda-cv2 .cv2-rail-dots button,html.mda-cv2 .cv2-toast{transition:none}}