/* Mobile first: the original heading, copy and actions precede the photo. */
.category-hero-layout { display: grid; gap: 20px; align-items: center; min-width: 0; }
.category-hero-copy { min-width: 0; text-align: left; }
.category-hero-copy h1 { text-wrap: balance; }
.category-hero-copy .hero-buttons,
.category-hero-copy .pf-actions { justify-content: flex-start; }
.category-hero-image { margin: 0; min-width: 0; overflow: hidden; border-radius: 20px 20px 48px 20px; background: #fffaf7; border: 1px solid #eadde3; }
.category-hero-image img { display: block; width: 100%; height: 240px; object-fit: contain; }
/* This product photo has generous white margins around the bottle. */
.pf-hero .category-hero-image img { object-fit: cover; }
@media (max-width: 767px) {
  .category-hero-copy h1 { font-size: clamp(1.75rem, 7.5vw, 2.25rem); line-height: 1.12; margin-bottom: 12px; }
  .category-hero-copy .hero-hook, .category-hero-copy .pf-lead { font-size: 1rem; line-height: 1.5; margin-bottom: 16px; }
  .category-hero-copy .hero-buttons, .category-hero-copy .pf-actions { display: grid; grid-template-columns: 1fr; gap: 8px; margin-bottom: 0; }
  .category-hero-copy .hero-buttons a, .category-hero-copy .pf-actions a { min-height: 48px; width: 100%; white-space: normal; text-align: center; justify-content: center; }
  .category-hero-copy .breadcrumbs { margin-bottom: 12px; }
}
@media (min-width: 768px) {
  .category-hero-layout { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); }
  .category-hero-image { border-radius: 72px 20px 72px 20px; }
  .category-hero-image img { height: clamp(320px, 35vw, 440px); }
}