/** Shopify CDN: Minification failed

Line 275:0 All "@import" rules must come first

**/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ============================================================
   MEDTUTORS — medtutors-custom.css
   Bereiche: Header, Icon-Fix, ServAI-Widget, Cart Drawer
   ============================================================ */


/* ============================================================
   1. HEADER
   ============================================================ */

#header-component, .header {
  width: 100% !important;
  max-width: 100% !important;
}

.header__row--top {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: clamp(16px, 4vw, 60px) !important;
  padding-right: clamp(16px, 4vw, 60px) !important;
  box-sizing: border-box !important;
}

.header__columns {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 0 !important;
}

.header__column--left  { flex: 0 0 auto !important; display: flex !important; align-items: center !important; }
.header__column--center { flex: 1 1 auto !important; display: flex !important; justify-content: center !important; }
.header__column--right  { flex: 0 0 auto !important; display: flex !important; align-items: center !important; gap: 12px !important; }

#shopify-section-sections--26227416400200__header_section,
.header-section { width: 100% !important; max-width: 100% !important; }

.header-logo__image {
  height: 48px !important;
  width: auto !important;
  --header-logo-image-height: 48px !important;
  --header-logo-image-width: auto !important;
}

.menu-list__link {
  color: #1a1a1a !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  position: relative !important;
  padding-bottom: 2px !important;
  background: none !important;
  background-image: none !important;
}

.menu-list__list-item { margin: 0 8px !important; }

.menu-list__link .menu-list__link-title {
  background-image: none !important;
  text-decoration: none !important;
}

.menu-list__link::after {
  content: '' !important;
  position: absolute !important;
  bottom: -2px !important; left: 0 !important;
  width: 0 !important; height: 2px !important;
  background-color: #EB606B !important;
  transition: width 0.3s ease !important;
  border-radius: 1px !important;
}

.menu-list__link:hover::after { width: 100% !important; }
.menu-list__link:hover { color: #EB606B !important; background: none !important; }
.menu-list__link--active::after,
.menu-list__link[aria-current="page"]::after { width: 100% !important; }
.menu-list__link--active,
.menu-list__link[aria-current="page"] { color: #EB606B !important; }

.header__column--right a[href*="contact"],
.header__column--right a[href*="anfrage"],
.header__column--right a[href*="beratung"] {
  background: #033F63 !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  transition: background 0.3s ease !important;
  text-decoration: none !important;
}

.header__column--right a[href*="contact"]:hover,
.header__column--right a[href*="anfrage"]:hover,
.header__column--right a[href*="beratung"]:hover {
  background: #02334f !important;
  color: #fff !important;
}

.header__column--right a[href*="contact"]::after,
.header__column--right a[href*="anfrage"]::after,
.header__column--right a[href*="beratung"]::after { display: none !important; }

.header-actions__action { display: flex !important; align-items: center !important; }


/* ============================================================
   2. ICON FOUC FIX (verhindert riesige Icons beim Laden)
   ============================================================ */

.mt-kurs-card__icon-wrap svg, .mt-kurs-card__icon {
  width: 22px !important; height: 22px !important;
  max-width: 22px !important; max-height: 22px !important;
  flex-shrink: 0 !important;
}

.mt-kurs-card__chevron {
  width: 16px !important; height: 16px !important;
  max-width: 16px !important; max-height: 16px !important;
}

.mt-kurs-cta__arrow {
  width: 18px !important; height: 18px !important;
  max-width: 18px !important; max-height: 18px !important;
}

.mt-kurs-section svg { max-width: 100%; height: auto; overflow: visible; }

.mt-kurs-card__icon-wrap {
  width: 44px !important; height: 44px !important;
  min-width: 44px !important; min-height: 44px !important;
  display: flex !important; align-items: center !important;
  justify-content: center !important; flex-shrink: 0 !important;
  overflow: hidden !important;
}


/* ============================================================
   3. SERVAI WIDGET — Alles ausblenden, unser JS baut das Grid
   ============================================================ */

#shopify-section-template--26227416006984__1773306881e67f61e1 {
  padding: 0 !important;
}

#shopify-section-template--26227416006984__1773306881e67f61e1 .section,
#shopify-section-template--26227416006984__1773306881e67f61e1 .section-content-wrapper {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}

#shopify-block-AYkdPb2RJUC94STE2U__servvai_event_bookings_op_widget_BNa9Ez,
.svv-wgt-container,
#svv-wgt-app,
.svv-plain-list-container,
.svv-auth-valid {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Alles ausblenden was wir nicht brauchen */
.svv-search-container, .svv-search-component,
.svv-search-input-container, .svv-search-input,
.svv-action-search-btn, .svv-open-search-btn,
.list-metadata-location, [class*="svv-search"],
.svv-events-list-view-mode-selector,
.svv-events-list-page-size-selector,
.svv-list-controls-container,
.events-filters-container, .events-filters-inner-container,
.events-filters-controls-wrapper, .events-filters-selects-wrapper,
.svv-filters-section-scrollable,
.svv-events-calendar-container, .open-desktop-calendar-section,
.list-metadata-container,
.svv-mobile-wgt-controls-container, .svv-mobile-lang-selector-wrapper,
.svv-plain-list-container-header, .svv-plain-list-container-title,
.list-result-counter-container { display: none !important; }

/* Servv Logo dezent */
.servv-logo-container { opacity: 0.3 !important; padding: 0 24px 24px !important; }
.servv-logo-container:hover { opacity: 0.6 !important; }

/* Kalender CI */
.svv-v-calendar-highlighted-date-bgr.vc-bg-blue-600 { background-color: #EB606B !important; }
.vc-title { color: #033F63 !important; font-family: 'Inter', sans-serif !important; }
.vc-weekday { color: #033F63 !important; font-family: 'Inter', sans-serif !important; }


/* ============================================================
   4. CART DRAWER
   ============================================================ */

.cart-drawer__heading {
  font-family: 'Inter', sans-serif !important;
  font-size: 20px !important; font-weight: 800 !important;
  color: #033F63 !important; letter-spacing: -0.02em !important;
}

.cart-drawer__heading .cart-bubble__background { background: #EB606B !important; }

.cart-items__title {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important; font-weight: 600 !important;
  color: #033F63 !important; text-decoration: none !important;
  display: block !important; line-height: 1.4 !important;
  margin-bottom: 4px !important;
}

.cart-items__title:hover { color: #EB606B !important; }

.cart-items__unit-price-wrapper span {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important; font-weight: 700 !important; color: #033F63 !important;
}

.cart-items__price { font-family: 'Inter', sans-serif !important; font-weight: 700 !important; color: #033F63 !important; }
.cart-items__media-image, .cart-items__media-container { border-radius: 10px !important; overflow: hidden !important; }
.quantity-selector { border-radius: 999px !important; border-color: #E2EAF3 !important; }

.cart__checkout-button {
  background: #EB606B !important; color: #fff !important;
  border-radius: 14px !important; font-family: 'Inter', sans-serif !important;
  font-size: 15px !important; font-weight: 700 !important;
  transition: background 0.25s, transform 0.2s !important;
  box-shadow: 0 4px 16px rgba(235,96,107,0.25) !important; border: none !important;
}

.cart__checkout-button:hover { background: #d94f5a !important; transform: translateY(-1px) !important; }

.cart-totals__total-label { font-family: 'Inter', sans-serif !important; font-size: 14px !important; color: #6B7A90 !important; }
.cart-totals__total-value { font-family: 'Inter', sans-serif !important; font-size: 18px !important; font-weight: 800 !important; color: #033F63 !important; }
.cart-totals__tax-note small { font-family: 'Inter', sans-serif !important; font-size: 11px !important; color: #6B7A90 !important; }

.cart-discount__label { font-family: 'Inter', sans-serif !important; font-size: 13px !important; color: #6B7A90 !important; }
.cart-discount__input { font-family: 'Inter', sans-serif !important; border-radius: 8px !important; border-color: #E2EAF3 !important; }
.cart-discount__button { background: #033F63 !important; color: #fff !important; border-radius: 8px !important; font-family: 'Inter', sans-serif !important; font-weight: 600 !important; }
.cart-items__empty-button { background: #033F63 !important; border-radius: 999px !important; font-family: 'Inter', sans-serif !important; font-weight: 600 !important; }

























@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ============================================================
   MEDTUTORS — medtutors-custom.css
   Bereiche: Header, Icon-Fix, ServAI-Widget, Cart Drawer
   ============================================================ */


/* ============================================================
   1. HEADER
   ============================================================ */

#header-component, .header {
  width: 100% !important;
  max-width: 100% !important;
}

.header__row--top {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: clamp(16px, 4vw, 60px) !important;
  padding-right: clamp(16px, 4vw, 60px) !important;
  box-sizing: border-box !important;
}

.header__columns {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 0 !important;
}

.header__column--left  { flex: 0 0 auto !important; display: flex !important; align-items: center !important; }
.header__column--center { flex: 1 1 auto !important; display: flex !important; justify-content: center !important; }
.header__column--right  { flex: 0 0 auto !important; display: flex !important; align-items: center !important; gap: 12px !important; }

#shopify-section-sections--26227416400200__header_section,
.header-section { width: 100% !important; max-width: 100% !important; }

.header-logo__image {
  height: 48px !important;
  width: auto !important;
  --header-logo-image-height: 48px !important;
  --header-logo-image-width: auto !important;
}

.menu-list__link {
  color: #1a1a1a !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  position: relative !important;
  padding-bottom: 2px !important;
  background: none !important;
  background-image: none !important;
}

.menu-list__list-item { margin: 0 8px !important; }

.menu-list__link .menu-list__link-title {
  background-image: none !important;
  text-decoration: none !important;
}

.menu-list__link::after {
  content: '' !important;
  position: absolute !important;
  bottom: -2px !important; left: 0 !important;
  width: 0 !important; height: 2px !important;
  background-color: #EB606B !important;
  transition: width 0.3s ease !important;
  border-radius: 1px !important;
}

.menu-list__link:hover::after { width: 100% !important; }
.menu-list__link:hover { color: #EB606B !important; background: none !important; }
.menu-list__link--active::after,
.menu-list__link[aria-current="page"]::after { width: 100% !important; }
.menu-list__link--active,
.menu-list__link[aria-current="page"] { color: #EB606B !important; }

.header__column--right a[href*="contact"],
.header__column--right a[href*="anfrage"],
.header__column--right a[href*="beratung"] {
  background: #033F63 !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  transition: background 0.3s ease !important;
  text-decoration: none !important;
}

.header__column--right a[href*="contact"]:hover,
.header__column--right a[href*="anfrage"]:hover,
.header__column--right a[href*="beratung"]:hover {
  background: #02334f !important;
  color: #fff !important;
}

.header__column--right a[href*="contact"]::after,
.header__column--right a[href*="anfrage"]::after,
.header__column--right a[href*="beratung"]::after { display: none !important; }

.header-actions__action { display: flex !important; align-items: center !important; }


/* ============================================================
   2. ICON FOUC FIX (verhindert riesige Icons beim Laden)
   ============================================================ */

.mt-kurs-card__icon-wrap svg, .mt-kurs-card__icon {
  width: 22px !important; height: 22px !important;
  max-width: 22px !important; max-height: 22px !important;
  flex-shrink: 0 !important;
}

.mt-kurs-card__chevron {
  width: 16px !important; height: 16px !important;
  max-width: 16px !important; max-height: 16px !important;
}

.mt-kurs-cta__arrow {
  width: 18px !important; height: 18px !important;
  max-width: 18px !important; max-height: 18px !important;
}

.mt-kurs-section svg { max-width: 100%; height: auto; overflow: visible; }

.mt-kurs-card__icon-wrap {
  width: 44px !important; height: 44px !important;
  min-width: 44px !important; min-height: 44px !important;
  display: flex !important; align-items: center !important;
  justify-content: center !important; flex-shrink: 0 !important;
  overflow: hidden !important;
}


/* ============================================================
   3. SERVAI WIDGET — Alles ausblenden, unser JS baut das Grid
   ============================================================ */

#shopify-section-template--26227416006984__1773306881e67f61e1 {
  padding: 0 !important;
}

#shopify-section-template--26227416006984__1773306881e67f61e1 .section,
#shopify-section-template--26227416006984__1773306881e67f61e1 .section-content-wrapper {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}

#shopify-block-AYkdPb2RJUC94STE2U__servvai_event_bookings_op_widget_BNa9Ez,
.svv-wgt-container,
#svv-wgt-app,
.svv-plain-list-container,
.svv-auth-valid {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Alles ausblenden was wir nicht brauchen */
.svv-search-container, .svv-search-component,
.svv-search-input-container, .svv-search-input,
.svv-action-search-btn, .svv-open-search-btn,
.list-metadata-location, [class*="svv-search"],
.svv-events-list-view-mode-selector,
.svv-events-list-page-size-selector,
.svv-list-controls-container,
.events-filters-container, .events-filters-inner-container,
.events-filters-controls-wrapper, .events-filters-selects-wrapper,
.svv-filters-section-scrollable,
.svv-events-calendar-container, .open-desktop-calendar-section,
.list-metadata-container,
.svv-mobile-wgt-controls-container, .svv-mobile-lang-selector-wrapper,
.svv-plain-list-container-header, .svv-plain-list-container-title,
.list-result-counter-container { display: none !important; }

/* Servv Logo dezent */
.servv-logo-container { opacity: 0.3 !important; padding: 0 24px 24px !important; }
.servv-logo-container:hover { opacity: 0.6 !important; }

/* Kalender CI */
.svv-v-calendar-highlighted-date-bgr.vc-bg-blue-600 { background-color: #EB606B !important; }
.vc-title { color: #033F63 !important; font-family: 'Inter', sans-serif !important; }
.vc-weekday { color: #033F63 !important; font-family: 'Inter', sans-serif !important; }


/* ============================================================
   4. CART DRAWER
   ============================================================ */

.cart-drawer__heading {
  font-family: 'Inter', sans-serif !important;
  font-size: 20px !important; font-weight: 800 !important;
  color: #033F63 !important; letter-spacing: -0.02em !important;
}

.cart-drawer__heading .cart-bubble__background { background: #EB606B !important; }

.cart-items__title {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important; font-weight: 600 !important;
  color: #033F63 !important; text-decoration: none !important;
  display: block !important; line-height: 1.4 !important;
  margin-bottom: 4px !important;
}

.cart-items__title:hover { color: #EB606B !important; }

.cart-items__unit-price-wrapper span {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important; font-weight: 700 !important; color: #033F63 !important;
}

.cart-items__price { font-family: 'Inter', sans-serif !important; font-weight: 700 !important; color: #033F63 !important; }
.cart-items__media-image, .cart-items__media-container { border-radius: 10px !important; overflow: hidden !important; }
.quantity-selector { border-radius: 999px !important; border-color: #E2EAF3 !important; }

.cart__checkout-button {
  background: #EB606B !important; color: #fff !important;
  border-radius: 14px !important; font-family: 'Inter', sans-serif !important;
  font-size: 15px !important; font-weight: 700 !important;
  transition: background 0.25s, transform 0.2s !important;
  box-shadow: 0 4px 16px rgba(235,96,107,0.25) !important; border: none !important;
}

.cart__checkout-button:hover { background: #d94f5a !important; transform: translateY(-1px) !important; }

.cart-totals__total-label { font-family: 'Inter', sans-serif !important; font-size: 14px !important; color: #6B7A90 !important; }
.cart-totals__total-value { font-family: 'Inter', sans-serif !important; font-size: 18px !important; font-weight: 800 !important; color: #033F63 !important; }
.cart-totals__tax-note small { font-family: 'Inter', sans-serif !important; font-size: 11px !important; color: #6B7A90 !important; }

.cart-discount__label { font-family: 'Inter', sans-serif !important; font-size: 13px !important; color: #6B7A90 !important; }
.cart-discount__input { font-family: 'Inter', sans-serif !important; border-radius: 8px !important; border-color: #E2EAF3 !important; }
.cart-discount__button { background: #033F63 !important; color: #fff !important; border-radius: 8px !important; font-family: 'Inter', sans-serif !important; font-weight: 600 !important; }
.cart-items__empty-button { background: #033F63 !important; border-radius: 999px !important; font-family: 'Inter', sans-serif !important; font-weight: 600 !important; }

/* ============================================================
   CART DRAWER — Überschrift "Buchungszusammenfassung"
   Die Zahl vor dem Heading-Text (Artikelanzahl) ausblenden
   ============================================================ */

/* Das Theme rendert die Artikelanzahl als erstes Kind-Element */
#cart-drawer-heading .cart-drawer__heading-item-count,
#cart-drawer-heading [class*="count"],
#cart-drawer-heading [class*="item"],
#cart-drawer-heading span:first-child {
  display: none !important;
}

/* Fallback: wenn die Zahl direkt als Textnode vor dem Text steht
   können wir sie nicht per CSS entfernen — dann font-size: 0 Trick */
#cart-drawer-heading {
  font-size: 0 !important;
}

#cart-drawer-heading::after {
  content: 'Buchungszusammenfassung';
  font-size: 20px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
  color: #033F63 !important;
  letter-spacing: -0.02em !important;
}





















/* ==========================================================
   MEDTUTORS – Header Override v6
   Fixes:
   - Desktop: Menü anzeigen (kein Drawer), Nav-Items mittig
   - Mobile: Logo größer, Account+Cart enger zusammen
   - "Mehr"-Button weg
   - Pill: weiß, nur Border
   ========================================================== */

/* ----------------------------------------------------------
   1. UNDERLAYS + NAVIGATION BAR WEG
   ---------------------------------------------------------- */

.header__underlay,
.header__underlay-closed,
.header__underlay-open {
  display: none !important;
}

.header__navigation-bar-row {
  display: none !important;
}

#header-component,
.header,
.header-section {
  background: transparent !important;
  background-color: transparent !important;
}

/* ----------------------------------------------------------
   2. DIE PILL
   ---------------------------------------------------------- */

.header__row--top {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-bottom: 1px solid #e0e0e0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 100px !important;
  overflow: visible !important;
  width: calc(100% - 24px) !important;
  max-width: calc(100% - 24px) !important;
  margin-left: 12px !important;
  box-sizing: border-box !important;
}

.header__row--bottom {
  display: none !important;
}

#header-component {
  padding: 8px 0 !important;
  background: transparent !important;
}

.header__row--top .header__columns,
.header__row--top .header__columns.spacing-style {
  padding-block: 10px !important;
  padding-inline: 20px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* ----------------------------------------------------------
   3. DESKTOP MENÜ ERZWINGEN
   
   Das Theme schaltet auf data-menu-style="drawer" wenn
   die Pill zu schmal ist. Wir erzwingen "menu"-Verhalten
   ab 750px unabhängig vom data-menu-style Attribut.
   ---------------------------------------------------------- */

@media screen and (min-width: 750px) {

  /* Hamburger/Drawer-Toggle auf Desktop verstecken */
  .header-drawer,
  .menu-drawer-container,
  .header__icon--menu {
    display: none !important;
  }

  /* Desktop header-menu immer anzeigen */
  .header-menu {
    display: flex !important;
  }

  /* overflow-list: alle Items zeigen, kein "Mehr"-Button */
  .menu-list__list-item[slot='more'],
  li[part='more'] {
    display: none !important;
  }

  /* Items die in "overflow" verschoben wurden wieder einblenden */
  .menu-list__list-item[slot='overflow'],
  .menu-list__list-item[slot] {
    display: list-item !important;
    order: 0 !important;
  }

  /* Shadow-DOM Teil der overflow-list */
  overflow-list::part(list) {
    flex-wrap: nowrap !important;
    overflow: visible !important;
  }

  li[part='placeholder'] {
    display: none !important;
  }

  /* Search-Button auf Desktop weg */
  search-button,
  .search-action {
    display: none !important;
  }
}

/* ----------------------------------------------------------
   4. STICKY
   ---------------------------------------------------------- */

.header-section {
  background: transparent !important;
}

.header-section:has(> #header-component[sticky='always']) {
  top: 0 !important;
  padding-top: 8px !important;
  background: transparent !important;
  z-index: 200 !important;
}

/* ----------------------------------------------------------
   5. LOGO – Desktop
   ---------------------------------------------------------- */

.header-logo__image,
.header-logo img {
  height: 40px !important;
  width: auto !important;
}

/* ----------------------------------------------------------
   6. MENÜ-LINKS – kein Underline, aktiv = rot
   ---------------------------------------------------------- */

.menu-list__link {
  color: #1a1a1a !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  padding-inline: 10px !important;
  position: relative !important;
  transition: color 0.2s ease !important;
}

.menu-list__link:hover {
  color: #E8463A !important;
}

/* aria-current="page" NICHT mehr automatisch rot –
   Shopify setzt das auf den aktuellen Link, wir wollen
   aber manuell steuern welcher aktiv ist */
.menu-list__link[aria-current='page'],
.menu-list__link.menu-list__link--active {
  color: #1a1a1a !important;
  font-weight: 500 !important;
}

.menu-list__link::after,
.menu-list__link[aria-current='page']::after {
  display: none !important;
}

/* Nur Crash-Kurse (3. Item) fest als aktiv markieren */
.menu-list__list-item:nth-child(3) > .menu-list__link {
  color: #E8463A !important;
  font-weight: 600 !important;
}

/* ----------------------------------------------------------
   7. ACCOUNT-BUTTON – kein eigener BG
   ---------------------------------------------------------- */

.account-button.header-actions__action {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 4px !important;
}

header-actions {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.header-actions__action {
  color: #1a1a1a !important;
}

/* ----------------------------------------------------------
   8. MOBILE
   ---------------------------------------------------------- */

@media screen and (max-width: 749px) {

  /* Pill auf Mobile */
  .header__row--top {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin-left: 8px !important;
    border-radius: 60px !important;
    overflow: visible !important;
  }

  .header__row--top .header__columns,
  .header__row--top .header__columns.spacing-style {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding-block: 6px !important;
    padding-inline: 10px !important;
    gap: 0 !important;
    position: relative !important;
  }

  /* Linke Spalte: nur Hamburger */
  .header__column--left {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 44px !important;
  }

  /* Logo in left-column: leicht links von der Mitte */
  .header__column--left .header-logo {
    display: flex !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-65%) !important;
    z-index: 1 !important;
    pointer-events: auto !important;
  }

  /* Logo auf Mobile größer */
  .header-logo__image,
  .header-logo img {
    height: 44px !important;
    width: auto !important;
  }

  /* Desktop-Menü in Center-Spalte verstecken */
  .header__column--center {
    display: none !important;
  }

  /* Rechte Spalte: Account + Cart eng zusammen */
  .header__column--right {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }

  /* Account + Cart: kein Gap, direkt nebeneinander */
  header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
  }

  /* account-button div: kompakt, zentriert */
  div.account-button.header-actions__action {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 32px !important;
  }

  /* shopify-account: gleiche Größe */
  div.account-button.header-actions__action shopify-account {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 32px !important;
  }

  /* Cart-Button: overflow visible damit Bubble nicht abgeschnitten wird */
  cart-drawer-component > button.header-actions__action {
    padding: 0 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    overflow: visible !important;
  }

  /* Cart-Icon selbst: overflow visible */
  .header-actions__cart-icon,
  cart-icon {
    overflow: visible !important;
    position: relative !important;
  }

  /* Icons 20px */
  .header-actions__action svg,
  .account-button__icon,
  .header-actions__cart-icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  /* Suche auf Mobile weg */
  search-button,
  .search-action,
  .search-action--hidden-on-menu,
  .search-action--hidden-on-drawer {
    display: none !important;
  }

  /* Hamburger */
  .header__icon--menu {
    display: flex !important;
    color: #1a1a1a !important;
    padding: 6px !important;
  }
}

/* ----------------------------------------------------------
   9. DRAWER MENÜ – weißer Hintergrund
   ---------------------------------------------------------- */

.menu-drawer {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.menu-drawer__menu-item {
  font-size: 17px !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
}

.menu-drawer__menu-item[aria-current='page'] {
  color: #E8463A !important;
  font-weight: 600 !important;
}

.menu-drawer__close-button {
  background: transparent !important;
}

/* ----------------------------------------------------------
   10. STICKY TRANSITION
   ---------------------------------------------------------- */

.header[data-sticky-state] {
  transition: opacity 0.2s ease !important;
}

.header[data-sticky-state='idle'] {
  opacity: 0 !important;
}

.header[data-sticky-state='active'] {
  opacity: 1 !important;
}

/* ==========================================================
   END HEADER OVERRIDE v6
   ========================================================== */







   /* ============================================================
   MEDTUTORS — Header Overlap Fix
   In medtutors-custom.css ans Ende einfügen.
   ============================================================ */

/* Das Horizon Theme setzt auf die erste Main-Section
   einen margin-top in Höhe des Headers via CSS-Variable.
   Wenn unsere Section selbst den Overlap managed, müssen
   wir diesen automatischen Offset auf 0 setzen. */

/* Erste Shopify-Section die eine overlap-Section enthält */
main > .shopify-section:first-child:has(.mt-kurs-section--header-overlap) {
  margin-top: 0 !important;
}

/* Horizon setzt --transparent-header-offset-boolean auf 1 wenn
   transparent header aktiv – das erzeugt den Abstand via:
   --section-top-offset: calc(var(--header-height) * var(--transparent-header-offset-boolean))
   Wir setzen das für diese Section auf 0 */
.mt-kurs-section--header-overlap .spacing-style,
.shopify-section:has(.mt-kurs-section--header-overlap) {
  --transparent-header-offset-boolean: 0 !important;
  --section-top-offset: 0px !important;
}

/* Sicherheitshalber auch auf der Section-Ebene */
.shopify-section:has(.mt-kurs-section--header-overlap) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}






/* ============================================================
   MEDTUTORS — Logo größer
   In medtutors-custom.css einfügen / bestehende Logo-Regeln ersetzen
   ============================================================ */

/* Desktop: Logo größer, füllt die Pill-Höhe besser aus */
.header-logo__image,
.header-logo img {
  height: 56px !important;
  width: auto !important;
  --header-logo-image-height: 56px !important;
  --header-logo-image-width: auto !important;
  max-height: none !important;
}

/* Logo-Container: kein übermäßiges Padding */
.header-logo {
  padding: 0 !important;
}

/* Mobile: Logo etwas kleiner als Desktop aber größer als vorher */
@media screen and (max-width: 749px) {
  .header-logo__image,
  .header-logo img {
    height: 44px !important;
    --header-logo-image-height: 44px !important;
    --header-logo-image-height-mobile: 44px !important;
  }
}










/* ============================================================
   MEDTUTORS — Header final: Logo ganz links, Icons ganz rechts
   ============================================================ */

.header__row--top {
  width: calc(100% - 120px) !important;
  max-width: calc(100% - 120px) !important;
  margin-left: 60px !important;
  margin-right: 60px !important;
  box-sizing: border-box !important;
}

.header__row--top .header__columns,
.header__row--top .header__columns.spacing-style {
  padding-inline: 0 !important;
  padding-block: 8px !important;
}

/* Logo: ganz links, kein Abstand */
.header__column--left {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.header-logo {
  padding: 0 !important;
  margin: 0 !important;
}

.header-logo__image,
.header-logo img {
  height: 60px !important;
  width: auto !important;
  max-height: none !important;
}

/* Icons: ganz rechts */
.header__column--right {
  padding-right: 0 !important;
  margin-right: 0 !important;
}

header-actions {
  margin-right: 0 !important;
}

/* Menüschrift */
.menu-list__link {
  font-size: 17px !important;
  font-weight: 500 !important;
  padding-inline: 14px !important;
}

@media screen and (max-width: 749px) {
  .header__row--top {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .header-logo__image,
  .header-logo img { height: 42px !important; }
}
















/* ============================================================
   MEDTUTORS — Preisformat: kein Dezimal, € hochgestellt
   In medtutors-custom.css einfügen
   ============================================================ */

/* ── Cart Drawer ── */
.cart-drawer .cart-items__title,
.cart-drawer .cart-totals__total-value,
.cart-drawer text-component,
.cart-drawer .cart-bubble__text-count,
.cart-drawer [data-cart-subtotal] {
  font-variant-numeric: tabular-nums;
}

/* Dezimalstellen im Drawer ausblenden */
.cart-drawer .price,
.cart-drawer money-component,
.cart-drawer text-component {
  font-size: inherit;
}

/* ── Cart Page (mt-cart) ── */
/* Preis in den Karten */
.mt-cart-item-unit-price,
.mt-cart-item-total,
.mt-cart-summary-total,
.mt-cart-totals-row span:last-child,
.mt-cart-carousel-price {
  font-variant-numeric: tabular-nums;
}

/* ── Globaler Fix: € hochgestellt, Dezimal weg ──
   Shopify rendert Preise als Text, wir nutzen
   JavaScript um Dezimalstellen zu entfernen und
   € zu formatieren. Siehe Script unten. */

/* Visuelles Hochstellen des € Zeichens */
.mt-price-currency {
  font-size: 1em !important;
  vertical-align: baseline !important;
  font-weight: inherit !important;
  margin-left: 2px !important;
}

.mt-cart-summary-total .mt-price-currency {
  font-size: 1em !important;
  vertical-align: baseline !important;
  margin-top: 0 !important;
}



/* Drawer: "Versand wird beim Checkout berechnet" ausblenden */
.cart-drawer .cart-totals__tax-note small {
  display: none !important;
}

/* Stattdessen: Zoom-Hinweis */
.cart-drawer .cart-totals__tax-note::after {
  content: 'Zoom-Link kommt per E-Mail';
  font-size: 12px;
  color: #6B7A90;
}


/* ============================================================
   MEDTUTORS — Cart Drawer Fixes
   Ans Ende von medtutors-custom.css einfügen
   ============================================================ */

/* ── Mengenauswahl im Cart Drawer komplett ausblenden ── */
.cart-drawer .quantity-selector-wrapper,
.cart-drawer .cart-quantity-selector-component,
.cart-drawer cart-quantity-selector-component,
.cart-drawer .quantity-selector {
  display: none !important;
}

/* ── Mengenauswahl auf Cart Page (mt-cart Section) ausblenden ── */
.mt-cart-qty {
  display: none !important;
}

/* ── Preisformat im Drawer: Dezimal weg per CSS-Trick ──
   Da text-component die Dezimalstellen als Text rendert,
   nutzen wir clip + overflow um sie abzuschneiden.
   Das JS in medtutors-servai-fixes.js macht den Rest. */
.cart-drawer text-component,
.cart-drawer .cart-totals__total-value {
  font-variant-numeric: tabular-nums;
}

/* ── "Versand wird beim Checkout berechnet" → weg ── */
.cart-drawer .cart-totals__tax-note small {
  display: none !important;
}

/* Stattdessen grüner Zoom-Hinweis */
.cart-drawer .cart-totals__tax-note::before {
  content: '✓ Zoom-Link kommt per E-Mail';
  display: block;
  font-size: 12px;
  color: #16a34a;
  font-weight: 600;
  margin-bottom: 2px;
}

/* ── Cart Page: Mengenauswahl auch in Item-Price-Row ausblenden ── */
.mt-cart-item-price-row .mt-cart-qty {
  display: none !important;
}

/* ── "Auschecken" Button im Drawer auf MedTutors-Style ── */
.cart-drawer .cart__checkout-button {
  background: #EB606B !important;
  border-radius: 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 14px !important;
  box-shadow: 0 4px 16px rgba(235,96,107,0.25) !important;
  transition: all 0.25s ease !important;
  border: none !important;
}
.cart-drawer .cart__checkout-button:hover {
  background: #d94f5a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(235,96,107,0.35) !important;
}

/* Drawer Header "Warenkorb" → "Buchungszusammenfassung" per CSS */
.cart-drawer__heading {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #033F63 !important;
  letter-spacing: -0.02em !important;
}












/* ============================================================
   MEDTUTORS — Cart Drawer Complete Fix
   Ans Ende von medtutors-custom.css einfügen
   ============================================================ */

/* ── 1. Mengenauswahl im Drawer komplett weg ── */
.cart-drawer .quantity-selector-wrapper { display: none !important; }
.cart-drawer .cart-items__remove { margin-left: auto !important; }

/* ── 2. Preis-Formatierung im Drawer ──
   Shopify rendert "58.00€" – wir nutzen font-feature-settings
   und ::after um die Dezimalstellen visuell zu unterdrücken.
   Da text-component Shadow DOM nutzt, patchen wir den Container. */

/* Einzel-Preis (29.00€) */
.cart-drawer .cart-items__unit-price-wrapper span:not(.visually-hidden) {
  font-size: 0 !important; /* Text unsichtbar */
  position: relative;
}
.cart-drawer .cart-items__unit-price-wrapper span:not(.visually-hidden)::before {
  /* Zeige nur den Integer-Teil via counter-Trick – geht nicht direkt.
     Stattdessen: font-size wieder normal, Dezimal via clip */
  font-size: 14px;
  content: attr(data-mt-price);
}

/* Gesamtpreis (text-component "58.00€") */
.cart-drawer .cart-totals__total-value {
  letter-spacing: -0.5px;
}

/* ── 3. Versand-Text weg, Zoom-Hinweis rein ── */
.cart-drawer .cart-totals__tax-note small { display: none !important; }
.cart-drawer .cart-totals__tax-note::before {
  content: '✓  Zoom-Link kommt per E-Mail';
  display: block;
  font-size: 12px;
  color: #16a34a;
  font-weight: 600;
}

/* ── 4. Checkout Button → MedTutors Style ── */
.cart-drawer .cart__checkout-button {
  background: #EB606B !important;
  border-radius: 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 15px !important;
  box-shadow: 0 4px 16px rgba(235,96,107,0.25) !important;
  border: none !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.01em !important;
}
.cart-drawer .cart__checkout-button:hover {
  background: #d94f5a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(235,96,107,0.35) !important;
}

/* ── 5. Drawer Heading Style ── */
.cart-drawer .cart-drawer__heading {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #033F63 !important;
  letter-spacing: -0.02em !important;
}





/* ============================================================
   MEDTUTORS — Cart Drawer Complete Fix
   Ans Ende von medtutors-custom.css einfügen
   ============================================================ */

/* ── 1. Mengenauswahl im Drawer komplett weg ── */
.cart-drawer .quantity-selector-wrapper { display: none !important; }
.cart-drawer .cart-items__remove { margin-left: auto !important; }

/* ── 2. Preis-Formatierung im Drawer ──
   Shopify rendert "58.00€" – wir nutzen font-feature-settings
   und ::after um die Dezimalstellen visuell zu unterdrücken.
   Da text-component Shadow DOM nutzt, patchen wir den Container. */

/* Einzel-Preis (29.00€) */
.cart-drawer .cart-items__unit-price-wrapper span:not(.visually-hidden) {
  font-size: 0 !important; /* Text unsichtbar */
  position: relative;
}
.cart-drawer .cart-items__unit-price-wrapper span:not(.visually-hidden)::before {
  /* Zeige nur den Integer-Teil via counter-Trick – geht nicht direkt.
     Stattdessen: font-size wieder normal, Dezimal via clip */
  font-size: 14px;
  content: attr(data-mt-price);
}

/* Gesamtpreis (text-component "58.00€") */
.cart-drawer .cart-totals__total-value {
  letter-spacing: -0.5px;
}

/* ── 3. Versand-Text weg, Zoom-Hinweis rein ── */
.cart-drawer .cart-totals__tax-note small { display: none !important; }
.cart-drawer .cart-totals__tax-note::before {
  content: '✓  Zoom-Link kommt per E-Mail';
  display: block;
  font-size: 12px;
  color: #16a34a;
  font-weight: 600;
}

/* ── 4. Checkout Button → MedTutors Style ── */
.cart-drawer .cart__checkout-button {
  background: #EB606B !important;
  border-radius: 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 15px !important;
  box-shadow: 0 4px 16px rgba(235,96,107,0.25) !important;
  border: none !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.01em !important;
}
.cart-drawer .cart__checkout-button:hover {
  background: #d94f5a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(235,96,107,0.35) !important;
}

/* ── 5. Drawer Heading Style ── */
.cart-drawer .cart-drawer__heading {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #033F63 !important;
  letter-spacing: -0.02em !important;
}

/* ── Preis rechts oben in Cart-Item-Karte weg ── */
.mt-cart-item-right .mt-cart-item-total {
  display: none !important;
}

/* ── Warenkorb Icon im Drawer-Header weg ── */
.cart-drawer .cart-bubble,
.cart-drawer__heading .cart-bubble {
  display: none !important;
}

/* ── Weißer Schatten / Fade rechts im Drawer weg ──
   Horizon nutzt scroll-hint mit einem CSS gradient fade */
.cart-drawer scroll-hint::after,
.cart-drawer .scroll-hint::after,
.cart-drawer scroll-hint::before,
.cart-drawer .scroll-hint::before {
  display: none !important;
}

/* scroll-hint overflow clip entfernen */
.cart-drawer scroll-hint {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* ── Doppelter Zoom-Text Fix ──
   small ist hidden, ::before zeigt den Text */
.cart-drawer .cart-totals__tax-note {
  display: block !important;
}
.cart-drawer .cart-totals__tax-note small {
  display: none !important;
  visibility: hidden !important;
}
/* Nur ein ::before, kein ::after */
.cart-drawer .cart-totals__tax-note::after {
  display: none !important;
}





/* ============================================================
   MEDTUTORS — Cart Drawer Complete Fix
   Ans Ende von medtutors-custom.css einfügen
   ============================================================ */

/* ── 1. Mengenauswahl im Drawer komplett weg ── */
.cart-drawer .quantity-selector-wrapper { display: none !important; }
.cart-drawer .cart-items__remove { margin-left: auto !important; }

/* ── 2. Preis-Formatierung im Drawer ──
   Shopify rendert "58.00€" – wir nutzen font-feature-settings
   und ::after um die Dezimalstellen visuell zu unterdrücken.
   Da text-component Shadow DOM nutzt, patchen wir den Container. */

/* Einzel-Preis (29.00€) */
.cart-drawer .cart-items__unit-price-wrapper span:not(.visually-hidden) {
  font-size: 0 !important; /* Text unsichtbar */
  position: relative;
}
.cart-drawer .cart-items__unit-price-wrapper span:not(.visually-hidden)::before {
  /* Zeige nur den Integer-Teil via counter-Trick – geht nicht direkt.
     Stattdessen: font-size wieder normal, Dezimal via clip */
  font-size: 14px;
  content: attr(data-mt-price);
}

/* Gesamtpreis (text-component "58.00€") */
.cart-drawer .cart-totals__total-value {
  letter-spacing: -0.5px;
}

/* ── 3. Versand-Text weg, Zoom-Hinweis rein ── */
.cart-drawer .cart-totals__tax-note small { display: none !important; }
.cart-drawer .cart-totals__tax-note::before {
  content: '✓  Zoom-Link kommt per E-Mail';
  display: block;
  font-size: 12px;
  color: #16a34a;
  font-weight: 600;
}

/* ── 4. Checkout Button → MedTutors Style ── */
.cart-drawer .cart__checkout-button {
  background: #EB606B !important;
  border-radius: 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 15px !important;
  box-shadow: 0 4px 16px rgba(235,96,107,0.25) !important;
  border: none !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.01em !important;
}
.cart-drawer .cart__checkout-button:hover {
  background: #d94f5a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(235,96,107,0.35) !important;
}

/* ── 5. Drawer Heading Style ── */
.cart-drawer .cart-drawer__heading {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #033F63 !important;
  letter-spacing: -0.02em !important;
}

/* ── Preis rechts oben in Cart-Item-Karte weg ── */
.mt-cart-item-right .mt-cart-item-total {
  display: none !important;
}

/* ── Warenkorb Icon im Drawer-Header weg ── */
.cart-drawer .cart-bubble,
.cart-drawer__heading .cart-bubble {
  display: none !important;
}

/* ── Weißer Schatten / Fade rechts im Drawer weg ──
   Horizon nutzt scroll-hint mit einem CSS gradient fade */
.cart-drawer scroll-hint::after,
.cart-drawer .scroll-hint::after,
.cart-drawer scroll-hint::before,
.cart-drawer .scroll-hint::before {
  display: none !important;
}

/* scroll-hint overflow clip entfernen */
.cart-drawer scroll-hint {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* ── Doppelter Zoom-Text Fix ──
   small ist hidden, ::before zeigt den Text */
.cart-drawer .cart-totals__tax-note {
  display: block !important;
}
.cart-drawer .cart-totals__tax-note small {
  display: none !important;
  visibility: hidden !important;
}
/* Nur ein ::before, kein ::after */
.cart-drawer .cart-totals__tax-note::after {
  display: none !important;
}

/* ── Warenkorb Cart-Bubble im Header fixen ──
   Der sup-Tag vom Preisformat-JS landet fälschlicherweise
   im bubble count – reset auf plain text */
.cart-bubble__text-count sup {
  display: none !important;
}

/* ── Warenkorb Icon Border/Box entfernen ── */
.header-actions__cart-icon {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}




/* ============================================================
   MEDTUTORS — Cart Drawer Complete Fix
   Ans Ende von medtutors-custom.css einfügen
   ============================================================ */

/* ── 1. Mengenauswahl im Drawer komplett weg ── */
.cart-drawer .quantity-selector-wrapper { display: none !important; }
.cart-drawer .cart-items__remove { margin-left: auto !important; }

/* ── 2. Preis-Formatierung im Drawer ──
   Shopify rendert "58.00€" – wir nutzen font-feature-settings
   und ::after um die Dezimalstellen visuell zu unterdrücken.
   Da text-component Shadow DOM nutzt, patchen wir den Container. */

/* Einzel-Preis (29.00€) */
.cart-drawer .cart-items__unit-price-wrapper span:not(.visually-hidden) {
  font-size: 0 !important; /* Text unsichtbar */
  position: relative;
}
.cart-drawer .cart-items__unit-price-wrapper span:not(.visually-hidden)::before {
  /* Zeige nur den Integer-Teil via counter-Trick – geht nicht direkt.
     Stattdessen: font-size wieder normal, Dezimal via clip */
  font-size: 14px;
  content: attr(data-mt-price);
}

/* Gesamtpreis (text-component "58.00€") */
.cart-drawer .cart-totals__total-value {
  letter-spacing: -0.5px;
}

/* ── 3. Versand-Text weg, Zoom-Hinweis rein ── */
.cart-drawer .cart-totals__tax-note small { display: none !important; }
.cart-drawer .cart-totals__tax-note::before {
  content: '✓  Zoom-Link kommt per E-Mail';
  display: block;
  font-size: 12px;
  color: #16a34a;
  font-weight: 600;
}

/* ── 4. Checkout Button → MedTutors Style ── */
.cart-drawer .cart__checkout-button {
  background: #EB606B !important;
  border-radius: 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 15px !important;
  box-shadow: 0 4px 16px rgba(235,96,107,0.25) !important;
  border: none !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.01em !important;
}
.cart-drawer .cart__checkout-button:hover {
  background: #d94f5a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(235,96,107,0.35) !important;
}

/* ── 5. Drawer Heading Style ── */
.cart-drawer .cart-drawer__heading {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #033F63 !important;
  letter-spacing: -0.02em !important;
}

/* ── Preis rechts oben in Cart-Item-Karte weg ── */
.mt-cart-item-right .mt-cart-item-total {
  display: none !important;
}

/* ── Warenkorb Icon im Drawer-Header weg ── */
.cart-drawer .cart-bubble,
.cart-drawer__heading .cart-bubble {
  display: none !important;
}

/* ── Weißer Schatten / Fade rechts im Drawer weg ──
   Horizon nutzt scroll-hint mit einem CSS gradient fade */
.cart-drawer scroll-hint::after,
.cart-drawer .scroll-hint::after,
.cart-drawer scroll-hint::before,
.cart-drawer .scroll-hint::before {
  display: none !important;
}

/* scroll-hint overflow clip entfernen */
.cart-drawer scroll-hint {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* ── Doppelter Zoom-Text Fix ──
   small ist hidden, ::before zeigt den Text */
.cart-drawer .cart-totals__tax-note {
  display: block !important;
}
.cart-drawer .cart-totals__tax-note small {
  display: none !important;
  visibility: hidden !important;
}
/* Nur ein ::before, kein ::after */
.cart-drawer .cart-totals__tax-note::after {
  display: none !important;
}

/* ── Warenkorb Cart-Bubble im Header fixen ──
   Der sup-Tag vom Preisformat-JS landet fälschlicherweise
   im bubble count – reset auf plain text */
.cart-bubble__text-count sup {
  display: none !important;
}

/* ── Warenkorb Icon Border/Box entfernen ── */
.header-actions__cart-icon {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ── Mülleimer Icon: rechts neben Produkttitel, nicht unten alleine ── */
.cart-drawer .cart-items__table-row {
  display: table-row !important;
}
.cart-drawer .cart-items__quantity {
  vertical-align: middle !important;
}
.cart-drawer .cart-items__quantity-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}
/* Quantity Selector ist hidden → Remove Button direkt neben Preis */
.cart-drawer .cart-items__remove {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  color: #6B7A90 !important;
  transition: color 0.2s, background 0.2s !important;
}
.cart-drawer .cart-items__remove:hover {
  color: #EB606B !important;
  background: rgba(235,96,107,0.08) !important;
}



/* ============================================================
   MEDTUTORS — Cart Drawer Complete Fix
   Ans Ende von medtutors-custom.css einfügen
   ============================================================ */

/* ── 1. Mengenauswahl im Drawer komplett weg ── */
.cart-drawer .quantity-selector-wrapper { display: none !important; }
.cart-drawer .cart-items__remove { margin-left: auto !important; }

/* ── 2. Preis-Formatierung im Drawer ──
   Shopify rendert "58.00€" – wir nutzen font-feature-settings
   und ::after um die Dezimalstellen visuell zu unterdrücken.
   Da text-component Shadow DOM nutzt, patchen wir den Container. */

/* Einzel-Preis (29.00€) */
.cart-drawer .cart-items__unit-price-wrapper span:not(.visually-hidden) {
  font-size: 0 !important; /* Text unsichtbar */
  position: relative;
}
.cart-drawer .cart-items__unit-price-wrapper span:not(.visually-hidden)::before {
  /* Zeige nur den Integer-Teil via counter-Trick – geht nicht direkt.
     Stattdessen: font-size wieder normal, Dezimal via clip */
  font-size: 14px;
  content: attr(data-mt-price);
}

/* Gesamtpreis (text-component "58.00€") */
.cart-drawer .cart-totals__total-value {
  letter-spacing: -0.5px;
}

/* ── 3. Versand-Text weg, Zoom-Hinweis rein ── */
.cart-drawer .cart-totals__tax-note small { display: none !important; }
.cart-drawer .cart-totals__tax-note::before {
  content: '✓  Zoom-Link kommt per E-Mail';
  display: block;
  font-size: 12px;
  color: #16a34a;
  font-weight: 600;
}

/* ── 4. Checkout Button → MedTutors Style ── */
.cart-drawer .cart__checkout-button {
  background: #EB606B !important;
  border-radius: 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 15px !important;
  box-shadow: 0 4px 16px rgba(235,96,107,0.25) !important;
  border: none !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.01em !important;
}
.cart-drawer .cart__checkout-button:hover {
  background: #d94f5a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(235,96,107,0.35) !important;
}

/* ── 5. Drawer Heading Style ── */
.cart-drawer .cart-drawer__heading {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #033F63 !important;
  letter-spacing: -0.02em !important;
}

/* ── Preis rechts oben in Cart-Item-Karte weg ── */
.mt-cart-item-right .mt-cart-item-total {
  display: none !important;
}

/* ── Warenkorb Icon im Drawer-Header weg ── */
.cart-drawer .cart-bubble,
.cart-drawer__heading .cart-bubble {
  display: none !important;
}

/* ── Weißer Schatten / Fade rechts im Drawer weg ──
   Horizon nutzt scroll-hint mit einem CSS gradient fade */
.cart-drawer scroll-hint::after,
.cart-drawer .scroll-hint::after,
.cart-drawer scroll-hint::before,
.cart-drawer .scroll-hint::before {
  display: none !important;
}

/* scroll-hint overflow clip entfernen */
.cart-drawer scroll-hint {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* ── Doppelter Zoom-Text Fix ──
   small ist hidden, ::before zeigt den Text */
.cart-drawer .cart-totals__tax-note {
  display: block !important;
}
.cart-drawer .cart-totals__tax-note small {
  display: none !important;
  visibility: hidden !important;
}
/* Nur ein ::before, kein ::after */
.cart-drawer .cart-totals__tax-note::after {
  display: none !important;
}

/* ── Warenkorb Cart-Bubble im Header fixen ──
   Der sup-Tag vom Preisformat-JS landet fälschlicherweise
   im bubble count – reset auf plain text */
.cart-bubble__text-count sup {
  display: none !important;
}

/* ── Warenkorb Icon Border/Box entfernen ── */
.header-actions__cart-icon {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ── Mülleimer Icon: rechts neben Produkttitel, nicht unten alleine ── */
.cart-drawer .cart-items__table-row {
  display: table-row !important;
}
.cart-drawer .cart-items__quantity {
  vertical-align: middle !important;
}
.cart-drawer .cart-items__quantity-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}
/* Quantity Selector ist hidden → Remove Button direkt neben Preis */
.cart-drawer .cart-items__remove {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  color: #6B7A90 !important;
  transition: color 0.2s, background 0.2s !important;
}
.cart-drawer .cart-items__remove:hover {
  color: #EB606B !important;
  background: rgba(235,96,107,0.08) !important;
}

/* ── Drawer Item Layout Fix ── */

/* Bild: normale Größe */
.cart-drawer .cart-items__media-container,
.cart-drawer .cart-items__media img {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
}

/* Produkttitel: navy statt pink */
.cart-drawer .cart-items__title {
  color: #033F63 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}
.cart-drawer .cart-items__title:hover {
  color: #EB606B !important;
}

/* Preis unter Titel: kleiner */
.cart-drawer .cart-items__unit-price-wrapper {
  font-size: 13px !important;
  color: #6B7A90 !important;
}

/* Zeilenpreis rechts */
.cart-drawer .cart-items__price {
  vertical-align: middle !important;
  text-align: right !important;
  white-space: nowrap !important;
  font-weight: 700 !important;
  color: #033F63 !important;
}

/* Mülleimer unter Preis-Spalte zentriert */
.cart-drawer .cart-items__quantity {
  vertical-align: middle !important;
  width: 40px !important;
  text-align: center !important;
}




/* ============================================================
   MEDTUTORS — Cart Drawer Complete Fix
   Ans Ende von medtutors-custom.css einfügen
   ============================================================ */

/* ── 1. Mengenauswahl im Drawer komplett weg ── */
.cart-drawer .quantity-selector-wrapper { display: none !important; }
.cart-drawer .cart-items__remove { margin-left: auto !important; }

/* ── 2. Preis-Formatierung im Drawer ──
   Shopify rendert "58.00€" – wir nutzen font-feature-settings
   und ::after um die Dezimalstellen visuell zu unterdrücken.
   Da text-component Shadow DOM nutzt, patchen wir den Container. */

/* Einzel-Preis (29.00€) */
.cart-drawer .cart-items__unit-price-wrapper span:not(.visually-hidden) {
  font-size: 0 !important; /* Text unsichtbar */
  position: relative;
}
.cart-drawer .cart-items__unit-price-wrapper span:not(.visually-hidden)::before {
  /* Zeige nur den Integer-Teil via counter-Trick – geht nicht direkt.
     Stattdessen: font-size wieder normal, Dezimal via clip */
  font-size: 14px;
  content: attr(data-mt-price);
}

/* Gesamtpreis (text-component "58.00€") */
.cart-drawer .cart-totals__total-value {
  letter-spacing: -0.5px;
}

/* ── 3. Versand-Text weg, Zoom-Hinweis rein ── */
.cart-drawer .cart-totals__tax-note small { display: none !important; }
.cart-drawer .cart-totals__tax-note::before {
  content: '✓  Zoom-Link kommt per E-Mail';
  display: block;
  font-size: 12px;
  color: #16a34a;
  font-weight: 600;
}

/* ── 4. Checkout Button → MedTutors Style ── */
.cart-drawer .cart__checkout-button {
  background: #EB606B !important;
  border-radius: 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 15px !important;
  box-shadow: 0 4px 16px rgba(235,96,107,0.25) !important;
  border: none !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.01em !important;
}
.cart-drawer .cart__checkout-button:hover {
  background: #d94f5a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(235,96,107,0.35) !important;
}

/* ── 5. Drawer Heading Style ── */
.cart-drawer .cart-drawer__heading {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #033F63 !important;
  letter-spacing: -0.02em !important;
}

/* ── Preis rechts oben in Cart-Item-Karte weg ── */
.mt-cart-item-right .mt-cart-item-total {
  display: none !important;
}

/* ── Warenkorb Icon im Drawer-Header weg ── */
.cart-drawer .cart-bubble,
.cart-drawer__heading .cart-bubble {
  display: none !important;
}

/* ── Weißer Schatten / Fade rechts im Drawer weg ──
   Horizon nutzt scroll-hint mit einem CSS gradient fade */
.cart-drawer scroll-hint::after,
.cart-drawer .scroll-hint::after,
.cart-drawer scroll-hint::before,
.cart-drawer .scroll-hint::before {
  display: none !important;
}

/* scroll-hint overflow clip entfernen */
.cart-drawer scroll-hint {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* ── Doppelter Zoom-Text Fix ──
   small ist hidden, ::before zeigt den Text */
.cart-drawer .cart-totals__tax-note {
  display: block !important;
}
.cart-drawer .cart-totals__tax-note small {
  display: none !important;
  visibility: hidden !important;
}
/* Nur ein ::before, kein ::after */
.cart-drawer .cart-totals__tax-note::after {
  display: none !important;
}

/* ── Warenkorb Cart-Bubble im Header fixen ──
   Der sup-Tag vom Preisformat-JS landet fälschlicherweise
   im bubble count – reset auf plain text */
.cart-bubble__text-count sup {
  display: none !important;
}

/* ── Warenkorb Icon Border/Box entfernen ── */
.header-actions__cart-icon {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ── Mülleimer Icon: rechts neben Produkttitel, nicht unten alleine ── */
.cart-drawer .cart-items__table-row {
  display: table-row !important;
}
.cart-drawer .cart-items__quantity {
  vertical-align: middle !important;
}
.cart-drawer .cart-items__quantity-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}
/* Quantity Selector ist hidden → Remove Button direkt neben Preis */
.cart-drawer .cart-items__remove {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  color: #6B7A90 !important;
  transition: color 0.2s, background 0.2s !important;
}
.cart-drawer .cart-items__remove:hover {
  color: #EB606B !important;
  background: rgba(235,96,107,0.08) !important;
}

/* ── Drawer Item Layout Fix ── */

/* Bild: normale Größe */
.cart-drawer .cart-items__media-container,
.cart-drawer .cart-items__media img {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
}

/* Produkttitel: navy statt pink */
.cart-drawer .cart-items__title {
  color: #033F63 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}
.cart-drawer .cart-items__title:hover {
  color: #EB606B !important;
}

/* Preis unter Titel: kleiner */
.cart-drawer .cart-items__unit-price-wrapper {
  font-size: 13px !important;
  color: #6B7A90 !important;
}

/* Zeilenpreis rechts */
.cart-drawer .cart-items__price {
  vertical-align: middle !important;
  text-align: right !important;
  white-space: nowrap !important;
  font-weight: 700 !important;
  color: #033F63 !important;
}

/* Mülleimer unter Preis-Spalte zentriert */
.cart-drawer .cart-items__quantity {
  vertical-align: middle !important;
  width: 40px !important;
  text-align: center !important;
}

/* ══════════════════════════════════════
   DRAWER ITEM LAYOUT — kompletter Reset
   ══════════════════════════════════════ */

/* Table → Flexbox umwandeln */
.cart-drawer .cart-items__table { display: block !important; width: 100% !important; }
.cart-drawer .cart-items__table tbody { display: block !important; }
.cart-drawer .cart-items__table-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #E2EAF3 !important;
}

/* Bild: klein, links, quadratisch */
.cart-drawer .cart-items__media {
  display: block !important;
  flex: 0 0 64px !important;
  width: 64px !important;
  height: 64px !important;
}
.cart-drawer .cart-items__media-container {
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
.cart-drawer .cart-items__media-image {
  width: 64px !important;
  height: 64px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Details: Titel + Preis, nimmt restlichen Platz */
.cart-drawer .cart-items__details {
  display: block !important;
  flex: 1 !important;
  min-width: 0 !important;
  padding: 0 !important;
}
.cart-drawer .cart-items__product-info p { margin: 0 0 2px !important; }
.cart-drawer .cart-items__title {
  color: #033F63 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  display: block !important;
}
.cart-drawer .cart-items__title:hover { color: #EB606B !important; }
.cart-drawer .cart-items__unit-price-wrapper {
  font-size: 12px !important;
  color: #6B7A90 !important;
  margin-top: 2px !important;
}

/* Quantity Spalte: nur Mülleimer, rechts */
.cart-drawer .cart-items__quantity {
  display: block !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
}
.cart-drawer .cart-items__quantity-controls {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Preis-Spalte: rechts, fett */
.cart-drawer .cart-items__price {
  display: block !important;
  flex: 0 0 auto !important;
  text-align: right !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #033F63 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

/* Error Spalte verstecken */
.cart-drawer .cart-items__error { display: none !important; }












/* ============================================================
   MEDTUTORS — Cart Drawer Complete Fix
   Ans Ende von medtutors-custom.css einfügen
   ============================================================ */

/* ── 1. Mengenauswahl im Drawer komplett weg ── */
.cart-drawer .quantity-selector-wrapper { display: none !important; }
.cart-drawer .cart-items__remove { margin-left: auto !important; }

/* ── 2. Preis-Formatierung im Drawer ──
   Shopify rendert "58.00€" – wir nutzen font-feature-settings
   und ::after um die Dezimalstellen visuell zu unterdrücken.
   Da text-component Shadow DOM nutzt, patchen wir den Container. */

/* Einzel-Preis (29.00€) */
.cart-drawer .cart-items__unit-price-wrapper span:not(.visually-hidden) {
  font-size: 0 !important; /* Text unsichtbar */
  position: relative;
}
.cart-drawer .cart-items__unit-price-wrapper span:not(.visually-hidden)::before {
  /* Zeige nur den Integer-Teil via counter-Trick – geht nicht direkt.
     Stattdessen: font-size wieder normal, Dezimal via clip */
  font-size: 14px;
  content: attr(data-mt-price);
}

/* Gesamtpreis (text-component "58.00€") */
.cart-drawer .cart-totals__total-value {
  letter-spacing: -0.5px;
}

/* ── 3. Versand-Text weg, Zoom-Hinweis rein ── */
.cart-drawer .cart-totals__tax-note small { display: none !important; }
.cart-drawer .cart-totals__tax-note::before {
  content: '✓  Zoom-Link kommt per E-Mail';
  display: block;
  font-size: 12px;
  color: #16a34a;
  font-weight: 600;
}

/* ── 4. Checkout Button → MedTutors Style ── */
.cart-drawer .cart__checkout-button {
  background: #EB606B !important;
  border-radius: 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 15px !important;
  box-shadow: 0 4px 16px rgba(235,96,107,0.25) !important;
  border: none !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.01em !important;
}
.cart-drawer .cart__checkout-button:hover {
  background: #d94f5a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(235,96,107,0.35) !important;
}

/* ── 5. Drawer Heading Style ── */
.cart-drawer .cart-drawer__heading {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #033F63 !important;
  letter-spacing: -0.02em !important;
}

/* ── Preis rechts oben in Cart-Item-Karte weg ── */
.mt-cart-item-right .mt-cart-item-total {
  display: none !important;
}

/* ── Warenkorb Icon im Drawer-Header weg ── */
.cart-drawer .cart-bubble,
.cart-drawer__heading .cart-bubble {
  display: none !important;
}

/* ── Weißer Schatten / Fade rechts im Drawer weg ──
   Horizon nutzt scroll-hint mit einem CSS gradient fade */
.cart-drawer scroll-hint::after,
.cart-drawer .scroll-hint::after,
.cart-drawer scroll-hint::before,
.cart-drawer .scroll-hint::before {
  display: none !important;
}

/* scroll-hint overflow clip entfernen */
.cart-drawer scroll-hint {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* ── Doppelter Zoom-Text Fix ──
   small ist hidden, ::before zeigt den Text */
.cart-drawer .cart-totals__tax-note {
  display: block !important;
}
.cart-drawer .cart-totals__tax-note small {
  display: none !important;
  visibility: hidden !important;
}
/* Nur ein ::before, kein ::after */
.cart-drawer .cart-totals__tax-note::after {
  display: none !important;
}

/* ── Warenkorb Cart-Bubble im Header fixen ──
   Der sup-Tag vom Preisformat-JS landet fälschlicherweise
   im bubble count – reset auf plain text */
.cart-bubble__text-count sup {
  display: none !important;
}

/* ── Warenkorb Icon Border/Box entfernen ── */
.header-actions__cart-icon {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ── Mülleimer Icon: rechts neben Produkttitel, nicht unten alleine ── */
.cart-drawer .cart-items__table-row {
  display: table-row !important;
}
.cart-drawer .cart-items__quantity {
  vertical-align: middle !important;
}
.cart-drawer .cart-items__quantity-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}
/* Quantity Selector ist hidden → Remove Button direkt neben Preis */
.cart-drawer .cart-items__remove {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  color: #6B7A90 !important;
  transition: color 0.2s, background 0.2s !important;
}
.cart-drawer .cart-items__remove:hover {
  color: #EB606B !important;
  background: rgba(235,96,107,0.08) !important;
}

/* ── Drawer Item Layout Fix ── */

/* Bild: normale Größe */
.cart-drawer .cart-items__media-container,
.cart-drawer .cart-items__media img {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
}

/* Produkttitel: navy statt pink */
.cart-drawer .cart-items__title {
  color: #033F63 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}
.cart-drawer .cart-items__title:hover {
  color: #EB606B !important;
}

/* Preis unter Titel: kleiner */
.cart-drawer .cart-items__unit-price-wrapper {
  font-size: 13px !important;
  color: #6B7A90 !important;
}

/* Zeilenpreis rechts */
.cart-drawer .cart-items__price {
  vertical-align: middle !important;
  text-align: right !important;
  white-space: nowrap !important;
  font-weight: 700 !important;
  color: #033F63 !important;
}

/* Mülleimer unter Preis-Spalte zentriert */
.cart-drawer .cart-items__quantity {
  vertical-align: middle !important;
  width: 40px !important;
  text-align: center !important;
}

/* ══════════════════════════════════════
   DRAWER ITEM LAYOUT — kompletter Reset
   ══════════════════════════════════════ */

/* Table → Flexbox umwandeln */
.cart-drawer .cart-items__table { display: block !important; width: 100% !important; }
.cart-drawer .cart-items__table tbody { display: block !important; }
.cart-drawer .cart-items__table-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #E2EAF3 !important;
}

/* Bild: klein, links, quadratisch */
.cart-drawer .cart-items__media {
  display: block !important;
  flex: 0 0 64px !important;
  width: 64px !important;
  height: 64px !important;
}
.cart-drawer .cart-items__media-container {
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
.cart-drawer .cart-items__media-image {
  width: 64px !important;
  height: 64px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Details: Titel + Preis, nimmt restlichen Platz */
.cart-drawer .cart-items__details {
  display: block !important;
  flex: 1 !important;
  min-width: 0 !important;
  padding: 0 !important;
}
.cart-drawer .cart-items__product-info p { margin: 0 0 2px !important; }
.cart-drawer .cart-items__title {
  color: #033F63 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  display: block !important;
}
.cart-drawer .cart-items__title:hover { color: #EB606B !important; }
.cart-drawer .cart-items__unit-price-wrapper {
  font-size: 12px !important;
  color: #6B7A90 !important;
  margin-top: 2px !important;
}

/* Quantity Spalte: nur Mülleimer, rechts */
.cart-drawer .cart-items__quantity {
  display: block !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
}
.cart-drawer .cart-items__quantity-controls {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Preis-Spalte: rechts, fett */
.cart-drawer .cart-items__price {
  display: block !important;
  flex: 0 0 auto !important;
  text-align: right !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #033F63 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

/* Error Spalte verstecken */
.cart-drawer .cart-items__error { display: none !important; }

/* ── Cart Bubble Fix ──
   Nur die Bubble IM Drawer-Heading verstecken,
   nicht die im Header-Icon */
.cart-drawer__heading .cart-bubble {
  display: none !important;
}

/* Header Cart Bubble: immer sichtbar */
.header-actions__cart-icon .cart-bubble {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Bubble sup-Tag Fix (vom Preisformat-JS) */
.cart-bubble__text-count sup,
.cart-bubble sup {
  display: none !important;
}

/* Sicherstellen dass Bubble-Count als Zahl erscheint */
.cart-bubble__text-count {
  font-size: inherit !important;
  line-height: inherit !important;
}






/* ============================================================
   MEDTUTORS — Header final: Logo ganz links, Icons ganz rechts
   ============================================================ */

.header__row--top {
  width: calc(100% - 120px) !important;
  max-width: calc(100% - 120px) !important;
  margin-left: 60px !important;
  margin-right: 60px !important;
  box-sizing: border-box !important;
}

.header__row--top .header__columns,
.header__row--top .header__columns.spacing-style {
  padding-inline: 0 !important;
  padding-block: 8px !important;
}

/* Logo: ganz links, kein Abstand */
.header__column--left {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.header-logo {
  padding: 0 !important;
  margin: 0 !important;
}

.header-logo__image,
.header-logo img {
  height: 60px !important;
  width: auto !important;
  max-height: none !important;
}

/* Icons: ganz rechts */
.header__column--right {
  padding-right: 0 !important;
  margin-right: 0 !important;
}

header-actions {
  margin-right: 0 !important;
}

/* Menüschrift */
.menu-list__link {
  font-size: 17px !important;
  font-weight: 500 !important;
  padding-inline: 14px !important;
}

@media screen and (max-width: 749px) {
  .header__row--top {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .header-logo__image,
  .header-logo img { height: 42px !important; }
}

/* ── Hamburger früher anzeigen ──
   Unter 1100px Desktop-Menü verstecken, Drawer zeigen.
   Standard Horizon bricht bei 750px – wir erhöhen auf 1100px
   damit bei mittleren Screens nicht alles zusammengedrückt wird. */
@media screen and (max-width: 1100px) {
  /* Desktop Menü ausblenden */
  #header-component .header-menu,
  #header-component .dropdown-localization {
    display: none !important;
  }

  /* Hamburger einblenden */
  #header-component .header__drawer {
    display: flex !important;
  }

  /* Header: mobile Layout aktivieren */
  #header-component[data-menu-style='menu'] .header__columns {
    --header-template-columns: var(--header-mobile-bookend) var(--header-mobile-bookend) 1fr
      var(--header-mobile-bookend) var(--header-mobile-bookend) !important;
    grid-template-areas: 'leftA leftB center rightA rightB' !important;
  }

  #header-component[data-menu-style='menu'] .header-logo {
    grid-area: center !important;
  }

  #header-component[data-menu-style='menu'] .search-action {
    grid-area: leftB !important;
  }

  #header-component[data-menu-style='menu'] header-actions {
    grid-area: rightB !important;
  }
}

/* Ab 1100px: Desktop-Menü wieder normal */
@media screen and (min-width: 1101px) {
  #header-component[data-menu-style='menu'] .header-menu {
    display: flex !important;
  }
  #header-component[data-menu-style='menu'] .dropdown-localization {
    display: flex !important;
  }
}



/* ============================================================
   MEDTUTORS — Cart Drawer Fix (FINALE SAUBERE VERSION)
   Ersetzt die bisherige medtutors-cart-drawer-fix.css komplett
   ============================================================ */

/* ── 1. Cart Bubble überall weg, für immer ── */
.cart-bubble { display: none !important; }

/* ── 2. Mengenauswahl weg ── */
.cart-drawer .quantity-selector-wrapper { display: none !important; }

/* ── 3. Drawer Item Layout: Table → Flexbox ── */
.cart-drawer .cart-items__table { display: block !important; width: 100% !important; }
.cart-drawer .cart-items__table tbody { display: block !important; }
.cart-drawer .cart-items__table-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #E2EAF3 !important;
}

/* Bild */
.cart-drawer .cart-items__media { flex: 0 0 64px !important; width: 64px !important; height: 64px !important; display: block !important; }
.cart-drawer .cart-items__media-container { width: 64px !important; height: 64px !important; border-radius: 10px !important; overflow: hidden !important; display: block !important; }
.cart-drawer .cart-items__media-image { width: 64px !important; height: 64px !important; object-fit: cover !important; display: block !important; }

/* Details */
.cart-drawer .cart-items__details { flex: 1 !important; min-width: 0 !important; padding: 0 !important; display: block !important; }
.cart-drawer .cart-items__product-info p { margin: 0 0 2px !important; }
.cart-drawer .cart-items__title { color: #033F63 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.35 !important; text-decoration: none !important; display: block !important; }
.cart-drawer .cart-items__title:hover { color: #EB606B !important; }
.cart-drawer .cart-items__unit-price-wrapper { font-size: 12px !important; color: #6B7A90 !important; margin-top: 2px !important; }

/* Mülleimer */
.cart-drawer .cart-items__quantity { flex: 0 0 auto !important; padding: 0 !important; display: block !important; }
.cart-drawer .cart-items__quantity-controls { display: flex !important; align-items: center !important; gap: 6px !important; }
.cart-drawer .cart-items__remove { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 8px !important; color: #6B7A90 !important; }
.cart-drawer .cart-items__remove:hover { color: #EB606B !important; background: rgba(235,96,107,0.08) !important; }

/* Preis */
.cart-drawer .cart-items__price { flex: 0 0 auto !important; text-align: right !important; font-weight: 700 !important; font-size: 14px !important; color: #033F63 !important; padding: 0 !important; white-space: nowrap !important; display: block !important; }

/* Error weg */
.cart-drawer .cart-items__error { display: none !important; }

/* ── 4. scroll-hint fade weg ── */
.cart-drawer scroll-hint { -webkit-mask-image: none !important; mask-image: none !important; }

/* ── 5. Versand-Text weg → Zoom-Hinweis ── */
.cart-drawer .cart-totals__tax-note small { display: none !important; visibility: hidden !important; }
.cart-drawer .cart-totals__tax-note::before { content: '✓  Zoom-Link kommt per E-Mail'; display: block; font-size: 12px; color: #16a34a; font-weight: 600; }
.cart-drawer .cart-totals__tax-note::after { display: none !important; }

/* ── 6. Drawer Heading ── */
.cart-drawer .cart-drawer__heading { font-size: 17px !important; font-weight: 800 !important; color: #033F63 !important; letter-spacing: -0.02em !important; }

/* ── 7. Checkout Button ── */
.cart-drawer .cart__checkout-button { background: #EB606B !important; border-radius: 14px !important; font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 15px !important; padding: 15px !important; box-shadow: 0 4px 16px rgba(235,96,107,0.25) !important; border: none !important; }
.cart-drawer .cart__checkout-button:hover { background: #d94f5a !important; transform: translateY(-1px) !important; }

/* ── 8. Cart Page: doppelter Preis weg ── */
.mt-cart-item-right .mt-cart-item-total { display: none !important; }







/* € nicht mehr hochgestellt */
.mt-kurs-price-currency {
  font-size: 0.5em !important;
  vertical-align: baseline !important;
  align-self: flex-end !important;
  margin-bottom: 6px !important;
  margin-left: 2px !important;
}