/* PetHeart premium shop card — high contrast brand treatment */
html body.page-home #main section.section--tight:has(.cta-band a[href="/shops"]) .cta-band {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(132deg, #FFF7F4 0%, #FFE9E4 46%, #FFF 100%) !important;
  border: 1px solid #F1B9B0 !important;
  box-shadow: 0 22px 50px -30px rgba(164, 53, 39, .42), 0 2px 8px rgba(75, 33, 24, .05);
}
html body.page-home #main section.section--tight:has(.cta-band a[href="/shops"]) .cta-band::before {
  content: '';
  position: absolute;
  width: 360px;
  height: 360px;
  right: -100px;
  top: -180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(227,18,76,.14), rgba(227,18,76,0) 68%);
  pointer-events: none;
  z-index: -1;
}
html body.page-home #main section.section--tight:has(.cta-band a[href="/shops"]) .cta-band::after {
  content: 'PETHEART PARTNERS';
  position: absolute;
  right: 28px;
  bottom: 17px;
  color: rgba(164,53,39,.14);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
  pointer-events: none;
}
html body.page-home #main section.section--tight:has(.cta-band a[href="/shops"]) .cta-band > div:first-child { position: relative; z-index: 1; }
html body.page-home #main section.section--tight:has(.cta-band a[href="/shops"]) .cta-band .eyebrow {
  color: #A8321F !important;
  -webkit-text-fill-color: #A8321F !important;
  font-weight: 850;
}
html body.page-home #main section.section--tight:has(.cta-band a[href="/shops"]) .cta-band .eyebrow .ico {
  color: #D20F4A !important;
  stroke: #D20F4A !important;
}
html body.page-home #main section.section--tight:has(.cta-band a[href="/shops"]) .cta-band h2 {
  color: #2F1713 !important;
  -webkit-text-fill-color: #2F1713 !important;
  text-shadow: none;
}
html body.page-home #main section.section--tight:has(.cta-band a[href="/shops"]) .cta-band p {
  color: #654640 !important;
  -webkit-text-fill-color: #654640 !important;
  opacity: 1;
  max-width: 62ch;
}
html body.page-home #main section.section--tight:has(.cta-band a[href="/shops"]) .cta-band .cta-band__actions { position: relative; z-index: 2; }
html body.page-home #main section.section--tight:has(.cta-band a[href="/shops"]) .cta-band .btn--primary {
  background: linear-gradient(135deg, #E3124C, #B80D3D) !important;
  border-color: transparent !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 12px 24px -12px rgba(227,18,76,.7);
}
html body.page-home #main section.section--tight:has(.cta-band a[href="/shops"]) .cta-band .btn--primary:hover {
  background: linear-gradient(135deg, #F0255D, #C40B3E) !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 28px -12px rgba(227,18,76,.78);
}
html body.page-home #main section.section--tight:has(.cta-band a[href="/shops"]) .cta-band .btn--ghost {
  background: rgba(255,255,255,.82) !important;
  border: 1px solid #E7B8AE !important;
  color: #7E2D24 !important;
  -webkit-text-fill-color: #7E2D24 !important;
}
html body.page-home #main section.section--tight:has(.cta-band a[href="/shops"]) .cta-band .btn--ghost:hover {
  background: #fff !important;
  border-color: #D77D72 !important;
  color: #A8321F !important;
}
@media (max-width: 700px) {
  html body.page-home #main section.section--tight:has(.cta-band a[href="/shops"]) .cta-band::after { right: 18px; bottom: 12px; font-size: 8px; }
}