/* ================= CUSTOM INJECTION CSS ================= */

/* Универсальные сбросы */
[data-hidden-by] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Навигация снизу — только корзина */
ul[class*="BottomNav_root"],
ul.BottomNav_root__i9UrO {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  width: 100% !important;
  gap: 0 !important;
}
ul[class*="BottomNav_root"] li {
  flex: 1;
  max-width: none !important;
}

/* Корзина — иконка крупнее */
a[href*="/cart"],
a[title*="cart"],
a[aria-label*="cart"],
a[data-cart] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  border-radius: 12px !important;
}
a[href*="/cart"] svg,
a[title*="cart"] svg,
a[aria-label*="cart"] svg {
  width: 36px !important;
  height: 36px !important;
}

/* Значок количества в корзине */
.mirror-cart-badge,
ul[class*="BottomNav_root"] li span,
ul[class*="BottomNav_root"] li div {
  position: absolute !important;
  top: -8px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: #e91e63 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 9999 !important;
}

/* Кнопки "Buy" */
button[data-mirror-buy="1"],
a[data-mirror-buy="1"] {
  background: #635bff !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  cursor: pointer !important;
}

/* Модалка оплаты */
#mirrorPayModal,
#mirrorControlModal,
#mirrorLoading,
#mirrorSuccess {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  z-index: 999999 !important;
}
#mirrorPayModal form input,
#mirrorControlModal input {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 12px;
  font-size: 14px;
}
#mirrorPayModal form button,
#mirrorControlModal button {
  border-radius: 6px;
  padding: 12px 16px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
#mirrorPayModal form button[type="submit"],
#mirrorControlModal #mirrorConfirmBtn {
  background: #635bff;
  color: #fff;
  border: none;
}
#mirrorControlModal #mirrorCancelBtn {
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #333;
}

/* Лоадер */
#mirrorLoading div[style*="border-top-color"] {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0) }
  100% { transform: rotate(360deg) }
}

/* Экран Success */
#mirrorSuccess svg path {
  stroke-dasharray: 48;
  stroke-dashoffset: 0;
}
#mirrorSuccess .success-text {
  font-size: 22px;
  color: #2e7d32;
  font-weight: 700;
  margin-top: 10px;
}

/* Убираем Apple Pay глобально */
button[data-apple-pay],
button.apple-pay,
[aria-label*="Apple Pay" i],
[title*="Apple Pay" i],
[class*="apple-pay" i],
img[alt*="Apple Pay" i],
img[src*="apple-pay" i] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}