/* ====== Сортування та кількість ====== */
.form_sort_count{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  margin-bottom: 20px;
  background-color: #ffffff;
  padding: 8px 12px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  flex-wrap: wrap;
}

/* Група: мітка + контрол */
.form_sort_count .control-group{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  white-space: nowrap;
  float: left;
}

/* Мітка */
.form_sort_count .control-label{
  margin: 0;
  padding-right: 6px;
  font-size: 0.95rem;
  color: #333;
}

/* Контейнери для селектів */
.form_sort_count .controls,
.form_sort_count .input-group{
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Селект — компактний, не тягнеться */
.form_sort_count select.inputbox,
.form_sort_count select.form-control{
  width: auto;
/*  min-width: 100px;*/
  max-width: 220px;
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid #c8e6c9;
  background: #ffffff;
  font-size: 0.95rem;
  color: #333;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Приховати іконку, якщо не потрібна */
#submit_product_list_filter_sort_dir{
  display: none;
}





/* ====== Сітка товарів ====== */
.jshop_list_product .row-fluid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  padding: 20px;
  align-items: stretch; /* патч: тягнемо елементи по висоті */
}

.row-fluid .sblock3 {
  width: 100%;
  display: flex;          /* патч */
  flex-direction: column; /* патч */
}

/* ====== Картка товару ====== */
.block_product {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
  border: 2px solid #a6cca1;
  display: flex;          /* патч */
  flex-direction: column; /* патч */
  height: 100%;           /* патч */
}
.block_product:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.12);
}

/* ====== Зображення товару ====== */
.block_product .image_block {
  width: 100%;
  aspect-ratio: 4 / 3; /* патч */
  overflow: hidden;
}
.block_product .image_block img,
.block_product .image_block .jshop_img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* патч */
  display: block;
  border-bottom: 1px solid #eee;
}

/* ====== Назва товару ====== */
.product .name a {
  display: block;
  font-weight: 600;
  color: #2e7d32;
  text-align: center;
  padding: 10px;
  text-decoration: none;
}
.product .name a:hover {
  color: #1b5e20;
}

/* ====== Ціна та опис ====== */
.jshop_price span {
  display: block;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 600;
  color: #388e3c;
  margin: 8px 0;
}
.block_product .oiproduct {
  display: flex;          /* патч */
  flex-direction: column; /* патч */
  flex: 1 1 auto;         /* патч */
  min-height: 0;          /* патч */
}
.description {
  font-size: 0.9rem;
  color: #555;
  text-align: center;
  padding: 0 10px 10px;
}

/* ====== Кнопки ====== */
.buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 12px 10px; /* патч */
  margin-top: auto;   /* патч: притискає вниз */
}
.button_buy {
  background-color: #fbc02d;
  color: #fff;
  border-radius: 6px;
  padding: 8px 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
  border: 2px solid #a6cca1;
}
.button_buy:hover { background-color: #f9a825; }
.button_detail {
  background-color: #388e3c;
  color: #fff;
  border-radius: 6px;
  padding: 8px 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease;
}
.button_detail:hover { background-color: #2e7d32; }

/* ====== Кнопка "Назад до каталогу" ====== */
#back_to_catalog {
  display: block;
  width: fit-content;
  margin: 30px auto;
  background-color: #43a047;
  color: #fff;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease;
}
#back_to_catalog:hover { background-color: #2e7d32; }

/* ====== Адаптивність ====== */
@media (max-width: 480px) {
  .block_product .image_block { aspect-ratio: 16 / 9; }
  .block_product .name a { padding: 8px; font-size: 0.95rem; }
  .block_product .description { font-size: 0.9rem; }
}