/* =========================
   MINI CART
========================= */


.cart-wrapper {

    position: relative;

    display: flex;

    align-items: center;

}



.cart-link {

    display: flex;

    align-items: center;

    gap: 8px;

    color: #fff;

    text-decoration: none;

    font-size: 15px;

    font-weight: 500;

    cursor: pointer;

}



.cart-link i {

    font-size: 18px;

}



.cart-count {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 19px;

    height: 19px;

    padding: 0 5px;

    background: #e53935;

    color: #fff;

    border-radius: 50%;

    font-size: 11px;

    font-weight: 700;

}




/* =========================
   AÇILIR SEPET
========================= */


.mini-cart {

    position: absolute;

    top: 38px;

    right: 0;


    width: 340px;


    background: #fff;


    border-radius: 12px;


    padding: 15px;


    box-shadow: 0 10px 35px rgba(0, 0, 0, .18);


    opacity: 0;

    visibility: hidden;

    transform: translateY(10px);


    transition: .25s ease;


    z-index: 9999;


}



/* Hover ile aç */

.cart-wrapper:hover .mini-cart {


    opacity: 1;

    visibility: visible;

    transform: translateY(0);


}





/* Başlık */


.mini-cart-title {


    font-size: 18px;

    font-weight: 700;

    margin-bottom: 15px;

    color: #222;


}





/* =========================
   ÜRÜN
========================= */


.mini-cart-product {


    display: flex;

    gap: 12px;


    padding: 12px 0;


    border-bottom: 1px solid #eee;


}



.mini-cart-product img {


    width: 65px;

    height: 65px;


    object-fit: cover;


    border-radius: 8px;


}





.mini-cart-info {


    display: flex;

    flex-direction: column;

    gap: 5px;


}



.mini-cart-info strong {


    font-size: 14px;

    color: #222;


}



.mini-cart-info span {


    font-size: 13px;

    color: #666;


}



.mini-cart-price {


    font-weight: 700;

    color: #111 !important;


}





/* =========================
   TOPLAM
========================= */


.mini-cart-total {


    display: flex;

    justify-content: space-between;

    align-items: center;


    padding: 15px 0;


    font-size: 16px;


    color: #222;


}




.mini-cart-total strong {


    font-size: 18px;

    color: #000;


}





/* =========================
   BUTONLAR
========================= */


.mini-cart-buttons {


    display: flex;

    gap: 10px;


}



.go-cart,
.checkout-cart {


    flex: 1;


    text-align: center;


    padding: 11px;


    border-radius: 8px;


    text-decoration: none;


    font-size: 14px;


    font-weight: 600;


}



.go-cart {


    background: #111;

    color: #fff;


}



.checkout-cart {


    background: #00a86b;

    color: #fff;


}





/* BOŞ SEPET */


.empty-cart {


    text-align: center;


    padding: 30px 10px;


    color: #777;


}





/* MOBİL */

@media(max-width:768px) {


    .mini-cart {


        position: fixed;


        top: 70px;

        right: 15px;


        width: calc(100% - 30px);


    }


}