/* ============================================================
   CANNI V8.2.48
   1) Force ALL shop/special/category product image layers square.
   2) Return row vertical whitespace is symmetrical.
   ============================================================ */

/* ---------- Absolute square-product override ----------
   Old versions apply rounded corners at different nesting levels.
   Cover the product card, image wrapper, picture, image, pseudo wrappers,
   and common generated product-grid classes. */
#shopView #products > *,
#shopView #products .card,
#shopView #products .product-card,
#shopView #products .v5-product-card,
#shopView #products .v67-product-card,
#shopView #products .shop-product-card,
#shopView #products article,
#shopView #products .product-img,
#shopView #products .product-image,
#shopView #products .product-image-wrap,
#shopView #products .image-wrap,
#shopView #products .card-image,
#shopView #products .v5-card-image,
#shopView #products .v67-card-image,
#shopView #products picture,
#shopView #products img,
#shopView #products .primary-img,
#shopView #products .secondary-img,
#shopView #products [class*="product"][class*="image"],
#shopView #products [class*="card"][class*="image"]{
  border-radius:0!important;
}

/* Some old cards use overflow clipping on an outer clickable wrapper. */
#shopView #products a:has(> .product-img),
#shopView #products a:has(> .v5-card-image),
#shopView #products a:has(> .v67-card-image),
#shopView #products button:has(> .product-img){
  border-radius:0!important;
}

/* Keep only badge/heart UI rounded. */
#shopView #products .favorite-btn,
#shopView #products .v67-favorite,
#shopView #products .product-badge,
#shopView #products .sale-badge,
#shopView #products [class*="badge"]{
  /* badges may remain pill/round; image/card radius stays zero */
}

/* ---------- Return row: equal top/bottom breathing room ---------- */
#shopView > .shop-return-top-v8236,
#shopView > #backNavV8234,
#shopView .shop-return-bar-v8235{
  min-height:0!important;
  height:auto!important;
  padding:16px 0!important;
  margin:0 auto 30px!important;
  align-items:center!important;
}

/* Do not add a separate bottom-only offset to either side. */
#shopView .shop-return-bar-v8235 .shop-back-v8234,
#shopView #backNavV8234 .shop-back-v8234{
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  align-self:center!important;
  line-height:1.2!important;
}

#shopView .return-wordmark-v8235{
  padding:0!important;
  margin:0!important;
  align-self:center!important;
  line-height:1!important;
}

/* Mobile: same equal whitespace above and below the row content. */
@media(max-width:700px){
  #shopView > .shop-return-top-v8236,
  #shopView > #backNavV8234,
  #shopView .shop-return-bar-v8235{
    min-height:0!important;
    height:auto!important;
    padding:15px 0!important;
    margin:0 auto 28px!important;
  }

  #shopView .shop-return-bar-v8235 .shop-back-v8234,
  #shopView #backNavV8234 .shop-back-v8234,
  #shopView .return-wordmark-v8235{
    padding-top:0!important;
    padding-bottom:0!important;
  }
}