/* MELON 2.5 — archive header stays IN document flow, rather than covering text.
   Target only WooCommerce listings. Home, checkout, single product unchanged. */
body.melon-archive-readable .ms-site-header-shell,
body.melon-archive-readable .ms-site-header-shell.ms-shell-sticky,
body.melon-archive-readable .ms-site-header-shell .ms-site-header,
body.melon-archive-readable .ms-site-header-shell .ms-site-header.ms-is-sticky,
body.melon-archive-readable .whb-header,
body.melon-archive-readable .whb-header.whb-sticked,
body.melon-archive-readable .whb-sticky-header,
body.melon-archive-readable .whb-header .whb-main-header,
body.melon-archive-readable .whb-header .whb-general-header {
 position:relative!important;
 top:auto!important;bottom:auto!important;
 transform:none!important;
 inset-block-start:auto!important;
}
body.melon-archive-readable .ms-site-header-shell {inset:unset!important; width:100%!important}
body.melon-archive-readable .whb-sticky-placeholder {height:0!important;min-height:0!important}
/* Defensive layout spacing, but only on the archive wrapper itself. */
body.melon-archive-readable .main-page-wrapper {
 box-sizing:border-box!important;
 padding-top:max(30px,var(--melon-archive-clearance,0px))!important;
}
@media(max-width:767px){
 body.melon-archive-readable .main-page-wrapper{padding-top:max(22px,var(--melon-archive-clearance,0px))!important}
}
/* If the product list starts near the sticky header in themes with distinct containers,
   maintain a readable gap without moving every child block or changing carousel markup. */
body.melon-archive-readable .main-page-wrapper :is(.woocommerce-products-header,.wd-shop-title,.shop-content-area) {
 scroll-margin-top:26px;
}