/* =========================================================
   MebelPlaza — CTA кнопки в карточке товара (Tilda)
   Полная замена CSS
   ========================================================= */

/* --- Ряд из 2 кнопок --- */
.mp-cta-row{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;

  width:min(100%, 390px) !important; /* общая ширина ряда */
  margin:8px 0 12px 0 !important;
}

/* --- Общий стиль обеих кнопок (одинаковый размер) --- */
.mp-cta-row a{
  flex:1 1 0 !important;             /* одинаковая ширина */
  min-width:0 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  height:40px !important;
  padding:0 14px !important;
  border-radius:6px !important;

  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;

  position:static !important;
  transform:none !important;
  box-shadow:none !important;
  cursor:pointer !important;
  transition:all .15s ease !important;
}

/* --- Кнопка "Заказать с доставкой" (черная) --- */
.mp-cta-row .mp-btn-order{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
}
.mp-cta-row .mp-btn-order:hover{
  opacity:.92 !important;
}

/* --- Кнопка "Каталог кроватей" (светлая с рамкой) --- */
.mp-cta-row .mp-btn-catalog{
  background:#fff !important;
  color:#111 !important;
  border:1px solid #222 !important;
}
.mp-cta-row .mp-btn-catalog:hover{
  background:#f7f7f7 !important;
}

/* --- На мобилке чуть компактнее --- */
@media (max-width: 480px){
  .mp-cta-row{
    width:min(100%, 360px) !important;
    gap:8px !important;
  }
  .mp-cta-row a{
    height:38px !important;
    padding:0 12px !important;
    font-size:12px !important;
    border-radius:6px !important;
  }
}

/* =========================================================
   Fallback: если JS ещё не успел обернуть ссылку в .mp-cta-row
   (чтобы "Заказать с доставкой" не выглядело просто текстом)
   ========================================================= */
.t-store__prod__info a[href*="#popup:contact"],
.t-store__prod__descr a[href*="#popup:contact"],
.t-store__prod__text a[href*="#popup:contact"],
.t-store__prod-popup__info a[href*="#popup:contact"],
.t-store__prod-popup__descr a[href*="#popup:contact"],
.t-store__prod-popup__text a[href*="#popup:contact"],
.t-store__prod__info a[href*="mebelplaza.shop/#popup:contact"],
.t-store__prod__descr a[href*="mebelplaza.shop/#popup:contact"],
.t-store__prod__text a[href*="mebelplaza.shop/#popup:contact"],
.t-store__prod-popup__info a[href*="mebelplaza.shop/#popup:contact"],
.t-store__prod-popup__descr a[href*="mebelplaza.shop/#popup:contact"],
.t-store__prod-popup__text a[href*="mebelplaza.shop/#popup:contact"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:136px;
  height:34px;
  padding:0 14px;
  margin:8px 0 10px 0;
  border-radius:4px;
  background:#000;
  color:#fff !important;
  border:1px solid #000;
  text-decoration:none !important;
  font-size:12px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}

/* Если ссылка уже внутри ряда — fallback не вмешивается */
.mp-cta-row a[href*="#popup:contact"],
.mp-cta-row a[href*="mebelplaza.shop/#popup:contact"]{
  min-width:0 !important;
  height:40px !important;
  padding:0 14px !important;
  margin:0 !important;
  border-radius:6px !important;
  font-size:13px !important;
  font-weight:600 !important;
}

/* =========================================================
   Чистка старых/тестовых кнопок (если что-то осталось)
   ========================================================= */

/* Старый тестовый id */
#mpStickyOrderBtn,
a#mpStickyOrderBtn,
button#mpStickyOrderBtn{
  display:none !important;
}

/* Любые элементы, которые JS пометил как скрытые */
.mp-hide-custom-order{
  display:none !important;
}

/* На всякий случай: скрыть fixed-кнопки с текстом заказа, если остались от старых скриптов */
a[href*="#popup:contact"][style*="position: fixed"],
a[href*="mebelplaza.shop/#popup:contact"][style*="position: fixed"],
button[style*="position: fixed"]{
  display:none !important;
}