/* Favori (kalp) bileseni — uretici: C:/tmp/gen_favori_css.js */

/* Kart kosesindeki kalp: gorselin sag ustunde, cam etkili yuvarlak buton */
.product,.product-card{position:relative}
.kart-favori{position:absolute;top:12px;right:12px;z-index:3;
  width:38px;height:38px;display:grid;place-items:center;padding:0;border-radius:50%;
  background:rgba(255,255,255,.88);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(37,35,31,.08);color:#4a4a44;cursor:pointer;
  box-shadow:0 2px 10px rgba(30,30,26,.10);
  opacity:0;transform:scale(.9);transition:opacity .2s,transform .2s,background .2s,color .2s}
.kart-favori svg{width:18px;height:18px;display:block;transition:.2s}
.product:hover .kart-favori,.product-card:hover .kart-favori,
.kart-favori:focus-visible,.kart-favori.secili{opacity:1;transform:scale(1)}
.kart-favori:hover{background:#fff;transform:scale(1.08)}
.kart-favori:hover svg{color:#a8695f}
.kart-favori.secili svg{fill:#a8695f;color:#a8695f}
/* Dokunmatik cihazda hover yok -> kalp hep gorunsun */
@media(hover:none){.kart-favori{opacity:1;transform:none}}

/* Tiklama geri bildirimi */
.kart-favori.atim svg,.heart.atim svg{animation:favori-atim .32s ease}
@keyframes favori-atim{0%{transform:scale(1)}45%{transform:scale(1.32)}100%{transform:scale(1)}}
.kart-favori.hata,.heart.hata{border-color:#c9a1a1;color:#a35b5b}

/* Basliktaki favori ikonu.
   .sepet-rozet display:grid tasiyor ve tarayicinin [hidden]{display:none}
   varsayilanini eziyordu -> favori yokken bos bir daire goruluyordu. */
.icon-favori{position:relative}
.sepet-rozet[hidden]{display:none}

/* ── Favorilerim sayfasi ─────────────────────────────────────────────── */
.favori-sayfa .favori-bas{padding:6px 0 26px;border-bottom:1px solid var(--line);margin-bottom:26px;
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.favori-sayfa .favori-bas h1{font:400 clamp(30px,3.2vw,40px) "Libre Caslon Display",Georgia,serif;margin:0}
.favori-sayfa .favori-bas p{margin:0;font-size:13.5px;color:var(--muted)}
.favori-sayfa .grid{margin-bottom:40px}

.favori-sayfa .favori-bos{max-width:520px;margin:20px auto 60px;text-align:center;
  border:1px solid var(--line);background:#fff;padding:52px 34px 46px}
.favori-sayfa .favori-bos-ikon{width:62px;height:62px;margin:0 auto 20px;border-radius:50%;
  display:grid;place-items:center;background:#f4efe9;color:#a8695f}
.favori-sayfa .favori-bos-ikon svg{width:28px;height:28px}
.favori-sayfa .favori-bos h2{font:400 26px "Libre Caslon Display",Georgia,serif;margin:0 0 10px}
.favori-sayfa .favori-bos p{font-size:14px;line-height:1.8;color:#5f625b;margin:0 auto 24px;max-width:360px}

@media(max-width:700px){
  .kart-favori{top:10px;right:10px;width:34px;height:34px}
  .kart-favori svg{width:16px;height:16px}
  .favori-sayfa .favori-bos{padding:38px 22px 34px}
}