/* Z-INDEX DÜZELTİLDİ: Filtrelerin altında kalması için z-index: 9 yapıldı */
.kfav-heart{position:absolute;top:8px;right:8px;z-index:9;width:32px;height:32px;background:rgba(255,255,255,.88);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .25s ease,background .2s;box-shadow:0 1px 4px rgba(0,0,0,.08);line-height:0}
.kfav-heart:hover{transform:scale(1.15);background:rgba(255,255,255,.96)}
.kfav-heart:active{transform:scale(.9)}
.kfav-heart svg{width:18px;height:18px;fill:none;stroke:#555;stroke-width:2;transition:all .25s ease}
.kfav-heart:hover svg{stroke:#d4364a}
.kfav-heart.kfav-active svg{fill:#d4364a;stroke:#d4364a}
@keyframes kfav-beat{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1)}75%{transform:scale(1.15)}100%{transform:scale(1)}}
.kfav-heart.kfav-anim svg{animation:kfav-beat .5s ease}
.kfav-heart.kfav-loading svg{display:none}
.kfav-heart.kfav-loading::after{content:"";display:block;width:16px;height:16px;border:2px solid #ddd;border-top-color:#d4364a;border-radius:50%;animation:kfav-spin .5s linear infinite}
@keyframes kfav-spin{to{transform:rotate(360deg)}}
.kfav-heart-single{top:12px;right:12px;width:38px;height:38px;z-index:99}
.kfav-heart-single svg{width:22px;height:22px}
.product-small .col-inner,.product-small .box-image,.product-small .image-fade_in,li.product,li.product .product-image,.box-image,.woocommerce-product-gallery,.woocommerce-product-gallery__wrapper,.woocommerce-product-gallery .flex-viewport{position:relative!important}
.kfav-pop-badge{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#777;margin:0 0 8px}
.kfav-pop-heart{color:#d4364a;font-size:15px}
.kfav-pop-badge strong{color:#d4364a;font-weight:600}

.kfav-float{position:fixed;bottom:30px;right:30px;z-index:9998;width:50px;height:50px;background:#111;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .3s ease;text-decoration:none!important}
.kfav-float:hover{transform:translateY(-3px) scale(1.08);background:#d4364a;box-shadow:0 6px 20px rgba(212,54,74,.4)}
.kfav-float svg{width:21px;height:21px;fill:#fff}
.kfav-float-count{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;background:#d4364a;color:#fff;font-size:11px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;line-height:1}

.kfav-page{max-width:1200px;margin:0 auto;padding:0}
.kfav-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #eee}
.kfav-toolbar-left{display:flex;align-items:center;gap:6px}
.kfav-toolbar-left h2{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:1px}
.kfav-title-svg{width:20px;height:20px;fill:#111}
.kfav-badge{background:#111;color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:10px}

/* PREMIUM BUTON VE HİZALAMA */
.kfav-toolbar-right { display: flex !important; flex-direction: row !important; gap: 10px !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-end !important; }
.kfav-tbtn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 10px 18px !important; border: 1px solid #111 !important; border-radius: 4px !important; background: #111 !important; font-size: 11px !important; font-weight: 600 !important; color: #fff !important; margin: 0 !important; width: auto !important; min-height: 38px !important; line-height: 1 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; cursor: pointer !important; transition: all 0.3s ease !important; }
.kfav-tbtn svg { fill: currentColor !important; margin: 0 !important; display: block !important; }
.kfav-tbtn:hover { background: #333 !important; border-color: #333 !important; }
.kfav-tbtn--green { background: #fff !important; color: #111 !important; border-color: #ddd !important; }
.kfav-tbtn--green:hover { background: #111 !important; color: #fff !important; border-color: #111 !important; }
.kfav-tbtn--red { background: #fff !important; color: #d4364a !important; border-color: #d4364a !important; }
.kfav-tbtn--red:hover { background: #d4364a !important; color: #fff !important; border-color: #d4364a !important; }

.kfav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.kfav-card{background:#fff;border:1px solid #f0f0f0;border-radius:6px;overflow:hidden;position:relative;transition:box-shadow .3s,transform .3s}
.kfav-card:hover{box-shadow:0 4px 18px rgba(0,0,0,.06);transform:translateY(-2px)}
.kfav-card-img{display:block;aspect-ratio:1;overflow:hidden;background:#f8f8f8}
.kfav-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.kfav-card:hover img{transform:scale(1.04)}
.kfav-card-body{padding:10px 12px}
.kfav-card-name{display:block;font-size:12px;font-weight:500;color:#333;text-decoration:none;margin-bottom:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kfav-card-name:hover{color:#111}
.kfav-card-price{font-size:13px;font-weight:700;color:#222;margin-bottom:8px}
.kfav-card-price del{color:#aaa;font-size:11px;font-weight:400}
.kfav-card-price ins{text-decoration:none;color:#111}
.kfav-cart-link{display:block;width:100%;padding:8px;text-align:center;background:#111;color:#fff!important;border:none;border-radius:4px;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s;box-sizing:border-box}
.kfav-cart-link:hover{background:#333}
.kfav-ajax-cart{cursor:pointer}
.kfav-stock-out{display:block;text-align:center;font-size:11px;color:#aaa;font-style:italic;padding:6px}
.kfav-card-x{position:absolute;top:5px;right:5px;width:24px;height:24px;border:none;border-radius:50%;background:rgba(255,255,255,.85);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#aaa;transition:all .2s;z-index:5;padding:0;line-height:1}
.kfav-card-x:hover{background:#111;color:#fff}

.kfav-empty,.kfav-login-box{text-align:center;padding:36px 20px}
.kfav-empty-svg{width:48px;height:48px;fill:none;stroke:#ddd;stroke-width:1.5;margin-bottom:12px}
.kfav-login-svg{width:42px;height:42px;fill:#ddd;margin-bottom:12px;display:block;margin-left:auto;margin-right:auto}
.kfav-empty h3,.kfav-login-box h3{font-size:16px;color:#111;margin-bottom:4px}
.kfav-empty p,.kfav-login-box p{color:#999;margin-bottom:16px;font-size:13px}
.kfav-btn-link{display:inline-block;padding:9px 24px;background:#111;color:#fff!important;border-radius:4px;text-decoration:none;font-weight:600;font-size:12px}
.kfav-btn-link:hover{background:#333}

.kfav-loading{text-align:center;padding:20px}
.kfav-spinner{width:24px;height:24px;border:2px solid #eee;border-top-color:#111;border-radius:50%;animation:kfav-spin .6s linear infinite;margin:0 auto}

/* MODALLAR (PREMİUM SİYAH TEMA) */
.kfav-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px)}
.kfav-modal-inner{position:relative !important; background:#fff;border-radius:6px;padding:25px;max-width:400px;width:90%;box-shadow:0 15px 50px rgba(0,0,0,.2)}
/* X İşareti Tamiri */
.kfav-modal-x{position:absolute !important;top:15px !important;right:15px !important;width:30px !important;height:30px !important;background:none !important;border:none !important;font-size:26px !important;cursor:pointer !important;color:#999 !important;padding:0 !important;line-height:1 !important;transition:0.3s !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:10 !important}

.kfav-modal-dark { background:#141414 !important; border:1px solid #333 !important; text-align:center !important; padding:40px 25px 30px !important; }
.kfav-modal-dark h4 { color:#fff !important; font-size:18px !important; letter-spacing:1px; margin-bottom:10px !important; text-transform:uppercase; }
.kfav-modal-dark p { color:#aaa !important; font-size:13px !important; margin-bottom:25px !important; line-height:1.5; }
.kfav-modal-dark .kfav-modal-x { color:#666 !important; }
.kfav-modal-dark .kfav-modal-x:hover { color:#fff !important; }
.kfav-modal-icon { margin-bottom:15px; }
.kfav-modal-icon svg { width:46px; height:46px; fill:#d4364a; }
.kfav-modal-actions { display:flex; gap:12px; justify-content:center; }
.kfav-btn-outline { background:transparent; border:1px solid #555; color:#fff; padding:10px 24px; border-radius:4px; cursor:pointer; font-weight:600; font-size:12px; text-transform:uppercase; transition:0.3s; }
.kfav-btn-outline:hover { background:#333; border-color:#888; }
.kfav-btn-danger { background:#d4364a; border:1px solid #d4364a; color:#fff; padding:10px 24px; border-radius:4px; cursor:pointer; font-weight:600; font-size:12px; text-transform:uppercase; transition:0.3s; }
.kfav-btn-danger:hover { background:#b02a3a; }

/* Input Kutu Ezilmesi Fix */
.kfav-share-input-row{display:flex !important;gap:8px !important;margin-bottom:20px !important;width:100% !important;box-sizing:border-box !important;}
.kfav-share-input-row input{flex:1 1 auto !important;min-width:0 !important;padding:12px 15px !important;background:#222 !important;border:1px solid #444 !important;border-radius:4px !important;font-size:13px !important;color:#fff !important;outline:none !important;line-height:1.4 !important;margin:0 !important;height:auto !important;}
.kfav-share-input-row button{flex:0 0 auto !important;padding:0 20px !important;background:#fff !important;color:#111 !important;border:none !important;border-radius:4px !important;font-size:12px !important;font-weight:700 !important;cursor:pointer !important;transition:0.3s !important;text-transform:uppercase !important;margin:0 !important;}
.kfav-share-input-row button:hover{background:#ddd !important}

/* Sosyal Medya İkonları */
.kfav-social-row{display:flex;gap:10px;width:100%}
.kfav-social-wa,.kfav-social-ig{flex:1;text-align:center;padding:12px;border-radius:4px;color:#fff!important;text-decoration:none!important;font-weight:600;font-size:13px;text-transform:uppercase;transition:0.3s;border:none!important}
.kfav-social-wa{background:#25D366}
.kfav-social-wa:hover{background:#1fb355}
.kfav-social-ig{background:linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;}
.kfav-social-ig:hover{opacity:0.9 !important}

.kfav-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:#111;color:#fff;padding:12px 26px;border-radius:4px;font-size:13px;font-weight:500;z-index:100001;opacity:0;transition:all .35s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;box-shadow:0 5px 15px rgba(0,0,0,0.2)}
.kfav-toast.kfav-show{opacity:1;transform:translateX(-50%) translateY(0)}

@media(max-width:768px){
    .kfav-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:12px;margin-bottom:15px}
    .kfav-toolbar-left h2{font-size:16px;justify-content:center}
    .kfav-toolbar-right{justify-content:center !important; width:100% !important;}
    .kfav-tbtn{padding:10px !important; font-size:11px !important; flex:1;}
    .kfav-grid{grid-template-columns:repeat(2,1fr);gap:8px}
    .kfav-card-body{padding:8px 10px}
    .kfav-card-name{font-size:11px}
    .kfav-card-price{font-size:12px;margin-bottom:6px}
    .kfav-cart-link{padding:7px;font-size:11px}
    .kfav-heart{width:28px;height:28px;top:6px;right:6px}
    .kfav-heart svg{width:15px;height:15px}
    .kfav-empty,.kfav-login-box{padding:28px 16px}
    .kfav-empty h3,.kfav-login-box h3{font-size:15px}
    .kfav-toast{font-size:12px;padding:10px 20px;bottom:16px}
    .kfav-float{width:45px;height:45px;right:20px;bottom:20px}
    .kfav-float svg{width:19px;height:19px}
}
@media(max-width:380px){
    .kfav-grid{grid-template-columns:repeat(2,1fr);gap:6px}
    .kfav-card-body{padding:6px 8px}
    .kfav-card-name{font-size:10px;-webkit-line-clamp:1}
    .kfav-card-price{font-size:11px}
    .kfav-card-x{width:22px;height:22px;font-size:12px;top:4px;right:4px}
    .kfav-toolbar-right {flex-direction:column !important;}
    .kfav-tbtn {width:100% !important;}
    .kfav-share-input-row{flex-direction:column !important; gap:8px !important;}
    .kfav-share-input-row input{width:100% !important;}
    .kfav-share-input-row button{width:100% !important;}
}