/* ============================================================
   CANNI V8.2.42 — unified Brand Image + Home Brand Story
   ============================================================ */

/* Retire all category/special image systems except the one shared brand image. */
#categoryHeroBanner,
#specialBrandVisualV811,
.special-brand-visual-v811,
.shop-masthead-v812.special-brand-visual-v811{
  display:none!important;
}

/* The brand image is image-only. No generated CANNI / JEWELRY text overlay. */
#shopBrandBannerV8238 .shop-brand-copy-v8238{
  display:none!important;
}

#shopBrandBannerV8238.brand-image-only-v8242{
  aspect-ratio:3.1/1!important;
  min-height:150px!important;
  max-height:300px!important;
  border-radius:0!important;
  background:#f5f2ee!important;
  box-shadow:none!important;
  margin-bottom:26px!important;
}
#shopBrandBannerV8238.brand-image-only-v8242 .shop-brand-media-v8238{
  inset:0!important;
  background-size:cover!important;
  background-position:center!important;
}
/* V8.2.38 had a generated light overlay. Brand image should now be shown as uploaded. */
#shopBrandBannerV8238.brand-image-only-v8242.has-brand-image-v8238 .shop-brand-media-v8238::after{
  display:none!important;
}

/* ---------- Home Brand Story ---------- */
.home-brand-story-v8242{
  width:100%!important;
  max-width:1180px!important;
  margin:20px auto 96px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;
  min-height:480px!important;
  background:#f3eee8!important;
}
.brand-story-media-v8242{
  min-height:480px!important;
  background:#ebe5de!important;
  overflow:hidden!important;
}
.brand-story-media-v8242 img{
  width:100%!important;
  height:100%!important;
  min-height:480px!important;
  object-fit:cover!important;
  display:block!important;
}
.brand-story-copy-v8242{
  padding:64px 54px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
.brand-story-copy-v8242 small{
  font-size:10px!important;
  letter-spacing:.28em!important;
  color:#8d8177!important;
  margin-bottom:22px!important;
}
.brand-story-copy-v8242 h2{
  margin:0 0 24px!important;
  font:400 clamp(34px,4vw,54px)/1.18 "Noto Serif TC","Times New Roman",serif!important;
  color:#28231f!important;
}
.brand-story-copy-v8242 p{
  margin:0!important;
  font:400 15px/2 "Noto Sans TC","PingFang TC",sans-serif!important;
  color:#6d645c!important;
}

@media(max-width:700px){
  #shopBrandBannerV8238.brand-image-only-v8242{
    width:calc(100% + 36px)!important;
    margin-left:-18px!important;
    aspect-ratio:2.45/1!important;
    min-height:138px!important;
    margin-bottom:18px!important;
  }

  .home-brand-story-v8242{
    width:calc(100% + 36px)!important;
    margin-left:-18px!important;
    margin-bottom:72px!important;
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .brand-story-media-v8242,
  .brand-story-media-v8242 img{
    min-height:360px!important;
  }
  .brand-story-copy-v8242{
    padding:42px 28px 48px!important;
  }
  .brand-story-copy-v8242 h2{
    font-size:36px!important;
  }
  .brand-story-copy-v8242 p{
    font-size:14px!important;
    line-height:1.9!important;
  }
}