/* ============================================================
   CANNI V8.2.39 — favorite + square catalogue consistency
   ============================================================ */

/* One Recommended section only. */
#homeView .home-section:has(#homeRecommendedV8238) ~ .home-section[data-duplicate-recommended]{
  display:none!important;
}

/* Home recommendation/hot/new: square retail images, favorite restored. */
#homeView .home-product-v8239,
#homeView .home-product-v8239 .home-product-img,
#homeView .home-product-v8239 img{
  border-radius:0!important;
}

#homeView .home-product-img-v8239{
  position:relative!important;
  overflow:hidden!important;
  background:#f5f3f0!important;
}

#homeView .home-product-img-v8239 .favorite-btn{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  z-index:5!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.94)!important;
  color:#544b43!important;
  -webkit-text-fill-color:#544b43!important;
  box-shadow:none!important;
  font-size:24px!important;
  line-height:1!important;
  padding:0!important;
}
#homeView .home-product-img-v8239 .favorite-btn.active{
  color:#2b2724!important;
  -webkit-text-fill-color:#2b2724!important;
}

#homeView .home-product-img-v8239 .product-badge,
#homeView .home-product-img-v8239 .sale-badge{
  position:absolute!important;
  z-index:5!important;
  left:12px!important;
  top:12px!important;
}

/* Restore hover/secondary image cleanly without adding rounded UI. */
#homeView .home-product-img-v8239 .primary-img,
#homeView .home-product-img-v8239 .secondary-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:0!important;
}
#homeView .home-product-img-v8239 .secondary-img{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  transition:opacity .25s ease!important;
}
@media(hover:hover){
  #homeView .home-product-v8239:hover .secondary-img{opacity:1!important}
}

/* Main/sub category catalogue: square card/image, but favorite remains visible. */
#shopView .card,
#shopView .v5-product-card,
#shopView .v67-product-card,
#shopView .product-img,
#shopView .v5-card-image,
#shopView .v67-card-image,
#shopView .product-img img,
#shopView .primary-img,
#shopView .secondary-img{
  border-radius:0!important;
}

#shopView .product-img,
#shopView .v67-card-image,
#shopView .v5-card-image{
  position:relative!important;
  overflow:hidden!important;
}

#shopView .favorite-btn,
#shopView .v67-favorite{
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  z-index:7!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border:0!important;
  border-radius:50%!important; /* only the heart itself stays circular */
  background:rgba(255,255,255,.94)!important;
  color:#544b43!important;
  -webkit-text-fill-color:#544b43!important;
  font-size:24px!important;
  line-height:1!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Direct hamburger subcategory: hide sibling switch row completely. */
#filters .compact-subcats-v8238.direct-sub-hidden-v8239,
#filters .compact-subcats-v8238[hidden]{
  display:none!important;
}

/* Main category keeps the subcategory row. */
#filters .compact-subcats-v8238:not(.direct-sub-hidden-v8239){
  display:flex!important;
}

/* Keep catalogue details minimal and square. */
#shopView .card-body{
  padding:12px 0 0!important;
}
#shopView .card-body .stock,
#shopView .card-body .v67-card-cart,
#shopView .card-body .btn.full{
  display:none!important;
}

@media(max-width:700px){
  #homeView .home-product-img-v8239 .favorite-btn,
  #shopView .favorite-btn,
  #shopView .v67-favorite{
    top:10px!important;
    right:10px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    font-size:22px!important;
  }
}