/* ====================================
   Акційні товари
==================================== */

.sale-products{
    margin-top:80px;
}


/* ====================================
   Сітка товарів
==================================== */

.sale-products .products-grid{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:18px;
}


/* ====================================
   Карточка
==================================== */

.sale-products .product-card{
    position:relative;
    overflow:hidden;
    transition:.3s;
}

.sale-products .product-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,.10);
}


/* ====================================
   Зображення
==================================== */

.sale-products .product-image{
    position:relative;

    width:100%;
    height:190px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:8px;

    background:#fff;

    overflow:hidden;
    box-sizing:border-box;
}


.sale-products .product-image img{
    width:100%;
    height:100%;

    object-fit:contain;

    border-radius:12px;

    display:block;
}


/* Фото з власним фоном */

.sale-products .product-image--cover img{
    object-fit:cover;
}


/* ====================================
   Бейдж знижки
==================================== */

.sale-products .discount-badge{
    position:absolute;
    top:14px;
    left:14px;

    background:#E53935;
    color:#fff;

    padding:6px 12px;
    border-radius:6px;

    font-size:11px;
    font-weight:700;
    letter-spacing:.5px;

    text-transform:uppercase;
    white-space:nowrap;

    z-index:20;
}


/* ====================================
   Ціна
==================================== */

.sale-products .product-price{
    display:flex;
    flex-direction:column;
    gap:1px;
}

.sale-products .current-price{
    font-size:14px;
    font-weight:700;
    color:#1F2937;
    line-height:1;
}

.sale-products .old-price{
    margin-top:-2px;
    font-size:14px;
    color:#B8BEC8;
    line-height:1;
    text-decoration:line-through;
}
/* ====================================
   Корзина
==================================== */

.sale-products .product-cart{
    width:48px;
    height:48px;
    border:none;
    border-radius:12px;
    background:#F28C28;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
    cursor:pointer;
    transition:.3s ease;
}

.sale-products .product-cart img{
    width:24px;
    height:24px;
}

.sale-products .product-cart:hover{
    background:#E67E22;
}


/* ====================================
   Анімація кнопок
==================================== */

.sale-products .slider-btn,
.sale-products .product-cart,
.sale-products .favorite-btn{
    transition:.3s ease;
}
.sale-products .product-image--cover img{
    object-fit:cover;
}