/* MAMILI 2026-11-05: виджет мессенджеров + блок в карточке товара */
:root{--mmc-pink:#e0707a;--mmc-pink2:#ec8f97;--mmc-ink:#2b2b2b;--mmc-muted:#7d7d85;--mmc-wa:#25d366;--mmc-tg:#2aabee;--mmc-max1:#4d6bff;--mmc-max2:#a033ff}
.mmc,.mmc *,.mmc-pc,.mmc-pc *{box-sizing:border-box}
.mmc{--mmc-b:0px;position:fixed;right:24px;bottom:calc(24px + var(--mmc-b));transition:bottom .25s ease;z-index:3000;font-family:"Golos Text",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.mmc svg{display:block}

/* главная кнопка */
.mmc-fab{position:relative;width:62px;height:62px;border:0;border-radius:50%;cursor:pointer;padding:0;color:#fff;
  background:linear-gradient(135deg,var(--mmc-pink2),var(--mmc-pink));box-shadow:0 10px 26px rgba(224,112,122,.45);
  transition:transform .25s ease,box-shadow .25s ease;outline:none;-webkit-tap-highlight-color:transparent}
.mmc-fab:hover{transform:scale(1.06);box-shadow:0 14px 32px rgba(224,112,122,.55)}
.mmc-fab:focus-visible{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--mmc-pink)}
.mmc-fab:before,.mmc-fab:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--mmc-pink);animation:mmc-ring 2.6s ease-out infinite;pointer-events:none}
.mmc-fab:after{animation-delay:1.3s}
.mmc.is-open .mmc-fab:before,.mmc.is-open .mmc-fab:after{animation:none;opacity:0}
@keyframes mmc-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
.mmc-fab__icons{position:absolute;inset:0}
.mmc-fab__i{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;opacity:0;transform:scale(.4) rotate(-30deg);transition:opacity .35s,transform .35s}
.mmc-fab__i.is-on{opacity:1;transform:none}
.mmc-fab__close{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;opacity:0;transform:rotate(-90deg) scale(.5);transition:opacity .3s,transform .3s}
.mmc.is-open .mmc-fab__i{opacity:0!important;transform:scale(.4)!important}
.mmc.is-open .mmc-fab__close{opacity:1;transform:none}
.mmc-fab__dot{position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#3ccf6e;border:2px solid #fff}
.mmc.is-open .mmc-fab__dot{display:none}

/* всплывающая подсказка */
.mmc-tease{position:absolute;right:76px;bottom:8px;width:max-content;max-width:250px;background:#fff;color:var(--mmc-ink);border-radius:16px 16px 4px 16px;
  padding:12px 34px 12px 14px;font-size:14px;line-height:1.35;box-shadow:0 10px 30px rgba(0,0,0,.14);cursor:pointer;
  opacity:0;transform:translateY(8px) scale(.96);transform-origin:right bottom;pointer-events:none;transition:opacity .3s,transform .3s}
.mmc-tease.is-on{opacity:1;transform:none;pointer-events:auto}
.mmc-tease b{display:block;font-weight:600;margin-bottom:2px}
.mmc-tease__x{position:absolute;top:6px;right:6px;width:22px;height:22px;border:0;background:none;color:#aaa;font-size:18px;line-height:22px;cursor:pointer;padding:0}
.mmc-tease__x:hover{color:var(--mmc-ink)}

/* панель */
.mmc-panel{position:absolute;right:0;bottom:78px;width:330px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.18);
  opacity:0;visibility:hidden;transform:translateY(14px) scale(.97);transform-origin:right bottom;transition:opacity .25s,transform .25s,visibility 0s .25s}
.mmc.is-open .mmc-panel{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s}
.mmc-head{position:relative;padding:20px 20px 18px;color:#fff;background:linear-gradient(135deg,var(--mmc-pink2),var(--mmc-pink))}
.mmc-head__t{font-size:18px;font-weight:600;line-height:1.25;margin:0 0 4px}
.mmc-head__s{font-size:13px;opacity:.92;display:flex;align-items:center;gap:7px}
.mmc-head__s:before{content:"";width:8px;height:8px;border-radius:50%;background:#7dffa6;box-shadow:0 0 0 3px rgba(125,255,166,.3)}
.mmc-head__x{position:absolute;top:12px;right:12px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;font-size:20px;line-height:30px;padding:0}
.mmc-head__x:hover{background:rgba(255,255,255,.3)}
.mmc-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px}
.mmc-lbl{font-size:12px;color:var(--mmc-muted);margin:2px 6px 2px}
.mmc-a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;text-decoration:none!important;color:var(--mmc-ink)!important;
  background:#f6f6f8;transition:background .2s,transform .2s}
.mmc-a:hover{background:#efeff3;transform:translateX(-2px)}
.mmc-a__ic{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}
.mmc-a__ic svg{width:24px;height:24px}
.mmc-a__tx{flex:1;min-width:0;line-height:1.25}
.mmc-a__n{display:block;font-size:15px;font-weight:600}
.mmc-a__d{display:block;font-size:12.5px;color:var(--mmc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mmc-a__go{flex:0 0 auto;color:#c4c4cc;transition:color .2s,transform .2s}
.mmc-a:hover .mmc-a__go{color:var(--mmc-pink);transform:translateX(2px)}
.mmc-wa{background:var(--mmc-wa)}
.mmc-tg{background:var(--mmc-tg)}
.mmc-max{background:linear-gradient(135deg,var(--mmc-max1),var(--mmc-max2))}
.mmc-ph{background:var(--mmc-pink)}
.mmc-foot{padding:0 18px 14px;font-size:11.5px;color:#a0a0a8;text-align:center}

/* кнопка «наверх» Аспро — поднимаем над виджетом */
.scroll-to-top{bottom:100px!important;right:31px!important}

@media (max-width:600px){
  .mmc{right:14px;bottom:calc(14px + var(--mmc-b))}
  .mmc-fab{width:56px;height:56px}
  .mmc-panel{position:fixed;left:10px;right:10px;bottom:calc(82px + var(--mmc-b));width:auto;max-height:calc(100vh - 100px - var(--mmc-b));overflow-y:auto}
  .mmc-tease{right:68px;max-width:210px;font-size:13px}
  .scroll-to-top{bottom:86px!important;right:22px!important}
}
@media (prefers-reduced-motion:reduce){.mmc-fab:before,.mmc-fab:after{animation:none}.mmc *{transition:none!important}}
@media print{.mmc,.mmc-pc{display:none!important}}

/* ===== блок в карточке товара ===== */
.mmc-pc{position:relative;margin:4px 0 0;padding:18px 18px 16px;border-radius:16px;font-family:"Golos Text",Arial,sans-serif;
  background:linear-gradient(135deg,#fff5f6 0%,#fdeef0 100%);border:1px solid #f6d9dc;overflow:hidden}
.mmc-pc:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(224,112,122,.08);pointer-events:none}
.mmc-pc__top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.mmc-pc__ava{position:relative;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--mmc-pink2),var(--mmc-pink));
  display:flex;align-items:center;justify-content:center;color:#fff}
.mmc-pc__ava svg{width:22px;height:22px}
.mmc-pc__ava:after{content:"";position:absolute;right:0;bottom:1px;width:11px;height:11px;border-radius:50%;background:#3ccf6e;border:2px solid #fff}
.mmc-pc__t{font-size:16px;font-weight:600;color:var(--mmc-ink);line-height:1.25;margin:0}
.mmc-pc__s{font-size:13px;color:var(--mmc-muted);line-height:1.35;margin-top:2px}
.mmc-pc__btns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative;z-index:1}
.mmc-pc__b{display:flex;align-items:center;justify-content:center;gap:7px;height:44px;border-radius:12px;color:#fff!important;text-decoration:none!important;
  font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s}
.mmc-pc__b svg{width:20px;height:20px;flex:0 0 20px}
.mmc-pc__b:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 8px 18px rgba(0,0,0,.14)}
.mmc-pc__note{margin-top:10px;font-size:12px;color:var(--mmc-muted);display:flex;align-items:center;gap:6px;position:relative;z-index:1}
.mmc-pc__note svg{width:14px;height:14px;color:var(--mmc-pink);flex:0 0 14px}
@media (max-width:600px){.mmc-pc{padding:16px 14px 14px}.mmc-pc__btns{gap:6px}.mmc-pc__b{font-size:13px;gap:5px;height:46px}.mmc-pc__b svg{width:18px;height:18px;flex-basis:18px}}
@media (max-width:359px){.mmc-pc__b span{display:none}.mmc-pc__b svg{width:24px;height:24px}}