/* Карточка */
.product {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(25% - 4px);
  max-width: calc(25% - 4px);
  background:#fff;
  border:1px solid #ddd;
  border-radius:10px;
  padding:12px;
  box-shadow:2px 2px 7px rgba(0,0,0,.15);
  transition:transform .25s ease, box-shadow .25s ease;
}

.productlb {

  background:#fff;
  border:1px solid #ddd;
  border-radius:10px;
  padding:12px;
  box-shadow:2px 2px 7px rgba(0,0,0,.15);
  transition:transform .25s ease, box-shadow .25s ease;
  
}

.product:hover{ box-shadow:3px 4px 12px rgba(0,0,0,.25);   border:0px;}



/* Ссылка-обёртка верхней части */
.product-link{
  text-decoration:none;
  color:inherit;
  display:flex;
  flex-direction:column;
}

/* Хлебные крошки/тип */
.product h2{
  font-size:10px;
  font-weight:400;
  color:#6b6b6b;
  margin:0 0 6px 0;
  min-height:14px;
}

/* Заголовок товара (две строки, обрезка) */
.product-title{
  font-size:14px;
  color:#0062bd;
  margin:0 0 8px 0;
  line-height:1.2;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:34px;
  transition:color .25s ease, text-shadow .25s ease, border .1s ease;
}
.product:hover .product-title{ color:#f34d00; text-shadow:0 0 2px rgba(0,0,0,.2); }

/* Картинка: квадрат, центр, без искажений */
.product-image {
  position:relative;
  width:100%;
  aspect-ratio:1 / 1;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:8px;
  background:#fff;
  border:1px solid #eee;
  flex-shrink:0;
}

.product-imagelb {
  position:relative;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:8px;
  background:#fff;
  border:1px solid #eee;
  flex-shrink:0;
}



.product-image img {
  max-width: unset ;
  max-height: 100% ;
  width: auto;
  height: auto;
  object-fit: cover ;
}

.product-imagelb img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  aspect-ratio:1 / 1;
  object-fit: contain;
}


.product-image img[src*="noimg"],.product-imagelb img[src*="noimg"] {
  width: 60%;  /* чтобы не «съедало» всё */
  height: auto;
  opacity: 0.7; /* слегка бледнее */
}




/* Ярлык скидки */
.product-atlaide{
  position:absolute;
  top:8px; left:8px;
  padding:4px 6px;
  font-size:12px;
  line-height:1;
  border-radius:4px;
  color:#fff;
  background:#1b9e3f;
  box-shadow:0 2px 6px rgba(0,0,0,.18);
  z-index:2;
}

/* Низ карточки */
.product-info{ margin-top:auto; padding:12px 4px 0; }
.product-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

/* Цена */
.price-wrap{ display:flex; flex-direction:column; gap:2px; }
.old-price{
  font-size:13px;
  color:#8a8a8a;
  text-decoration:line-through;
}
.product-price{
  font-size:22px;
  font-weight:700;
  color:#f34d00;
  text-shadow:1px 1px 2px rgba(0,0,0,.15);
}

/* Кнопка «в корзину» */
.buy-button{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#e9e9e9;
  color:#333;
  border:1px solid #d0d0d0;
  padding:8px 14px;
  border-radius:999px;
  cursor:pointer;
  font-size:14px;
  box-shadow:2px 2px 3px rgba(0,0,0,.15);
  transition:background .2s ease, box-shadow .2s ease, transform .1s ease;
}

.buy-button:hover{ background:#f34d00; color:#fff; border-color:#e0672a; box-shadow:0 0 8px rgba(243,77,0,.5); }
.buy-button:active{ transform:scale(.98); }


/* Респонсивность */
@media (max-width:1240px){
  .product { flex:1 1 calc(33.333% - 10px); max-width:calc(33.333% - 10px); }
}
@media (max-width:970px){
	.product { flex:1 1 calc(50% - 10px); max-width:calc(50% - 10px); }

	.product-price { font-size:15px;}  

	.buy-button{
	gap:2px;
	padding:6px 12px;
	font-size:12px;
	} 

	.product-atlaide{
	top:8px; left:6px;
	padding:4px 6px;
	font-size:11px;

	}	
	
}