/* ss_favorites v1.0.0 */

/* Ensure product cards are positioning contexts */
.product-miniature,
.js-product-miniature { position: relative; }

/* Heart wrapper (Magalu-like) */
.ss-fav-wrap{
  position:absolute;
  top:2.5px;
  right:2.5px;
  z-index:30;
}

/* Heart button */
.ss-fav-btn{
  width:21px;
  height:21px;
  border-radius:999px;
  border:0;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.92);
  box-shadow:0 2px 10px rgba(0,0,0,.10);
  padding:0;          /* ✅ garante zero padding real */
  line-height:0;      /* ✅ remove “espaço fantasma” */
}
.ss-fav-btn:hover{ background:#fff; }

/* Heart icon - rounded bottom */
.ss-fav-icon{
  width:16px;   /* ✅ máximo seguro dentro de 21 */
  height:16px;  /* ✅ máximo seguro dentro de 21 */
  display:block;
  background:currentColor;
  color:#9aa3ad;

  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20c-4.6-3.9-8-6.7-8-10.2C4 7 6 5 8.5 5c1.7 0 3.1.9 3.5 2 .4-1.1 1.8-2 3.5-2C18 5 20 7 20 9.8c0 3.5-3.4 6.3-8 10.2z'/%3E%3C/svg%3E") center / 105% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20c-4.6-3.9-8-6.7-8-10.2C4 7 6 5 8.5 5c1.7 0 3.1.9 3.5 2 .4-1.1 1.8-2 3.5-2C18 5 20 7 20 9.8c0 3.5-3.4 6.3-8 10.2z'/%3E%3C/svg%3E") center / 105% no-repeat;
}

.ss-fav-btn.is-fav .ss-fav-icon{
  color:#e11d48;
}

.ss-fav-btn.is-fav .ss-fav-icon{ color:#e11d48; }

/* Badge "Mais desejado" */
.ss-fav-badge-tag{
  position:absolute;
  left:10px;
  top:10px;
  z-index:25;
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(17,24,39,.92);
  color:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.12);
}

/* Header badge */
.ss-fav-header{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
}
.ss-fav-header-icon{
  width:20px;
  height:20px;
  display:block;
  background:currentColor;
  color:#9aa3ad;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7-4.35-9.33-8.36C.6 9.2 2.4 5.5 6.2 5.5c2 0 3.3 1.1 3.8 1.8.5-.7 1.8-1.8 3.8-1.8 3.8 0 5.6 3.7 3.53 7.14C19 16.65 12 21 12 21z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7-4.35-9.33-8.36C.6 9.2 2.4 5.5 6.2 5.5c2 0 3.3 1.1 3.8 1.8.5-.7 1.8-1.8 3.8-1.8 3.8 0 5.6 3.7 3.53 7.14C19 16.65 12 21 12 21z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ss-fav-badge{
  position:absolute;
  top:6px;
  right:6px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  font-size:12px;
  line-height:18px;
  text-align:center;
  background:#e11d48;
  color:#fff;
}

/* Home blocks */
.ss-fav-home{ margin: 40px 0; }
.ss-fav-home-title{ font-size: 1.4rem; margin-bottom: 16px; }
.ss-fav-home-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom: 12px; }
.ss-fav-home-more{ font-size:.9rem; }
.ss-fav-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap:16px;
}
.ss-fav-card{
  border:1px solid #eee;
  padding:12px;
  text-align:center;
  background:#fff;
}
.ss-fav-img img{ max-width:100%; height:auto; }
.ss-fav-name{ font-size:.95rem; margin:10px 0 6px; }
.ss-fav-price{ font-weight:600; margin-bottom:8px; }