/** Shopify CDN: Minification failed

Line 364:21 Unexpected "{"
Line 364:28 Expected ":"
Line 365:21 Unexpected "{"
Line 365:28 Expected ":"
Line 373:21 Unexpected "{"
Line 373:28 Expected ":"
Line 374:21 Unexpected "{"
Line 374:28 Expected ":"
Line 384:20 Unexpected "{"
Line 384:29 Expected ":"
... and 25 more hidden warnings

**/
/* Zahlungsmethoden Icons – nur mobil, ohne seitlichen Abstand */
@media (max-width: 749px) {
  .product__payment-info {
    padding-top: 1rem !important;
    padding-bottom: 2.4rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* amaflow Menu Kacheln Text kleiner desktop */
@media (min-width: 990px){
  motion-element.block.card-media__heading.rich-text__heading.h3 {
    font-size: 20px;
  }
}


/* amaflow Kategoriebeschreibung + Titel kleiner mobil */
@media (max-width: 768px) {
  .collection-hero__description.rte.text-subtext {
    font-size: 12px;
  }
  .collection-hero__title.overflow-hidden.h1 {
  font-size: 22px;
}
}

/* amaflow Abstand unter Add to Cart (mobil) */
@media (max-width: 768px) {
#ProductSubmitButton-template--26035874627850__main {
  margin-bottom: 10px;
}
}

/* amaflow Text auf Karten (Startseite) kleiner mobil */
@media (max-width: 768px) {
.block.card-media__heading.rich-text__heading.h3 {
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5) !important;
  font-size: 14px !important;
}
}




/* amaflow_Slider_Startseite - Mobil: Erster Banner volle Breite, Rest 2-spaltig */
@media (max-width: 767.98px) {
  .grid-banner.swipe-mobile {
    display: block !important;
    overflow: visible !important;
    scroll-snap-type: none;
    padding-inline: 0;
    margin-inline: 0;
  }
  .grid-banner .swipe-mobile__inner.grid-banner__inner {
    display: grid !important;
    grid: none !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: var(--f-row-gap, 1rem) var(--f-column-gap, 1rem);
  }
  .grid-banner .swipe-mobile__inner.grid-banner__inner > .grid-banner__item:first-child {
    grid-column: 1 / -1;
  }
  .grid-banner .swipe-mobile__inner.grid-banner__inner > .grid-banner__item {
    width: 100% !important;
    scroll-snap-align: none;
  }
}

/* Header mobil: Nur Logo linksbündig (Reihenfolge bleibt unverändert) */
@media (max-width: 1023px) {
  header .header__top .header__logo {
    justify-content: flex-start !important;
    margin-right: auto !important;
  }
}



/* Filter Ausblenden verfuegbarkeit, Color, Design */
[data-filter*="availability"],
[data-filter*="Availability"],
[data-filter*="color"],
[data-filter*="Color"],
[data-filter*="design"],
[data-filter*="Design"],
[data-index*="availability"],
[data-index*="color"],
[data-index*="design"] {
  display: none !important;
}



@media (max-width: 767px) {
  .block.rich-text__subheading.text-subheading {
    line-height: 1.1 !important;
    font-size: 12px !important;

  }
  .block.metafield-string {
    font-size: 11px !important;
    line-height: 1.1 !important;
    display: inline; /* falls der Theme-Style was Komisches macht */
  }
}

.block.card-media__heading.rich-text__heading.h3 {
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5) !important;
  font-size: 15px;
}

.text-subheading {
  text-transform: unset;
}
.btn {
  text-transform: unset;
}
/* Language switcher as globe icon (styled like custom-select) */
/* Hide on desktop, show only on mobile (below 1025px) */
.header-language-form {
 display: flex;
 align-items: center;
}

/* Nicht in der Announcement-/Topbar anzeigen */
.topbar__country {
  display: none;
}

.disclosure__toggle.btn--plain.text-normal.font-body {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  font-size: 0; /* hide original text label */
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
}

/* Globe SVG icon */
.disclosure__toggle.btn--plain.text-normal.font-body::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9'%3E%3C/circle%3E%3Cpath d='M12,3 C 8,3 8,21 12,21 C 16,21 16,3 12,3'%3E%3C/path%3E%3Cpath d='M3,12 C 3,8 21,8 21,12 C 21,16 3,16 3,12'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

/* Arrow icon styling (down arrow) */
.disclosure__toggle.btn--plain.text-normal.font-body svg.icon-caret-down {
  width: 12px;
  height: 12px;
  stroke-width: 1.2;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

/* Header language switcher: caret down when closed, up when open */
.header-language-form .disclosure__toggle[aria-expanded="false"] svg.icon-caret-down {
  transform: rotate(0deg); /* zeigt nach unten (Standardpfad) */
}

.header-language-form .disclosure__toggle[aria-expanded="true"] svg.icon-caret-down {
  transform: rotate(180deg); /* zeigt nach oben, wenn aufgeklappt */
}

/* Globe in header__buttons - positioned next to account button */
.header__buttons .disclosure__toggle.btn--plain.text-normal.font-body {
  margin-right: -7px;
}

/* Mobile Drawer: Globe should be black (white background) */
#MenuDrawer .disclosure__toggle.btn--plain.text-normal.font-body::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' stroke='%232c2d2e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9'%3E%3C/circle%3E%3Cpath d='M12,3 C 8,3 8,21 12,21 C 16,21 16,3 12,3'%3E%3C/path%3E%3Cpath d='M3,12 C 3,8 21,8 21,12 C 21,16 3,16 3,12'%3E%3C/path%3E%3C/svg%3E");
}

/* Language switcher dropdown - high z-index to appear above other elements including search bar */
.header-language-form {
  position: relative;
  z-index: 9999 !important;
}

.header-language-form .disclosure {
  position: relative;
  z-index: 10000 !important;
}

.header-language-form .disclosure-list {
  z-index: 10001 !important;
  position: absolute !important;
}

/* Ensure it's above search bar (z-2 typically means z-index: 2) */
.header__search {
  z-index: 2;
}

/* Ausblenden der Suche (mobil) beim runterscrollen */
@media (max-width: 768px) {
  /* Hidden-State über globale Klasse am html */
  html.js-hide-header-search .header__search {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-120%) !important;
    transition: transform 0.25s ease, opacity 0.25s ease, visibility 0.25s ease !important;
  }

  /* Falls Theme position/ sticky erzwingt: im Hidden-State neutralisieren */
  html.js-hide-header-search .header__search {
    position: relative !important;   /* überschreibt sticky/fixed am Element */
    top: auto !important;
  }

  /* Wenn Sticky eher am Parent hängt: ebenfalls “ausknipsen” */
  html.js-hide-header-search .header__search,
  html.js-hide-header-search .header__search * {
    will-change: transform, opacity;
  }
}

@media (max-width: 768px) {
  .header.items-center.color-scheme-inverse .header__inner {
    max-height: 190px;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }

  html.js-hide-header-search .header.items-center.color-scheme-inverse .header__inner {
    max-height: 121px;
  }

  html.js-hide-header-search .header__search {
    display: none !important;
  }
}


.header__icons.header__icons--right {
  position: relative;
  z-index: 9998 !important;
}

/* -------- Mobile Drawer Language Switcher (Globus) -------- */

/* Caret im Drawer: Standard-SVG zeigt nach oben, wir drehen es:
   - geschlossen (aria-expanded=\"false\"): nach unten
   - offen (aria-expanded=\"true\"): nach oben */
#MenuDrawer .disclosure__toggle svg[class*=\"icon-caret\"] {
  transition: transform 0.2s ease;
}

#MenuDrawer .disclosure__toggle[aria-expanded=\"false\"] svg[class*=\"icon-caret\"] {
  transform: rotate(180deg);
}

#MenuDrawer .disclosure__toggle[aria-expanded=\"true\"] svg[class*=\"icon-caret\"] {
  transform: rotate(0deg);
}

/* Icons im Drawer näher zusammen / etwas weiter nach links */
#MenuDrawer .menu-drawer__localization-form {
  justify-content: flex-start;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  margin-left: -0.5rem;
}

#MenuDrawer .menu-drawer__localization-form .disclosure__toggle.btn--plain.text-normal.font-body {
  padding-right: 0;
}



/*
menu-drawer-details.liquid CSS
-----------------------------
*/
  #MenuDrawer .menu-drawer__item-grandchild {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.96rem;
    padding-block-start: 0.96rem;
  }

  #MenuDrawer .menu-drawer__item-grandchild .menu-sidebar__collection-card {
    width: 100%;
    max-width: 100%;
    height: 215px;
  }

  @media (max-width: 485px) {
    #MenuDrawer .menu-drawer__item-grandchild {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.8rem;
    }

    #MenuDrawer .menu-drawer__item-grandchild .menu-sidebar__collection-card {
      width: 100%;
      max-width: 100%;
    }

    .block.card-media__heading.rich-text__heading {
      text-shadow: 0 0 6px rgba(0, 0, 0, 0.5) !important;
      font-size: 15px;
    }
    

  }

  #MenuDrawer .menu-drawer__item-grandchild .menu-sidebar__collection-card .card-media,
  #MenuDrawer .menu-drawer__item-grandchild .menu-sidebar__collection-card .card-media__media-wrapper {
    height: 100%;
  }


  #MenuDrawer .menu-drawer__item-grandchild .menu-sidebar__collection-card .card-media__heading {
    font-size: var(--font-h3-size, 1.8rem);
    font-weight: var(--font-heading-weight, 600);
    text-transform: var(--font-heading-transform, none);
    letter-spacing: var(--font-heading-letter-spacing, 0em);
    line-height: 1.2;
    text-shadow: none;
  }

  @media (max-width: 950px) {
    #MenuDrawer .menu-drawer__item-grandchild .menu-sidebar__collection-card .card-media__heading {
      font-size: var(--font-h4-size, 1.8rem);
    }
  }



/*
header.liquid
-------------------
*/
@media (max-width: 749px) {
    #Mega-menu-item-{{ block.id }} .mega-menu__promotions,
    #Mega-menu-item-{{ block.id }} .mega-menu__promotions-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.2rem;
      margin-top: 1.6rem;
      overflow: visible;
    }

    #Mega-menu-item-{{ block.id }} .mega-menu__promotions > *,
    #Mega-menu-item-{{ block.id }} .mega-menu__promotions-grid > * {
      width: 100%;
      min-width: 0;
    }
  }
 

 /*
 Header.liquid
 ------------------*/
  #shopify-section-{{ section.id }} #MenuDrawer .menu-drawer__submenu > ul {
    padding-inline: 1.6rem;
    padding-block-end: 2.4rem;
  }
  #shopify-section-{{ section.id }} #MenuDrawer .drawer__content,
  #shopify-section-{{ section.id }} #MenuDrawer nav,
  #shopify-section-{{ section.id }} #MenuDrawer .menu-drawer__menus {
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  #shopify-section-{{ section.id }} #MenuDrawer .menu-drawer__promotions,
  #shopify-section-{{ section.id }} #MenuDrawer .mega-menu__promotions-grid,
  #shopify-section-{{ section.id }} #MenuDrawer .menu-drawer__promotions .mega-menu__promotions-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.96rem;
    row-gap: 0.6rem;
    overflow: visible;
  }
  #shopify-section-{{ section.id }} #MenuDrawer .mega-menu__promotions-grid .promotion-item,
  #shopify-section-{{ section.id }} #MenuDrawer .menu-drawer__promotions .mega-menu__promotions-grid .promotion-item {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
  }

  #shopify-section-{{ section.id }} #MenuDrawer .menu-drawer__promotions .card-media__content,
  #shopify-section-{{ section.id }} #MenuDrawer .menu-drawer__item-grandchild .card-media__content {
    padding: 1.6rem;
    padding-bottom: 0.5rem;
  }
  #shopify-section-{{ section.id }} #MenuDrawer .menu-drawer__submenu .menu-drawer__footer {
    display: none;
  }
  #shopify-section-{{ section.id }} #MenuDrawer .menu-drawer__submenu {
    min-height: calc(100vh - var(--header-offset-top, 0px));
  }
 */

 
 
/* Active rules for drawer promotions - override gap-4 class */
#MenuDrawer .menu-drawer__promotions,
#MenuDrawer .mega-menu__promotions-grid,
#MenuDrawer .menu-drawer__promotions.mega-menu__promotions-grid,
#MenuDrawer .menu-drawer__promotions .mega-menu__promotions-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.96rem !important;
  row-gap: 0.4rem !important;
  overflow: visible;
}

/* Ensure drawer promotions stay in 2 columns even on larger screens */
@media (min-width: 750px) {
  #MenuDrawer .menu-drawer__promotions,
  #MenuDrawer .mega-menu__promotions-grid,
  #MenuDrawer .menu-drawer__promotions.mega-menu__promotions-grid,
  #MenuDrawer .menu-drawer__promotions .mega-menu__promotions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

#MenuDrawer .menu-drawer__promotions.gap-4,
#MenuDrawer .mega-menu__promotions-grid.gap-4 {
  gap: 0.96rem !important;
  row-gap: 0.4rem !important;
}

#MenuDrawer .mega-menu__promotions-grid .promotion-item,
#MenuDrawer .menu-drawer__promotions .mega-menu__promotions-grid .promotion-item {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Fix mobile row spacing: lock drawer promotion card heights */
#MenuDrawer .menu-drawer__promotions .promotion-item .card-media {
  height: 215px;
}

#MenuDrawer .menu-drawer__promotions .promotion-item .card-media__media-wrapper {
  height: 100%;
}

#MenuDrawer .menu-drawer__promotions .card-media__content {
  padding: 1.6rem;
  padding-bottom: 0.3rem;
}

 /*
 mega-menu.liquid style
------------------------*/
 .menu-sidebar__collection-card {
    position: relative;
    border-radius: var(--blocks-radius, 12px);
    overflow: hidden;
    width: 240px;
    max-width: 240px;
    height: 240px;
  }

  .menu-sidebar__collection-card .card-media {
    width: 100%;
    height: 100%;
    position: relative;
    color: rgb(var(--color-text-heading, 255, 255, 255));
    font-family: var(--font-heading-family);
  }

  .menu-sidebar__collection-card .card-media__media-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .menu-sidebar__collection-card .card-media__content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    pointer-events: none;
    background: fff;
  }

  .menu-sidebar__collection-card .card-media__heading {
    color: var(--lt-color-white, #fff);
    font-weight: var(--font-heading-weight, 800);
    text-transform: var(--font-heading-transform, uppercase);
    letter-spacing: var(--font-heading-letter-spacing, 0.02em);
    font-size: calc(var(--font-h3-size, 2.8rem) * 0.6);
    line-height: 1.1;
    text-shadow: var(--lt-shadowActive, 0 0 8px -2px rgba(0, 0, 0, 0.4));
    text-align: left;
  }

  .promotion-item .card-media__heading {
    font-size: calc(var(--font-h3-size, 2.8rem) * 0.8);
    text-align: left;
  }

  .promotion-item .card-media__content {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .promotion-item .card-media__content-wrapper {
    text-align: left;
    align-items: flex-start;
    justify-content: flex-end;
  }

  .promotion-item .card-media__heading,
  .menu-sidebar__collection-card .card-media__heading {
    align-self: flex-start;
  }

  .menu-sidebar__collection-card .card-media__content-wrapper {
    justify-content: flex-end;
  }

  @media (max-width: 749px) {
    #MenuDrawer .menu-sidebar__collection-card .card-media__heading,
    #MenuDrawer .menu-drawer__promotions .promotion-item .card-media__heading {
      margin-bottom: 17px;
      margin-left: 5px;
    }
  }



  .mega-menu__promotions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 0fr));
    gap: 16px;
  }
  
  .mega-menu__promotions-grid .promotion-item {
    width: 240px;
    max-width: 240px;
    height: 240px;
  }

  .menu-sidebar__toggle h6 {
    font-size: 1.4rem; 
  }

  


  /* Disable fade-up animation for promotion item headings so text is always visible */
  .promotion-item motion-element[data-motion="fade-up"] {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  @media (max-width: 749px) {
  .mega-menu__promotions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mega-menu__promotions-grid .promotion-item {
    width: 100%;
    max-width: 100%;
  }
}

.menu-sidebar__content .f-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 0fr));
    gap: 16px;
    justify-content: flex-start;
}

.menu-sidebar__content .f-grid > li {
    width: 240px;
    max-width: 240px;
    min-width: 0;
}

.menu-sidebar__content .f-grid .menu-sidebar__collection-card {
    width: 240px;
    max-width: 240px;
    height: 240px;
}

/* Fix: Titelgröße der Drawer-Cards auf 17px erzwingen */
#MenuDrawer .menu-drawer__item-grandchild .menu-sidebar__collection-card .card-media__heading {
  font-size: 16px !important;
}

/* Animations bei Collection-Cards im Mega-Menü + Drawer komplett deaktivieren */
.menu-sidebar__collection-card motion-element[data-motion] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Falls der Drawer andere Strukturen benutzt, zusätzlich explizit im Drawer */
#MenuDrawer .menu-sidebar__collection-card motion-element[data-motion] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Force 2 columns (pairs) for collection cards on smaller screens */
@media (max-width: 520px) {
  .menu-sidebar__content .f-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .menu-sidebar__content .f-grid > li {
    width: 100%;
    max-width: 100%;
  }

  .menu-sidebar__content .f-grid .menu-sidebar__collection-card {
    width: 100%;
    max-width: 100%;
  }
}

.main-product-form {
  display:unset !important;
}