/* Кнопки заказа в MAX (cta-*). Бренд сайта: #d8667c; MAX: градиент #2AA4FF → #8A3FFC */
.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:2px solid transparent;border-radius:12px;font:700 15px/1.2 inherit;text-decoration:none!important;cursor:pointer;white-space:nowrap;transition:filter .15s,transform .05s}
.cta-btn:active{transform:scale(.98)}
.cta-btn img{display:block;border-radius:50%;flex:none}
.cta-btn--max{background:linear-gradient(135deg,#2aa4ff,#8a3fff);color:#fff!important}
.cta-btn--max:hover{filter:brightness(1.08)}
.cta-btn--main{background:#d8667c;color:#fff!important}
.cta-btn--main:hover{background:#c85a70}
.cta-btn--ghost{background:#fff;border-color:#eadfe2;color:#444!important}
.cta-btn--ghost:hover{border-color:#d8667c;color:#d8667c!important}
.cta-btn--block{display:flex;width:100%}

/* полоса над шапкой */
.cta-strip{background:linear-gradient(90deg,#fdf1f4,#eef5ff);border-bottom:1px solid #f0dfe4}
.cta-strip__in{max-width:1180px;margin:0 auto;padding:6px 44px 6px 14px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;position:relative;font-size:14px}
.cta-strip__txt{color:#333}
.cta-strip .cta-btn{min-height:34px;padding:6px 14px;font-size:14px}
.cta-x{position:absolute;right:8px;top:50%;margin-top:-16px;width:32px;height:32px;border:0;background:none;font-size:24px;line-height:1;color:#888;cursor:pointer}
@media (max-width:575.98px){.cta-strip__txt{display:none}.cta-strip__in{padding:6px 40px 6px 10px}.cta-strip .cta-btn{flex:1;font-size:13px;padding:6px 8px}}

/* блок перед подвалом */
.cta-band{background:linear-gradient(135deg,#fff5f8,#f1f6ff);border-top:1px solid #f0dfe4;border-bottom:1px solid #f0dfe4;padding:34px 16px;text-align:center}
.cta-band__in{max-width:900px;margin:0 auto}
.cta-band__t{font-size:26px;font-weight:800;margin:0 0 8px;color:#222}
.cta-band__s{margin:0 auto 18px;max-width:640px;color:#555}
.cta-band__btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.cta-band__btns .cta-btn{min-width:200px}
@media (max-width:575.98px){.cta-band{padding:26px 14px}.cta-band__t{font-size:21px}.cta-band__btns .cta-btn{flex:1 1 100%}}

/* карточка товара */
.cta-product{margin:14px 0 0;padding:14px;border:1px dashed #d8667c;border-radius:14px;background:#fff8fa}
.cta-product__t{font-size:13px;color:#777;margin:0 0 8px;text-align:center}
.cta-product__row{display:flex;gap:8px;margin-top:8px}
.cta-product__row .cta-btn{flex:1;white-space:normal;font-size:14px}

/* корзина */
.cta-cart{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:12px 16px;border:1px solid #e3e8ff;border-radius:14px;background:#f5f8ff;font-size:14px}
.cta-cart span{flex:1 1 240px}

/* компьютерная версия: полоса следует за прокруткой */
/* у темы overflow-x:hidden на html и body делает body прокручиваемым контейнером и ломает sticky; clip выглядит так же, но не ломает */
@media (min-width:992px){
  body{overflow-x:clip!important;overflow-y:visible!important}
  .cta-strip{position:sticky;top:0;z-index:1030;box-shadow:0 2px 8px rgba(0,0,0,.06)}
}
/* кнопка ВК поверх фото товара */
.s-photo-main{position:relative}
.cta-vk{position:absolute;right:12px;bottom:12px;z-index:20;display:flex;width:max-content;align-items:center;gap:10px;max-width:min(300px,calc(100% - 24px));padding:8px 16px 8px 8px;border-radius:40px;background:linear-gradient(135deg,#0077ff,#4a9bff);color:#fff!important;text-decoration:none!important;font:600 13px/1.25 Inter,sans-serif;box-shadow:0 6px 18px rgba(0,119,255,.4);transition:transform .25s,box-shadow .25s;animation:ctaVkFloat 3.2s ease-in-out infinite}
.cta-vk:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 24px rgba(0,119,255,.55);animation-play-state:paused}
.cta-vk__ic{flex:none;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;animation:ctaVkPulse 2.4s infinite}
.cta-vk__t{display:block}
@keyframes ctaVkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes ctaVkPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}70%,100%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
@media(max-width:575px){.cta-vk{right:8px;bottom:8px;font-size:12px;max-width:240px;padding:6px 12px 6px 6px}.cta-vk__ic{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.cta-vk,.cta-vk__ic{animation:none}}