/* Products page helpers (safe to append) */

.mk-pill{
  display:inline-flex;
  align-items:center;
  gap:.375rem;
  padding:.35rem .65rem;
  border-radius:9999px;
  font-size:.75rem;
  font-weight:800;
  border:1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.7);
}
.dark .mk-pill{
  border-color: rgba(255,255,255,.10);
  background: rgba(17,24,39,.45);
}

.mk-rail-link{
  font-weight:800;
  color:#374151;
}
.dark .mk-rail-link{ color: rgba(255,255,255,.85); }
.mk-rail-link:hover{ color: var(--mk-primary, #15931B); }

.mk-prod-card{
  position:relative;
  overflow:hidden;
  border-radius: 16px;
  border: 1px solid rgba(17,24,39,.08);
  background: rgba(255,255,255,.78);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.dark .mk-prod-card{
  border-color: rgba(255,255,255,.10);
  background: rgba(17,24,39,.45);
}
.mk-prod-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
  border-color: rgba(21,147,27,.22);
}

.mk-prod-media{
  position:relative;
  border-radius: 12px;
  overflow:hidden;
  background: rgba(17,24,39,.06);
}
.dark .mk-prod-media{ background: rgba(255,255,255,.06); }

.mk-prod-img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: opacity .35s ease;
  opacity:1;
}
.mk-prod-img.is-fading{ opacity:0; }

.mk-seller-badge{
  position:absolute;
  left:.6rem;
  top:.6rem;
  width:34px;
  height:34px;
  border-radius:9999px;
  overflow:hidden;
  border: 2px solid rgba(255,255,255,.95);
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
  background: rgba(255,255,255,.65);
}
.dark .mk-seller-badge{
  border-color: rgba(17,24,39,.70);
  background: rgba(17,24,39,.55);
}

.mk-seller-badge > div{
  width:100%;
  height:100%;
  background-position:center;
  background-size:cover;
}

.mk-wish-btn{
  position:absolute;
  right:.55rem;
  top:.55rem;
  width:36px;
  height:36px;
  border-radius:9999px;
  border: 1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.92);
  display:flex;
  align-items:center;
  justify-content:center;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.dark .mk-wish-btn{
  border-color: rgba(255,255,255,.12);
  background: rgba(17,24,39,.55);
}
.mk-wish-btn:hover{ transform: scale(1.03); }

.mk-wish-btn.is-on{
  border-color: rgba(21,147,27,.28);
  background: rgba(21,147,27,.12);
}

.mk-wish-ico{
  font-size:20px;
  line-height:1;
  color: rgba(17,24,39,.65);
}
.dark .mk-wish-ico{ color: rgba(255,255,255,.78); }

.mk-wish-btn.is-on .mk-wish-ico{
  color: var(--mk-primary, #15931B);
}




/* Products banner dots — theme-driven (matches Home) */
#mk-products-banner-host [data-banner-dots] button{
  height: 6px;
  width: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.45);
  transition: all 160ms ease;
}

#mk-products-banner-host [data-banner-dots] button.is-active{
  width: 18px;
  background-image: var(--ekg-grad);
  background-color: transparent;
  opacity: 1;
}