#hm-sf-layer.hm-pdm-test-layer .hm-sf-folded-axis + .hm-sf-folded-axis { margin-top: 24px; }
#hm-sf-layer.hm-pdm-test-layer .hm-sf-folded-axis .hm-sf-folded-label { font-size: 14px !important; font-weight: 400 !important; line-height: 1.3 !important; margin: 0 0 2px !important; }
#hm-sf-layer.hm-pdm-test-layer .hm-sf-folded-axis .hm-sf-price-input { font-size: 14px !important; }
#hm-sf-layer.hm-pdm-test-layer .hm-sf-folded-axis .hm-sf-price-label { font-size: 13px !important; }
html .widget_product_categories .product-categories li.current-cat > a,
html .basel-product-categories li.current-cat > a { color: #da3399 !important; }

/* HM: Complianz two-step choice — 2026-10-24 */
.cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-buttons .cmplz-deny { display: none !important; }
.cmplz-cookiebanner.cmplz-categories-visible .cmplz-buttons .cmplz-deny { display: none !important; }
#cmplz-manage-consent .cmplz-manage-consent { display: none !important; }

/* HM: Article sharing disabled — 2026-10-21 */
article.post > .liner-continer,
.single-post .site-content .single-post-social,
.single-post .site-content .social-share,
.single-post .site-content .sharedaddy.sd-sharing-enabled {
  display: none !important;
}

/* HM Complianz soft wall overlay 2026-10-26 */
#cmplz-cookiebanner-container.cmplz-soft-cookiewall.cmplz-show { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; background: rgba(45, 45, 45, .58) !important; z-index: 999998 !important; pointer-events: auto !important; }
#cmplz-cookiebanner-container.cmplz-soft-cookiewall.cmplz-show .cmplz-cookiebanner { z-index: 999999 !important; }
/* HM consent buttons stacked at all widths 2026-10-26 */
/* Keep the complete integrated header visible while scrolling. */
body.global-header-base .website-wrapper { padding-top: 72px !important; }
.main-header.header-base { position: fixed !important; top: 0; left: 0; right: 0; z-index: 10010; }
body.admin-bar.global-header-base .website-wrapper { padding-top: 104px !important; }
body.admin-bar .main-header.header-base { top: 32px; }
@media (max-width: 1024px) {
  body.global-header-base .website-wrapper { padding-top: 121px !important; }
  body.admin-bar.global-header-base .website-wrapper { padding-top: 153px !important; }
}
@media (max-width: 782px) {
  body.admin-bar.global-header-base .website-wrapper { padding-top: 167px !important; }
  body.admin-bar .main-header.header-base { top: 46px; }
}

/* HM integrated header search — 2026-10-27 */
.main-header.header-base {
  display: grid !important;
  grid-template-columns: 180px auto minmax(210px, 1fr) auto;
  align-items: center;
  column-gap: 24px;
  min-height: 72px;
  height: auto !important;
  padding: 0 max(24px, calc((100% - 1280px) / 2)) !important;
  margin: 0 !important;
  background: #fff !important;
  box-sizing: border-box;
  border-bottom: 1px solid #ededed;
  overflow: visible !important;
}
.main-header.header-base::before,
.main-header.header-base::after,
.main-header.header-base > .container::before,
.main-header.header-base > .container::after,
.main-header.header-base .wrapp-header::before,
.main-header.header-base .wrapp-header::after,
.main-header.header-base > .navigation-wrap::before,
.main-header.header-base > .navigation-wrap::after,
.main-header.header-base > .navigation-wrap > .container::before,
.main-header.header-base > .navigation-wrap > .container::after { display: none !important; }
.main-header.header-base > .container,
.main-header.header-base > .container > .wrapp-header,
.main-header.header-base > .navigation-wrap,
.main-header.header-base > .navigation-wrap > .container {
  display: contents !important;
}
.main-header.header-base .site-logo {
  grid-column: 1; grid-row: 1; order: 1;
  display: block !important; width: auto !important;
  min-width: 0; height: auto !important; padding: 0 !important;
}
.main-header.header-base .site-logo img { width: 180px; max-width: 100%; height: auto; }
.main-header.header-base .main-nav {
  grid-column: 2; grid-row: 1; order: 2;
  display: block !important; width: auto !important; padding: 0 !important;
}
.main-header.header-base .main-nav > .menu {
  display: flex; align-items: center; flex-wrap: nowrap; gap: 20px; margin: 0;
}
.main-header.header-base .main-nav > .menu > li { margin: 0 !important; padding: 0 !important; }
.main-header.header-base .main-nav > .menu > li > a {
  padding: 24px 0 !important; white-space: nowrap; line-height: 24px;
}
.main-header.header-base .widgetarea-head {
  grid-column: 3; grid-row: 1; order: 3;
  display: block !important; width: auto !important; min-width: 0;
  padding: 0 !important; margin: 0 !important; text-align: left;
}
.main-header.header-base .right-column {
  grid-column: 4; grid-row: 1; order: 4;
  display: flex !important; align-items: center; justify-content: flex-end;
  gap: 16px; width: auto !important; min-width: 0; padding: 0 !important;
}
.main-header.header-base .right-column > * { margin-left: 0 !important; }
.hm-integrated-header-search,
.hm-integrated-header-search .asl_w_container { position: relative; width: 100% !important; min-width: 0; margin: 0 !important; }
.hm-integrated-header-search .asl_w,
.hm-integrated-header-search .probox {
  box-sizing: border-box !important; width: 100% !important; max-width: 100% !important;
  margin: 0 !important; border: 0 !important; border-radius: 999px !important;
  background: #f3f3f3 !important; box-shadow: none !important;
}
.hm-integrated-header-search .probox {
  height: 44px !important; padding: 0 8px 0 16px !important; align-items: center;
}
.hm-integrated-header-search .probox:focus-within { outline: 2px solid #df3299; outline-offset: 2px; }
.hm-integrated-header-search .proinput { margin: 0 !important; padding: 0 !important; min-width: 0 !important; }
.hm-integrated-header-search .proinput input.orig,
.hm-integrated-header-search .proinput input.autocomplete {
  background: transparent !important; color: #555 !important; font-size: 14px !important;
  height: 44px !important; line-height: 44px !important; padding: 0 !important; box-shadow: none !important;
}
.hm-integrated-header-search .proinput input::placeholder { color: #858585 !important; opacity: 1; }
.hm-integrated-header-search .promagnifier { width: 32px !important; height: 40px !important; flex: 0 0 32px; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.hm-integrated-header-search .promagnifier .innericon { display: flex !important; align-items: center; justify-content: center; height: 100% !important; }
.hm-integrated-header-search .promagnifier svg { fill: #858585 !important; width: 21px !important; height: 21px !important; }
.hm-integrated-header-search .hm-header-results {
  position: absolute; top: calc(100% + 10px); right: 0;
  width: min(700px, calc(100vw - 32px)); max-height: min(70vh, 650px);
  text-align: left; z-index: 10002;
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .main-header.header-base { grid-template-columns: 180px auto minmax(190px, 1fr) auto; column-gap: 16px; padding-left: 20px !important; padding-right: 20px !important; }
  .main-header.header-base .main-nav > .menu { gap: 14px; }
  .main-header.header-base .main-nav > .menu > li > a { font-size: 11px; }
  .main-header.header-base .right-column { gap: 12px; }
}
@media (max-width: 1024px) {
  .main-header.header-base {
    grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 48px 44px;
    gap: 8px 16px; min-height: 0; padding: 8px 16px 12px !important;
  }
  .main-header.header-base .site-logo { grid-column: 1; grid-row: 1; }
  .main-header.header-base .site-logo img { width: 180px; }
  .main-header.header-base .main-nav { display: none !important; }
  .main-header.header-base .right-column { grid-column: 2; grid-row: 1; gap: 16px; }
  .main-header.header-base .widgetarea-head { grid-column: 1 / -1; grid-row: 2; }
  .hm-integrated-header-search .hm-header-results { width: 100%; max-height: calc(100dvh - 160px); }
}
@media (max-width: 374px) {
  .main-header.header-base { padding-left: 12px !important; padding-right: 12px !important; column-gap: 10px; }
  .main-header.header-base .site-logo img { width: 150px; }
  .main-header.header-base .right-column { gap: 10px; }
}



.cmplz-cookiebanner.cmplz-categories-type-view-preferences .cmplz-buttons { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important; }
.cmplz-cookiebanner.cmplz-categories-type-view-preferences .cmplz-buttons .cmplz-btn:not(.cmplz-deny) { flex: 0 0 auto !important; width: 100% !important; height: auto !important; min-height: 48px !important; padding: 12px 18px !important; white-space: normal !important; }

/* HM integrated header content clearance - 2026-10-27
   Cancel Basel's old -40px offset only where content follows the header.
   Produkte and layouts with a title or breadcrumb row keep their spacing. */
body.global-header-base:not(.post-type-archive-product):not(.woocommerce-shop)
.website-wrapper > .main-header.header-base + .clear + .main-page-wrapper {
  margin-top: 0 !important;
}


/* Happy Mums tablet navigation and shop grid — 2026-10-28 */
@media (min-width: 768px) and (max-width: 1024px) {
  body.post-type-archive-product aside.area-sidebar-shop,
  body.tax-product_cat aside.area-sidebar-shop,
  body.tax-product_tag aside.area-sidebar-shop,
  body.woocommerce-shop aside.area-sidebar-shop { display: none !important; }
  body.post-type-archive-product .shop-content-area.col-sm-9,
  body.tax-product_cat .shop-content-area.col-sm-9,
  body.tax-product_tag .shop-content-area.col-sm-9,
  body.woocommerce-shop .shop-content-area.col-sm-9 {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    float: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .main-header.header-base .right-column .mobile-nav-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
}

/* Fluid tablet archive container and compact header controls — 2026-10-28 */
@media (min-width: 768px) and (max-width: 1024px) {
  body.post-type-archive-product .main-page-wrapper > .container,
  body.tax-product_cat .main-page-wrapper > .container,
  body.tax-product_tag .main-page-wrapper > .container,
  body.woocommerce-shop .main-page-wrapper > .container {
    width: 100% !important;
    max-width: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .main-header.header-base .right-column .wishlist-info-widget {
    display: none !important;
  }
}

/* Keep desktop product archive columns fluid below Basel's 1200px step. */
@media (min-width: 1025px) and (max-width: 1199px) {
  body.post-type-archive-product .main-page-wrapper > .container,
  body.tax-product_cat .main-page-wrapper > .container,
  body.tax-product_tag .main-page-wrapper > .container,
  body.woocommerce-shop .main-page-wrapper > .container {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Keep archive category navigation readable while the product grid flexes. */
@media (min-width: 1025px) {
  body.post-type-archive-product .shop-content-area.col-sm-9,
  body.tax-product_cat .shop-content-area.col-sm-9,
  body.tax-product_tag .shop-content-area.col-sm-9,
  body.woocommerce-shop .shop-content-area.col-sm-9 {
    width: calc(100% - 280px) !important;
    left: 280px !important;
  }
  body.post-type-archive-product aside.area-sidebar-shop.col-sm-3,
  body.tax-product_cat aside.area-sidebar-shop.col-sm-3,
  body.tax-product_tag aside.area-sidebar-shop.col-sm-3,
  body.woocommerce-shop aside.area-sidebar-shop.col-sm-3 {
    width: 280px !important;
    min-width: 280px !important;
    right: calc(100% - 280px) !important;
  }
}

/* HM expanded search interaction, 2026-10-28 */
body .main-header.header-base:has(.hm-integrated-header-search:focus-within) {
  isolation: isolate;
}
body .main-header.header-base:has(.hm-integrated-header-search:focus-within) .main-nav,
body .main-header.header-base:has(.hm-integrated-header-search:focus-within) .right-column {
  display: none !important;
}
body .main-header.header-base:has(.hm-integrated-header-search:focus-within) .widgetarea-head {
  grid-column: 2 / -1;
  grid-row: 1;
}
body .main-header.header-base:has(.hm-integrated-header-search:focus-within)::after {
  content: "";
  display: block !important;
  position: fixed;
  inset: 72px 0 0;
  background: rgba(0,0,0,.48);
  z-index: -1;
}
body.admin-bar .main-header.header-base:has(.hm-integrated-header-search:focus-within)::after {
  top: 104px;
}
.main-header.header-base .hm-integrated-header-search:focus-within .asl_w,
.main-header.header-base .hm-integrated-header-search:focus-within .probox {
  background: #fff !important;
  border-radius: 0 !important;
}
.main-header.header-base .hm-integrated-header-search:focus-within .probox {
  outline: none !important;
  border-bottom: 1px solid #888 !important;
}
.main-header.header-base .hm-integrated-header-search:focus-within .hm-header-results {
  top: 100%;
  right: 0;
  width: 100% !important;
  max-width: none !important;
  max-height: min(75dvh, 720px);
  padding: 24px 0;
  border: 0;
  border-radius: 0;
  box-shadow: 0 0 0 100vmax #fff;
  clip-path: inset(0 -100vmax);
}
.main-header.header-base .hm-integrated-header-search:focus-within .hm-header-group-title,
.main-header.header-base .hm-integrated-header-search:focus-within .hm-header-history-heading {
  background: #fff !important;
}
@media (max-width: 1024px) {
  body .main-header.header-base:has(.hm-integrated-header-search:focus-within) .widgetarea-head {
    grid-column: 1 / -1;
    grid-row: 2;
  }
  body .main-header.header-base:has(.hm-integrated-header-search:focus-within)::after { top: 121px; }
  body.admin-bar .main-header.header-base:has(.hm-integrated-header-search:focus-within)::after { top: 153px; }
}
@media (max-width: 782px) {
  body.admin-bar .main-header.header-base:has(.hm-integrated-header-search:focus-within)::after { top: 167px; }
}

/* HM search controls and completion presentation — 2026-10-28 */
.main-header.header-base .hm-integrated-header-search .probox {
  display: flex !important;
  padding-left: 8px !important;
}
.main-header.header-base .hm-integrated-header-search .promagnifier {
  order: -2 !important;
  margin: 0 8px 0 0 !important;
}
.main-header.header-base .hm-integrated-header-search .proinput {
  order: 0 !important;
  flex: 1 1 auto;
}
.main-header.header-base .hm-integrated-header-search .proclose {
  order: 2 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #858585 !important;
}
.main-header.header-base .hm-integrated-header-search .proclose svg {
  fill: #858585 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.main-header.header-base .hm-header-results .hm-header-context,
.main-header.header-base .hm-header-results .hm-header-original {
  display: none !important;
}
.main-header.header-base .hm-header-results .hm-header-suggestion {
  display: block !important;
}
.main-header.header-base .hm-header-suggestion strong {
  display: inline !important;
  font-weight: 700 !important;
}

/* Keep the search divider above the white result panel. */
.main-header.header-base .hm-integrated-header-search .asl_w { position: relative !important; z-index: 10003 !important; }
.main-header.header-base .hm-integrated-header-search .probox { position: relative !important; }
.main-header.header-base .hm-integrated-header-search:focus-within .probox::after {
 content: ""; display: block !important; position: absolute; left: 0; right: 0; bottom: 0;
 height: 1px; background: #888; pointer-events: none;
}
.hm-integrated-header-search .proclose { align-items: center; justify-content: center; flex: 0 0 32px; width: 32px !important; cursor: pointer; }

/* Restore the soft search divider. */
.main-header.header-base .hm-integrated-header-search:focus-within .probox { border-bottom-color: #d5d5d5 !important; }
.main-header.header-base .hm-integrated-header-search:focus-within .probox::after { background: #d5d5d5 !important; }

/* One HM clear control; suppress legacy and browser-native duplicates. */
.main-header.header-base .hm-integrated-header-search .probox .proclose {
 display: none !important; visibility: hidden !important; pointer-events: none !important;
}
.main-header.header-base .hm-integrated-header-search input[type="search"]::-webkit-search-cancel-button,
.main-header.header-base .hm-integrated-header-search input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none !important; display: none !important;
}
.main-header.header-base .hm-integrated-header-search .probox .hm-search-clear {
 appearance: none !important; -webkit-appearance: none !important;
 background: transparent !important; background-image: none !important;
 border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
 color: transparent !important; font-size: 0 !important;
 position: relative !important; width: 32px !important; height: 40px !important;
 padding: 0 !important; margin: 0 !important; cursor: pointer;
 user-select: none; -webkit-user-select: none;
}
.main-header.header-base .hm-integrated-header-search .hm-search-clear::before,
.main-header.header-base .hm-integrated-header-search .hm-search-clear::after {
 content: "" !important; position: absolute !important;
 left: 10px; top: 19px; width: 13px; height: 2px;
 background: #858585 !important; border: 0 !important;
 transform: rotate(45deg);
 pointer-events: none;
}
.main-header.header-base .hm-integrated-header-search .hm-search-clear::after {
 transform: rotate(-45deg);
}
.main-header.header-base .hm-integrated-header-search .hm-search-clear[hidden] { display: none !important; }

/* Neutral search rows and explicit desktop Guide placement. */
.main-header.header-base .hm-header-results a:hover,
.main-header.header-base .hm-header-results a:focus,
.main-header.header-base .hm-header-results .hm-header-keyboard-active,
.main-header.header-base .hm-header-results button:hover {
 background: transparent !important;
 box-shadow: none !important;
}
.main-header.header-base .hm-header-results a:focus-visible,
.main-header.header-base .hm-header-results button:focus-visible {
 outline: 1px solid #888 !important; outline-offset: -2px;
}
@media (min-width: 901px) {
 .main-header.header-base .hm-header-results.hm-header-has-guide {
  display: grid !important; grid-template-columns: minmax(180px,.9fr) minmax(0,1fr) minmax(0,1fr) !important;
 }
 .main-header.header-base .hm-header-has-guide > .hm-header-discovery { grid-column: 1; grid-row: 1; }
 .main-header.header-base .hm-header-has-guide > .hm-header-preview { grid-column: 2; grid-row: 1; }
 .main-header.header-base .hm-header-has-guide > .hm-header-guide { display: block !important; grid-column: 3; grid-row: 1; border-left: 1px solid #eee; border-top: 0; }
 .main-header.header-base .hm-header-has-guide .hm-header-product-grid { grid-template-columns: 1fr !important; }
 .main-header.header-base .hm-header-has-guide.hm-header-products-only { grid-template-columns: 1fr 1fr !important; }
 .main-header.header-base .hm-header-has-guide.hm-header-products-only > .hm-header-preview { grid-column: 1; }
 .main-header.header-base .hm-header-has-guide.hm-header-products-only > .hm-header-guide { grid-column: 2; }
 .main-header.header-base .hm-header-has-guide.hm-header-discovery-only { grid-template-columns: 1fr 1fr !important; }
 .main-header.header-base .hm-header-has-guide.hm-header-discovery-only > .hm-header-guide { grid-column: 2; }
 .main-header.header-base .hm-header-has-guide.hm-header-products-only.hm-header-discovery-only { grid-template-columns: 1fr !important; }
 .main-header.header-base .hm-header-has-guide.hm-header-products-only.hm-header-discovery-only > .hm-header-guide { grid-column: 1; }
}

/* Respect search dismissal even when the Guide grid has a forced display. */
.main-header.header-base .hm-header-results[hidden],
.main-header.header-base .hm-header-results.hm-header-has-guide[hidden] {
 display: none !important;
}
.main-header.header-base .hm-header-results .hm-header-blog-link {
 display: none !important;
}
