/** Shopify CDN: Minification failed

Line 574:0 Unexpected "<"

**/
/* ================================
   LÚA – Search / Hero Fixes
   ================================ */

/* Header & Search dürfen nichts clippen */
.header-wrapper,
.header,
.header__search,
.search-modal,
.search-modal__content,
predictive-search,
.predictive-search {
  overflow: visible !important;
}

/* Such-Ergebnisse immer über Hero */
.predictive-search__results {
  position: absolute !important;
  z-index: 999999 !important;
}

/* Hero / Banner dürfen Dropdown nicht abschneiden */
.shopify-section .banner,
.shopify-section .image-banner,
.shopify-section .slideshow,
.shopify-section .banner__media,
.shopify-section .slideshow__slide {
  overflow: visible !important;
  transform: none !important;
}

/* Header bewusst über allem */
.shopify-section-group-header-group,
.shopify-section.section-header,
.header-wrapper {
  position: sticky !important;
  top: 0 !important;
  z-index: 999998 !important;
}

/* LÚA – Suche-Overlay muss über dem Hero liegen (Dawn: details[open] Layer) */
.header__search,
.header__search details,
.header__search details[open] {
  position: relative !important;
  z-index: 2147483000 !important;
}

/* Das eigentliche Overlay/Modal und die Vorschläge darüber legen */
.header__search details[open] .search-modal,
.header__search details[open] .search-modal__content,
.header__search details[open] predictive-search,
.header__search details[open] .predictive-search,
.header__search details[open] .predictive-search__results {
  position: relative !important;
  z-index: 2147483001 !important;
  overflow: visible !important;
}

/* Hero sicher unterordnen (falls Banner/Carousel einen eigenen Layer baut) */
.shopify-section .banner,
.shopify-section .image-banner,
.shopify-section .slideshow,
.shopify-section .banner__media,
.shopify-section .slideshow__slide,
.shopify-section .banner__content {
  z-index: 1 !important;
}

/* Header-Gruppe grundsätzlich darüber */
.shopify-section-group-header-group,
.shopify-section.section-header,
.header-wrapper,
.header {
  position: relative !important;
  z-index: 2147482000 !important;
  overflow: visible !important;
}

/* Notbremse: Such-Overlay beim Öffnen an den Viewport heften */
.header__search details[open] .search-modal {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  z-index: 2147483647 !important;
}

/* Search-Overlay wieder normal machen (diese Kuppel entfernen) */
.search-modal,
.search-modal__content {
  border-radius: 0 !important;
  transform: none !important;
}

/* Modal als sauberer Layer über dem Hero */
.search-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
}

/* Nur das Suchfeld rund lassen, nicht das ganze Overlay */
.search-modal .field,
.search-modal .field::before,
.search-modal .field::after {
  border-radius: 999px !important;
  overflow: hidden !important;
}

/* Ergebnisbox normal rechteckig mit unten runden Ecken */
.search-modal .predictive-search__results {
  border-radius: 0 0 24px 24px !important;
  z-index: 2147483647 !important;
}

/* LÚA – Search Overlay: „Dome“/Halbkugel komplett entfernen (Dawn details[open]) */
.header__search details[open] .search-modal,
.header__search details[open] .search-modal__content,
.header__search details[open] .search-modal__overlay,
.header__search details[open] .search-modal::before,
.header__search details[open] .search-modal::after,
.header__search details[open] .search-modal__content::before,
.header__search details[open] .search-modal__content::after {
  border-radius: 0 !important;
  clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  transform: none !important;
}

/* Modal als richtiger Layer über allem, damit nichts vom Hero „drüber“ liegt */
.header__search details[open] .search-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  overflow: visible !important;
}

/* Inhalt normal, kein riesiger „runder“ Container */
.header__search details[open] .search-modal__content {
  width: 100% !important;
  max-width: none !important;
  overflow: visible !important;
}

/* Nur das Suchfeld pillenrund lassen */
.header__search details[open] .field,
.header__search details[open] .field::before,
.header__search details[open] .field::after {
  border-radius: 999px !important;
  overflow: hidden !important;
}

/* Ergebnisse: unten weich, oben gerade (passt zum Feld) */
.header__search details[open] .predictive-search__results {
  border-radius: 0 0 24px 24px !important;
  overflow: hidden !important;
  z-index: 2147483647 !important;
}

/* LÚA – Search: Nur das Feld rund, Results wieder normal (wie links) */

/* 1) Suchfeld pillenrund */
.template-search .field,
.template-search .field::before,
.template-search .field::after,
.template-search .search__input {
  border-radius: 999px !important;
  overflow: hidden !important;
}

/* 2) Ergebnisse NICHT pillenrund (das verursacht rechts den „Oval“-Look) */
.template-search .predictive-search__results,
.template-search .predictive-search__result-list,
.template-search .predictive-search__results::before,
.template-search .predictive-search__results::after {
  border-radius: 0 !important;
}

/* 3) Optional: nur unten leicht abrunden (edler) */
.template-search .predictive-search__results {
  border-bottom-left-radius: 18px !important;
  border-bottom-right-radius: 18px !important;
  overflow: hidden !important;
}

/* LÚA – Header Search Overlay: Feld rund, Results normal */
.search-modal .field,
.search-modal .field::before,
.search-modal .field::after,
.search-modal .search__input {
  border-radius: 999px !important;
  overflow: hidden !important;
}

.search-modal .predictive-search__results,
.search-modal .predictive-search__result-list {
  border-radius: 0 !important;
}

.search-modal .predictive-search__results {
  border-bottom-left-radius: 18px !important;
  border-bottom-right-radius: 18px !important;
  overflow: hidden !important;
}

/* ================================
   LÚA – RESET: Header Search Modal wieder Dawn-Standard
   (überschreibt lua-fixes.css Regeln, die das Modal riesig machen)
   ================================ */

.header__search details[open] .search-modal__content {
  width: auto !important;
  max-width: var(--page-width, 1200px) !important;
  overflow: hidden !important;
}

/* Modal nicht als riesige Fläche stylen */
.header__search details[open] .search-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
}

/* Nur das Suchfeld rund */
.header__search details[open] .search-modal .field,
.header__search details[open] .search-modal .field::before,
.header__search details[open] .search-modal .field::after {
  border-radius: 999px !important;
  overflow: hidden !important;
}

/* Results wieder normal (keine Oval-Box) */
.header__search details[open] .search-modal .predictive-search__results,
.header__search details[open] .search-modal .predictive-search__result-list {
  border-radius: 0 !important;
}

.header__search details[open] .search-modal .predictive-search__results {
  border-bottom-left-radius: 18px !important;
  border-bottom-right-radius: 18px !important;
  overflow: hidden !important;
}

/* ================================
   LÚA – Search Modal FINAL RESET
   wie normale Suchleiste (ohne Rundungen)
   ================================ */

/* 1. Komplettes Search-Modal & Content rechteckig */
.header__search details[open] .search-modal,
.header__search details[open] .search-modal__content,
.header__search details[open] .search-modal__overlay {
  border-radius: 0 !important;
  clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  transform: none !important;
}

/* 2. Suchfeld IM Modal nicht pillenrund */
.header__search details[open] .search-modal .field,
.header__search details[open] .search-modal .field::before,
.header__search details[open] .search-modal .field::after,
.header__search details[open] .search-modal .search__input {
  border-radius: 0 !important;
}

/* 3. Predictive Results ganz normal (rechteckig) */
.header__search details[open] .predictive-search__results,
.header__search details[open] .predictive-search__result-list,
.header__search details[open] .predictive-search__results::before,
.header__search details[open] .predictive-search__results::after {
  border-radius: 0 !important;
}

/* 4. Sicherheit: kein verstecktes Overflow */
.header__search details[open] .search-modal,
.header__search details[open] .search-modal__content {
  overflow: visible !important;
}

/* LÚA – Header Search Modal: Kreis/Mask komplett entfernen */
details-modal.header__search details[open] .search-modal__content.gradient,
details-modal.header__search details[open] .search-modal__content.gradient::before,
details-modal.header__search details[open] .search-modal__content.gradient::after {
  border-radius: 0 !important;
  clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  transform: none !important;
}

/* Wichtig: falls der Kreis durch "overflow hidden" entsteht */
details-modal.header__search details[open] .search-modal__content.gradient {
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
}

details-modal.header__search details[open] .search-modal,
details-modal.header__search details[open] .search-modal::before,
details-modal.header__search details[open] .search-modal::after {
  border-radius: 0 !important;
  clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
}

/* LÚA – NUCLEAR RESET: Header-Suche (Modal) komplett ohne Rundungen */
details-modal.header__search details[open] .search-modal,
details-modal.header__search details[open] .search-modal * ,
details-modal.header__search details[open] .search-modal::before,
details-modal.header__search details[open] .search-modal::after,
details-modal.header__search details[open] .search-modal *::before,
details-modal.header__search details[open] .search-modal *::after {
  border-radius: 0 !important;
  clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
}

/* falls der Kreis durch einen Rahmen/Shadow entsteht */
details-modal.header__search details[open] .search-modal__content,
details-modal.header__search details[open] .search-modal__content.gradient,
details-modal.header__search details[open] .search-modal__content::before,
details-modal.header__search details[open] .search-modal__content::after {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background-image: none !important;
}

/* LÚA – Header Search Modal: mittiges "Suchen" (Label) entfernen */
details-modal.header__search details[open] .field__label {
  display: none !important;
}

/* =========================================
   LÚA – Suchseite (/search) Suchfeld Styling
   ========================================= */

/* 1. Hintergrund der Suchseite bleibt weiß */
.template-search {
  background: #ffffff !important;
}

/* 2. Suchfeld Container wie im Modal */
.template-search .field {
  max-width: 620px;
  margin: 0 auto 2rem auto;
  border: 2px solid #8c7a6b;
  border-radius: 8px;
  background: #ffffff;
}

/* 3. Input selbst */
.template-search .search__input {
  height: 52px;
  padding: 0 56px 0 18px;
  font-size: 16px;
  background: transparent;
  border: none;
  box-shadow: none;
}

/* 4. Doppeltes "Suchen" (Label) entfernen */
.template-search .field__label {
  display: none !important;
}

/* 5. Suchbutton (Lupe) INS Feld rechts */
.template-search .search__button {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  padding: 0;
}

/* 6. Reset-X sauber rechts neben Feld */
.template-search .reset__button {
  margin-left: 12px;
}

/* 7. Kein Radius / keine Masken irgendwo */
.template-search * {
  clip-path: none !important;
  mask: none !important;
}

/* =========================================
   LÚA – Suchseite: Suchfeld RECHTECKIG
   ========================================= */

/* Container */
.template-search .field,
.template-search .field::before,
.template-search .field::after {
  border-radius: 0 !important;
}

/* Input selbst */
.template-search .search__input {
  border-radius: 0 !important;
}

/* Suchbutton (Lupe) ebenfalls eckig */
.template-search .search__button {
  border-radius: 0 !important;
}

/* LÚA – Predictive Search auch auf TABLET anzeigen (Dawn Breakpoint 750–989px) */
@media screen and (min-width: 750px) and (max-width: 989px) {

  /* Predictive Search Container erzwingen */
  details-modal.header__search details[open] predictive-search,
  details-modal.header__search details[open] .predictive-search {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* Results Box sichtbar und über allem */
  details-modal.header__search details[open] .predictive-search__results {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: 70vh !important;
    overflow: auto !important;
    position: relative !important;
    z-index: 999999 !important;
  }

  /* Falls Dawn die Liste selbst versteckt */
  details-modal.header__search details[open] .predictive-search__result-list,
  details-modal.header__search details[open] .predictive-search__result-list li {
    display: block !important;
    visibility: visible !important;
  }

  /* Falls das Modal/Content irgendwas clippt */
  details-modal.header__search details[open] .search-modal,
  details-modal.header__search details[open] .search-modal__content {
    overflow: visible !important;
  }
}

/* LÚA – iPad/Touch: Such-Icon (Lupe) im Header ausblenden */
@media (hover: none) and (pointer: coarse) {
  summary.header__icon.header__icon--search {
    display: none !important;
  }
}

/* Predictive Search auf der Suchseite sichtbar machen (DESKTOP) */
@media screen and (min-width: 990px) {
  .template-search__search .field {
    position: relative;
    overflow: visible !important;
  }

  .template-search__search .predictive-search {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    z-index: 9999;
    display: block;
  }
}

/* LÚA – Cart Drawer immer ÜBER dem Header (Desktop/Tablet/Mobile) */

/* Header etwas niedriger halten (nur falls er sehr hoch gesetzt wurde) */
.header-wrapper,
header,
sticky-header {
  z-index: 50 !important;
}

/* Overlay über alles */
.drawer__overlay,
.cart-drawer__overlay,
#CartDrawer-Overlay,
.modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9998 !important;
}

/* Drawer selbst über Header + Overlay */
.cart-drawer,
drawer-component,
#CartDrawer,
.drawer {
  z-index: 9999 !important;
}

/* Innerer Container ebenfalls hoch (Dawn nutzt oft drawer__inner) */
.drawer__inner,
#CartDrawer .drawer__inner,
#CartDrawer .drawer__inner * {
  z-index: 9999 !important;
}

.shopify-section-group-header-group,
.shopify-section-group-header-group * {
  z-index: 50 !important;
}

/* LÚA – Cart Drawer startet UNTER dem Header (Header bleibt sichtbar) */
:root{
  --lua-header-offset: var(--header-height, 120px);
}

/* Drawer: unter Header anfangen, trotzdem über Content */
#CartDrawer,
.cart-drawer,
.drawer {
  top: var(--lua-header-offset) !important;
  height: calc(100vh - var(--lua-header-offset)) !important;
}

/* Overlay ebenfalls erst unter Header beginnen */
.drawer__overlay,
.cart-drawer__overlay,
#CartDrawer-Overlay,
.modal-overlay {
  top: var(--lua-header-offset) !important;
  height: calc(100vh - var(--lua-header-offset)) !important;
}

/* LÚA – Cart Drawer IMMER über dem Header */
#CartDrawer,
.cart-drawer,
.drawer {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 100vh !important;
  z-index: 99999 !important;
}

/* Overlay ebenfalls über allem */
.drawer__overlay,
.cart-drawer__overlay,
#CartDrawer-Overlay,
.modal-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 99998 !important;
}

/* Header explizit darunter halten */
.header,
.header-wrapper,
sticky-header {
  z-index: 1000 !important;
}

</* LÚA – Cart Drawer immer ÜBER dem Header (Dawn / Cart Drawer) */
cart-drawer.drawer,
cart-drawer,
.cart-drawer,
.drawer[role="dialog"] {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 100vh !important;
  z-index: 2147483647 !important;
}

/* Inner/Wrapper ebenfalls hochziehen (falls z-index dort gesetzt ist) */
cart-drawer.drawer .drawer__inner,
cart-drawer .drawer__inner,
.cart-drawer .drawer__inner,
.drawer .drawer__inner,
cart-drawer.drawer .drawer__content,
cart-drawer .drawer__content,
.cart-drawer .drawer__content {
  z-index: 2147483647 !important;
}

/* Overlay ebenfalls über alles */
.drawer__overlay,
cart-drawer .drawer__overlay,
cart-drawer.drawer .drawer__overlay,
.cart-drawer__overlay,
#CartDrawer-Overlay,
.modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
}

/* Header bewusst darunter (auch Sticky Varianten) */
#shopify-section-header,
.header-wrapper,
.header,
sticky-header,
sticky-header.header-wrapper {
  z-index: 1000 !important;
}

body, #MainContent, .main-content, .page-width, #PageContainer, .shopify-section-group-header-group, .header-wrapper {
  transform: none !important;
  filter: none !important;
  isolation: auto !important;
}

/* LÚA FIX – Header darf keinen Stacking Context erzeugen */
#shopify-section-header,
.header-wrapper,
header.header {
  transform: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  isolation: auto !important;
  z-index: 10 !important;
}

/* LÚA – Cart Drawer über Header */
cart-drawer,
cart-drawer.drawer,
.drawer[role="dialog"] {
  position: fixed !important;
  inset: 0 auto 0 auto;
  z-index: 9999 !important;
}

.drawer__overlay,
cart-drawer .drawer__overlay {
  position: fixed !important;
  inset: 0;
  z-index: 9998 !important;
}

/* Cart Drawer IMMER über allem */
cart-drawer,
cart-drawer.drawer,
.drawer[role="dialog"]{
  position: fixed !important;
  z-index: 999999 !important;
}

.drawer__overlay,
cart-drawer .drawer__overlay{
  position: fixed !important;
  z-index: 999998 !important;
}

/* Cart Drawer immer über Header/Leisten */
cart-drawer,
cart-drawer.drawer,
.drawer[role="dialog"]{
  position: fixed !important;
  z-index: 999999 !important;
}

.drawer__overlay,
cart-drawer .drawer__overlay{
  position: fixed !important;
  z-index: 999998 !important;
}

/* Header/Announcement normal lassen (keine overflow-hidden Regel!) */
.utility-bar,
.announcement-bar,
.section-header,
#shopify-section-header,
#shopify-section-announcement-bar{
  z-index: 10;
}

/* Cart Drawer: wirklich komplett oben starten + volle Höhe */
cart-drawer.drawer,
.cart-drawer.drawer,
.drawer.cart-drawer {
  top: 0 !important;
  height: 100vh !important;
  z-index: 999999 !important;
}

/* Innencontainer ebenfalls volle Höhe, damit nichts "unter" Header wirkt */
cart-drawer.drawer .drawer__inner,
.drawer.cart-drawer .drawer__inner {
  height: 100vh !important;
  max-height: 100vh !important;
}

/* Overlay muss den ganzen Screen abdecken (damit Leiste/Header nicht mehr „durchscheinen“) */
.drawer__overlay,
cart-drawer .drawer__overlay {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  position: fixed !important;
  z-index: 999998 !important;
}

/* === FIX: Cart Drawer über Header & Announcement Bar === */

/* Announcement Bar bewusst niedriger */
.pl-announcement-banner-4,
.pl-announcement-banner-4__content-inner {
  position: relative;
  z-index: 20;
}

/* Header darüber */
.header,
.section-header,
.shopify-section-group-header-group {
  position: relative;
  z-index: 30;
}

/* Cart Drawer IMMER ganz oben */
.cart-drawer,
cart-drawer,
.drawer,
.drawer--cart,
#CartDrawer {
  position: fixed !important;
  z-index: 9999 !important;
}

/* === CART DRAWER IMMER ÜBER ALLEM (Header + Announcement) === */

/* Header/Announcement bewusst niedriger */
.header-wrapper,
.section-header,
.shopify-section-group-header-group,
.pl-announcement-banner-4,
.pl-announcement-banner-4__content,
.pl-announcement-banner-4__content-inner {
  position: relative !important;
  z-index: 1000 !important;
}

/* Drawer-Overlay (Backdrop) hoch */
.drawer-overlay,
.modal-overlay,
.cart-drawer__overlay,
.drawer__overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
}

/* Cart Drawer selbst: maximal hoch */
cart-drawer,
.cart-drawer,
.drawer--cart,
.drawer.cart-drawer,
.drawer[open],
#CartDrawer,
#CartDrawer .drawer__inner,
#CartDrawer-Overlay {
  position: fixed !important;
  z-index: 2147483647 !important;
}

/* Falls der Header durch transform einen neuen Stacking Context erzeugt */
.header-wrapper,
.section-header {
  transform: none !important;
}

/* CART DRAWER IMMER ÜBER HEADER + ANNOUNCEMENT */
.drawer,
.drawer__inner,
.drawer__header,
.drawer__contents,
.drawer__footer,
.drawer__close,
.drawer__overlay,
.modal-overlay {
  z-index: 2147483647 !important;
}

/* Drawer wirklich fixed über alles */
.drawer {
  position: fixed !important;
  inset: 0 !important;
}

/* Drawer Panel selbst */
.drawer__inner {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 100vh !important;
}

/* Overlay muss auch drüber */
.drawer__overlay,
.modal-overlay {
  position: fixed !important;
  inset: 0 !important;
}

/* Header bewusst niedriger halten */
.header-wrapper,
.section-header,
.shopify-section-group-header-group,
.pl-announcement-banner-4,
.pl-announcement-banner-4__content,
.pl-announcement-banner-4__content-inner {
  position: relative !important;
  z-index: 1000 !important;
}

.header-wrapper,
.section-header,
.shopify-section-group-header-group {
  transform: none !important;
  filter: none !important;
  perspective: none !important;
}

/* Wenn Drawer offen ist (Dawn setzt i.d.R. overflow-hidden auf <body>) */
/* -> dann dürfen Header/Announcement KEIN transform/filter/perspective haben,
   sonst entsteht ein Stacking-Context und der Drawer hängt "drunter". */
body.overflow-hidden .shopify-section-group-header-group,
body.overflow-hidden .section-header,
body.overflow-hidden .header-wrapper,
body.overflow-hidden .pl-announcement-banner-4,
body.overflow-hidden .pl-announcement-banner-4__content,
body.overflow-hidden .pl-announcement-banner-4__content-inner {
  transform: none !important;
  filter: none !important;
  perspective: none !important;
}

/* Drawer wirklich als oberste Ebene erzwingen */
body.overflow-hidden .drawer,
body.overflow-hidden .drawer__inner,
body.overflow-hidden .drawer__overlay,
body.overflow-hidden .modal-overlay {
  z-index: 999999 !important;
}

/* Drawer Overlay + Panel sauber fixed */
body.overflow-hidden .drawer {
  position: fixed !important;
  inset: 0 !important;
}

body.overflow-hidden .drawer__overlay,
body.overflow-hidden .modal-overlay {
  position: fixed !important;
  inset: 0 !important;
}

body.overflow-hidden .drawer__inner {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 100vh !important;
}

/* CART DRAWER IMMER ÜBER ALLES (ohne reliance auf body-klasse) */
.drawer:has([role="dialog"][aria-label="Dein Warenkorb"]),
.drawer__inner[role="dialog"][aria-label="Dein Warenkorb"] {
  position: fixed !important;
  z-index: 2147483647 !important;
}

/* Das Panel selbst */
.drawer__inner[role="dialog"][aria-label="Dein Warenkorb"] {
  top: 0 !important;
  right: 0 !important;
  height: 100vh !important;
}

/* Overlay ebenfalls über alles */
.drawer:has([role="dialog"][aria-label="Dein Warenkorb"]) .drawer__overlay,
.drawer:has([role="dialog"][aria-label="Dein Warenkorb"]) .modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
}

/* Header + Announcement-Bar sicher darunter */
.shopify-section-group-header-group,
.section-header,
.header-wrapper,
.pl-announcement-banner-4,
.pl-announcement-banner-4__content,
.pl-announcement-banner-4__content-inner {
  position: relative !important;
  z-index: 10 !important;
}