/* COSMOD Smart Search – styles v1.1.1 */

/* ---------- ФОРМА ---------- */
.cosmod-ss-form{
  position:relative;
  max-width:1200px;
  width:100%;
  margin:10px auto 20px;
  padding:18px 22px;
  background:linear-gradient(180deg, rgba(255,192,203,.55), rgba(255,192,203,.35));
  border-radius:24px;
}
.cosmod-ss-form .cosmod-ss-input{
  width:100%;
  height:56px;
  padding:0 20px 0 50px;
  border-radius:28px;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  outline:none;
}
.cosmod-ss-form .cosmod-ss-icon{
  position:absolute;
  left:32px;
  top:50%;
  transform:translateY(-50%);
  font-size:20px;
  opacity:.7;
  pointer-events:none;
}
.cosmod-ss-results .cosmod-ss-title{
  text-align:center;
  margin:10px 0 30px;
}
.cosmod-ss-empty{ text-align:center; opacity:.7; }
.cosmod-ss-pagination{ margin:20px 0; }
.cosmod-ss-pagination .page-numbers{
  display:inline-block; padding:6px 10px;
}

/* ---------- РЕЗУЛЬТАТЫ: ГРИД (перебиваем тему) ---------- */
.cosmod-ss-results ul.products{
  list-style:none !important;
  padding-left:0 !important;
  margin-left: auto;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:48px 40px !important;

  /* центрируем сам список */
  width:80%;
  margin:0 auto;
  justify-items: stretch; /* контент колонок по центру */
  justify-content: center;
  align-content: stretch;
}

/* адаптив */
@media (max-width:1199px){
  .cosmod-ss-results ul.products{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}
@media (max-width:767px){
  .cosmod-ss-results ul.products{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:28px 18px !important;
    width: 80%;
  }
}
@media (max-width:480px){
  .cosmod-ss-results ul.products{
    grid-template-columns: 1fr !important;
  }
}

/* карточка: убираем width/float темы и выравниваем */
.cosmod-ss-results ul.products li.product{
  width:auto !important;
  float:none !important;
  margin:0 !important;
  text-align:center !important;
  list-style:none !important;

  /* опционально фиксируем «корпус» карточки,
     чтобы колонки выглядели ровно */
  max-width:320px;
  border-width: 2px;
  border-color: black;
  border-style: groove;
}

/* ---------- МЕДИА ---------- */
.cosmod-ss-results ul.products li.product a img,
.cosmod-ss-results ul.products li.product .wp-post-image{
  width:100% !important;
  height:230px;              /* ваша фикс-высота превью */
  object-fit:scale-down;     /* картинка влезает без обрезки */
  display:block !important;
}

/* ---------- ТИТУЛ ---------- */
.cosmod-ss-results ul.products li.product .woocommerce-loop-product__title{
  margin:12px auto 8px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  font-size:20px !important;
  max-width:90% !important;
  text-align:center !important;
}

/* ---------- ЦЕНА ---------- */
.cosmod-ss-results ul.products li.product .price{
  font-size:16px !important;
  margin-top:2px !important;
  text-align:center !important;
}
.cosmod-ss-results ul.products li.product .price del{
  color:#777 !important;
  margin-right:8px !important;
}
.cosmod-ss-results ul.products li.product .price ins{
  text-decoration:none !important;
  color:#E40000 !important; /* красная цена */
  font-weight:700 !important;
}

/* ---------- СКРЫВАЕМ ЛИШНЕЕ ---------- */
.cosmod-ss-results ul.products li.product .star-rating,
.cosmod-ss-results ul.products li.product .button,
.cosmod-ss-results ul.products li.product .added_to_cart{
  display:none !important;
}

/* убираем возможные псевдомаркеры у li */
.woocommerce ul.products li.product:before{ display:none !important; }

/* --- альтернатива: фикс-ширина всего блока вместо width:80% ---
.cosmod-ss-results ul.products{
  width:min(1280px,100%);
  margin:0 auto;
}
*/