/* Product / long-form sections: reduce top padding so blocks sit below fixed header */
section:has(.block-product-wrapper),
section:has([class*='product']) {
  --block-padding-top: 0px;
}

.layout-element--layout:first-of-type {
  scroll-margin-top: var(--mirror-header-clearance, 80px);
}

@media (max-width: 768px) {
  :root {
    --mirror-header-clearance: 64px;
  }
}