/* Natalia's shared typography and image rules, October 27, 2026. */
:root{--heading-h1-spacing:-2px;--heading-h2-spacing:0;--heading-h3-spacing:0;--product-image-radius:12px}
body h1{letter-spacing:var(--heading-h1-spacing)!important}
body h2{letter-spacing:var(--heading-h2-spacing)!important}
body h3{letter-spacing:var(--heading-h3-spacing)!important}
.retail-hero>div>img,.retail-gallery img,.retail-demo video,.ha-treat-photo>img{border-radius:var(--product-image-radius)}
.shop-page .section-title h1{font-family:Russo,Arial,sans-serif;font-weight:400;font-size:clamp(32px,4vw,58px);line-height:1.1;margin:0}
.shop-page #shop{padding-top:64px}
.shop-page .product-grid{position:relative;isolation:isolate}
.shop-page .product-grid>[hidden]{display:none!important}
.shop-page .filter-animation-layer{position:absolute;inset:0;pointer-events:none;z-index:1}
.shop-page .filter-animation-layer>.product{position:absolute;margin:0;pointer-events:none}
.shop-page .filter-grid-wrap{position:relative}
.shop-page .filter-status{font-size:13px;color:#5a6473;margin:12px 0 20px}
@media(max-width:700px){.shop-page #shop{padding-top:36px}}

/* Shared button treatment, including inherited Shop controls. */
button,a.button,a.text-link,.ha-button,.ha-underlink{text-transform:capitalize}