/* === Сетка === */
body.archive.post-type-archive-product .products.row {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
  gap: 30px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
}
body.archive.post-type-archive-product .products.row > [class*="col-"],
body.archive.post-type-archive-product .products.row .product[class*="col-"] {
  all: unset !important;
  display: block !important;
  width: 100% !important;
}

/* Полностью скрыть стандартную ссылку "Просмотр корзины" */
a.added_to_cart.wc-forward { display: none !important; }

/* === Карточка === */
.custom-flower-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 580px;
  padding: 15px;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
.custom-flower-image{
  position: relative;
  height: 380px;              /* поставь нужное значение: 360–420px */
  overflow: hidden;
  border-radius: 10px;
}

/* Картинка заполняет контейнер полностью */
.custom-flower-image img{
  position: absolute;
  inset: 0;                   /* top:0; right:0; bottom:0; left:0 */
  width: 100% !important;
  height: 100% !important;    /* переедем height:auto из темы */
  object-fit: cover;
  display: block;
  border-radius: 10px;
}
/* Контент */
.custom-flower-info { margin-top: 15px; }
.product-title {
  font-size: 18px;
  font-weight: 600;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1200px){ .custom-flower-image{ height: 360px; } }
@media (max-width: 768px) { .custom-flower-image{ height: 320px; } }
.price { font-size: 22px; font-weight: 700; margin: 10px 0; }

/* === Кнопки === */
.custom-flower-buttons{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}

/* Кнопка "Заказать" */
.order-button{
  background:#000;
  color:#fff;
  padding:10px 20px;
  border-radius:5px;
  font-size:16px;
  text-decoration:none;
  transition:background .3s;
}
.order-button:hover{ background:#444; }

/* Кнопка корзины (SVG-круг) */
.custom-flower-buttons .add_to_cart_button,
.custom-flower-buttons .add-to-cart-icon.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  border: 2px solid #000 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 0 !important;
  box-shadow: none !important;
}
.custom-flower-buttons .add_to_cart_button::before,
.custom-flower-buttons .add-to_cart-icon.button::before,
.custom-flower-buttons .add_to_cart_button::after,
.custom-flower-buttons .add-to-cart-icon.button::after {
  content: none !important;
}
.custom-flower-buttons .add_to_cart_button svg,
.custom-flower-buttons .add-to-cart-icon.button svg {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  stroke: currentColor !important;
  fill: none !important;
}
.custom-flower-buttons .add_to_cart_button:hover,
.custom-flower-buttons .add-to-cart-icon.button:hover {
  background: #A6DE59!important;
  color: #000 !important;
}
/* ==== MOBILE: сбить лишний зазор между ценой и кнопками ==== */
@media (max-width: 768px) {

  /* не растягиваем блок, убираем space-between */
  .custom-flower-info{
    height: auto !important;
    justify-content: flex-start !important;
    margin-top: 6px !important;
    gap: 6px !important;         /* общий внутренний зазор */
    row-gap: 6px !important;
  }

  /* у самой цены тоже уменьшаем отступы */
  .price{
    margin: 6px 0 4px !important;
  }

  /* блок кнопок ближе к цене */
  .custom-flower-buttons{
    margin-top: 6px !important;
    gap: 8px !important;         /* расстояние между двумя кнопками */
  }
}
