/** Shopify CDN: Minification failed

Line 269:1 Unexpected "<"
Line 273:45 Expected ":"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*//* ============================================================
   GLOBAL CUSTOM CSS  –  myDutyFree / internationaldutyfree.com
   Konsolidierter, bereinigter Stand  –  EINE Quelle der Wahrheit
   ------------------------------------------------------------
   Enthaelt: Branding-Basis, Netto-Preis (Produkt + Cart),
   (tax included)-Zusatz, Payment-Icon-Abstand,
   Quantity-Pille NUR Produktseite, Cart-Checkbox, Logo-Wall.

   AENDERUNGEN ggue. Vorversion (jeweils mit [FIX] markiert):
   1. Startseiten-VAT-Zeile trifft jetzt die Netto-Klassen direkt.
   2. Logo-Overrides: !important korrekt VOR dem Semikolon.
   3. "Van der Weiden" entdoppelt (war 50px + 44px -> jetzt 44px).
   4. Cart-Netto-Groesse 0.38em -> 0.85em (0.38em war unlesbar).
   5. Font-Fallback-Kette ergaenzt.
   ============================================================ */

/* ---------- Basis / Branding ---------- */
.shadow_round_img_true .t4s-product .t4s-product-inner {
  box-shadow: none;
}
.t4s-product-badge > span {
  border-radius: 9999px;
}
/* [FIX 5] Fallback-Kette statt nacktem Montserrat */
body {
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.t4s-heading,
.t4s-section-heading {
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
}
.subtitle, .sub-headline, .subheading, .sub-title {
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
}
.section {
  padding-top: 64px;
  padding-bottom: 64px;
}
h1, h2, h3 {
  letter-spacing: -0.02em;
  line-height: 1.15;
}
/* HINWEIS: max-width 680px gilt GLOBAL fuer jeden <p>. Falls Text
   irgendwo unerwartet schmal umbricht -> hier auf Content-Bereich scopen. */
p {
  line-height: 1.6;
  max-width: 680px;
}
.card {
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  padding: 24px;
}
/* HINWEIS: --accent ist definiert, wird in diesem File aber nirgends
   via var(--accent) genutzt. Entweder fuer Gold-Akzente einsetzen
   oder entfernen. */
:root {
  --accent: #CFA86A;
}
.t4s-section-heading {
  text-align: center;
}

/* ---------- Netto-Preis: Ausrichtung nach Kontext ----------
   Default zentriert -> passt zu Produktkarten in Kollektionslisten.
   Auf der Produktseite (.template-product) linksbuendig.
   Auf der Startseite (.template-index) linksbuendig -> siehe [FIX 1] unten. */
.t4s-product-price__net,
.vat-refund-note {
  font-size: 0.9rem !important;
  color: #303030;
  margin-top: 1.5px;   /* [FIX 6] Abstand Brutto->Netto: 5px -> 2.5px -> 1.5px (weitere 40% reduziert) */
  text-align: center !important;
  font-weight: normal;
  flex-basis: 100% !important;
  width: 100% !important;
}
.template-product .t4s-product-price__net,
.template-product .vat-refund-note {
  text-align: left !important;
}
.template-product .t4s-product-price__net {
  margin-bottom: 20px;
}

/* [FIX 1] Startseite: Netto-/VAT-Zeile linksbuendig.
   Trifft die Netto-KLASSEN direkt (hoehere Spezifitaet als der
   zentrierte Default), sonst gewinnt dort text-align:center.
   Ersetzt den alten .t4s-product-info-Block am Dateiende. */
.template-index .t4s-product-price__net,
.template-index .vat-refund-note {
  text-align: left !important;
}

/* ---------- (tax included): direkt hinter dem Brutto-Preis, groesser ---------- */
.t4s-tax-included-note {
  font-size: 1.4rem;
  color: #303030;
  margin-left: 8px;
  margin-right: auto;
  align-self: center;
}

/* Eltern-Flexbox den Zeilenumbruch erlauben (Netto bricht darunter um) */
:has(> .t4s-product-price__net) {
  flex-wrap: wrap !important;
}

/* ---------- Netto-Preis im Warenkorb ---------- */
.t4s-cart_net_price {
  font-size: 0.85em !important;   /* [FIX 4] war 0.38em -> unlesbar klein */
  color: #303030;
  margin-top: 8px;
  text-align: right !important;
  font-weight: normal;
}
.t4s-cart_net_price strong {
  font-weight: 700 !important;
}

/* ---------- Zahlungs-Icons: Abstand ---------- */
img[src*="payment_icons"],
img[data-src*="payment_icons"] {
  margin: 0 6px;
}

/* ---------- Quantity-Selector NUR PRODUKTSEITE: Pille + Critical CSS ----------
   An .template-product gebunden. :not(.t4s-quantity-cart-item) schliesst den
   Warenkorb-Stepper aus. height mit !important gegen das async Bundle. */
.template-product .t4s-quantity-wrapper:not(.t4s-quantity-cart-item) {
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 9999px;
  overflow: hidden;
  margin-right: 14px;
  margin-bottom: 10px;
}
.template-product .t4s-quantity-wrapper:not(.t4s-quantity-cart-item) .t4s-quantity-selector {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 50px !important;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1a1a2e;
  cursor: pointer;
}
.template-product .t4s-quantity-wrapper:not(.t4s-quantity-cart-item) .t4s-quantity-selector .icon {
  width: 10px;
  height: auto;
}
.template-product .t4s-quantity-wrapper:not(.t4s-quantity-cart-item) .t4s-quantity-input {
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 50px !important;
  min-width: 0;
  text-align: center;
  border: 0;
  background: transparent;
  color: #1a1a2e;
  font: inherit;
  -moz-appearance: textfield;
}
.template-product .t4s-quantity-wrapper:not(.t4s-quantity-cart-item) .t4s-quantity-input::-webkit-outer-spin-button,
.template-product .t4s-quantity-wrapper:not(.t4s-quantity-cart-item) .t4s-quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* ---------- Cart: Combined Terms & Duty-Free Checkbox ----------
   HINWEIS: :checked zeichnet ein schwarzes Kaestchen OHNE Haeckchen.
   Fuer sichtbaren Haken braucht es ein ::after mit Check-Glyph. */
.cart__agree-checkbox input[type="checkbox"] {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  cursor: pointer !important;
  accent-color: #000000 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  border: 2px solid #000000 !important;
  border-radius: 4px !important;
  background-color: #ffffff !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.cart__agree-checkbox input[type="checkbox"]:checked {
  background-color: #000000 !important;
  border-color: #000000 !important;
}
.cart__agree-checkbox label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.cart__agree-checkbox input[type="checkbox"] + label {
  margin-left: 0 !important;
}
.cart__agree-checkbox label a {
  color: #ffffff !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}
.cart__agree-checkbox label a:hover {
  opacity: 0.8 !important;
}

/* ---------- Logo-Wall: Logos auf einheitliche HOEHE normalisieren ----------
   Festes height statt max-height ist der Hebel; Breite laeuft frei. */
.logo-item {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
}
.logo-item img {
  height: 36px;
  width: auto;
  max-width: 200px;
  object-fit: contain;
}
/* [FIX 2+3] !important korrekt VOR dem Semikolon; "Van der Weiden" entdoppelt.
   Van der Weiden auf 44px gesetzt (galt effektiv). Fuer 50px hier aendern. */
.logo-item img[alt="Van der Weiden"] { height: 44px !important; }
.logo-item img[alt="Emmy Becker"]    { height: 46px !important; }
.logo-item img[alt="BAER"]           { height: 42px !important; }
.logo-item img[alt="QEICA"]          { height: 42px !important; }

/* ---------- Shop-Layout: Sidebar + Content ---------- */
.shop-container {
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 30px;
  transition: grid-template-columns 0.3s ease-in-out;
}
/* Produkt-Grid auf volle Breite, buendig mit der Navigation darueber */
.template-collection .t4s-col-content,
.template-collection .t4s-main-collection-page {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}</p>
.t4s-drawer__wrap .t4s-btn__checkout {
  display: none !important;
}/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {:root {       ✅
  --item-fsize: 11px;
}

/* MEGA-MENÜ HIERARCHIE - Gecko Theme */
.t4s-type_mn_link > .t4s-heading,
.t4s-mega-menu .t4s-sub-column > .t4s-heading,
.t4s-mega-menu .t4s-mega-menu-column > .t4s-heading,
.t4s-mega-menu [class*="heading"],
.t4s-mega-menu h1,
.t4s-mega-menu h2,
.t4s-mega-menu h3,
.t4s-mega-menu h4,
.t4s-mega-menu h5,
.t4s-mega-menu h6 {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
  line-height: 1.4 !important;
}
.t4s-type_mn_link > a:not(.t4s-heading),
.t4s-mega-menu a:not([class*="heading"]):not(.t4s-heading),
.t4s-mega-menu .t4s-sub-column ul li a,
.t4s-mega-menu .t4s-sub-column li a {
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
}

/* Mega-Menu Schriftgrößen */
.t4s-navigation > ul > li.t4s-menu-item > a {
  font-size: 18px !important;
}

/* CENTER-ALIGN PROMO TEXT SECTION */
#template--30433409925465__promo_text_76qwhH h4,
#template--30433409925465__promo_text_76qwhH p {
  text-align: center !important;
}
/* Container-Kompaktheit für Mobile */
.product-meta-section {
  padding: 12px 0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Oder Ihre Premium-Schriftart */
}

/* Preis-Stile */
.price-container {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.duty-free-price-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.price-current {
  font-size: 24px; /* Groß und präsent auf dem Smartphone */
  font-weight: 700;
  color: #111111;
  letter-spacing: -0.5px;
}

/* Elegantes, unaufdringliches Duty-Free Badge */
.badge-duty-free {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #f5f5f7; /* Sehr helles Premium-Grau */
  color: #111111;
  padding: 4px 8px;
  border-radius: 2px;
  font-weight: 600;
}}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){/* ===== COMBINED TERMS & DUTY-FREE CHECKBOX - MOBILE STYLING ===== */
/* Single checkbox for both terms and duty-free regulations */
.cart__agree-checkbox input[type="checkbox"] {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  cursor: pointer !important;
  accent-color: #000000 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  border: 2px solid #000000 !important;
  border-radius: 4px !important;
  background-color: #ffffff !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Checked state styling with pure black */
.cart__agree-checkbox input[type="checkbox"]:checked {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

/* Checkbox label styling - WHITE TEXT MATCHING ANNOUNCEMENT BANNER */
.cart__agree-checkbox label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  font-size: 14px !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

/* ===== COLLECTION TITLE TRUNCATION FIX FOR ANDROID CHROME ===== */
/* Fix for "Emmy Becker" being truncated to "Emmy Becke" on mobile */
@media (max-width: 768px) {
  /* Collection page title/heading */
  .t4s-collection-title,
  .collection-title,
  .page-title,
  .t4s-page-title,
  h1.t4s-heading,
  .t4s-section-heading h1,
  [class*="collection"][class*="title"],
  [class*="collection"][class*="heading"] h1,
  .t4s-collection-heading h1,
  .collection-heading h1 {
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
    max-width: none !important;
    width: auto !important;
    padding-right: 8px !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
  }

  /* Collection heading container */
  .t4s-collection-heading,
  .collection-heading,
  .page-heading,
  [class*="collection-heading"],
  [class*="page-heading"] {
    overflow: visible !important;
    max-width: none !important;
    width: auto !important;
    padding-right: 8px !important;
  }

  /* Ensure parent containers don't clip text */
  .t4s-collection-heading-wrapper,
  .collection-heading-wrapper,
  .page-heading-wrapper,
  [class*="heading-wrapper"] {
    overflow: visible !important;
    max-width: none !important;
    width: auto !important;
  }

  /* Generic heading fix for collection pages */
  .t4s-section-heading,
  .section-heading {
    overflow: visible !important;
    text-overflow: unset !important;
    max-width: none !important;
    width: auto !important;
    padding-right: 8px !important;
  }

  /* Fix for any text that might be truncated */
  .t4s-section-heading h1,
  .t4s-section-heading h2,
  .t4s-section-heading h3 {
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
    max-width: none !important;
    width: auto !important;
    padding-right: 8px !important;
  }
}

/* ===== MOBILE MENU TEXT TRUNCATION FIX ===== */
/* Prevent text truncation in mobile menu items */
.t4s-mb-nav .t4s-menu-item,
.t4s-mb-nav .t4s-menu-item a,
.t4s-mb-nav .t4s-menu-item span,
.mb_nav .t4s-menu-item,
.mb_nav .t4s-menu-item a,
.mb_nav .t4s-menu-item span {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
  max-width: none !important;
  width: auto !important;
}

/* Ensure menu item text containers don't truncate */
.t4s-mb-nav .t4s-menu-item-text,
.mb_nav .t4s-menu-item-text {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Mobile menu link text - no truncation */
.t4s-mb-nav a,
.mb_nav a {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}}