/** Shopify CDN: Minification failed

Line 440:0 Unexpected "<"
Line 457:0 Unexpected "<"

**/
/* 🪷 CASA ROMANO – Titel linksbündig auf allen Geräten */

/* =========================================================
   🔹 Grundstil – gilt immer
   ========================================================= */
.collection-hero__title {
  font-weight: 500 !important;   /* 👈 Stärke der Schrift (500 = mittel, 600 = kräftiger) */
  line-height: 1.3 !important;   /* 👈 Zeilenhöhe – 1.2 = kompakter, 1.4 = luftiger */
}

/* =========================================================
   💻 DESKTOP – ab 769 px Bildschirmbreite
   ========================================================= */
@media (min-width: 769px) {

  .collection-hero {
    align-items: flex-start !important; /* 👈 richtet den Inhalt links aus */
    padding-left: 0 !important;         /* 👈 Innenabstand links (meist 0) */
    padding-right: 0 !important;        /* 👈 Innenabstand rechts (meist 0) */
  }

  /* --- TITEL --- */
  .collection-hero__title {
    text-align: left !important;        /* 👈 Textausrichtung – left / center / right */
    font-size: 2.4rem !important;       /* 👈 Desktop-Titelgröße: 2.0–2.6rem wirkt edel */
    margin-bottom: 0.6rem !important;   /* 👈 Abstand zwischen Titel & Text (optional) */
  }

  /* --- TEXT --- */
  .collection-hero__text {
    text-align: center !important;      /* 👈 Text zentriert, bleibt ausgewogen */
    width: 100% !important;
    font-size: 1rem !important;         /* 👈 Textgröße (1rem ≈ Standard) */
    line-height: 1.5 !important;        /* 👈 Zeilenhöhe – ruhig und lesbar */
  }
}

/* =========================================================
   📱 MOBILE – bis 768 px Bildschirmbreite
   ========================================================= */
@media (max-width: 768px) {

  /* --- TITEL --- */
  .collection-hero__title {
    font-size: 1.6rem !important;       /* 👈 Titelgröße Handy */
    margin-bottom: 0.4rem !important;   /* 👈 Abstand zum Text darunter */
    line-height: 1.25 !important;       /* 👈 Zeilenhöhe – 1.2 = kompakt, 1.3 = luftiger */
    text-align: left !important;        /* 👈 wirklich linksbündig */
  }

  /* --- TEXT --- */
  .collection-hero__text {
    font-size: 0.85rem !important;      /* 👈 Textgröße Handy */
    line-height: 1.4 !important;        /* 👈 Lesbarkeit */
    text-align: left !important;        /* 👈 bündig mit Titel */
  }

  /* --- INNENABSTAND --- */
  .collection-hero {
    padding-left: 12px !important;      /* 👈 Innenabstand links – 10–16 px optimal */
    padding-right: 12px !important;     /* 👈 Innenabstand rechts */
  }
}





/* 🪷 Responsive Lotus Logo */
.lotus-img {
  height: 38px;
  opacity: 0.7;
  margin-top: 10px;
  margin-bottom: -35px;
  display: inline-block;
}

/* 📱 Mobile */
@media screen and (max-width: 749px) {
  .lotus-img {
    height: 30px;           /* kleiner auf Handy */
    margin-top: 10px;       /* abstand oben */
    margin-bottom: -25px;      /* abstand lotuslogo und romanologo */
  }
}




/* 🪷 CASA ROMANO – Menü kompakter, 1 Zeile bei 1200 px */
@media screen and (min-width: 1200px) {
  .header__menu-item {
    font-size: 14px !important;        /* Schriftgrösse ändern */
    letter-spacing: 0.02em;       /* Buchstabenabstand ändern */
  }

  .header__inline-menu {
    gap: 28px; /* Abstand zwischen Menüpunkten leicht reduziert */
  }
}




/* 🪷 CASA ROMANO – Finaler Galerie-Hover: Nur Bild zoomt, Box bleibt ruhig */
@media screen and (min-width: 1200px) {

  /* Box ruhig halten – kein Springen, kein Schatten */
  .card-wrapper:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  /* Rahmen fixieren, damit das Bild nicht überlappt */
  .card-wrapper {
    overflow: hidden;
  }

  /* Bild smooth bewegen */
  .card__media img {
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.55s cubic-bezier(0.25, 0.1, 0.25, 1);
  }

  /* Beim Hover nur das Bild leicht vergrössern */
  .card-wrapper:hover .card__media img {
    transform: scale(1.07);
  }
}






/* 🪷 CASA ROMANO – Breiter Textbereich in Unterkategorien */
.collection-list .card__heading,
.collection-card__title {
  font-size: 13px !important;
  line-height: 1.45em !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  text-align: left !important;
  letter-spacing: 0.15px !important;
  max-width: 95%% !important;              /* 👉 Desktop leicht eingerückt */
  margin: 0px auto 0px 10px !important;   /* 👉 10px linksrückung */
  padding: 0 !important;                  /* kein unnötiger Innenabstand */
}

/* Leichte Betonung des ersten Teils */
.collection-list .card__heading strong,
.collection-card__title strong {
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

/* 📱 Mobile: Text über gesamte Kartenbreite anzeigen */
@media screen and (max-width: 749px) {
  .collection-list .card__heading,
  .collection-card__title {
    font-size: 12px !important;  /* 👉 eine Stufe kleiner */
    line-height: 1.2em !important;
    max-width: 100% !important;
    margin: 6px 0 8px 0 !important;
    padding: 0 0px !important;
  }
}




/* 🟡 Erster Menüpunkt "Alle Kollektionen" */
.header__submenu .header__submenu-item:first-child a {
  font-weight: 600 !important;
  color: #ffffff !important;
  text-transform: none !important;
  letter-spacing: 0.2px !important;
}

/* Hover – Gold */
.header__submenu .header__submenu-item:first-child a:hover {
  color: #d4b46a !important;
}

/* ⚫ Unterpunkte mit manuellem Punkt (deine Variante) */
.header__submenu .header__submenu-item:not(:first-child) a {
  color: rgba(255,255,255,0.82) !important;
  font-weight: 400 !important;
  letter-spacing: 0.15px !important;
  transition: color .25s ease;
  padding-left: 2px !important; /* sorgt für gleichmäßigen Abstand */
}

/* Hover-Unterpunkte – Text (und dein echter Punkt) werden gold */
.header__submenu .header__submenu-item:not(:first-child) a:hover {
  color: #c9a15e !important;
}

/* Einheitliche Textgröße */
.header__submenu a {
  font-size: 13px !important;
  line-height: 1.4em !important;
}





/* 🪷 CASA ROMANO – Menü Dropdown breiter, Schrift original */
.header__submenu {
  min-width: 230px !important;  /* Standard ist ~180px, jetzt komfortabel breiter */
}

/* Damit längere Namen wie "Lifestyle – Urban Living Möbel" schön in einer Zeile bleiben */
.header__submenu .header__menu-item {
  white-space: nowrap !important;
  font-size: 14px;              /* Originalgrösse – keine Änderung am Stil */
  font-weight: 500;
  line-height: 1.4;
}


        





/* 🪶 CASA ROMANO – Einheitliche, schmalere Box auf Produktseite & Warenkorb */
.availability-box,
.cart-info-box {
  max-width: 400px !important;
  margin: 10px 0 !important;
  padding: 10px 14px !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  background-color: #fafafa !important;
  font-size: 13px !important;
  line-height: 2.1 !important;
  color: #333 !important;
  font-weight: 400 !important;
}

/* Untertext („Abholung möglich…“ oder Hinweiszeilen) */
.availability-box span,
.availability-box p,
.availability-box__sub,
.cart-info-box span,
.cart-info-box p {
  font-size: 12px !important;
  color: #555 !important;
  font-weight: 400 !important;
  line-height: 0.1 !important;
}

/* 🟢 CASA ROMANO – Nur grüne Box („Versandbereit…“) leicht kleinerer Text */
.cart-info-box--green > strong {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

/* 🪶 Warenkorb-Layout – luftig & klar */
.cart-item {
  flex-wrap: wrap !important;
  gap: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #eee !important;
}

/* Produktinfos */
.cart-item__info {
  flex: 1 1 auto !important;
  min-width: 200px !important;
}


.cart-item__name {
  font-size: 15px !important;
  font-weight: 500 !important;
  margin-bottom: 4px !important;
}


.cart-item__price {
  font-size: 14px !important;
  color: #555 !important;
}

/* Verfügbarkeitsboxen (Icon + Text) */
.cart-info-box {
  margin-top: 15px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  line-height: 1.4 !important;
}

/* 📱 Mobile Layout */
@media screen and (max-width: 749px) {
  .cart-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  .cart-item__media {
    width: 100% !important;
    max-width: 140px !important;
  }

  .cart-info-box,
  .availability-box {
    max-width: 100% !important;
    padding: 10px 12px !important;
    font-size: 13.5px !important;
    line-height: 2.2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
  }

  .cart-info-box strong,
  .availability-box strong {
    font-size: 13px !important;
   line-height: 1.9 !important;
    font-weight: 700 !important;
  }

  .cart-info-box span,
  .cart-info-box p,
  .availability-box span,
  .availability-box p {
    font-size: 12.5px !important;
  }
}






/* 🪶 CASA ROMANO – Fix: Text & Icon exakt auf einer Linie */
.cart-info-box strong {
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  margin-top: -0px !important; /* gleicht den Versatz aus */
}



/* 🪶 CASA ROMANO – Einheitliche Icon-Text-Ausrichtung */
.cr-inline-icon {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  vertical-align: middle !important;
}

.cr-inline-icon svg {
  flex-shrink: 0 !important;
  position: relative !important;
  top: -1px !important; /* feinjustiert – exakt mittig */
  margin: 0 !important;
}

.cr-inline-icon strong {
  margin: 0 !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}







/* 🎁 CASA ROMANO – Gratisversand-Box flacher + linksbündig */
.free-shipping-bar,
.shipping-box-wrapper {
  max-width: 51% !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  font-size: 13.5px !important;
  text-align: left !important;
  padding: 6px 8px !important;      /* Höhe reduziert */
  line-height: 1.3 !important;       /* Text dichter */
}

@media screen and (max-width: 749px) {
  .free-shipping-bar,
  .shipping-box-wrapper {
    max-width: 100% !important;
    margin: 0 auto !important;
    font-size: 11.6px !important;
    padding: 4px 0px !important;     /* flacher auf Mobile */
    line-height: 1.4 !important;
  }
}





#cr-freebar {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 8px 0;
  font-size: 14px;
  letter-spacing: .3px;
  font-weight: 500;
  margin: 25px 0 10px 0; /* Abstand oben/unten */
  border-radius: 4px;    /* dezente Rundung */
}

#cr-freebar span {
  opacity: 1 !important;
}





/* 🎁 CASA ROMANO – Versandinfo Text grösse*/
<style>
.cr-shipping h2 {
  margin-top: 25px;
  font-size: 20px;
  font-weight: 700;
}
.cr-shipping p {
  margin: 6px 0 14px 0;
  line-height: 1.55;
  color: #444;
}
.cr-shipping .cr-box {
  background: #f8f8f8;
  padding: 18px 20px;
  border-radius: 10px;
  margin-bottom: 25px;
}
</style>





/* FIX: Versand-Optionen anklickbar machen */
.shipping-upgrades-box {
  position: relative !important;
  z-index: 999999 !important;
  pointer-events: auto !important;
}

/* Der Cart-Item-Container darf NICHT drüberliegen */
.main-cart-items--padding,
.cart-items__content,
#main-cart-items,
#MainContent {
  overflow: visible !important;
  z-index: 1 !important;
  position: relative !important;
}