/* ═══════════════════════════════════════════════════════════════════
   Global Font Enforcement — Inter (body) + Inter Tight (Display)
   Überschreibt Enfolds Inline-CSS (Lato/Open Sans)
   ═══════════════════════════════════════════════════════════════════ */

html body,
html body p,
html body li,
html body a,
html body span,
html body div,
html body label,
html body button,
html body input,
html body textarea,
html body select,
html body .widget,
html body .woocommerce,
html body.woocommerce,
html body .menu,
html body .main_menu,
html body .main_menu ul li a,
html body .sub_menu,
html body .av-subnav-menu,
html body .sidebar_menu,
html body#top .main_menu .menu ul li a,
html body#top .menu ul li a,
html body .av_menu_icon,
html body .avia-button,
html body .avia_textblock,
html body .cart_dropdown_link,
html body .price,
html body .entry-content-wrapper,
html body.single-product .product,
html body .woocommerce-cart,
html body .woocommerce-checkout,
html body .woocommerce-account {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .av-special-heading-tag,
html body .av_textblock_section h1,
html body .av_textblock_section h2,
html body .av_textblock_section h3,
html body .av_textblock_section h4,
html body .woocommerce .product h1,
html body .woocommerce .product h2,
html body .woocommerce .product h3,
html body .woocommerce ul.products li.product .woocommerce-loop-product__title,
html body .woocommerce ul.products li.product h2,
html body.woocommerce-page h1.page-title,
html body .mt-shop-hero h1,
html body .main_title h1 {
  font-family: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Pre/Code/Mono: system mono */
html body code,
html body pre,
html body kbd,
html body samp {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Mountain Tree Global Footer
   Wird auf ALLEN Seiten geladen (Landing, Shop, Checkout, Impressum, …)
   ═══════════════════════════════════════════════════════════════════ */

/* Enfold-Standard-Footer & Socket global ausblenden — wir haben unseren eigenen */
body #footer,
body #socket,
body #scroll-top-link {
  display: none !important;
}

:root {
  --mt-foot-bg:       #111a15;
  --mt-foot-top:      #1c2820;
  --mt-foot-paper:    #f4f7f2;
  --mt-foot-text:     #f4f7f2;
  --mt-foot-muted:    rgba(244,247,242,0.68);
  --mt-foot-accent:   #00b94a;
}

.mt-foot {
  position: relative;
  padding: 28px 0 14px;
  background:
    linear-gradient(180deg, var(--mt-foot-top) 0%, var(--mt-foot-bg) 24%, #0d1410 100%) !important;
  color: var(--mt-foot-muted);
  border-top: 0;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
}
.mt-foot::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -7px;
  height: 7px;
  pointer-events: none;
  background: linear-gradient(180deg, #f4f7f2 0%, var(--mt-foot-top) 100%);
}

html body.home .mt-foot::before,
html body.front-page .mt-foot::before,
html body.page-template-template-landing .mt-foot::before {
  display: none !important;
  content: none !important;
}
.mt-foot * { box-sizing: border-box; }

.mt-foot__container {
  width: min(92%, 1200px);
  margin: 0 auto;
}

.mt-foot__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 720px) {
  .mt-foot__grid { grid-template-columns: 2fr 1fr 1fr 1.3fr; }
}

.mt-foot__brand img {
  max-width: 120px;
  height: auto;
  display: block;
}
.mt-foot__tag {
  margin: 10px 0 0;
  font-size: 14px;
  color: var(--mt-foot-muted);
  max-width: 28ch;
}

.mt-foot__nav h4,
.mt-foot__contact h4 {
  font-family: "Inter Tight", "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mt-foot-text);
  margin: 0 0 16px;
}

.mt-foot__nav ul {
  list-style: none;
  padding: 0; margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mt-foot__nav a {
  color: var(--mt-foot-paper);
  text-decoration: none;
  font-size: 14px;
  transition: color 0.2s ease;
}
.mt-foot__nav a:hover { color: var(--mt-foot-accent); }

.mt-foot__contact address {
  font-style: normal;
  font-size: 14px;
  line-height: 1.8;
}
.mt-foot__contact a {
  color: var(--mt-foot-paper);
  text-decoration: none;
}
.mt-foot__contact a:hover {
  color: var(--mt-foot-accent);
  text-decoration: none;
}

.mt-foot__copy {
  margin: 0;
  font-size: 12px;
  color: rgba(168,168,165,0.6);
  letter-spacing: 0.02em;
}

/* Bottom-Zeile: copy links + social-icons rechts, SCHMAL, direkt unterm Grid */
.mt-foot__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.05);
  flex-wrap: wrap;
}

/* Social icons in footer */
.mt-foot__social {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
}
.mt-foot__social li { margin: 0; padding: 0; }
.mt-foot__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255,255,255,.06);
  color: #e9ece8;
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
.mt-foot__social a svg { width: 18px; height: 18px; }
.mt-foot__social a:hover {
  background: #009639;
  color: #fff;
  transform: translateY(-2px);
}

/* Schema.org breadcrumb position metadata - hide numbers */
span[itemprop="position"],
.breadcrumbs .hidden {
    display: none !important;
}

/* Mountain Tree custom breadcrumbs: small, quiet, no Enfold banner. */
.mt-breadcrumb {
  width: 100%;
  margin: 0 0 22px !important;
  padding: 0 !important;
  color: #6b7a72 !important;
  font-family: "poppins", "Poppins", "Inter", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

.mt-breadcrumb__list {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.mt-breadcrumb__item {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
}

.mt-breadcrumb__item + .mt-breadcrumb__item::before {
  content: "›";
  margin: 0 8px !important;
  color: rgba(104, 118, 111, 0.62) !important;
  font-weight: 500 !important;
}

.mt-breadcrumb a.mt-breadcrumb__link,
html body#top .mt-breadcrumb a.mt-breadcrumb__link {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #178a4d !important;
  font: inherit !important;
  text-decoration: none !important;
  text-transform: none !important;
}

.mt-breadcrumb a.mt-breadcrumb__link:hover,
html body#top .mt-breadcrumb a.mt-breadcrumb__link:hover,
.mt-breadcrumb a.mt-breadcrumb__link:focus-visible,
html body#top .mt-breadcrumb a.mt-breadcrumb__link:focus-visible {
  color: #0f6f40 !important;
  text-decoration: none !important;
}

.mt-breadcrumb__current {
  display: inline-block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #24322d !important;
  font: inherit !important;
  text-overflow: ellipsis !important;
  vertical-align: bottom !important;
}

@media (max-width: 767px) {
  .mt-breadcrumb {
    margin-bottom: 16px !important;
    font-size: 12px !important;
  }

  .mt-breadcrumb__item + .mt-breadcrumb__item::before {
    margin: 0 6px !important;
  }

  .mt-breadcrumb__current {
    max-width: min(58vw, 280px) !important;
    white-space: nowrap !important;
  }
}




/* ============================================================
   Global Header: schwarz (opaque), kollabiert zu grau (opaque) beim Scroll
   ============================================================ */

/* Enfold whites-out .header_bg div: überschreiben auf schwarz */
body:not(.home) #header .header_bg {
  background: transparent !important;
}

body:not(.home) #header,
body:not(.home) #header_main,
body:not(.home) #header_meta {
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Default: voll schwarz, komfortable Höhe */
body:not(.home) #header_main {
  background: rgba(29, 35, 39, 0.72) !important;
  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  transition: background 0.35s ease, padding 0.35s ease;
}

/* Scrolled: langweilig-grau solid, Header nur so hoch wie Logo */
body.mt-scrolled:not(.home) #header_main {
  background: rgba(40, 44, 48, 0.72) !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Menu + icons + logo: weiß durchgehend (auch Search + Cart) */
body:not(.home) #header a,
body:not(.home) #header .main_menu > nav > ul > li > a,
body:not(.home) #header .av-main-nav > li > a,
body:not(.home) #header .av-cart-container > a,
body:not(.home) #header .av-burger-menu-main a,
body:not(.home) #header .avia-svg-icon,
body:not(.home) #header .menu-item-avia-special a,
body:not(.home) #header .av_header_searchicon a,
body:not(.home) #header .cart-menu-icon,
body:not(.home) #header .cart_dropdown_link,
body:not(.home) #header .av-cart-counter {
  color: #fff !important;
  transition: font-size 0.35s ease;
}
body:not(.home) #header svg {
  fill: #fff !important;
  stroke: #fff !important;
}
body:not(.home) #header .main_menu > nav > ul > li > a:hover,
body:not(.home) #header .av-main-nav > li > a:hover,
body:not(.home) #header .avia-svg-icon:hover {
  color: #b9f0c8 !important;
}
body:not(.home) #header svg:hover {
  fill: #b9f0c8 !important;
}

/* Vertikale Trennlinien vor/nach Cart + Search + Burger entfernen */
body:not(.home) #header .menu-item-avia-special,
body:not(.home) #header .av-cart-container,
body:not(.home) #header .av-burger-menu-main,
body:not(.home) #header .cart_dropdown_link {
  border-left: none !important;
  border-right: none !important;
  border: none !important;
}
body:not(.home) #header .menu-item-avia-special::before,
body:not(.home) #header .menu-item-avia-special::after,
body:not(.home) #header .av-cart-container::before,
body:not(.home) #header .av-cart-container::after,
body:not(.home) #header .av-burger-menu-main::before,
body:not(.home) #header .av-burger-menu-main::after {
  display: none !important;
}

/* Logo: default full, scrolled trees-only + eng passend */
body:not(.home) #header .logo img {
  max-height: 64px !important;
  transition: max-height 0.35s ease;
}
body.mt-scrolled:not(.home) #header .logo img {
  content: url("../assets/landing/logo-mt-trees.png");
  max-height: 34px !important;
}
body:not(.home) #header .logo {
  line-height: 1 !important;
}

/* Menu kompakter im scrolled */
body.mt-scrolled:not(.home) #header .main_menu > nav > ul > li > a,
body.mt-scrolled:not(.home) #header .av-main-nav > li > a {
  font-size: 0.85rem !important;
}

/* ============================================================
   Sidebar-Widget-Liste Fix: keine Default-Bullets, saubere Hierarchie
   ============================================================ */
.woocommerce aside.sidebar .widget ul,
.woocommerce-page aside.sidebar .widget ul,
.woocommerce aside.sidebar .widget_product_categories ul,
.woocommerce-page aside.sidebar .widget_product_categories ul,
.woocommerce aside.sidebar ul.product-categories,
.woocommerce-page aside.sidebar ul.product-categories {
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.woocommerce aside.sidebar .widget ul li,
.woocommerce-page aside.sidebar .widget ul li,
.woocommerce aside.sidebar .widget_product_categories li,
.woocommerce-page aside.sidebar .widget_product_categories li {
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  background-image: none !important;
  border: none !important;
}

/* Nested children: sauberes Einrücken ohne Bullet */
.woocommerce aside.sidebar .widget_product_categories ul.children,
.woocommerce-page aside.sidebar .widget_product_categories ul.children {
  padding-left: 16px !important;
  margin-top: 4px !important;
  border-left: 2px solid var(--mt-line, #e3e7e0);
}



/* ============================================================
   Header-H\u00f6he im scrolled State: nur Anchor-Padding reduzieren
   (Enfold macht links typisch 90px hoch via padding)
   ============================================================ */
body.mt-scrolled:not(.home) #header .main_menu > nav > ul > li > a,
body.mt-scrolled:not(.home) #header .av-main-nav > li > a,
body.mt-scrolled:not(.home) #header .menu-item-avia-special > a,
body.mt-scrolled:not(.home) #header .av-cart-container > a,
body.mt-scrolled:not(.home) #header .av-burger-menu-main > a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  line-height: 1.2 !important;
  height: auto !important;
}

/* (1) Cart-Linien: Der richtige Selektor ist ul.cart_dropdown */
body:not(.home) #header ul.cart_dropdown,
body:not(.home) #header ul.menu-item.cart_dropdown,
body:not(.home) #header .cart_dropdown_first,
body:not(.home) #header .av_header_searchicon,
body:not(.home) #header li.noMobile {
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* (1a) Weiße Trennlinie nach Hauptmenü entfernen */
body:not(.home) #header .avia-menu,
body:not(.home) #header .av-main-nav-wrap,
body:not(.home) #header .avia-menu.av-main-nav-wrap {
  border: none !important;
  border-right: none !important;
  border-left: none !important;
}

/* (1b) Social-Icons aus Header komplett raus (gehören in den Footer) */
body:not(.home) #header .social_bookmarks,
body:not(.home) #header ul.social_bookmarks,
body:not(.home) #header_main .social_bookmarks {
  display: none !important;
}

/* (2) Sidebar: Enfold-Bullets und Pfeile aus Widget-Listen raus */
aside.sidebar .avia-bullet,
aside.sidebar .avia-arrow,
.widget .avia-bullet,
.widget .avia-arrow,
.widget_product_categories .avia-bullet,
.widget_product_categories .avia-arrow {
  display: none !important;
}

/* Zusätzlich: Marker-Pseudoelement unterdrücken */
aside.sidebar .widget li::marker,
.widget_product_categories li::marker {
  content: none !important;
  display: none !important;
  font-size: 0 !important;
}

/* Cart-UL neben MainNav-UL auf einer Zeile (statt vertikal gestackt) */
body:not(.home) #header .avia-menu.av-main-nav-wrap {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  height: auto !important;
}
body:not(.home) #header ul.av-main-nav,
body:not(.home) #header nav.main_menu > ul,
body:not(.home) #header ul.cart_dropdown,
body:not(.home) #header ul.menu-item.cart_dropdown {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  float: none !important;
  height: auto !important;
  line-height: 1.2 !important;
}
body:not(.home) #header .cart_dropdown_first {
  height: auto !important;
  float: none !important;
}

/* === NUCLEAR: .main_menu selbst ist display:block — zwinge Flex-Row === */
html body:not(.home) #header nav.main_menu,
html body:not(.home) #header .main_menu {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  height: auto !important;
  max-height: none !important;
}
/* Alle 3 Kinder (wrapper, cart, socials) in EINE Zeile, kein wrap */
html body:not(.home) #header nav.main_menu > * {
  display: inline-flex !important;
  float: none !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  vertical-align: middle !important;
  height: auto !important;
  line-height: 1.2 !important;
}

/* === NUCLEAR: social_bookmarks komplett aus dem Header entfernen === */
html body:not(.home) #header ul.social_bookmarks,
html body:not(.home) #header .social_bookmarks,
html body:not(.home) #header .social_bookmarks_facebook,
html body:not(.home) #header .social_bookmarks_instagram,
html body:not(.home) #header .av-social-link,
html body:not(.home) #header_main .social_bookmarks,
html body:not(.home) #header_meta .social_bookmarks,
html body:not(.home) .noLightbox.social_bookmarks {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
}

/* Cart-UL: höhe aus, inline */
html body:not(.home) #header ul.cart_dropdown,
html body:not(.home) #header ul.menu-item.cart_dropdown {
  height: auto !important;
  min-height: 0 !important;
}
html body:not(.home) #header li.cart_dropdown_first {
  height: auto !important;
  line-height: 1 !important;
  float: none !important;
}

/* === NUCLEAR: Logo + Menü aus position:absolute rausholen, inner-container als Flex-Row === */
html body:not(.home) #header .container.av-logo-container {
  height: auto !important;
  min-height: 0 !important;
}
html body:not(.home) #header .inner-container {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  height: auto !important;
  min-height: 0 !important;
}
html body:not(.home) #header .inner-container > span.logo,
html body:not(.home) #header .inner-container > .logo {
  position: relative !important;
  float: none !important;
  flex-shrink: 0 !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
}
html body:not(.home) #header .inner-container > nav.main_menu {
  position: relative !important;
  float: none !important;
  flex: 0 1 auto !important;
  height: auto !important;
  width: auto !important;
  right: auto !important;
  top: auto !important;
  margin-left: auto !important;  /* rechts ausrichten */
}

/* === Cart-Höhe MANUELL festnageln (Enfold setzt 91px via inline/spezifischer CSS) === */
html body:not(.home) #header ul.cart_dropdown,
html body:not(.home) #header ul.menu-item.cart_dropdown,
html body:not(.home) #header ul.cart_dropdown > li,
html body:not(.home) #header li.cart_dropdown_first,
html body:not(.home) #header a.cart_dropdown_link {
  height: 34px !important;
  max-height: 34px !important;
  min-height: 0 !important;
  line-height: 34px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
html body:not(.home) #header a.cart_dropdown_link {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* Search-Icon auch kompakt */
html body:not(.home) #header .menu-item-search-dropdown,
html body:not(.home) #header .menu-item-search-dropdown > a,
html body:not(.home) #header .av_header_searchicon,
html body:not(.home) #header .av_header_searchicon > a {
  height: 34px !important;
  line-height: 34px !important;
  min-height: 0 !important;
  max-height: 34px !important;
}

/* Main-Nav Links auch auf 34px anchors */
html body.mt-scrolled:not(.home) #header .av-main-nav > li > a,
html body.mt-scrolled:not(.home) #header .main_menu > nav > ul > li > a {
  height: 34px !important;
  line-height: 34px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}

/* Enfold rendert bullet_grey.png als background-image auf Sidebar-Widget-Links. Killen: */
html body aside.sidebar .widget a,
html body aside.sidebar .widget_product_categories a,
html body aside.sidebar .widget_product_categories li a,
html body aside.sidebar ul.product-categories li a,
html body.woocommerce-page aside.sidebar a,
html body.woocommerce aside.sidebar a {
  background-image: none !important;
  background: transparent !important;
  padding-left: 0 !important;
}

/* Enfold bullet_grey.png auf Sidebar-Links: NUCLEAR mit [href]-Attribute-Selektor für höhere Spezifität */
html body aside.sidebar li a[href],
html body aside.sidebar .widget a[href],
html body aside.sidebar .widget_product_categories a[href],
html body aside.sidebar ul.product-categories li a[href],
html body.woocommerce-page aside.sidebar a[href],
html body.woocommerce aside.sidebar a[href],
html[lang] body[class] aside.sidebar a[href] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  padding-left: 0 !important;
}

/* Enfold-Selektor hat #top + weitere IDs. Mit 3 IDs überbieten: */
html body#top #wrap_all #main aside.sidebar a,
html body#top #wrap_all #main aside.sidebar a[href],
html body#top #main aside.sidebar a,
html body#top #main aside.sidebar a[href],
html body#top #wrap_all aside.sidebar a,
html body#top #wrap_all aside.sidebar a[href] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  padding-left: 0 !important;
}

/* Enfold bullet_grey.png definitiv entfernen (body#top erhöht Spezifität) */
html body#top #main aside.sidebar a[href],
html body#top #wrap_all #main aside.sidebar a[href],
html body#top aside.sidebar .widget a[href] {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  padding-left: 0 !important;
}

/* Grünes CSS-Bullet vor jedem Sidebar-Kategorie-Item mit Abstand zum Text */
html body#top aside.sidebar .widget_product_categories ul li {
  position: relative !important;
  padding-left: 16px !important;
  line-height: 1.8 !important;
}
html body#top aside.sidebar .widget_product_categories ul li::before {
  content: "\25CF" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #009639 !important;
  font-size: 0.8em !important;
  line-height: inherit !important;
  display: inline-block !important;
}
/* Children-Liste: Bullet etwas heller/dezenter */
html body#top aside.sidebar .widget_product_categories ul.children li::before {
  color: #00b94a !important;
  font-size: 0.55em !important;
}




/* ============================================================
   Always-Compact-Header auf /ueber-uns/, /kontakt/, /mein-konto/
   Spiegelt die mt-scrolled-Rules direkt (ohne Scroll-Trigger)
   ============================================================ */
body.mt-always-compact:not(.home) #header_main {
  background: rgba(10, 12, 13, 0.92) !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
body.mt-always-compact:not(.home) #header .logo img {
  content: url("../assets/landing/logo-mt-trees.png");
  max-height: 34px !important;
}
body.mt-always-compact:not(.home) #header .main_menu > nav > ul > li > a,
body.mt-always-compact:not(.home) #header .av-main-nav > li > a,
body.mt-always-compact:not(.home) #header .menu-item-avia-special > a,
body.mt-always-compact:not(.home) #header .av-cart-container > a,
body.mt-always-compact:not(.home) #header .av-burger-menu-main > a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  line-height: 1.2 !important;
  height: auto !important;
  font-size: 0.85rem !important;
}

/* Leicht-grüner Seitenhintergrund auf mt-always-compact Seiten (Impressum, Datenschutz, AGB, Widerruf, Kontakt, Über uns, Produktdetail, Kategorien, My-Account) */
body.mt-always-compact .main_color,
body.mt-always-compact #main,
body.mt-always-compact .container_wrap {
  background: #f6f8f5 !important;
  background-image: none !important;
  box-shadow: none !important;
}

@supports selector(html:has(body)) {
  html:has(body.mt-always-compact),
  html:has(body.woocommerce),
  html:has(body.woocommerce-page) {
    background: #f6f8f5 !important;
    background-image: none !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   Shop-Header-Typografie = Landing-Nav-Typografie
   Übernimmt exakt Font-Family / Weight / Size / Letter-Spacing
   aus .mt-nav__link (landing.css Zeile 126-135)
   ═══════════════════════════════════════════════════════════════════ */

/* Shop-Nav-Items — Inter Tight 500 / 13px / 0.02em tracking */
html body:not(.home) #header .main_menu > nav > ul > li > a,
html body:not(.home) #header .main_menu .menu > li > a,
html body:not(.home) #header .av-main-nav > li > a,
html body:not(.home) #header nav.main_menu a {
  font-family: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
  opacity: 0.82;
  text-transform: none !important;
}

html body:not(.home) #header .main_menu > nav > ul > li > a:hover,
html body:not(.home) #header .av-main-nav > li > a:hover {
  opacity: 1;
}

/* Sub-Menu-Items (Dropdown "Shop ▾") etwas kleiner, gleiche Familie */
html body:not(.home) #header .sub-menu a,
html body:not(.home) #header .av-main-nav .sub-menu a {
  font-family: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 500 !important;
  font-size: 12.5px !important;
  letter-spacing: 0.02em !important;
}

/* Cart-Label + Counter in gleicher Familie */
html body:not(.home) #header .cart_dropdown_link,
html body:not(.home) #header .av-cart-counter {
  font-family: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.02em !important;
}

/* Scrolled: Landing-Nav bleibt bei 13px, aber Enfold-Shop schrumpft eh schon
   — wir heben den Size-Override von global-footer.css Zeile 311 auf und
   lassen ihn bei 13px, damit Landing-Parität konsistent bleibt */
html body.mt-scrolled:not(.home) #header .main_menu > nav > ul > li > a,
html body.mt-scrolled:not(.home) #header .av-main-nav > li > a {
  font-size: 13px !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Login-Pill + Mobile-Nav (Stufe 1 Rest)
   Händler-Login-Menüitem wird zur Pill, Mobile reduziert sich auf
   Logo + Cart + Pill (kein Burger, analog Landing-Nav)
   ═══════════════════════════════════════════════════════════════════ */

/* Login-Pill Styling (alle Breakpoints) */
html body:not(.home) #header .main_menu .menu > li.mt-login-pill > a,
html body:not(.home) #header .av-main-nav > li.mt-login-pill > a,
html body:not(.home) #header nav.main_menu li.mt-login-pill > a {
  background: transparent !important;
  border: 1px solid rgba(0,185,74,0.55) !important;
  padding: 7px 16px !important;
  border-radius: 999px !important;
  font-family: "Inter Tight", "Inter", ui-sans-serif, sans-serif !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.03em !important;
  opacity: 1 !important;
  color: #fff !important;
  line-height: 1 !important;
  height: auto !important;
  transition: background 0.2s ease, border-color 0.2s ease;
  display: inline-flex;
  align-items: center;
}
html body:not(.home) #header .main_menu li.mt-login-pill > a:hover,
html body:not(.home) #header .av-main-nav li.mt-login-pill > a:hover {
  background: #009639 !important;
  border-color: #009639 !important;
  color: #fff !important;
  opacity: 1 !important;
}
html body:not(.home) #header .main_menu li.mt-login-pill {
  margin-left: 8px;
}

/* ─── Mobile (≤767px): Reduzierter Nav — Logo + Cart + Login-Pill ─── */
@media (max-width: 767px) {
  /* Alle Menüitems ausblenden außer Login-Pill */
  html body:not(.home) #header .main_menu .menu > li:not(.mt-login-pill),
  html body:not(.home) #header .av-main-nav > li:not(.mt-login-pill) {
    display: none !important;
  }
  /* Login-Pill zwingend sichtbar */
  html body:not(.home) #header .main_menu .menu > li.mt-login-pill,
  html body:not(.home) #header .av-main-nav > li.mt-login-pill {
    display: inline-flex !important;
  }
  /* Main_menu selbst muss sichtbar bleiben (Enfold blendet es oft auf mobile aus) */
  html body:not(.home) #header .main_menu,
  html body:not(.home) #header nav.main_menu,
  html body:not(.home) #header .main_menu .menu,
  html body:not(.home) #header .av-main-nav {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  /* Enfolds Auto-Burger unterdrücken */
  html body:not(.home) #header .av-burger-menu-main,
  html body:not(.home) #header .av-burger-overlay,
  html body:not(.home) #header .av-burger-overlay-scroll,
  html body:not(.home) #header .av_subtoggler {
    display: none !important;
  }
  /* Search-Icon ausblenden (declutter) */
  html body:not(.home) #header .av_header_searchicon,
  html body:not(.home) #header .menu-item-search-dropdown,
  html body:not(.home) #header .header_searchicon,
  html body:not(.home) #header_meta .avia_menu_cart_search {
    display: none !important;
  }
  /* Cart + Pill rechts gruppieren */
  html body:not(.home) #header .av-cart-container,
  html body:not(.home) #header .cart_dropdown_link {
    display: flex !important;
    align-items: center;
  }
  /* Logo bleibt links — Enfold-default beibehalten */
  html body:not(.home) #header .logo {
    flex: 0 0 auto;
  }
  /* Pill etwas kleiner auf Mobile */
  html body:not(.home) #header .main_menu li.mt-login-pill > a,
  html body:not(.home) #header .av-main-nav li.mt-login-pill > a {
    padding: 6px 12px !important;
    font-size: 11.5px !important;
  }
  /* Header padding mobile tighter */
  html body:not(.home) #header_main {
    padding: 4px 8px !important;
  }
  /* Logo mobile nicht zu groß */
  html body:not(.home) #header .logo img {
    max-height: 32px !important;
  }
}

/* ─── Tablet (768-990px): Full nav, aber Pill bleibt Pill ─── */
@media (min-width: 768px) and (max-width: 990px) {
  html body:not(.home) #header .av-burger-menu-main {
    display: none !important;
  }
  html body:not(.home) #header .main_menu,
  html body:not(.home) #header nav.main_menu,
  html body:not(.home) #header .av-main-nav {
    display: flex !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   STUFE 2 — Shop-Grid modernisieren
   Sidebar raus · Chip-Bar rein · 3er-Grid · Produktkarten polish
   Scope: /shop/, /product-category/*, /product-tag/*
   ═══════════════════════════════════════════════════════════════════ */

/* ─── Sidebar entfernen, Content full-width ─── */
body.post-type-archive-product aside.sidebar,
body.tax-product_cat aside.sidebar,
body.tax-product_tag aside.sidebar {
  display: none !important;
}
body.post-type-archive-product .content,
body.tax-product_cat .content,
body.tax-product_tag .content,
body.post-type-archive-product .template-shop.content,
body.tax-product_cat .template-shop.content {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.post-type-archive-product .entry-content-wrapper,
body.tax-product_cat .entry-content-wrapper {
  max-width: 100% !important;
}
/* Container wrapper auch full-width */
body.post-type-archive-product .container_wrap .container,
body.tax-product_cat .container_wrap .container {
  width: min(94%, 1340px) !important;
  max-width: 1340px !important;
}

/* ─── Chip-Bar (restructured — Chips-Wrap + Search-Fixed-Right) ─── */
.mt-chipbar {
  margin: 28px 0 32px;
  padding: 0;
  position: relative;
}
html body .mt-chipbar__inner {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 8px 10px 8px 14px !important;
  background: rgba(255,255,255,0.72) !important;
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  border: 1px solid rgba(0,150,57,0.14) !important;
  border-radius: 99px !important;
  box-shadow: 0 2px 12px rgba(16,32,20,0.05) !important;
  box-sizing: border-box;
  width: 100%;
}
html body .mt-chipbar__chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0;
}
html body .mt-chip {
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 16px !important;
  border-radius: 99px !important;
  font-family: "Inter Tight", "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: 0.01em !important;
  color: #2c3430 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s, border-color 0.2s !important;
  white-space: nowrap !important;
  line-height: 1.3 !important;
}
html body .mt-chip:hover {
  background: rgba(0,150,57,0.08) !important;
  color: #006b28 !important;
}
html body .mt-chip.is-active {
  background: #009639 !important;
  color: #fff !important;
  font-weight: 600 !important;
}
html body .mt-chip.is-active:hover {
  background: #007a2f !important;
}

/* Such-Form: Hart gegen Enfold-Defaults zurücksetzen */
html body .mt-chipbar-search {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  position: relative;
}
html body .mt-chipbar-search input[type="search"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 8px 16px !important;
  margin: 0 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  border-radius: 99px !important;
  min-width: 180px !important;
  max-width: 220px !important;
  height: auto !important;
  color: #2c3430 !important;
  transition: background 0.2s, border-color 0.2s !important;
}
html body .mt-chipbar-search input[type="search"]:focus,
html body .mt-chipbar-search input[type="search"]:focus-visible {
  background: rgba(0,150,57,0.06) !important;
  border-color: rgba(0,150,57,0.3) !important;
  outline: none !important;
  box-shadow: none !important;
}
html body .mt-chipbar-search input[type="search"]::placeholder {
  color: #8a948e !important;
  opacity: 1 !important;
}
html body .mt-chipbar-search input[type="hidden"] {
  display: none !important;
  position: absolute !important;
}

/* Mobile chip-bar: horizontaler Scroll für Chips, Suche bleibt rechts sichtbar */
@media (max-width: 767px) {
  html body .mt-chipbar__inner {
    padding: 6px 8px 6px 10px !important;
    border-radius: 14px !important;
    gap: 8px !important;
  }
  html body .mt-chipbar__chips {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  html body .mt-chipbar__chips::-webkit-scrollbar { display: none; }
  html body .mt-chip {
    flex: 0 0 auto;
    padding: 6px 12px !important;
    font-size: 12.5px !important;
  }
  html body .mt-chipbar-search input[type="search"] {
    min-width: 120px !important;
    max-width: 140px !important;
    padding: 6px 12px !important;
    font-size: 12.5px !important;
  }
}

/* ─── /shop/ Toolbar: Sortierung + Inline-Suche in einer Zeile ─── */
html body .mt-shop-toolbar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 20px !important;
  margin: 18px 0 28px !important;
  width: 100% !important;
}
/* Enfolds .avia-product-sorting hat width: 100% + float: left — kräftig zurücksetzen */
html body .mt-shop-toolbar .product-sorting,
html body .mt-shop-toolbar .avia-product-sorting,
html body .mt-shop-toolbar .woocommerce-ordering,
html body .mt-shop-toolbar .woocommerce-result-count {
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: none !important;
  float: none !important;
  clear: none !important;
  display: block !important;
}
/* Wichtig: margin-left:auto schiebt Suche kompromisslos ganz nach rechts */
html body .mt-shop-toolbar .mt-shop-toolbar-search {
  margin-left: auto !important;
}
/* Search-Form: same pill styling als Chipbar-Search */
html body .mt-shop-toolbar-search {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 8px 10px 8px 16px !important;
  background: rgba(255,255,255,0.72) !important;
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  border: 1px solid rgba(0,150,57,0.14) !important;
  border-radius: 99px !important;
  box-shadow: 0 2px 12px rgba(16,32,20,0.05) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
html body .mt-shop-toolbar-search:focus-within {
  border-color: rgba(0,150,57,0.35) !important;
  box-shadow: 0 2px 16px rgba(0,150,57,0.1) !important;
}
html body .mt-shop-toolbar-search input[type="search"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  height: auto !important;
  min-width: 200px !important;
  max-width: 260px !important;
  color: #2c3430 !important;
}
html body .mt-shop-toolbar-search input[type="search"]:focus,
html body .mt-shop-toolbar-search input[type="search"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
html body .mt-shop-toolbar-search input[type="search"]::placeholder {
  color: #8a948e !important;
  opacity: 1 !important;
}
html body .mt-shop-toolbar-search input[type="hidden"] {
  display: none !important;
  position: absolute !important;
}
@media (max-width: 767px) {
  .mt-shop-toolbar {
    gap: 10px;
  }
  html body .mt-shop-toolbar-search {
    flex: 1 1 auto !important;
  }
  html body .mt-shop-toolbar-search input[type="search"] {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }
}

/* ─── Produkt-Grid: 3-spaltig full-width ─── */
body.post-type-archive-product .woocommerce ul.products,
body.tax-product_cat .woocommerce ul.products,
body.tax-product_tag .woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.post-type-archive-product .woocommerce ul.products li.product,
body.tax-product_cat .woocommerce ul.products li.product,
body.tax-product_tag .woocommerce ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
}

@media (max-width: 990px) {
  body.post-type-archive-product .woocommerce ul.products,
  body.tax-product_cat .woocommerce ul.products,
  body.tax-product_tag .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}
@media (max-width: 560px) {
  body.post-type-archive-product .woocommerce ul.products,
  body.tax-product_cat .woocommerce ul.products,
  body.tax-product_tag .woocommerce ul.products {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

/* ─── Produktkarten-Polish ─── */
.woocommerce ul.products li.product {
  background: #fff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(16,32,20,0.05) !important;
  transition: transform 0.25s cubic-bezier(.22,.61,.36,1), box-shadow 0.25s ease, border-color 0.25s ease !important;
  position: relative;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 32px rgba(16,32,20,0.1) !important;
  border-color: rgba(0,150,57,0.2) !important;
}
/* Grüne Top-Line bei Hover — deaktiviert */
/* Product-Image */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  display: block !important;
  text-decoration: none !important;
}
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  background: #f9fbf8 !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
/* Title + Preis */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "Inter Tight", "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: -0.005em !important;
  line-height: 1.35 !important;
  padding: 14px 18px 4px !important;
  margin: 0 !important;
  color: #1a1e1b !important;
  min-height: 2.7em;
}
.woocommerce ul.products li.product .price {
  font-family: "Inter Tight", "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  color: #006b28 !important;
  padding: 0 18px 8px !important;
  margin: 0 !important;
}
.woocommerce ul.products li.product .price ins {
  background: transparent !important;
  text-decoration: none !important;
}
.woocommerce ul.products li.product .price del {
  color: #9ca69f !important;
  font-size: 0.85em !important;
}
/* Stock-Badge als Pill */
.woocommerce ul.products li.product .stock {
  display: inline-block;
  padding: 3px 10px !important;
  margin: 0 18px 14px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  border-radius: 99px !important;
  background: rgba(0,150,57,0.1) !important;
  color: #006b28 !important;
  border: none !important;
  font-family: "Inter", sans-serif !important;
}
.woocommerce ul.products li.product .out-of-stock {
  background: rgba(160,60,60,0.1) !important;
  color: #8a2a2a !important;
}
/* Add-to-cart Button */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
  margin: 0 18px 18px !important;
  padding: 10px 18px !important;
  background: #009639 !important;
  color: #fff !important;
  border-radius: 99px !important;
  font-family: "Inter Tight", sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
  border: none !important;
  transition: background 0.2s ease !important;
  text-align: center;
  display: inline-block;
  width: calc(100% - 36px);
  text-transform: none !important;
}
.woocommerce ul.products li.product .button:hover {
  background: #007a2f !important;
}

/* ─── Ergebniszahl + Sortierung Landing-like ─── */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  color: #5a645e !important;
}
.woocommerce .woocommerce-ordering select {
  padding: 6px 12px !important;
  border: 1px solid rgba(16,32,20,0.15) !important;
  border-radius: 99px !important;
  background: #fff !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  cursor: pointer;
}

/* Old kategorie-kachel-strip: etwas Luft darüber weil jetzt Chip-Bar folgt */
.mt-shop-categories {
  margin-bottom: 12px !important;
}

/* ═══════════════════════════════════════════════════════════════════
   STUFE 3 — Kategorie-Hero pro Welt
   Full-width Bild-Hero mit Linear-Gradient-Overlay oben auf Kategorie-Seiten
   ═══════════════════════════════════════════════════════════════════ */

.mt-cat-hero {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: -90px;     /* unter den Shop-Header schieben */
  margin-bottom: 28px;
  padding: 180px 6vw 72px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  box-sizing: border-box;
}
.mt-cat-hero__inner {
  max-width: 1340px;
  margin: 0 auto;
  width: min(94%, 1340px);
}
.mt-cat-hero__eyebrow {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 11.5px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(185, 240, 200, 0.85);
  margin-bottom: 14px;
  font-weight: 500;
}
.mt-cat-hero h1 {
  font-family: "Inter Tight", "Inter", sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(2rem, 4.5vw, 3.2rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
  color: #fff !important;
  margin: 0 0 14px !important;
  max-width: 820px;
}
.mt-cat-hero p {
  font-family: "Inter", sans-serif;
  font-size: 1.05rem;
  line-height: 1.6;
  color: rgba(245,245,244,0.88);
  margin: 0;
  max-width: 620px;
}

/* Kategorie-Archiv: Enfold-Title-Wrapper ausblenden weil wir eigenen Hero haben */
body.tax-product_cat .title_container,
body.tax-product_cat .breadcrumb-container,
body.tax-product_cat .woocommerce-products-header,
body.tax-product_cat .woocommerce-products-header__title {
  display: none !important;
}

@media (max-width: 767px) {
  .mt-cat-hero {
    margin-top: -48px;
    padding: 100px 5vw 44px;
  }
  .mt-cat-hero h1 {
    font-size: 1.75rem !important;
  }
  .mt-cat-hero p {
    font-size: 0.95rem;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   Sidebar-Reste eliminieren
   Nach Sidebar-Hide: #main hat noch border-right + margin-right,
   .av-content-small.units hat noch width:73% — alles forcefully auf full-width
   ═══════════════════════════════════════════════════════════════════ */

body.post-type-archive-product #main,
body.tax-product_cat #main,
body.tax-product_tag #main {
  border-right: none !important;
  border-left: none !important;
  border-top: none !important;
  border-bottom: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

html body.post-type-archive-product .container .av-content-small.units,
html body.tax-product_cat .container .av-content-small.units,
html body.tax-product_tag .container .av-content-small.units,
html body.post-type-archive-product .container .av-content-full.units,
html body.tax-product_cat .container .av-content-full.units,
html body.tax-product_tag .container .av-content-full.units {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* Auch auf Produktdetail + Cart + Checkout gilt: Sidebar-Border weg */
body.single-product #main,
body.woocommerce-cart #main,
body.woocommerce-checkout #main,
body.woocommerce-account #main {
  border-right: none !important;
  border-left: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   NUCLEAR: Shop-Content full-width
   Enfold-Grid (.units = float:left, .av-content-small.units = 73%)
   Enfold-Layout (.sidebar_right .content, #main margin, .container_wrap)
   alles hart forceforcen
   ═══════════════════════════════════════════════════════════════════ */

/* 1. #main: kein margin, keine border */
html body.post-type-archive-product #main,
html body.tax-product_cat #main,
html body.tax-product_tag #main,
html body.single-product #main,
html body.woocommerce-cart #main,
html body.woocommerce-checkout #main,
html body.woocommerce-account #main {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-shadow: none !important;
}

/* 2. .content.units und alle .av-content-* Variants: full-width, no float */
html body.post-type-archive-product main.content.units,
html body.post-type-archive-product main.av-content-small.units,
html body.post-type-archive-product main.av-content-full.units,
html body.post-type-archive-product .content.units,
html body.post-type-archive-product .av-content-small.units,
html body.post-type-archive-product .av-content-full.units,
html body.tax-product_cat main.content.units,
html body.tax-product_cat main.av-content-small.units,
html body.tax-product_cat main.av-content-full.units,
html body.tax-product_cat .content.units,
html body.tax-product_cat .av-content-small.units,
html body.tax-product_cat .av-content-full.units,
html body.tax-product_tag main.content.units,
html body.tax-product_tag .av-content-small.units {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: block !important;
  box-shadow: none !important;
}

/* 3. .entry-content-wrapper: auch full-width innerhalb .content */
html body.post-type-archive-product .entry-content-wrapper,
html body.tax-product_cat .entry-content-wrapper,
html body.tax-product_tag .entry-content-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 4. .container_wrap + .container: korrekt zentrieren auf 1340px max */
html body.post-type-archive-product .container_wrap_first,
html body.tax-product_cat .container_wrap_first,
html body.tax-product_tag .container_wrap_first {
  padding: 0 !important;
}
html body.post-type-archive-product .container_wrap_first > .container,
html body.tax-product_cat .container_wrap_first > .container,
html body.tax-product_tag .container_wrap_first > .container {
  width: min(94%, 1340px) !important;
  max-width: 1340px !important;
  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 5. .sidebar_right / .sidebar_left Layout-Wrapper Box-Shadow entfernen */
html body .sidebar_right.av-enable-shadow,
html body .sidebar_right .content.av-enable-shadow,
html body .sidebar_left.av-enable-shadow,
html body .sidebar_left .content.av-enable-shadow {
  box-shadow: none !important;
}

/* 6. Clear-Fixes für Floats neben unserem Content */
html body.post-type-archive-product .container_wrap::after,
html body.post-type-archive-product .container::after,
html body.tax-product_cat .container_wrap::after {
  content: '' !important;
  display: block !important;
  clear: both !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Variante C: Home/Über uns/Kontakt ausblenden (Desktop + Mobile)
   ═══════════════════════════════════════════════════════════════════ */
html body #header .mt-nav-hide,
html body #header .main_menu .mt-nav-hide,
html body #header .av-main-nav .mt-nav-hide {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PRODUKTDETAIL — MODERN & QUIET
   Keine Kartenrahmen, keine Rahmen um Bilder/Tabs/Quantity.
   Atmung durch Whitespace statt Linien.
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1. Äußerer Kartenrahmen um .product komplett entfernen ────── */
html body.single-product .main_color > div.product,
html body.single-product #main .product,
html body.single-product div.product,
html body.single-product .main_color .single-product-summary,
html body.single-product .single-product-summary {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ── 2. Gallery: kein Rahmen, kein Box-Shadow, keine Background-Card ── */
html body.single-product .single-product-main-image,
html body.single-product .woocommerce-product-gallery,
html body.single-product .woocommerce-product-gallery__wrapper,
html body.single-product .woocommerce-product-gallery__wrapper > a,
html body.single-product .woocommerce-product-gallery__image,
html body.single-product .woocommerce-product-gallery a {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
html body.single-product .woocommerce-product-gallery img,
html body.single-product .woocommerce-product-gallery .wp-post-image {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* ── 3. Thumbnails: flach, keine Rahmen, nur dezenter Hover ─────── */
html body.single-product .thumbnails,
html body.single-product .woocommerce-product-gallery .thumbnails {
  margin-top: 20px !important;
  padding: 0 !important;
  gap: 10px !important;
}
html body.single-product .thumbnails a,
html body.single-product .thumbnails > a {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  opacity: 0.55;
  transition: opacity 0.25s ease;
}
html body.single-product .thumbnails a:hover,
html body.single-product .thumbnails a.active {
  opacity: 1;
}
html body.single-product .thumbnails a img {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

/* ── 4. Tabs: keine Panel-Box, nur Underline-Tabs ───────────────── */
html body.single-product .woocommerce-tabs {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 48px 0 !important;
}
html body.single-product .woocommerce-tabs ul.tabs {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(16,32,20,0.08) !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
}
html body.single-product .woocommerce-tabs ul.tabs li,
html body.single-product .woocommerce-tabs ul.tabs li.active {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.single-product .woocommerce-tabs ul.tabs li a {
  background: transparent !important;
  border: none !important;
  padding: 14px 20px !important;
  color: #6b7a72 !important;
  border-bottom: 2px solid transparent !important;
  text-shadow: none !important;
  text-transform: none !important;
}
html body.single-product .woocommerce-tabs ul.tabs li.active a {
  color: #009639 !important;
  border-bottom-color: #009639 !important;
  background: transparent !important;
}
html body.single-product .woocommerce-tabs .panel {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: "Inter", sans-serif !important;
  line-height: 1.7 !important;
  color: #3a4540 !important;
}
html body.single-product .woocommerce-tabs .panel h2 {
  display: none !important;   /* redundant "Beschreibung" heading weg */
}

/* ── 5. Quantity: EIN Pill mit − 1 + inline, keine Einzelboxen ─── */
html body.single-product form.cart {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  margin: 8px 0 20px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
html body.single-product form.cart .quantity {
  display: inline-flex !important;
  align-items: center !important;
  background: #fff !important;
  border: 1px solid rgba(16,32,20,0.12) !important;
  border-radius: 999px !important;
  padding: 2px !important;
  margin: 0 !important;
  box-shadow: none !important;
}
html body.single-product form.cart .quantity input.qty {
  border: none !important;
  background: transparent !important;
  width: 44px !important;
  height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  font-family: "Inter Tight", sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-align: center !important;
  color: #1a1e1b !important;
  outline: none !important;
  -webkit-appearance: textfield !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}
html body.single-product form.cart .quantity input.qty::-webkit-outer-spin-button,
html body.single-product form.cart .quantity input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
/* +/- Buttons: kein Rahmen, flach als Icons */
html body.single-product form.cart .quantity .plus,
html body.single-product form.cart .quantity .minus,
html body.single-product form.cart .quantity button,
html body.single-product form.cart .qib-button,
html body.single-product form.cart .quantity-button {
  border: none !important;
  background: transparent !important;
  width: 36px !important;
  height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  font-family: "Inter Tight", sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #6b7a72 !important;
  cursor: pointer !important;
  transition: color 0.2s ease;
  line-height: 1 !important;
  border-radius: 999px !important;
}
html body.single-product form.cart .quantity .plus:hover,
html body.single-product form.cart .quantity .minus:hover,
html body.single-product form.cart .quantity button:hover {
  color: #009639 !important;
  background: rgba(0,150,57,0.08) !important;
}

/* ── 6. Produkt-Meta (SKU/Kategorie): dezent, ohne Trennlinie ──── */
html body.single-product .product_meta {
  border: none !important;
  padding: 20px 0 0 !important;
  margin: 16px 0 0 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  color: #6b7a72 !important;
}
html body.single-product .product_meta > span {
  display: inline !important;
  margin-right: 16px;
}
html body.single-product .product_meta a {
  color: #009639 !important;
  text-decoration: none !important;
}
html body.single-product .product_meta a:hover {
  text-decoration: underline !important;
}
html body.single-product .sku_wrapper,
html body.single-product .posted_in {
  font-weight: 400 !important;
}

/* ── 7. Breadcrumb: keine Box, nur Text ──────────────────────────── */
html body.single-product .breadcrumb-container,
html body.single-product .title_container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 12px 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}
html body.single-product .breadcrumb,
html body.single-product .title_container .breadcrumb {
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  color: #6b7a72 !important;
  letter-spacing: 0.01em !important;
}
html body.single-product .breadcrumb a {
  color: #6b7a72 !important;
}
html body.single-product .breadcrumb a:hover {
  color: #009639 !important;
}

/* ── 8. Related Products: keine Top-Border-Linie, mehr Luft ─────── */
html body.single-product .related.products,
html body.single-product .up-sells {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(16,32,20,0.06) !important;
  padding-top: 48px !important;
  margin-top: 56px !important;
}
html body.single-product .related.products > h2,
html body.single-product .up-sells > h2 {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 28px !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

/* ── 9. Product-Titel mehr Luft ────────────────────────────────── */
html body.single-product .product_title {
  margin-bottom: 16px !important;
}

/* ── 10. Short-Description: ohne Border-Box ─────────────────────── */
html body.single-product .woocommerce-product-details__short-description {
  border: none !important;
  padding: 0 !important;
  margin: 0 0 22px !important;
  background: transparent !important;
  font-family: "Inter", sans-serif !important;
  line-height: 1.7 !important;
  color: #3a4540 !important;
}

/* ── 11. Add-to-Cart: schon Pill, leicht verfeinern ────────────── */
html body.single-product .single_add_to_cart_button {
  box-shadow: 0 2px 8px rgba(0,150,57,0.18) !important;
}
html body.single-product .single_add_to_cart_button:hover {
  box-shadow: 0 4px 14px rgba(0,150,57,0.25) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   SINGLE-PRODUCT: Alles schwimmt auf leicht-grüner Seitenfarbe
   Keine weißen Hintergrund-Karten, keine Bildcontainer mit weißer Füllung.
   Die Produktfotos liegen DIREKT auf dem Seiten-BG.
   ═══════════════════════════════════════════════════════════════════ */

/* Seiten-BG leicht-grün, überall */
html body.single-product,
html body.single-product #main,
html body.single-product .main_color,
html body.single-product .container_wrap,
html body.single-product .container_wrap_first,
html body.single-product .content,
html body.single-product .entry-content-wrapper {
  background: #f6f8f5 !important;
  background-image: none !important;
  background-color: #f6f8f5 !important;
}

/* Gallery + Bilder: komplett transparent, kein Padding-White */
html body.single-product .single-product-main-image,
html body.single-product .woocommerce-product-gallery,
html body.single-product .woocommerce-product-gallery__wrapper,
html body.single-product .woocommerce-product-gallery__wrapper > a,
html body.single-product .woocommerce-product-gallery__image,
html body.single-product .woocommerce-product-gallery a,
html body.single-product .woocommerce-product-gallery img,
html body.single-product .woocommerce-product-gallery .wp-post-image,
html body.single-product .thumbnails,
html body.single-product .thumbnails a,
html body.single-product .thumbnails a img {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Das Hauptbild bekommt einen Hauch Luft drumrum durch margin, nicht padding */
html body.single-product .woocommerce-product-gallery__wrapper > a {
  margin: 0 !important;
  display: block !important;
}
html body.single-product .woocommerce-product-gallery img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  mix-blend-mode: multiply;  /* White-BG im Bild blendet mit Seiten-BG — magisch clean */
}
html body.single-product .thumbnails a img {
  width: 100% !important;
  height: auto !important;
  mix-blend-mode: multiply;
}

/* Auch die Related-Products-Bilder (ul.products im .related-Block) transparent halten */
html body.single-product .related.products ul.products li.product,
html body.single-product .related.products ul.products li.product .attachment-woocommerce_thumbnail,
html body.single-product .related.products ul.products li.product img {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
html body.single-product .related.products ul.products li.product {
  padding: 0 !important;
}
html body.single-product .related.products ul.products li.product img {
  mix-blend-mode: multiply;
}
/* Related-Products Titel/Preis-Padding darf bleiben für Lesbarkeit */
html body.single-product .related.products ul.products li.product .woocommerce-loop-product__title {
  padding: 16px 0 4px !important;
  margin: 0 !important;
}
html body.single-product .related.products ul.products li.product .price {
  padding: 0 0 8px !important;
}

/* Sicherstellen dass kein Container-Wrap irgendwo noch Schatten wirft */
html body.single-product .container_wrap,
html body.single-product .container_wrap_first,
html body.single-product #main {
  border: none !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Mix-Blend-Multiply für ALLE Produkt-Thumbnails
   Weißer Studio-BG der Fotos verschmilzt mit der leicht-grünen Seite.
   Produkt wirkt freigestellt, schwebend — wie auf Aesop/Muji.
   ═══════════════════════════════════════════════════════════════════ */

/* 1. Shop-Grid (Archiv, Kategorie, Tag) Produktkacheln */
html body .woocommerce ul.products li.product img,
html body .woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
html body .woocommerce ul.products li.product a img {
  mix-blend-mode: multiply !important;
  background: transparent !important;
}

/* 2. Produktkarte-Wrapper: kein weißer BG mehr — das ganze Card auf Seiten-BG */
html body .woocommerce ul.products li.product {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html body .woocommerce ul.products li.product:hover {
  box-shadow: 0 8px 24px rgba(16,32,20,0.06) !important;
  background: rgba(255,255,255,0.35) !important;  /* subtiler Hover-Lift */
}

/* 3. Related + Up-Sells auf single-product */
html body.single-product .related.products ul.products li.product img,
html body.single-product .up-sells ul.products li.product img {
  mix-blend-mode: multiply !important;
  background: transparent !important;
}

/* 4. Gallery-Thumbnails (klein unter Hauptbild) — explicit !important */
html body.single-product .thumbnails a img,
html body.single-product .woocommerce-product-gallery .thumbnails a img,
html body.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
  mix-blend-mode: multiply !important;
  background: transparent !important;
}

/* 5. Warenkorb-Dropdown + Mini-Cart-Thumbnails */
html body .widget_shopping_cart img,
html body .cart_list img,
html body ul.cart_list img,
html body .woocommerce-mini-cart img {
  mix-blend-mode: multiply !important;
  background: transparent !important;
}

/* 6. Warenkorb-Seite + Checkout Produkt-Thumbs */
html body .woocommerce-cart table.cart img,
html body .woocommerce-checkout table.shop_table img,
html body table.shop_table img {
  mix-blend-mode: multiply !important;
  background: transparent !important;
}

/* 7. My-Account Produktbilder (Bestellhistorie) */
html body .woocommerce-account .order-details img,
html body .woocommerce-MyAccount-content img {
  mix-blend-mode: multiply !important;
  background: transparent !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PRODUKTDETAIL — POLISH v3 (finale Bereinigung)
   Alles aus Screenshot-Feedback:
   #1 Zurück-Button (Abstand unter Header) · #2 Related+Footer clearfix
   #3 Thumbs ohne weißen BG · #4 ruhige Typografie · #5 Description sichtbar
   ═══════════════════════════════════════════════════════════════════ */

/* ── #1 Zurück-zum-Shop-Button ───────────────────────────────── */
html body.single-product .mt-back-to-shop {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 48px 0 28px !important;
  padding: 8px 16px 8px 12px !important;
  font-family: "Inter Tight", "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: 0.01em !important;
  color: #6b7a72 !important;
  text-decoration: none !important;
  border-radius: 99px !important;
  background: transparent !important;
  transition: background 0.2s ease, color 0.2s ease !important;
  width: auto !important;
  max-width: max-content !important;
  clear: both !important;
}
html body.single-product .mt-back-to-shop:hover {
  background: rgba(0,150,57,0.08) !important;
  color: #006b28 !important;
}

/* ── #2 Clearfix für Floats — damit Tabs + Related + Footer sauber rendern ── */
html body.single-product .entry-content-wrapper::after,
html body.single-product div.product::after {
  content: '' !important;
  display: table !important;
  clear: both !important;
}
html body.single-product .woocommerce-tabs,
html body.single-product .related.products,
html body.single-product .up-sells,
html body.single-product .product_meta {
  clear: both !important;
  float: none !important;
  width: 100% !important;
}

/* ── #5 Beschreibungs-Panel zwingend sichtbar + Tabs vereinfacht ── */
/* Default: alle Panels versteckt, aber Description immer zeigen */
html body.single-product .woocommerce-Tabs-panel,
html body.single-product .wc-tab {
  display: none;
}
html body.single-product .woocommerce-Tabs-panel--description,
html body.single-product #tab-description {
  display: block !important;
}
/* Wenn Rezensionen 0 sind, ganz ausblenden (Tab + Panel) */
html body.single-product .woocommerce-tabs ul.tabs li.reviews_tab,
html body.single-product .woocommerce-Tabs-panel--reviews {
  display: none !important;
}
/* Tab-Row nicht mehr zeigen wenn nur 1 Tab übrig (Desktop-Logik): optisch cleaner */
html body.single-product .woocommerce-tabs ul.tabs {
  display: flex !important;
  border-bottom: 1px solid rgba(16,32,20,0.08) !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
  background: transparent !important;
}
/* Panel-Typografie ruhig */
html body.single-product .woocommerce-Tabs-panel {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  font-family: "Inter", sans-serif !important;
  color: #3a4540 !important;
  line-height: 1.7 !important;
}
html body.single-product .woocommerce-Tabs-panel h2 {
  display: none !important;  /* "Beschreibung"-h2 redundant mit Tab-Label */
}
html body.single-product .woocommerce-Tabs-panel h3,
html body.single-product .woocommerce-Tabs-panel h4 {
  font-family: "Inter Tight", sans-serif !important;
  font-weight: 700 !important;
  color: #1a1e1b !important;
  letter-spacing: -0.01em !important;
  margin: 28px 0 12px !important;
}
html body.single-product .woocommerce-Tabs-panel h3 {
  font-size: 1.25rem !important;
}
html body.single-product .woocommerce-Tabs-panel h4 {
  font-size: 1rem !important;
  margin-top: 24px !important;
}
html body.single-product .woocommerce-Tabs-panel p {
  margin: 0 0 14px !important;
}
html body.single-product .woocommerce-Tabs-panel ul {
  margin: 0 0 14px 18px !important;
  padding: 0 !important;
}
html body.single-product .woocommerce-Tabs-panel li {
  margin: 4px 0 !important;
}

/* ── #3 Thumbs: KEIN filter, KEIN opacity-Dim (beides erzeugt stacking-context) ── */
html body.single-product .thumbnails a,
html body.single-product .woocommerce-product-gallery .thumbnails a {
  opacity: 1 !important;
  filter: none !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.25s ease !important;
  padding: 0 !important;
}
html body.single-product .thumbnails a:hover {
  border-bottom-color: #009639 !important;
  background: transparent !important;
}
html body.single-product .thumbnails a img {
  mix-blend-mode: multiply !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  filter: none !important;
}

/* ── #4 Ruhige Typografie: Preis groß/grün, alle Sekundär-Infos gleich klein/grau ── */

/* Titel: bleibt groß */
html body.single-product .product_title {
  font-family: "Inter Tight", "Inter", sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(1.5rem, 2.3vw, 1.9rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  color: #1a1e1b !important;
  margin: 0 0 16px !important;
}

/* Preis: eine Farbe, nicht zu groß (User: Farbe wie Vorrätig) */
html body.single-product .summary p.price,
html body.single-product .summary .price,
html body.single-product div.product p.price,
html body.single-product div.product .summary .price {
  font-family: "Inter Tight", "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.6rem !important;
  line-height: 1.15 !important;
  color: #009639 !important;        /* Brand-Grün, matcht Stock */
  margin: 4px 0 8px !important;
  display: block !important;
}
html body.single-product .summary .price .woocommerce-Price-amount,
html body.single-product .summary .price bdi {
  color: inherit !important;
}

/* MwSt-Suffix: Größe wie Artikelnummer, gleicher Grau-Ton */
html body.single-product .summary .price .woocommerce-Price-suffix,
html body.single-product .summary .price > small,
html body.single-product p.price .woocommerce-Price-suffix {
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  color: #6b7a72 !important;
  letter-spacing: 0.01em !important;
  vertical-align: baseline !important;
  margin-left: 6px !important;
}

/* Stock ("173 vorrätig"): Größe wie Artikelnummer, aber Brand-Grün wie Preis */
html body.single-product .summary .stock,
html body.single-product .summary .stock.in-stock {
  display: block !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #009639 !important;        /* = Preis */
  background: transparent !important;  /* keine Pill */
  padding: 0 !important;
  margin: 0 0 20px !important;
  border: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html body.single-product .summary .stock.out-of-stock {
  color: #8a2a2a !important;
}

/* Artikelnummer + Kategorien: die Baseline-Typografie — alle Sekundär-Infos = hierhin */
html body.single-product .product_meta,
html body.single-product .product_meta > span,
html body.single-product .product_meta .sku_wrapper,
html body.single-product .product_meta .posted_in {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #6b7a72 !important;
  letter-spacing: 0.01em !important;
}
html body.single-product .product_meta {
  border: none !important;
  padding: 18px 0 0 !important;
  margin: 14px 0 0 !important;
}
html body.single-product .product_meta > span {
  display: inline-block !important;
  margin-right: 18px !important;
}
html body.single-product .product_meta .sku {
  color: #2c3430 !important;
  font-weight: 500 !important;
}
html body.single-product .product_meta a {
  color: #009639 !important;
  text-decoration: none !important;
}
html body.single-product .product_meta a:hover {
  text-decoration: underline !important;
}

/* ── Sicherheits-Pass für Footer-Sichtbarkeit ── */
html body footer.mt-foot,
html body .mt-foot {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background:
    linear-gradient(180deg, var(--mt-foot-top) 0%, var(--mt-foot-bg) 24%, #0d1410 100%) !important;
  color: var(--mt-foot-muted) !important;
  padding: 28px 0 14px !important;
  width: 100% !important;
  position: relative !important;
  z-index: 5 !important;
  clear: both !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Surgische Fixes — nicht brachial, nur 3 präzise Problems:
   A) Gallery-Main-Image ohne mix-blend (wird bei hover klarer = Blend-Bug)
   B) Description-Panel inkl. Content zwingend sichtbar
   C) Comment-Form & Reviews-Section vertikal kollabieren (Height = 0)
   ═══════════════════════════════════════════════════════════════════ */

/* A — Single-Product Hauptbild: kein mix-blend, keine opacity-Transition-Tricks.
   Thumbs dürfen weiter mix-blend haben. */
html body.single-product .woocommerce-product-gallery {
  opacity: 1 !important;
  transition: none !important;
}
html body.single-product .woocommerce-product-gallery__wrapper > a > img,
html body.single-product .woocommerce-product-gallery .attachment-shop_single,
html body.single-product .woocommerce-product-gallery .wp-post-image {
  mix-blend-mode: multiply !important;
  background: transparent !important;
  isolation: auto !important;
}
/* Parent-Isolation auf Gallery erzwingen, damit kein Stacking-Context
   das mix-blend bricht. opacity:1 + isolation:auto = blend rechnet sauber */
html body.single-product .woocommerce-product-gallery,
html body.single-product .woocommerce-product-gallery__wrapper,
html body.single-product .single-product-main-image {
  isolation: auto !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

/* B — Description-Panel GARANTIERT sichtbar + mit Content */
html body.single-product .woocommerce-Tabs-panel--description,
html body.single-product #tab-description {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  color: #3a4540 !important;
}
html body.single-product #tab-description *,
html body.single-product .woocommerce-Tabs-panel--description * {
  visibility: visible !important;
  opacity: 1 !important;
}

/* C — Reviews-Sektion inklusive aller Sub-Container echt zusammenklappen.
   display:none auf Panel reicht nicht, wenn Enfold Sub-Wrapper separat positioniert. */
html body.single-product #reviews,
html body.single-product #review_form_wrapper,
html body.single-product #review_form,
html body.single-product #respond,
html body.single-product .comment-respond,
html body.single-product .commentlist,
html body.single-product .woocommerce-Reviews,
html body.single-product .woocommerce-noreviews {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* ═══════════════════════════════════════════════════════════════════
   "Preis auf Anfrage" Styling
   ═══════════════════════════════════════════════════════════════════ */
.mt-price-on-request {
  display: inline-block;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 0.92em;
  color: #6b7a72;
  letter-spacing: 0.01em;
  padding: 4px 14px;
  background: rgba(0,150,57,0.06);
  border-radius: 99px;
  white-space: nowrap;
}
html body.single-product .mt-price-on-request {
  font-size: 1rem !important;
  padding: 6px 16px !important;
}
.mt-price-on-request-cta {
  margin: 12px 0 20px;
  padding: 16px 20px;
  background: rgba(0,150,57,0.04);
  border: 1px solid rgba(0,150,57,0.18);
  border-radius: 14px;
}
.mt-price-on-request-cta .mt-poa-note {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: #3a4540 !important;
  margin: 0 0 12px !important;
  line-height: 1.5 !important;
}
.mt-price-on-request-cta .mt-poa-button {
  display: inline-block;
  padding: 10px 22px;
  background: #009639;
  color: #fff !important;
  border-radius: 99px;
  font-family: "Inter Tight", sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.02em;
  text-decoration: none !important;
  transition: background 0.2s ease;
}
.mt-price-on-request-cta .mt-poa-button:hover {
  background: #007a2f;
}

/* ═══════════════════════════════════════════════════════════════════
   SHOP-GRID MODERN & RAHMENLOS (wie Produktdetail)
   Kein weißer Card-Hintergrund, keine Borders, keine Schatten.
   Bilder schweben via mix-blend auf grünem Seiten-BG.
   ═══════════════════════════════════════════════════════════════════ */

/* Produktkarten — alle Chrome-Layer entfernen */
html body .woocommerce ul.products li.product,
html body .woocommerce ul.products li.product .inner_product,
html body .woocommerce ul.products li.product .inner_product_header,
html body .woocommerce ul.products li.product .inner_product_header_wrapper,
html body .woocommerce ul.products li.product .thumbnail_container,
html body.post-type-archive-product .woocommerce ul.products li.product,
html body.tax-product_cat .woocommerce ul.products li.product,
html body.tax-product_tag .woocommerce ul.products li.product {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  overflow: visible !important;
}

/* Hover: kein Lift mehr, nur Text-Farbe + Underline auf Title */
html body .woocommerce ul.products li.product:hover {
  transform: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
html body .woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
  color: #006b28 !important;
}
/* Grüne Hover-Linie komplett killen — ::before UND ::after, korrekter Selector */
html body#top.woocommerce ul.products li.product::before,
html body#top.woocommerce ul.products li.product::after,
html body#top.woocommerce ul.products li.product:hover::before,
html body#top.woocommerce ul.products li.product:hover::after,
html body.woocommerce ul.products li.product::before,
html body.woocommerce ul.products li.product::after,
html body.woocommerce ul.products li.product:hover::before,
html body.woocommerce ul.products li.product:hover::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  height: 0 !important;
  transform: none !important;
}

/* Bilder: mix-blend, no padding, no background tint */
html body .woocommerce ul.products li.product img,
html body .woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
html body .woocommerce ul.products li.product .attachment-shop_catalog,
html body .woocommerce ul.products li.product a img {
  mix-blend-mode: multiply !important;
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 !important;
}

/* Title: mehr Luft, keine Min-Height-Blockade */
html body .woocommerce ul.products li.product .woocommerce-loop-product__title,
html body .woocommerce ul.products li.product h2,
html body .woocommerce ul.products li.product h3,
html body .woocommerce ul.products li.product .product-title {
  font-family: "Inter Tight", "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.98rem !important;
  line-height: 1.35 !important;
  letter-spacing: -0.005em !important;
  color: #1a1e1b !important;
  padding: 16px 4px 4px !important;
  margin: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  transition: color 0.2s ease;
}

/* Preis: green, Inter Tight, klein aber prominent */
html body .woocommerce ul.products li.product .price,
html body .woocommerce ul.products li.product p.price,
html body .woocommerce ul.products li.product span.price {
  font-family: "Inter Tight", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  color: #009639 !important;
  padding: 0 4px !important;
  margin: 0 !important;
  display: block !important;
  background: transparent !important;
}
html body .woocommerce ul.products li.product .price .woocommerce-Price-suffix,
html body .woocommerce ul.products li.product .price small {
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.72rem !important;
  color: #6b7a72 !important;
  margin-left: 4px;
}

/* "Preis auf Anfrage"-Pill im Grid auch ohne BG */
html body .woocommerce ul.products li.product .mt-price-on-request {
  background: transparent !important;
  padding: 0 4px !important;
  font-size: 0.9rem !important;
  color: #009639 !important;
}

/* Stock-Hinweise komplett ausblenden im Grid (nur auf Detail anzeigen) */
html body .woocommerce ul.products li.product .stock {
  display: none !important;
}

/* Add-to-Cart-Button im Grid: Pill-Style, Brand-Grün, kompakt */
html body .woocommerce ul.products li.product .button,
html body .woocommerce ul.products li.product a.button,
html body .woocommerce ul.products li.product a.add_to_cart_button {
  display: inline-block !important;
  margin: 12px 0 0 4px !important;
  padding: 8px 16px !important;
  background: #009639 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 99px !important;
  font-family: "Inter Tight", sans-serif !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background 0.2s ease;
  width: auto !important;
}
html body .woocommerce ul.products li.product .button:hover {
  background: #007a2f !important;
}

/* Enfold's .inner_product_header / wrapped_style Padding-Rest entfernen */
html body .woocommerce ul.products li.product .woocommerce-LoopProduct-link,
html body .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  text-decoration: none !important;
}

/* Enfold: Sale-Badge neutralisieren (war: orangener Kreis) */
html body .woocommerce ul.products li.product .onsale {
  background: #009639 !important;
  border: none !important;
  color: #fff !important;
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  padding: 4px 10px !important;
  border-radius: 99px !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  min-height: 0 !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Shop-Hero Eyebrow "Mountain Tree Katalog" komplett weg
   ═══════════════════════════════════════════════════════════════════ */
html body .mt-shop-hero__eyebrow,
html body .mt-shop-hero span.mt-shop-hero__eyebrow {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Product-Cards: Enfolds .inner_product / .main_color / .wrapped_style
   Layer haben White-BG der vorher nicht geschlagen wurde — jetzt nuklear.
   ═══════════════════════════════════════════════════════════════════ */
html body .woocommerce ul.products li.product .inner_product,
html body .woocommerce ul.products li.product .inner_product.main_color,
html body .woocommerce ul.products li.product .inner_product.wrapped_style,
html body .woocommerce ul.products li.product .inner_product_header,
html body .woocommerce ul.products li.product .inner_product_header_wrapper,
html body .woocommerce ul.products li.product .thumbnail_container,
html body .woocommerce ul.products li.product .av-product-class-minimal,
html body .woocommerce ul.products li.product .woocommerce-LoopProduct-link,
html body#top.woocommerce ul.products li.product .inner_product,
html body#top .main_color .woocommerce ul.products li.product .inner_product,
html body#top .products .product .inner_product,
html body#top .products .product .main_color {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
}

/* Ordentlich: mix-blend-mode auf IMG mit höchster Specificity */
html body#top.woocommerce ul.products li.product img,
html body#top.woocommerce ul.products li.product .thumbnail_container img,
html body#top.woocommerce ul.products li.product .wp-post-image,
html body#top.woocommerce ul.products li.product .attachment-shop_catalog,
html body#top .products .product img {
  mix-blend-mode: multiply !important;
  isolation: auto !important;
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
}

/* Enfolds ":hover" state resetten — war Transform + Shadow */
html body#top.woocommerce ul.products li.product:hover .inner_product,
html body#top.woocommerce ul.products li.product .inner_product:hover {
  transform: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
}

/* inner_product_header_wrapper ist position:relative bei Enfold - ok, nur BG weg */
html body#top.woocommerce ul.products li.product .inner_product_header_wrapper {
  background: transparent !important;
  border: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Eyebrow "Mountain Tree Katalog" — unsichtbar aber Raum bleibt erhalten,
   damit H1 nicht unter den Header rutscht
   ═══════════════════════════════════════════════════════════════════ */
html body .mt-shop-hero__eyebrow,
html body .mt-shop-hero span.mt-shop-hero__eyebrow {
  display: block !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Shop-Grid-Karten: Enfolds Border + Min-Height explizit überschreiben
   Quelle: wp-content/themes/enfold/config-woocommerce/woocommerce-mod.css
     Line 1984: .inner_product { border: 1px solid; border-radius: 2px; overflow: hidden; }
     Line 1857: #top .inner_product_header { border-top: 1px; min-height: 91px; }
   ═══════════════════════════════════════════════════════════════════ */

html body#top ul.products li.product,
html body#top .products .product {
  background: transparent !important;
  border: 0 !important;
  border-style: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
  isolation: auto !important;
}

html body#top ul.products li.product .inner_product,
html body#top .products .product .inner_product,
html body#top ul.products li.product .inner_product.main_color,
html body#top ul.products li.product .inner_product.wrapped_style,
html body#top ul.products li.product .inner_product.av-product-class-minimal {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-style: none !important;
  border-width: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  isolation: auto !important;
  transform: none !important;
  filter: none !important;
}

html body#top ul.products li.product .inner_product_header,
html body#top ul.products li.product .inner_product_header_table,
html body#top ul.products li.product .inner_product_header_cell,
html body#top .products .product .inner_product_header {
  background: transparent !important;
  border: 0 !important;
  border-style: none !important;
  border-top: none !important;
  border-top-style: none !important;
  border-top-width: 0 !important;
  border-width: 0 !important;
  min-height: 0 !important;
  padding: 12px 4px 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

html body#top ul.products li.product .thumbnail_container,
html body#top .products .product .thumbnail_container {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  overflow: visible !important;
  isolation: auto !important;
  transform: none !important;
  filter: none !important;
}

/* avia-arrow deko-dreieck ausblenden (Legacy-Enfold-Design-Element) */
html body#top ul.products li.product .avia-arrow {
  display: none !important;
}

/* Mix-blend-multiply auf Produktbild zuverlässig */
html body#top ul.products li.product img.attachment-shop_catalog,
html body#top ul.products li.product img.wp-post-image,
html body#top .products .product img {
  mix-blend-mode: multiply !important;
  background: transparent !important;
  isolation: auto !important;
  filter: none !important;
  transform: none !important;
  border: 0 !important;
}

/* Cart-Loading-Spinner ausblenden (Enfold-Default-Overlay) */
html body#top ul.products li.product .cart-loading {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Artikelraster: Bild-Hintergrund transparent + mix-blend greift
   Jeder Wrapper bis zum Body auf transparent + isolation:auto
   ═══════════════════════════════════════════════════════════════════ */

/* Der <a>-Link der die Bild + Text umschließt — war bisher nicht getroffen */
html body#top ul.products li.product a,
html body#top ul.products li.product .woocommerce-LoopProduct-link,
html body#top ul.products li.product .woocommerce-loop-product__link,
html body#top .products .product a.woocommerce-LoopProduct-link {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  isolation: auto !important;
  transform: none !important;
  filter: none !important;
  overflow: visible !important;
}

/* Bild selbst: Multiply + explizit transparenter BG */
html body#top ul.products li.product img,
html body#top ul.products li.product img.attachment-shop_catalog,
html body#top ul.products li.product img.wp-post-image,
html body#top ul.products li.product .thumbnail_container img,
html body#top .products .product img {
  background: transparent !important;
  background-color: transparent !important;
  mix-blend-mode: multiply !important;
  isolation: auto !important;
  filter: none !important;
  transform: none !important;
  border: 0 !important;
  padding: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Drei Live-Bugs — präziser Fix
   #1 Gallery-Thumbs verschwinden/tauchen auf Hover auf
   #2 Related Products 3+1 statt 4er-Grid
   #3 Shop-Grid-Bilder immer noch weißer BG (Stacking-Context killt blend)
   ═══════════════════════════════════════════════════════════════════ */

/* ─── #1: Gallery-Thumbs Stabil halten ─── */
/* Die Thumbs sollen NIE animieren/transitionieren, immer voll sichtbar */
html body.single-product .thumbnails,
html body.single-product .woocommerce-product-gallery .thumbnails {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 20px !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  position: static !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
html body.single-product .thumbnails a,
html body.single-product .thumbnails > a {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  position: static !important;
  display: block !important;
  flex: 0 0 calc(25% - 8px) !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}
html body.single-product .thumbnails a img {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* ─── #2: Related Products 4-Spalten Grid ─── */
html body.single-product .related.products ul.products,
html body.single-product .up-sells ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}
html body.single-product .related.products ul.products li.product,
html body.single-product .up-sells ul.products li.product {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  flex: 0 0 auto !important;
}
@media (max-width: 900px) {
  html body.single-product .related.products ul.products,
  html body.single-product .up-sells ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ─── #3: Shop-Grid Bild WEIßER BG — Stacking-Context killen ─── */
/* Der .thumbnail_container hat position:relative + overflow:hidden — zusammen mit
   Enfolds Link-Hover-Effekt (transform: scale o.ä.) entsteht Stacking-Context,
   der mix-blend-mode auf child-img auf transparenten BG nicht durchlässt.
   → overflow:visible + isolation:auto + transform:none auf ALLEN Vorfahren erzwingen */
html body#top.woocommerce ul.products li.product,
html body#top.woocommerce ul.products li.product > *,
html body#top.woocommerce ul.products li.product .inner_product,
html body#top.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
html body#top.woocommerce ul.products li.product .thumbnail_container {
  overflow: visible !important;
  isolation: auto !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  background: transparent !important;
  background-color: transparent !important;
  position: static !important;
  z-index: auto !important;
  will-change: auto !important;
  contain: none !important;
}
/* thumbnail_container darf position:relative behalten (für absolute children wie cart-loading)
   aber ohne z-index — das allein erzeugt keinen Stacking-Context */
html body#top.woocommerce ul.products li.product .thumbnail_container {
  position: relative !important;
  z-index: auto !important;
}
/* Hover-Effekte auf Link entfernen die Stacking-Context erzeugen könnten */
html body#top.woocommerce ul.products li.product a:hover,
html body#top.woocommerce ul.products li.product .woocommerce-LoopProduct-link:hover {
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
}
/* IMG selbst: sicherstellen dass mix-blend trotz inline-style greift, UND
   explizit sagen: KEIN ancestor-breaking transform/filter */
html body#top.woocommerce ul.products li.product img,
html body#top.woocommerce ul.products li.product .attachment-shop_catalog,
html body#top.woocommerce ul.products li.product .wp-post-image {
  mix-blend-mode: multiply !important;
  background: transparent !important;
  background-color: transparent !important;
  transform: none !important;
  filter: none !important;
  isolation: auto !important;
  will-change: auto !important;
}

/* ═══════════════════════════════════════════════════════════════════
   #2 DETAIL: Title-Container "Sie befinden sich hier" auf single-product verbergen
   ═══════════════════════════════════════════════════════════════════ */
html body.single-product .title_container,
html body.single-product .title_container.stretch_full,
html body.single-product div.container_wrap.title_container,
html body.single-product .stretch_full.title_container {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   #1 SHOP-GRID: mix-blend-mode scheitert wegen Safari-Bug in WC-Kontext
   → Akzeptiere weißen Bild-BG, mach Karten ALS Karten aber MODERN:
     Weiße Kachel, keine Borders, subtiler Shadow, großzügig, ruhig
   ═══════════════════════════════════════════════════════════════════ */

html body#top.woocommerce ul.products li.product {
  background: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 2px rgba(16,32,20,0.04), 0 6px 20px rgba(16,32,20,0.03) !important;
  transition: box-shadow 0.25s ease, transform 0.25s cubic-bezier(.22,.61,.36,1) !important;
}
html body#top.woocommerce ul.products li.product:hover {
  box-shadow: 0 2px 4px rgba(16,32,20,0.06), 0 14px 32px rgba(16,32,20,0.08) !important;
  transform: translateY(-2px);
}

/* Inner-Layer komplett transparent lassen (keine doppelten Borders) */
html body#top.woocommerce ul.products li.product .inner_product,
html body#top.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
html body#top.woocommerce ul.products li.product .thumbnail_container,
html body#top.woocommerce ul.products li.product .inner_product_header,
html body#top.woocommerce ul.products li.product .inner_product_header_table,
html body#top.woocommerce ul.products li.product .inner_product_header_cell {
  background: transparent !important;
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-top: none !important;
  border-top-style: none !important;
  border-top-width: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* Bild: kein mix-blend mehr, dafür klein-gerundet, generous padding */
html body#top.woocommerce ul.products li.product .thumbnail_container {
  background: #fff !important;
  padding: 8px !important;
}
html body#top.woocommerce ul.products li.product img,
html body#top.woocommerce ul.products li.product .attachment-shop_catalog,
html body#top.woocommerce ul.products li.product .wp-post-image {
  mix-blend-mode: normal !important;
  background: transparent !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1/1 !important;
  object-fit: contain !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

/* Header-Bereich (Titel + Preis): Padding + Typo */
html body#top.woocommerce ul.products li.product .inner_product_header {
  padding: 4px 20px 20px !important;
}
html body#top.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "Inter Tight", sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.98rem !important;
  line-height: 1.35 !important;
  letter-spacing: -0.005em !important;
  color: #1a1e1b !important;
  padding: 0 !important;
  margin: 0 0 6px !important;
  min-height: 0 !important;
}
html body#top.woocommerce ul.products li.product .price {
  font-family: "Inter Tight", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  color: #009639 !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body#top.woocommerce ul.products li.product .price .woocommerce-price-suffix,
html body#top.woocommerce ul.products li.product .price small {
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.72rem !important;
  color: #6b7a72 !important;
  margin-left: 4px;
}
/* Avia-Arrow + Cart-Loading raus */
html body#top.woocommerce ul.products li.product .avia-arrow,
html body#top.woocommerce ul.products li.product .cart-loading {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   DER ECHTE FIX (gefunden via Chrome-DevTools-Inspection):
   main.content hat z-index:1 + position:relative → erzeugt Stacking-Context
   → mix-blend-mode:multiply auf Bildern kann die grüne Seitenfarbe
   (.container_wrap_first { background: #f6f8f5 }) NICHT sehen, weil die
   außerhalb des Main-Stacking-Contextes liegt.
   Fix: z-index:auto macht main.content NICHT mehr stacking-context-bildend.
   ═══════════════════════════════════════════════════════════════════ */

html body#top main.content,
html body#top main.template-shop,
html body#top main.template-shop.content,
html body#top main.content.av-content-small,
html body#top main.content.av-content-full {
  z-index: auto !important;
}

/* Sicherheit: andere potentielle stacking-context-erzeuger auch killen */
html body#top .entry-content-wrapper,
html body#top .template-shop .entry-content-wrapper {
  z-index: auto !important;
  isolation: auto !important;
  transform: none !important;
  filter: none !important;
}

/* #main (Enfold-Outer-Div) hat z-index:2 — das ist OK weil die grüne
   BG-Farbe INNERHALB von #main liegt (container_wrap_first). Nicht anfassen. */

/* ═══════════════════════════════════════════════════════════════════
   Detail: Breadcrumb-Zeile "Sie befinden sich hier" auf single-product weg
   ═══════════════════════════════════════════════════════════════════ */
html body.single-product .title_container,
html body.single-product .title_container.stretch_full,
html body.single-product div.container_wrap.title_container,
html body.single-product .stretch_full.title_container {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Jetzt wo mix-blend WIRKLICH läuft: Karten-Background wieder transparent
   ═══════════════════════════════════════════════════════════════════ */
html body#top.woocommerce ul.products li.product {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
html body#top.woocommerce ul.products li.product:hover {
  box-shadow: none !important;
  transform: none !important;
  background: transparent !important;
}
html body#top.woocommerce ul.products li.product .thumbnail_container {
  background: transparent !important;
  padding: 0 !important;
}
html body#top.woocommerce ul.products li.product img,
html body#top.woocommerce ul.products li.product .attachment-shop_catalog {
  padding: 0 !important;
  mix-blend-mode: multiply !important;
  background: transparent !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Mobile Shop: Hero flacher + Kategorie-Kacheln 2×2 quadratisch
   Desktop bleibt unverändert (nur < 767px greift)
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Hero-Banner kompakter */
  html body .mt-shop-hero {
    min-height: 200px !important;
    padding: 44px 22px 40px !important;
    margin: 0 0 22px !important;
    border-radius: 10px !important;
  }
  html body .mt-shop-hero__eyebrow {
    font-size: 0.68rem !important;
    margin-bottom: 10px !important;
  }
  html body .mt-shop-hero h1 {
    font-size: 1.55rem !important;
    line-height: 1.12 !important;
    margin: 0 0 12px !important;
  }
  html body .mt-shop-hero p {
    font-size: 0.94rem !important;
    line-height: 1.5 !important;
  }

  /* Kategorie-Kacheln: 2×2, quadratisch */
  html body .mt-shop-categories {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin: 0 0 24px !important;
  }
  html body .mt-shop-categories a {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    padding: 14px !important;
    font-size: 0.98rem !important;
    border-radius: 10px !important;
  }
  html body .mt-shop-categories .count {
    font-size: 0.72rem !important;
    margin-top: 3px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   Mobile Shop (/shop/) — Header + Hero + Login-Pill Fixes
   Desktop (>767px) bleibt exakt wie bisher
   ═══════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {

  /* ── 1 + 2. Header: transparent + backdrop-blur + floaty wie Landing,
               Logo: trees-only via content:url() ─────────────────── */
  html body.post-type-archive-product:not(.home) #header_main {
    background: rgba(10,12,13,0.72) !important;
    backdrop-filter: blur(12px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.2) !important;
    padding: 4px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  }
  html body.post-type-archive-product:not(.home) #header .logo img {
    content: url("/wp-content/themes/enfold-child/assets/landing/logo-mt-trees.png") !important;
    max-height: 34px !important;
  }

  /* ── 3. Hero edge-to-edge, UNTER den Header geschoben wie auf Desktop ─── */
  html body .mt-shop-hero {
    border-radius: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: -70px !important;     /* unter den Shop-Header schieben */
    margin-bottom: 22px !important;
    padding: 110px 22px 44px !important;  /* 70px Underlap + 40px Content-Abstand */
    min-height: 260px !important;
  }

  /* ── 4. Händler-Login Pill: Text → "Login", schlank + Kollision mit Cart verhindern ── */
  html body:not(.home) #header .main_menu li.mt-login-pill > a {
    padding: 5px 10px !important;
    font-size: 11px !important;
    letter-spacing: 0.02em !important;
  }
  /* Original Händler-Login text via Span-Target ausblenden, "Login" via ::before rein */
  html body:not(.home) #header .main_menu li.mt-login-pill > a .avia-menu-text {
    font-size: 0 !important;
    letter-spacing: 0 !important;
    color: transparent !important;
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
  }
  /* Label: "Login" wenn ausgeloggt, "Konto" wenn eingeloggt */
  html body:not(.home):not(.logged-in) #header .main_menu li.mt-login-pill > a::before {
    content: "Login";
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 11.5px;
    letter-spacing: 0.04em;
    color: #fff;
    display: inline-block;
  }
  html body.logged-in:not(.home) #header .main_menu li.mt-login-pill > a::before {
    content: "Konto";
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 11.5px;
    letter-spacing: 0.04em;
    color: #fff;
    display: inline-block;
  }

  /* Pill + Cart: genug Platz zwischen den beiden, Cart-Icon etwas schmaler */
  html body:not(.home) #header .av-cart-container,
  html body:not(.home) #header .cart_dropdown_link {
    margin-left: 14px !important;
    padding: 0 !important;
  }
  html body:not(.home) #header .main_menu li.mt-login-pill {
    margin-right: 0 !important;
  }
  /* Login-Pill noch schmaler auf Mobile (<430px) */
  @media (max-width: 430px) {
    html body:not(.home) #header .main_menu li.mt-login-pill > a {
      padding: 5px 12px !important;
    }
    html body:not(.home) #header .main_menu li.mt-login-pill > a::before {
      font-size: 11px !important;
    }
  }
}

/* ═══════════════════════════════════════════════════════════════════
   Mobile Shop: Header FORCE-FIXED (Enfolds "unstick_top" Option
   macht Header relative → scrollt mit. Auf Mobile wollen wir
   immer-floatend-fixed wie Landing-Nav.
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  html.html_header_unstick_top body:not(.home) #header,
  html body:not(.home) #header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 501 !important;
  }
  /* Admin-Bar überlappt den Header (akzeptabel auf Mobile) */
  html body.admin-bar:not(.home) #header {
    top: 0 !important;
  }
}

/* Cart-Spacing garantiert mit 16px padding zwischen Pill und Cart-Icon */
@media (max-width: 767px) {
  html body:not(.home) #header .main_menu {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
  }
  html body:not(.home) #header .main_menu li.mt-login-pill,
  html body:not(.home) #header .av-cart-container {
    margin: 0 !important;
    flex: 0 0 auto !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   FINALE Mobile-Header-Regel (überschreibt alle vorigen Mobile-Header-Rules)
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Header: ALWAYS top:0, kein Admin-Bar-Offset (admin-bar darf überlappen) */
  html body #header,
  html body.admin-bar #header,
  html.html_header_unstick_top body #header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 501 !important;
  }

  /* Header-BG deutlich transparenter damit Content durchscheint + Blur intensiver */
  html body:not(.home) #header_main,
  html body.post-type-archive-product:not(.home) #header_main,
  html body.single-product #header_main,
  html body.tax-product_cat #header_main {
    background: rgba(10,12,13,0.45) !important;
    backdrop-filter: blur(18px) saturate(1.3) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.3) !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    padding: 4px 0 !important;
  }

  /* Login-Pill ↔ Cart: genau 14px Abstand via margin, kein flex-gap-Magic */
  html body:not(.home) #header .main_menu {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    justify-content: flex-end !important;
  }
  html body:not(.home) #header .av-main-nav,
  html body:not(.home) #header .main_menu > ul {
    margin: 0 !important;
    padding: 0 !important;
  }
  html body:not(.home) #header .av-cart-container,
  html body:not(.home) #header .cart_dropdown_link {
    margin-left: 14px !important;
    margin-right: 16px !important;  /* rechter viewport edge */
    padding: 0 !important;
  }
  html body:not(.home) #header .main_menu li.mt-login-pill {
    margin: 0 !important;
  }
  html body:not(.home) #header .main_menu li.mt-login-pill > a {
    padding: 5px 14px !important;
  }
  html body:not(.home) #header .main_menu li.mt-login-pill > a::before {
    font-size: 11.5px !important;
  }

  /* Header height fix, damit fixed nicht content überlappt */
  html body:not(.home) #main,
  html body.post-type-archive-product:not(.home) #main {
    padding-top: 50px !important;  /* Platz für fixed-header */
  }
}

/* Cart-Pill-Abstand final: entferne Enfolds 25px margin-right auf .av-main-nav-wrap */
@media (max-width: 767px) {
  html body:not(.home) #header .avia-menu.av-main-nav-wrap,
  html body:not(.home) #header .av-main-nav-wrap.av_menu_icon_beside {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
  html body:not(.home) #header .cart_dropdown_link {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  html body:not(.home) #header .av-cart-container {
    margin-left: 10px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   Admin-Bar auf Mobile komplett ausblenden
   Auch für eingeloggte Admins bekommt man so den Public-View
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  #wpadminbar {
    display: none !important;
  }
  html,
  html.wp-toolbar,
  html[style] {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  body.admin-bar,
  html.admin-bar body {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   Mobile Produktdetail: Abstände komprimieren
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Zurück-Button: tight unter Header */
  html body.single-product .mt-back-to-shop {
    margin: 14px 0 8px !important;
    font-size: 12px !important;
  }

  /* Hauptbild: max 300px hoch auf Mobile (statt 470px) */
  html body.single-product .woocommerce-product-gallery,
  html body.single-product .single-product-main-image {
    max-width: 100% !important;
  }
  html body.single-product .woocommerce-product-gallery__wrapper > a,
  html body.single-product .woocommerce-product-gallery__wrapper > a > img,
  html body.single-product .woocommerce-product-gallery img.attachment-shop_single,
  html body.single-product .woocommerce-product-gallery img.wp-post-image {
    max-height: 300px !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
  }
  html body.single-product .woocommerce-product-gallery__wrapper > a {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 240px !important;
  }

  /* Related Products: Thumb + Titel tight */
  html body.single-product .related.products ul.products li.product img,
  html body.single-product .related.products ul.products li.product .attachment-woocommerce_thumbnail {
    margin-bottom: 0 !important;
  }
  html body.single-product .related.products ul.products li.product .woocommerce-loop-product__title {
    padding: 6px 0 2px !important;
    min-height: 0 !important;
    font-size: 0.88rem !important;
    line-height: 1.3 !important;
  }
  html body.single-product .related.products ul.products li.product .price {
    padding: 0 !important;
    font-size: 0.88rem !important;
  }

  /* Sections: Luft in der Vertikalen reduzieren */
  html body.single-product .woocommerce-tabs {
    margin: 20px 0 !important;
  }
  html body.single-product .related.products {
    padding-top: 18px !important;
    margin-top: 14px !important;
  }
  html body.single-product .related.products > h2 {
    font-size: 1.15rem !important;
    margin: 0 0 14px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   Related Products: Abstand Bild ↔ Titel global eliminieren
   (Enfolds .inner_product_header + Stufe-2-Min-Height erzeugten ~50px Gap)
   ═══════════════════════════════════════════════════════════════════ */
html body .woocommerce ul.products li.product .inner_product_header,
html body.single-product .related.products ul.products li.product .inner_product_header,
html body.single-product .up-sells ul.products li.product .inner_product_header {
  padding: 4px 0 0 !important;
  min-height: 0 !important;
  border-top: none !important;
  border-top-width: 0 !important;
}
html body .woocommerce ul.products li.product .woocommerce-loop-product__title,
html body.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
html body.single-product .up-sells ul.products li.product .woocommerce-loop-product__title {
  padding: 4px 0 4px !important;
  min-height: 0 !important;
  margin: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Related Products: Gap Bild → Titel komplett eliminieren
   Enfold hat 3 verschachtelte Wrapper (.inner_product_header /
   _table / _cell) je mit 12px padding-top + img hatte margin-bottom 14px
   → alle explizit auf 0 und Titel padding-top 6px
   ═══════════════════════════════════════════════════════════════════ */
html body#top.woocommerce ul.products li.product .inner_product_header,
html body#top.woocommerce ul.products li.product .inner_product_header_table,
html body#top.woocommerce ul.products li.product .inner_product_header_cell,
html body#top .related.products ul.products li.product .inner_product_header,
html body#top .related.products ul.products li.product .inner_product_header_table,
html body#top .related.products ul.products li.product .inner_product_header_cell {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  border-top: none !important;
}

/* Img margin-bottom: 0 — keine Extra-Lücke */
html body#top.woocommerce ul.products li.product img,
html body#top.woocommerce ul.products li.product .attachment-shop_catalog,
html body#top.woocommerce ul.products li.product .attachment-woocommerce_thumbnail {
  margin-bottom: 0 !important;
}

/* Titel jetzt mit 6px padding-top — einzige kontrollierte Lücke */
html body#top.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: 6px 4px 2px !important;
  margin: 0 !important;
  min-height: 0 !important;
}
html body#top.woocommerce ul.products li.product .price {
  padding: 0 4px !important;
  margin: 0 !important;
}

/* Shop.css setzt .woocommerce ul.products li.product a img { margin-bottom: 14px !important }
   → matche exakt gleiche Selektor-Kette mit html body vorn für höhere Specificity */
html body.woocommerce ul.products li.product a img,
html body#top.woocommerce ul.products li.product a img,
body#top.woocommerce ul.products li.product a img {
  margin-bottom: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════
   Produkt-Thumbnails: UNIFORM-SIZE (jedes Bild optisch gleich groß)
   thumbnail_container als 1:1-Box, img object-fit:contain mit gleichem Padding
   → alle Produkte wirken gleich egal welche Bild-Proportion oder BG
   ═══════════════════════════════════════════════════════════════════ */
html body#top.woocommerce ul.products li.product .thumbnail_container,
html body#top .related.products ul.products li.product .thumbnail_container,
html body#top .up-sells ul.products li.product .thumbnail_container {
  aspect-ratio: 1 / 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  width: 100% !important;
  height: auto !important;
  padding: 14% !important;
  box-sizing: border-box !important;
}
html body#top.woocommerce ul.products li.product .thumbnail_container img,
html body#top .related.products ul.products li.product .thumbnail_container img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ═══ MT MODERN B2B ACCOUNT ═══ */
/* Modern Mountain-Tree-Styling für:
   - Mein-Konto (Sidebar + Dashboard + Sub-Seiten wie Bestellungen, Adressen, Bietet an, Kauflisten, Sammelbestellung, Unterkonten, Unterhaltung, Downloads, Kontodetails)
   - Registrierungsformular (B2B-Händler)
   - Login-Formular
   - VIES-USt-IdNr-Validate-Button
*/

/* — Seitenkopf: Page-Title sichtbar, nicht mehr unter Header versteckt — */
html body.woocommerce-account #main,
html body.woocommerce-checkout #main,
html body.woocommerce-cart #main,
html body.woocommerce-account.html_header_transparency.html_header_unstick_top #main {
  padding-top: 90px !important;
}
html body.woocommerce-account .entry-title,
html body.woocommerce-account .page-title,
html body.woocommerce-account .main-title {
  font-family: "Inter Tight", "Inter", sans-serif !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  color: #111 !important;
  margin: 0 0 32px 0 !important;
  letter-spacing: -0.01em !important;
}

/* — Layout: Sidebar + Content nebeneinander, sauber — */
html body.woocommerce-account .woocommerce,
html body.woocommerce-account div.woocommerce {
  display: flex !important;
  gap: 40px !important;
  align-items: flex-start !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  flex-direction: row !important;
}
html body .woocommerce-MyAccount-navigation {
  flex: 0 0 240px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 240px !important;
  float: none !important;
}
html body .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  background: #fff !important;
  border-radius: 12px !important;
  padding: 12px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.03) !important;
  border: 1px solid rgba(0,0,0,0.04) !important;
}
html body .woocommerce-MyAccount-navigation ul li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
html body .woocommerce-MyAccount-navigation ul li a {
  display: flex !important;
  align-items: center !important;
  padding: 10px 14px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  color: #4a4e52 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background 0.15s, color 0.15s !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.35 !important;
}
html body .woocommerce-MyAccount-navigation ul li a:hover {
  background: rgba(0,150,57,0.08) !important;
  color: #006b28 !important;
}
html body .woocommerce-MyAccount-navigation ul li.is-active > a,
html body .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard.is-active > a,
html body .woocommerce-MyAccount-navigation ul li.is-active a {
  background: #009639 !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 8px rgba(0,150,57,0.2) !important;
}
/* Abmelden etwas separat */
html body .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
}
html body .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #888 !important;
  font-size: 13px !important;
}
html body .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  color: #c73131 !important;
  background: rgba(199,49,49,0.06) !important;
}

/* — Content-Area: Cards, bessere Typo — */
html body .woocommerce-MyAccount-content {
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  float: none !important;
  font-family: "Inter", sans-serif !important;
  color: #1d2022 !important;
}
html body .woocommerce-MyAccount-content > h2,
html body .woocommerce-MyAccount-content > h3 {
  font-family: "Inter Tight", "Inter", sans-serif !important;
  font-weight: 700 !important;
  margin: 0 0 20px 0 !important;
  color: #111 !important;
}
html body .woocommerce-MyAccount-content p {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #4a4e52 !important;
}
html body .woocommerce-MyAccount-content a {
  color: #006b28 !important;
  font-weight: 500 !important;
}
html body .woocommerce-MyAccount-content a:hover {
  color: #009639 !important;
}

/* Dashboard: greeting hero, card look */
html body .woocommerce-MyAccount-content > p:first-of-type {
  background: linear-gradient(135deg, #f6f8f5 0%, #eef4ec 100%) !important;
  padding: 24px 28px !important;
  border-radius: 12px !important;
  border-left: 4px solid #009639 !important;
  margin-bottom: 24px !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Tabellen (Bestellungen, Adressen, Downloads) — modern */
html body .woocommerce-MyAccount-content table.shop_table,
html body .woocommerce-MyAccount-content table.woocommerce-orders-table,
html body .woocommerce-MyAccount-content table.woocommerce-table {
  border: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff !important;
}
html body .woocommerce-MyAccount-content table.shop_table thead th {
  background: #f8f9f8 !important;
  color: #111 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 14px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}
html body .woocommerce-MyAccount-content table.shop_table td {
  padding: 16px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.04) !important;
  font-size: 14.5px !important;
  color: #1d2022 !important;
}
html body .woocommerce-MyAccount-content table.shop_table tr:last-child td {
  border-bottom: 0 !important;
}

/* Status-Badges in der Bestelltabelle */
html body .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-status mark,
html body .woocommerce-MyAccount-content .order-status {
  display: inline-block !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  background: rgba(0,150,57,0.1) !important;
  color: #006b28 !important;
  text-transform: none !important;
}

/* — Buttons allgemein in MyAccount — */
html body .woocommerce-MyAccount-content .button,
html body .woocommerce-MyAccount-content button:not(.nav-trigger):not(.plus):not(.minus),
html body .woocommerce-MyAccount-content input[type="submit"] {
  background: #009639 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 11px 28px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.1s, box-shadow 0.2s !important;
  box-shadow: 0 2px 8px rgba(0,150,57,0.15) !important;
  text-transform: none !important;
}
html body .woocommerce-MyAccount-content .button:hover,
html body .woocommerce-MyAccount-content button:hover:not(.nav-trigger):not(.plus):not(.minus),
html body .woocommerce-MyAccount-content input[type="submit"]:hover {
  background: #007a2e !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0,150,57,0.25) !important;
}

/* Input-Felder in MyAccount (Kontodetails, Adressen-Edit) */
html body .woocommerce-MyAccount-content input[type="text"],
html body .woocommerce-MyAccount-content input[type="email"],
html body .woocommerce-MyAccount-content input[type="tel"],
html body .woocommerce-MyAccount-content input[type="password"],
html body .woocommerce-MyAccount-content select,
html body .woocommerce-MyAccount-content textarea {
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 8px !important;
  padding: 11px 14px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14.5px !important;
  background: #fff !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}
html body .woocommerce-MyAccount-content input:focus,
html body .woocommerce-MyAccount-content select:focus,
html body .woocommerce-MyAccount-content textarea:focus {
  outline: 0 !important;
  border-color: #009639 !important;
  box-shadow: 0 0 0 3px rgba(0,150,57,0.12) !important;
}
html body .woocommerce-MyAccount-content label {
  font-weight: 500 !important;
  font-size: 13.5px !important;
  color: #4a4e52 !important;
  display: block !important;
  margin-bottom: 6px !important;
}

/* — B2BKing-spezifisch: Conversations, Offers, Purchase Lists, Bulk Order, Sub-Accounts — */
html body .woocommerce-MyAccount-content .b2bking_conversations_table,
html body .woocommerce-MyAccount-content #b2bking_purchase_lists_table,
html body .woocommerce-MyAccount-content #b2bking_offers_table,
html body .woocommerce-MyAccount-content #b2bking_subaccounts_table {
  border: 0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

/* — Registrierungs-/Login-Formular (Logged-Out-View) — */
html body.woocommerce-account:not(.logged-in) .woocommerce,
html body.woocommerce-account:not(.logged-in) div.woocommerce {
  display: flex !important;
  gap: 48px !important;
  max-width: 1000px !important;
  margin: 0 auto !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
}
html body .woocommerce #customer_login {
  display: flex !important;
  gap: 48px !important;
  width: 100% !important;
  flex-wrap: wrap !important;
}
html body .woocommerce #customer_login > div {
  flex: 1 1 420px !important;
  background: #fff !important;
  border-radius: 16px !important;
  padding: 36px 36px 28px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 2px 8px rgba(0,0,0,0.04) !important;
  border: 1px solid rgba(0,0,0,0.04) !important;
  width: auto !important;
}
html body .woocommerce #customer_login h2 {
  font-family: "Inter Tight", "Inter", sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #111 !important;
  margin: 0 0 8px 0 !important;
}
html body .woocommerce #customer_login > div > p:first-of-type,
html body .woocommerce #customer_login p.form-intro {
  color: #6a7075 !important;
  font-size: 14px !important;
  margin-bottom: 20px !important;
}
html body .woocommerce form.login,
html body .woocommerce form.register,
html body .woocommerce form.woocommerce-ResetPassword,
html body .woocommerce form.edit-account,
html body .woocommerce form.woocommerce-EditAccountForm {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body .woocommerce form .form-row {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}
html body .woocommerce form .form-row label {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 13.5px !important;
  color: #4a4e52 !important;
  margin-bottom: 6px !important;
  display: block !important;
}
html body .woocommerce form .form-row input[type="text"],
html body .woocommerce form .form-row input[type="email"],
html body .woocommerce form .form-row input[type="tel"],
html body .woocommerce form .form-row input[type="password"],
html body .woocommerce form .form-row select,
html body .woocommerce form .form-row textarea {
  width: 100% !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14.5px !important;
  background: #fff !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
  box-sizing: border-box !important;
}
html body .woocommerce form .form-row input:focus,
html body .woocommerce form .form-row select:focus,
html body .woocommerce form .form-row textarea:focus {
  outline: 0 !important;
  border-color: #009639 !important;
  box-shadow: 0 0 0 3px rgba(0,150,57,0.12) !important;
}
html body .woocommerce form .form-row input[type="submit"],
html body .woocommerce form button[type="submit"] {
  background: #009639 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 13px 32px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.1s, box-shadow 0.2s !important;
  box-shadow: 0 2px 8px rgba(0,150,57,0.15) !important;
  text-transform: none !important;
  margin-top: 8px !important;
  width: 100% !important;
}
html body .woocommerce form .form-row input[type="submit"]:hover,
html body .woocommerce form button[type="submit"]:hover {
  background: #007a2e !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0,150,57,0.25) !important;
}
/* "Passwort vergessen" link */
html body .woocommerce form.login .lost_password {
  text-align: center !important;
  margin-top: 12px !important;
  font-size: 13px !important;
}
html body .woocommerce form.login .lost_password a {
  color: #6a7075 !important;
  text-decoration: none !important;
}
html body .woocommerce form.login .lost_password a:hover {
  color: #009639 !important;
}

/* Checkbox Row (remember me, terms) */
html body .woocommerce form .woocommerce-form__label-for-checkbox {
  font-size: 14px !important;
  color: #4a4e52 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
html body .woocommerce form .woocommerce-form__input-checkbox {
  accent-color: #009639 !important;
  width: 18px !important;
  height: 18px !important;
}

/* B2BKing Registration Role Dropdown */
html body .woocommerce form.register select[name="b2bking_registration_roles_dropdown"] {
  cursor: pointer !important;
}

/* — VIES Validate-Button (auf USt-IdNr Feld) — */
html body button#b2bking_checkout_registration_validate_vat_button,
html body .b2bking_validate_vat_button,
html body button.b2bking_validate_vat_button_registration {
  background: #fff !important;
  color: #009639 !important;
  border: 1.5px solid #009639 !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-top: 8px !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: none !important;
}
html body button#b2bking_checkout_registration_validate_vat_button:hover,
html body .b2bking_validate_vat_button:hover,
html body button.b2bking_validate_vat_button_registration:hover {
  background: #009639 !important;
  color: #fff !important;
}
/* Erfolgsmeldung VIES */
html body .b2bking_vat_validated_text,
html body #b2bking_vat_validated_message {
  color: #006b28 !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  margin-top: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
html body .b2bking_vat_invalid_text,
html body #b2bking_vat_invalid_message {
  color: #c73131 !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  margin-top: 8px !important;
}

/* — Notifications / Error Messages — */
html body .woocommerce-notices-wrapper .woocommerce-message,
html body .woocommerce-message {
  border-left-color: #009639 !important;
  background: rgba(0,150,57,0.06) !important;
  border-radius: 10px !important;
  padding: 14px 20px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  box-shadow: none !important;
}
html body .woocommerce-notices-wrapper .woocommerce-info,
html body .woocommerce-info {
  border-left-color: #009639 !important;
  background: rgba(0,150,57,0.05) !important;
  border-radius: 10px !important;
  padding: 14px 20px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
}
html body .woocommerce-notices-wrapper .woocommerce-error,
html body .woocommerce-error {
  border-left-color: #c73131 !important;
  background: rgba(199,49,49,0.06) !important;
  border-radius: 10px !important;
  padding: 14px 20px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
}

/* — Mobile-Layout: Sidebar oben, Content drunter — */
@media (max-width: 860px) {
  html body.woocommerce-account .woocommerce,
  html body.woocommerce-account div.woocommerce {
    flex-direction: column !important;
    gap: 20px !important;
  }
  html body .woocommerce-MyAccount-navigation {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
  html body .woocommerce-MyAccount-navigation ul {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
  html body .woocommerce #customer_login {
    flex-direction: column !important;
    gap: 20px !important;
  }
}
/* ═══ END MT MODERN B2B ACCOUNT ═══ */

/* ═══ MT STANDARD CONTENT PAGES: remove redundant Enfold title/breadcrumb banner ═══
   Applies to normal WordPress pages, including newly created legal/content pages.
   Excludes the custom landing/front page and WooCommerce screens, which have their own layout layers. */
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .title_container {
  display: none !important;
}

@media (min-width: 783px) {
  html body.admin-bar.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) {
    padding-top: 52px !important;
  }
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) #main {
  display: flex !important;
  flex-direction: column !important;
  min-height: calc(100svh - var(--wp-admin--admin-bar--height, 0px) - 52px) !important;
  padding-top: 0 !important;
  background: #f6f8f5 !important;
  background-image: none !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) #main > .container_wrap_first {
  flex: 1 0 auto !important;
  background: #f6f8f5 !important;
  background-image: none !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) #main > .mt-foot {
  flex: 0 0 auto !important;
  margin-top: auto !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .container_wrap_first > .container {
  width: min(calc(100vw - clamp(32px, 8vw, 120px)), 1180px) !important;
  max-width: 1180px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .container_wrap_first .template-page {
  padding-top: 56px !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .mt-content-back-wrap {
  margin: 0 0 26px !important;
  padding: 0 !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .mt-breadcrumb {
  margin: 0 0 24px !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .mt-content-back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: auto !important;
  max-width: max-content !important;
  min-height: 34px !important;
  padding: 8px 16px 8px 12px !important;
  border-radius: 99px !important;
  background: transparent !important;
  color: #6b7a72 !important;
  font-family: "Inter Tight", "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .mt-content-back:hover {
  background: rgba(0,150,57,0.08) !important;
  color: #006b28 !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content table {
  width: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(17,23,21,0.08) !important;
  border-radius: 13px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: rgba(255,255,255,0.9) !important;
  box-shadow: 0 12px 34px rgba(12,26,18,0.05) !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content table th,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content table td {
  padding: 14px 16px !important;
  border-color: rgba(17,23,21,0.08) !important;
  color: #34413a !important;
  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 0.92rem !important;
  line-height: 1.45 !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content table thead th {
  background: #f8faf7 !important;
  color: var(--mtm-ink, #111715) !important;
  font-size: 0.78rem !important;
  font-weight: 780 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content table tbody tr,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content table tbody tr:nth-child(odd),
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content table tbody tr:nth-child(even),
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content table tbody td {
  background: #fff !important;
  background-image: none !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .container_wrap_first {
  border-top: 0 !important;
}

/* Friendly content typography: hierarchy through size, rhythm and color, not heavy bold. */
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content {
  color: #33403a !important;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper h1,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper h2,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper h3,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper h4,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .av-special-heading-tag {
  color: #1f2a25 !important;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-weight: 580 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper h1,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .av-special-heading-tag {
  margin: 0 0 22px !important;
  font-size: clamp(1.65rem, 2.4vw, 2.05rem) !important;
  line-height: 1.18 !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper h2 {
  margin: 34px 0 12px !important;
  font-size: clamp(1.2rem, 1.6vw, 1.42rem) !important;
  line-height: 1.28 !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper h3 {
  margin: 26px 0 10px !important;
  font-size: 1.08rem !important;
  line-height: 1.35 !important;
  font-weight: 560 !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper h4 {
  margin: 22px 0 8px !important;
  color: #43504a !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
  font-weight: 540 !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper strong,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper b {
  color: #27322d !important;
  font-weight: 600 !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content table thead th {
  font-weight: 580 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

@media (max-width: 640px) {
  html body.admin-bar.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .mt-mh {
    top: 0 !important;
  }

  html body.admin-bar.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .mt-drawer {
    top: 0 !important;
    height: 100dvh !important;
  }

  html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .container_wrap_first .template-page {
    padding-top: 78px !important;
  }

  html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) #main {
    min-height: 100svh !important;
  }

  html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .container_wrap_first > .container {
    width: min(92vw, 520px) !important;
  }
}
/* ═══ END MT STANDARD CONTENT PAGES ═══ */

/* ═══ MT FOOTER MINIMAL ═══ */
/* Site-wide footer reduziert auf Logo + Copy + Mini-Legal-Links (klickbar!) */
html body .mt-foot__grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  padding-bottom: 18px !important;
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}
@media (min-width: 720px) {
  html body .mt-foot__grid {
    grid-template-columns: 1fr !important;
  }
}
html body .mt-foot__nav,
html body .mt-foot__col:not(.mt-foot__brand),
html body .mt-foot__contact {
  display: none !important;
}
html body .mt-foot__brand {
  text-align: center;
  padding: 0;
}
html body .mt-foot__brand img {
  margin: 0 auto;
  max-width: 110px !important;
}
html body .mt-foot__brand .mt-foot__tag {
  display: none !important;
}
/* Bottom-Row: Legal-Links + Copy + Social zentriert in einer dezenten Reihe */
html body .mt-foot__bottom {
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
  text-align: center !important;
}
html body ul.mt-foot__legal-links {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 4px 14px !important;
}
html body ul.mt-foot__legal-links li {
  margin: 0 !important;
  padding: 0 !important;
}
html body ul.mt-foot__legal-links a {
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: #8a8e8a !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
}
html body ul.mt-foot__legal-links a:hover {
  color: #cfd3d0 !important;
  text-decoration: underline !important;
}

html body .mt-foot a,
html body #footer .mt-foot a,
html body #socket .mt-foot a,
html body ul.mt-foot__legal-links a {
  color: #fff !important;
}

html body .mt-foot a:hover,
html body #footer .mt-foot a:hover,
html body #socket .mt-foot a:hover,
html body ul.mt-foot__legal-links a:hover {
  color: #4fd27a !important;
  text-decoration: none !important;
}

html body .mt-foot__copy {
  font-size: 11px !important;
  color: rgba(168,168,165,0.5) !important;
  margin: 0 !important;
}
/* Social-Icons unten dezent kleiner, am Ende */
html body .mt-foot__bottom .mt-foot__social a {
  width: 28px !important;
  height: 28px !important;
}
/* ═══ END MT FOOTER MINIMAL ═══ */

/* ─── Standard/legal content typography: compact, calm, Landing excluded ─── */
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .avia_textblock {
  color: #35413b !important;
  font-size: 0.92rem !important;
  line-height: 1.64 !important;
  letter-spacing: 0 !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper p,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper li,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content p,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content li {
  color: #35413b !important;
  font-size: 0.92rem !important;
  line-height: 1.64 !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper h1,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .av-special-heading-tag {
  color: #25302b !important;
  font-size: clamp(1.42rem, 2vw, 1.72rem) !important;
  font-weight: 560 !important;
  line-height: 1.2 !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper h2 {
  color: #25302b !important;
  font-size: clamp(1.08rem, 1.35vw, 1.24rem) !important;
  font-weight: 560 !important;
  line-height: 1.28 !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper h3,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content-wrapper h4 {
  color: #2f3b35 !important;
  font-size: 0.98rem !important;
  font-weight: 540 !important;
  line-height: 1.35 !important;
}

html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content table th,
html body.page:not(.home):not(.front-page):not(.page-template-template-landing):not(.woocommerce):not(.woocommerce-page) .entry-content table td {
  font-size: 0.88rem !important;
  line-height: 1.42 !important;
}

/* Legal pages: deliberately smaller, document-like text. */
html body:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .entry-content-wrapper,
html body:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .entry-content,
html body:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .avia_textblock {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

html body:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .entry-content-wrapper p,
html body:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .entry-content-wrapper li,
html body:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .entry-content p,
html body:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .entry-content li {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

html body:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .entry-content-wrapper h1,
html body:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .av-special-heading-tag {
  font-size: clamp(20px, 1.6vw, 23px) !important;
  line-height: 1.22 !important;
}

html body:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .entry-content-wrapper h2 {
  font-size: 16px !important;
  line-height: 1.28 !important;
}

html body:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .entry-content-wrapper h3,
html body:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .entry-content-wrapper h4 {
  font-size: 14px !important;
  line-height: 1.32 !important;
}

html body:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .entry-content table th,
html body:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .entry-content table td {
  font-size: 12px !important;
  line-height: 1.38 !important;
}

/* Final footer guard: footer links use the shop paper tone across old and reduced footer markup. */
html body #footer a,
html body #socket a,
html body footer a,
html body .mt-foot a,
html body ul.mt-foot__legal-links a {
  color: #f4f7f2 !important;
}

html body #footer a:hover,
html body #socket a:hover,
html body footer a:hover,
html body .mt-foot a:hover,
html body ul.mt-foot__legal-links a:hover {
  color: #4fd27a !important;
  text-decoration: none !important;
}

html body .mt-foot,
html body footer.mt-foot {
  background:
    linear-gradient(180deg, var(--mt-foot-top) 0%, var(--mt-foot-bg) 24%, #0d1410 100%) !important;
  color: var(--mt-foot-muted) !important;
}

html body .mt-foot__copy {
  color: rgba(244,247,242,0.56) !important;
}

/* Final legal text guard: beats Enfold's broad page typography. */
html body#top:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .template-page .entry-content-wrapper,
html body#top:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .template-page .entry-content,
html body#top:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .template-page .avia_textblock {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

html body#top:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .template-page .entry-content-wrapper p,
html body#top:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .template-page .entry-content-wrapper li,
html body#top:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .template-page .entry-content p,
html body#top:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .template-page .entry-content li {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

html body#top:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .template-page .entry-content-wrapper h1,
html body#top:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .template-page .av-special-heading-tag {
  font-size: clamp(20px, 1.6vw, 23px) !important;
  line-height: 1.22 !important;
}

html body#top:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .template-page .entry-content-wrapper h2 {
  font-size: 16px !important;
  line-height: 1.28 !important;
}

html body#top:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .template-page .entry-content-wrapper h3,
html body#top:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .template-page .entry-content-wrapper h4 {
  font-size: 14px !important;
  line-height: 1.32 !important;
}

html body#top:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .template-page .entry-content table th,
html body#top:is(.page-id-3,.page-id-9,.page-id-3140,.page-id-3221,.page-id-4862) .template-page .entry-content table td {
  font-size: 12px !important;
  line-height: 1.38 !important;
}