/* =====================================================================
   Geo Herb — FAVORITES (heart) feature styles
   ===================================================================== */

/* Heart button on product images (home / category / products / related / detail) */
.product-img,.related-image{position:relative}
.fav-btn{
  position:absolute;top:10px;right:10px;z-index:6;
  width:38px;height:38px;padding:0;margin:0;border:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.95);color:#5f6f65;cursor:pointer;
  box-shadow:0 4px 14px rgba(20,50,32,.18);
  transition:transform .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.fav-btn svg{width:20px;height:20px;display:block;fill:transparent;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill .2s ease,stroke .2s ease}
.fav-btn:hover{transform:scale(1.1);color:#e11d48;box-shadow:0 6px 18px rgba(225,29,72,.25)}
.fav-btn:focus-visible{outline:3px solid #e11d4855;outline-offset:2px}
.fav-btn.active{color:#e11d48;background:#fff}
.fav-btn.active svg{fill:#e11d48;stroke:#e11d48}
.fav-btn.pop{animation:favPop .45s cubic-bezier(.2,.9,.3,1.4)}
@keyframes favPop{0%{transform:scale(1)}35%{transform:scale(1.35)}65%{transform:scale(.92)}100%{transform:scale(1)}}

/* Big heart on the product detail image */
.gallery-main .fav-btn{top:16px;right:16px;width:46px;height:46px}
.gallery-main .fav-btn svg{width:24px;height:24px}

@media(max-width:480px){
  .fav-btn{top:6px;right:6px;width:32px;height:32px}
  .fav-btn svg{width:17px;height:17px}
  .gallery-main .fav-btn{top:12px;right:12px;width:40px;height:40px}
  .gallery-main .fav-btn svg{width:21px;height:21px}
}

/* Header heart + count badge */
.head-actions .fav-header{position:relative;color:#c2410c}
.head-actions .fav-header .fav-heart{display:inline-block;line-height:1;transition:transform .2s ease}
.head-actions .fav-header.has-favs{color:#e11d48}
.head-actions .fav-header.bump .fav-heart{animation:favPop .45s ease}
.fav-count{
  position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;
  background:#e11d48;color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center;
  box-shadow:0 2px 6px rgba(225,29,72,.35)
}
.fav-count[hidden]{display:none}

/* Small toast */
#favToast{
  position:fixed;left:50%;bottom:26px;z-index:99999;transform:translate(-50%,20px);opacity:0;pointer-events:none;
  background:#243f30;color:#fff;padding:12px 20px;border-radius:999px;font-size:14px;font-weight:700;
  box-shadow:0 10px 28px rgba(0,0,0,.25);transition:opacity .25s ease,transform .25s ease;max-width:90vw;text-align:center
}
#favToast.show{opacity:1;transform:translate(-50%,0)}

/* Favorites page empty state */
.fav-empty{grid-column:1/-1;text-align:center;padding:60px 20px;background:#fffdf7;border:1px dashed #e0d8bf;border-radius:22px}
.fav-empty .fav-empty-heart{font-size:56px;color:#e11d48;line-height:1}
.fav-empty h2{margin:14px 0 6px;color:#204630}
.fav-empty p{color:#687269;margin:0 0 18px}
.fav-empty a{display:inline-block;background:#24543b;color:#fff;text-decoration:none;padding:12px 24px;border-radius:25px;font-weight:700}