/* === Grid === */
.urun-karti-wrapper {
    display: grid;
    /* Masaüstünde 5 sütun */
    grid-template-columns: repeat(5,1fr); 
    gap: 20px;
    font-family: 'Inter', sans-serif;
}

/* 1024px ve altı (Tablet yatay) - 3 sütun */
@media(max-width:1024px){ 
    .urun-karti-wrapper{ 
        grid-template-columns: repeat(3,1fr); 
    } 
}

/* 768px ve altı (Tablet dikey) - 2 sütun */
@media(max-width:768px){ 
    .urun-karti-wrapper{ 
        grid-template-columns: repeat(2,1fr); 
    } 
}

/* 480px ve altı (Mobil telefonlar) - 2 sütun */
@media(max-width:480px){ 
    .urun-karti-wrapper{ 
        grid-template-columns: repeat(2,1fr); 
        gap: 15px; 
    } 
    /* 320px ve altı için tek sütun */
    @media(max-width:320px){ 
        .urun-karti-wrapper{ 
            grid-template-columns: 1fr; 
        } 
    }
}


/* === Kart === */
.urun-karti {
    background:#fff;
    border-radius:14px;
    padding:14px;
    text-align:center;
    position:relative;
    box-shadow:0 4px 12px rgba(0,0,0,0.06);
    transition: transform .2s ease;
}
.urun-karti:hover{ transform:translateY(-3px); }

/* Görsel */
.uk-image { position:relative; }
.uk-image img { width:100%; border-radius:12px; }

/* === YITH Wishlist - ÖZEL İKON STİLİ === */

/* YITH'in kendi varsayılan bildirim penceresini kesin olarak gizle */
.yith_wcwl_after_add_to_wishlist .yith-wcwl-message,
.yith-wcwl-notification,
.yith-wcwl-popup-notification,
.yith-wcwl-feedback-messages-container { 
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Wishlist Kapsayıcısı: Görselin sağ üst köşesine konumlandırma */
.urun-karti .uk-wishlist-icon {
    position: absolute; 
    top: 10px; 
    right: 10px; 
    z-index: 10;
    
    /* İKONUN KENDİ DAİRE STİLİ */
    width: 32px;
    height: 32px;
    display: flex; 
    align-items: center; 
    justify-content: center; 
    background: #fff; 
    border-radius: 50%; 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: transform .2s ease;
}
.urun-karti .uk-wishlist-icon:hover {
    transform: scale(1.15);
}

/* Font Awesome İKONUNU STİLLENDİRME */
.urun-karti .uk-wishlist-icon i {
    font-size: 18px; 
    line-height: 1; 
    margin: 0;
    padding: 0;
    color: #6B8E23; /* Boş kalp rengi (Yeşil) */
}

/* Kalp Dolu İken */
.urun-karti .uk-wishlist-icon.added i {
    color: #6B8E23; /* Dolu kalp rengi (Yeşil) */
}

/* YITH'in kendi ürettiği gizli butonu tamamen yok et (GEREKLİ) */
.urun-karti .hidden-yith-trigger,
.urun-karti .hidden-yith-trigger * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* Başlık */
.uk-title{ font-size:15px; font-weight:500; margin:10px 0 5px; display:block; color:#111; text-decoration:none; }

/* Fiyat */
.uk-price{ font-weight:700; color:#6B8E23; margin-bottom:10px; }

/* Sepete ekle */
.uk-add-to-cart{
    width:100%; padding:10px; border:none;
    border-radius:12px;
    background:linear-gradient(45deg,#6B8E23,#000000);
    color:#fff; cursor:pointer; display:flex; justify-content:center; align-items:center; gap:6px;
}
.uk-add-to-cart:hover{ opacity:.9; }

/* Spinner */
.uk-add-to-cart .spinner{
    width:18px; height:18px;
    border:2px solid transparent;
    border-top:2px solid #fff;
    border-radius:50%;
    animation:spin .7s linear infinite;
    display:none;
}
@keyframes spin{ to{ transform:rotate(360deg); } }

/* === Toast === */
#uk-toast{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-60%);
    background:#fff;
    padding:18px 22px;
    border-radius:12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    box-shadow:0 4px 20px rgba(0,0,0,0.15);
    opacity:0;
    transition:.3s;
    min-width:320px;
    z-index:999999;
}
#uk-toast.show{
    opacity:1;
    transform:translate(-50%,-50%);
}
.uk-toast-inner{
    display:flex;
    align-items:center;
    gap:8px;
}
.check{ color:#6B8E23; font-size:18px; }
.msg{ font-family:Inter,sans-serif; font-size:14px; }
.toast-progress{
    width:0%;
    height:4px;
    background:#6B8E23;
    border-radius:3px;
    transition:width 2.5s linear;
    align-self:stretch;
}
@media(max-width:480px){
    #uk-toast{ min-width:85%; padding:20px; }
    .msg{ font-size:14px; }
}
/* EOF */