
/* ============================================================
   CANNI V8.2.47
   1) Category / subcategory / New / Hot / Featured products: square
   2) Search typography reduced
   3) Shop return bar matches Member Center return language
   ============================================================ */

/* ---------- Product grids: no rounded product cards/images ---------- */
/* This stylesheet loads last, so it also overrides later legacy rounded rules. */
#shopView #products .card,
#shopView #products .v5-product-card,
#shopView #products .v67-product-card,
#shopView #products article,
#shopView #products .product-img,
#shopView #products .v5-card-image,
#shopView #products .v67-card-image,
#shopView #products .product-img img,
#shopView #products .v5-card-image img,
#shopView #products .v67-card-image img,
#shopView #products .primary-img,
#shopView #products .secondary-img{
  border-radius:0!important;
}

/* The favorite button itself intentionally stays round. */
#shopView #products .favorite-btn,
#shopView #products .v67-favorite{
  border-radius:50%!important;
}

/* ---------- Search page typography ---------- */
.search-page-heading-v8215{
  margin-bottom:26px!important;
}
.search-page-heading-v8215 h1{
  font-size:clamp(38px,5.6vw,58px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}
.search-page-heading-v8215 p{
  font-size:14px!important;
  line-height:1.65!important;
}
.search-page-input-v8215 input{
  font-size:clamp(18px,2.7vw,26px)!important;
}

/* ---------- Shop return bar = Member Center visual system ---------- */
#shopView > .shop-return-top-v8236,
#shopView > #backNavV8234,
#shopView .shop-return-bar-v8235{
  box-sizing:border-box!important;
  width:min(1180px,calc(100% - 64px))!important;
  min-height:52px!important;
  height:auto!important;
  margin:0 auto 42px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #e3ddd5!important;
  transform:none!important;
}

/* Match member-center back button geometry. */
#shopView .shop-return-bar-v8235 .shop-back-v8234,
#shopView #backNavV8234 .shop-back-v8234{
  min-height:52px!important;
  height:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:0 0 18px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#49433d!important;
  -webkit-text-fill-color:#49433d!important;
  font:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
}

#shopView .shop-return-bar-v8235 .shop-back-v8234 svg,
#shopView #backNavV8234 .shop-back-v8234 svg{
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Right-side CANNI matches utility/member wordmark. */
#shopView .return-wordmark-v8235{
  padding-bottom:18px!important;
  margin:0!important;
  color:#2a2623!important;
  -webkit-text-fill-color:#2a2623!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.14em!important;
}

/* Mobile: exactly the same horizontal rhythm as .utility-page-inner-v8215 */
@media(max-width:700px){
  #shopView > .shop-return-top-v8236,
  #shopView > #backNavV8234,
  #shopView .shop-return-bar-v8235{
    width:calc(100% - 36px)!important;
    min-height:46px!important;
    height:auto!important;
    margin:0 auto 30px!important;
    padding:0!important;
  }

  #shopView .shop-return-bar-v8235 .shop-back-v8234,
  #shopView #backNavV8234 .shop-back-v8234{
    min-height:46px!important;
    height:auto!important;
    padding-bottom:14px!important;
    font-size:13px!important;
  }

  #shopView .return-wordmark-v8235{
    padding-bottom:14px!important;
    font-size:12px!important;
  }

  .search-page-heading-v8215{
    margin-bottom:22px!important;
  }
  .search-page-heading-v8215 h1{
    font-size:42px!important;
  }
  .search-page-heading-v8215 p{
    font-size:13px!important;
  }
  .search-page-input-v8215{
    margin-bottom:28px!important;
  }
  .search-page-input-v8215 input{
    font-size:20px!important;
  }
}
