/** Shopify CDN: Minification failed

Line 980:30 Unterminated string token

**/
.darkmode .header {
  --mobile-menu-bg-color: #39424e !important;
  --desktop-menu-bg-color: #39424e !important;
  --nav-bg-color: #39424e !important;
}

.darkmode .section__block--heading {
  color: #fff;
}

.darkmode .shopify-pc__banner__dialog {
  background-color:rgba(102, 103, 105, 0.95) !important;
}

.darkmode #shopify-pc__banner__btn-accept {
  background: transparent !important;
}

.darkmode #shopify-pc__banner__btn-decline {
  background: transparent !important;
}

.darkmode .shopify-pc__banner__dialog * {
  color: #f4f1ec !important;
}


.unicode-heart {
  font-size: 40px;
  line-height: 1.2;
  display: inline-block;
}


/*////////////////////////////*/
/*  TEXTSHADOW   ///   GLOBAL */
/*////////////////////////////*/

h1, h2, h3, h4, h5, h6, a, span, strong {
  text-shadow: 1px 1px 2px rgba(57, 66, 78, 0.2);
}
.darkmode h1, .darkmode h2, .darkmode h3, .darkmode h4, .darkmode h5, .darkmode h6, .darkmode a, .darkmode span, .darkmode strong {
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
}



/*////////////////////////////*/
/* ALLGEMEINER FIX /// GLOBAL */
/*////////////////////////////*/


/* der Bruder ist kein Bug, sondern ein Feature, gay wer ändert sag ich -Cheffe */
.darkmode input:autofill, .darkmode input:autofill:hover, .darkmode input:autofill:focus, .darkmode textarea:autofill, .darkmode textarea:autofill:hover, .darkmode textarea:autofill:focus, .darkmode select:autofill, .darkmode select:autofill:hover, .darkmode select:autofill:focus{
  color: #f4f1ec !important;
  -webkit-text-fill-color: #f4f1ec !important;
  box-shadow: 0 0 0 1px rgb(51, 51, 51) inset;
}



.media-ctrl__btn {
  background-color: #fff !important;
}

.darkmode .media-ctrl__btn {
  background-color: #333333 !important;
}
.media-ctrl__counter {
	background-color: rgba(57, 66, 78, 0.6) !important;
	color: rgb(255, 255, 255) !important;
}

.darkmode .login-password__recover-link{
  background: #333 !important;
}

/* INST Bullshit geht mir auf Sack amina */
.darkmode .instafeed-lightbox .lightbox-instagram {
background-color: #39424e;
}

.instafeed-bottom-link-wrapper[data-feed-id="0"] {
	display: flex;
	justify-content: center;
	width: 100%;
    font-size: 1.2rem !important;
	font-weight: bold;

}
.instafeed-bottom-link-wrapper[data-feed-id="0"] a {
  font-size: 2.5rem !important;
}

.darkmode .instafeed-lightbox .lightbox-instagram .instafeed-caption {
	color: #fff;
}

.darkmode .instafeed-lightbox .lightbox-instagram .instafeed-fullname {
	color: #fff;
}

.darkmode .instafeed-lightbox .post-date span {
	color: #fff;
	font-size: 11px;
}

.main-menu__toggle { /*ist für mobile*/
	color: #e03f3f !important;
	background-color: transparent !important;
	border: none !important;
}

.btn-primary {
  background-color: #39424e;
  color: white;
}



/* Automatisches Sternchen bei Pflichtfeldern */
.form__field.required > label::after,
.field.required > label::after {
  content: " *";
  color: red;
  margin-left: 2px;
  font-weight: normal;
}


/*/////////////////////////////////////*/
/* Pries und Preis Info FIX /// GLOBAL */
/*/////////////////////////////////////*/


.text-sm, .product__info .unit-price,
.product__info .price__was,
.product__info .product-policies,
.product__info .product__unit,
.product__info .product__policies {
  font-size: 1.6rem !important;
}


.badge {
  background: transparent;
}

.card__collection .media {
	background-color: transparent;
}

.custom-select__listbox {
  background-color: #F4F1EC;
  color: black;
}

.darkmode .custom-select__listbox {
  --input-bg-color-diff-6:#e03f3f;
}

.darkmode .custom-select__listbox {
  background-color: #333333 !important;
  color: #F4F1EC;
}

.darkmode .custom-select__option.is-focused {
  color: #CBDFF4;
}


#header-search-products, .predictive-search {
	background-color: #F4F1EC;
}
.darkmode #header-search-products, .darkmode .predictive-search, .darkmode #header-search-products-tab, .darkmode #header-search-collections-tab {
  background-color: #333333;
  color: #F4F1EC;
}

.darkmode .price__was {
  color: rgba(255, 255, 255, 0.8);
}
/* Entfernt Hintergrundfarbe bei Darkmode für Such- und Darkmode-Button */
.search__submit {
    background-color: transparent !important; 
    box-shadow: none !important;
    border: none !important;
}

/* Darkmode Styles */
.darkmode {
  background-color: #333333 !important;
  color: #F4F1EC !important;
}

.darkmode #main-content {
  background-color: #333333 !important;
  color: #F4F1EC !important;
}

.darkmode body {
  background-color: #333333 !important;
  color: #F4F1EC !important;
}


.darkmode-button {
  position: relative;
}

.darkmode-button::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0,0,0,0.8);
  color: #ffffff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  white-space: nowrap;
  z-index: 1000;
}

.darkmode-button:hover::after {
  opacity: 1;
}

.header__icon.darkmode-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 8px !important; /* horizontaler Abstand anpassen */
}

.header__icon img#darkmode-icon {
  display: block;
}



/*///////////////////////////////////////////////*/
/* Eigentliche Darkmode Anpassung geschieht hier */
/*///////////////////////////////////////////////*/



/* ---------------------- */
/* TYPOGRAFIE */
/* ---------------------- */

/* Spezifische Überschriften */
.darkmode h1, 
.darkmode h2, 
.darkmode h3, 
.darkmode h4, 
.darkmode h5, 
.darkmode h6 {
    color: #F4F1EC; /* Überschriften weiß für Kontrast */
}

/* Allgemeiner Text */
.darkmode p,
.darkmode .rich-text {
    color: #dddddd; /* Heller Text für Lesbarkeit */
}

/* Links */
.darkmode a {
    color: #F4F1EC !important;
}

/* ---------------------- */
/* NAVIGATION & HEADER */
/* ---------------------- */

/* Navigation & Menülinks */
.darkmode .header a, 
.darkmode .nav a, 
.darkmode .menu a {
    color: #F4F1EC;
}

/* Header Hintergrundfarbe */
.darkmode .header {
    background-color: #39424e !important;
}

/* ---------------------- */
/* SUCHFELD */
/* ---------------------- */

/* Suchfeld soll Darkmode ignorieren */
.darkmode .header__search {
    color: #000000 !important;
}

/* Suchfeld-Styling */
.darkmode .header__search input,
.darkmode .header__search input[type="search"] {
    background-color: #333333 !important;
    color: #F4F1EC !important;
    border: 1px solid #555 !important;
}    

   


/* Platzhalter-Text im Suchfeld */
.darkmode .header__search input::placeholder {
    color: #bbbbbb !important;
}

/* Entfernt Hintergrundfarbe bei Darkmode für Such- und Darkmode-Button */
.darkmode .search__submit,
.darkmode .darkmode-button {
    background-color: transparent !important; 
    box-shadow: none !important;
    border: none !important;
}

/* Entfernt dunklen Hintergrund beim Hover */
.darkmode .search__submit:hover,
.darkmode .darkmode-button:hover {
    background-color: transparent !important;
}

/* ---------------------- */
/* BUTTONS */
/* ---------------------- */

.darkmode button {
    background-color: transparent;
    color: #F4F1EC;
}

/* Produktbuttons */
.darkmode .product-info button, 
.darkmode .product-info .button {
    color: #F4F1EC !important;
    border: 1px solidrgba(244, 241, 236, 0) !important;
}

/* Filter- und Mehr-Anzeigen Button ohne Rahmen */
.darkmode button.filter__more,
.darkmode .facet-control button.filter__more,
.darkmode .facets_filters button.filter__more {
    border: none !important;
    background-color: transparent !important;
}

.darkmode .checkbox:checked + label::before {
	border-color: rgb(var(--text-color));
	background-color: rgb(68, 68, 68);
}

.darkmode #filter-filter\.v\.price > div:nth-child(2) {
  color: #F4F1EC !important;
  background-color: transparent !important;
}

.darkmode .input::placeholder {
	color: #F4F1EC;
}


.price-range__slider-input::-moz-range-thumb {
    background-color: #ffffff !important;
}

.darkmode .price-range__slider-input::-moz-range-thumb {
	
	border: 8px solid transparent;
	border-radius: 50%;
	background-clip: padding-box;
	background-color: #F4F1EC;
	box-shadow: inset 0 0 0 2px #F4F1EC;
	-webkit-appearance: none;
	appearance: none;
	pointer-events: all;
}

.darkmode .input, select {
	background-color: #333 !important;;
	color: #F4F1EC;
}

.input, select {
	background-color: #F4F1EC !important;
	color: #39424e !important;
}

.darkmode .price-range__input-wrapper {
	padding: var(--input-padding-y, 11px) 24px;
	border-radius: var(--input-border-radius, 0);
	background-color: transparent !important;
	box-shadow: inset 0 0 0 var(--input-border-width) rgba(255, 255, 255, 0.2);
	color: #F4F1EC;
}


.darkmode .input, select {

background-color: rgb(var(--input-bg-color));
  box-shadow: inset 0 0 0 var(--input-border-width) #fff3;
  color: #F4F1EC;
}



.darkmode .predictive-search__no-results, .darkmode .bg-theme-bg {
  background-color: #333333;
  color: #F4F1EC;
}
/* ---------------------- */
/* FORMULARELEMENTE */
/* ---------------------- */

.darkmode input,
.darkmode select,
.darkmode textarea,
.darkmode button {
    border: none !important;
	color: #F4F1EC !important;
}


/* ---------------------- */
/* FOOTER */
/* ---------------------- */

.darkmode .footer {
    background-color: #333333;
    color: #F4F1EC;
}

/* ---------------------- */
/* PRODUKTBOXEN & GRIDS */
/* ---------------------- */

/* Rahmen in Produktlisten entfernen */
.darkmode .product-info {
    border: none !important;
    border-radius: 6px !important;
}

/* ---------------------- */
/* PRODUKTINFORMATIONEN */
/* ---------------------- */

.darkmode .product-info {
    background-color: #333333 !important; 
    color: #F4F1EC !important; 
    border-color: #F4F1EC !important;
}

/* Zusätzliche Stile für spezifische Textelemente innerhalb der Produktinfo */
.darkmode .product-info h1,
.darkmode .product-info h2,
.darkmode .product-info h3,
.darkmode .product-info h4,
.darkmode .product-info h5,
.darkmode .product-info h6,
.darkmode .product-info p,
.darkmode .product-info span,
.darkmode .product-info a {
    color: #F4F1EC !important; 
}

/* Produkt-Preisinformationen */
.darkmode .product-info .product-price {
    color: #F4F1EC !important;
}

/* ---------------------- */
/* BREADCRUMBS */
/* ---------------------- */

.darkmode .breadcrumbs,
.darkmode .breadcrumbs a {
    color: #F4F1EC !important;
}

/* Breadcrumb-Separator */
.darkmode .breadcrumbs::after {
    color: #F4F1EC !important;
}

/* ---------------------- */
/* TRANSPARENTE BORDERS */
/* ---------------------- */

.darkmode hr,
.darkmode .divider,
.darkmode .product-info hr,
.darkmode .product-meta__divider,
.darkmode .section__divider,
.darkmode .breadcrumb__divider {
    background-color: #F4F1EC !important;
    color: #F4F1EC !important;
}

/* Tabellen & Boxen */
.darkmode table,
.darkmode th,
.darkmode td,
.darkmode .box,
.darkmode .collection-grid {
    border: 1px solid transparent !important;
}

/* Navigationselemente */
.darkmode .nav,
.darkmode .menu,
.darkmode .menu-item,
.darkmode .header,
.darkmode .footer {
    border-color: #F4F1EC !important;
}

/* ------------------------ */
/* COLOR SCHEME 2 ANPASSUNG */
/* ------------------------ */
.darkmode .color-scheme--2 {
    background-color: #39424e !important;
    color: #ffffff;
}

/* Produktkarten */
.card__media,
.product-card.card--product-full.card--no-lines.relative.flex {
    border: none !important;
    box-shadow: none !important;
    
}

/* Produkt Toolbar */
.darkmode .products-toolbar {
    border: none !important;
    box-shadow: none !important;
}

/* Sortier-Dropdown */
.darkmode .products-toolbar__filter + .products-toolbar__sort {
    border-inline-start: none !important;
}

/* Filter- und Mehr-Anzeigen Button */
.darkmode .custom-select__btn,
.darkmode .products-toolbar__filter-btn,
.darkmode button.filter__more {
    border: none !important;
    background-color: transparent !important;
}

/* ---------------------- */
/* PRODUKT-GRID-ANSICHT */
/* ---------------------- */

/* Produkt-Grid-Ansicht Icons */
.darkmode .products-toolbar__layout label {
    color: #F4F1EC !important;
}

/* Trennlinien für Filter */
.darkmode .facets__form details,
.darkmode .facets__header,
.darkmode .facets__form {
    border-bottom: 1px solid #F4F1EC !important;
}

/* Label-Tap-Target */
.darkmode .label-tap-target {
    color: #F4F1EC !important;
    background: transparent !important;
}

/* Entferne Border und Hintergrund für bestimmte Buttons */
.darkmode button.filter__more::before,
.darkmode button.filter__more::after {
    border: none !important;
    background: transparent !important;
    content: none !important;
}

.darkmode .price-range__slider-input::-moz-range-thumb {
	background-color: #F4F1EC ;
}



.darkmode #price-range-slider-min {
    background-color: transparent !important;
}

.darkmode #price-range-slider-max {
    background-color: transparent !important;
}

/* Hintergrundfarbe für den Warenkorb-Drawer */
.darkmode .cart-drawer {
    background-color: #5b5b5b !important;
}

/* Falls einzelne Elemente im Drawer noch hell sind */
.darkmode .cart-drawer__content,
.darkmode .cart-drawer__footer {
    background-color: #5b5b5b !important;
}
/* Hintergrundfarbe für den Drawer-Header */
.darkmode .drawer__header {
    background-color: #444444 !important;
}



.darkmode .product-info button:hover, 
.darkmode .product-info .button:hover {
    color: #F4F1EC !important; /* Weiß beim Hover */
}

/* ---------------------- */
/* WARENKORB-ANPASSUNGEN (DARKMODE) */
/* ---------------------- */
.darkmode .cart-drawer,
.darkmode .cart-drawer__content,
.darkmode .cart-drawer__footer,
.darkmode .cart-drawer__summary,
.darkmode .cart-drawer__checkout-buttons {
    background-color: #5b5b5b !important;
    color: #F4F1EC !important;
}

.darkmode .cart-drawer__items,
.darkmode .cart-drawer__item,
.darkmode .cart-drawer__item-info {
    background-color: #5b5b5b !important;
    color: #F4F1EC !important;
}

/* Eingabefelder, Buttons und Umrandungen */
.darkmode .cart-drawer input, 
.darkmode .cart-drawer select, 
.darkmode .cart-drawer textarea, 
.darkmode .cart-drawer button {
    background-color: #5b5b5b !important;
    color: #F4F1EC !important;
    border: 1px solid #777777 !important;
}

/* Trenner und Linien */
.darkmode .cart-drawer hr, 
.darkmode .cart-drawer .divider {
    background-color: #777777 !important;
    color: #F4F1EC !important;
}

/* Anpassung der Rabatt- & Checkout-Bereiche */
.darkmode .cart-drawer__summary, 
.darkmode .cart-drawer__checkout {
    background-color: #5b5b5b !important;
    color: #F4F1EC !important;
}

/* Hintergrundfarbe für den Drawer-Header */
.darkmode .drawer__header {
    background-color: #444444 !important;
}

/* Spezielle Button-Anpassungen */
.darkmode .btn-secondary.js-empty-cart {
    color: #39424e !important; /* Dunkelblau */
}
/* Bestellhinweis-Link in Weiß im Darkmode */
.darkmode .cart-note-disclosure summary span {
    color: #F4F1EC !important;
}
.darkmode a.btn--secondary.js-empty-cart {
    color: #444444 !important;
}
.darkmode .cart-drawer__promoted-products-container {
    background-color: #444444 !important;
    color: #F4F1EC !important;
}
/* ---------------------- */
/* PRODUKTEMPFEHLUNGEN */
/* ---------------------- */
.darkmode #cart-promoted-products,
.darkmode #cart-recommendations {
    background-color: transparent !important; /* Dunkleres Grau für den Hintergrund */
    color: #F4F1EC !important;
}

/* Überschrift der Produktempfehlungen */
.darkmode #cart-recommendations h2 {
    color: #F4F1EC !important; /* Dunkelblau */
}

/* Produktnamen in den Empfehlungen */
.darkmode #cart-recommendations a.card-link.text-current {
    color: #F4F1EC !important; /* Dunkelblau */
}

.darkmode .unit-price, 
.darkmode .unit-price__price, 
.darkmode .unit-price__separator, 
.darkmode .unit-price__unit {
    color: #F4F1EC !important;
}
.darkmode .cart-drawer__items, 
.darkmode .cart-item, 
.darkmode .cart-item__details, 
.darkmode .cart-item__info, 
.darkmode .cart-item__total,
.darkmode .cart-drawer hr, 
.darkmode .cart-drawer .divider, 
.darkmode .cart-item td {
    border: none !important;
    background-color: transparent !important;
}
.darkmode .cart-items {
    border: none !important;
}
.darkmode .qty-input__input {
    color: #F4F1EC !important; /* Weiß */
    border: none !important;
}

.darkmode .qty-input--combined .btn--minus {
    border: none !important;
}
.darkmode .qty-input--combined .btn {
    border: none !important;
}

.darkmode .btn--secondary {
    color: #39424e !important; /* Dunkelblau */
}
.darkmode .price-range__slider-input {
    border: none !important;
}
.active-filter .icon {
    background-color: #E73142 !important;
    stroke: #ffffff !important;
}
.darkmode .slider-nav_btn {
    border: none !important;
    background-color: #333333 !important;
}
 .main-menu__toggle {
    color: #F4F1EC !important; /* Weiß */
    background-color: transparent !important; /* Kein Hintergrund */
    border: none !important; /* Falls eine Border vorhanden ist, entfernen */
}

/*/////////////////////////////////////////////////*/
/* EFFEKTE FÜR VARIANT BUTTONS /// TEILWEISE GLOBAL*/
/*/////////////////////////////////////////////////*/

/* Optional: Hover-Effekt mit Farbverlauf (Rot-Rot) */
.opt-label--btn:hover {
    background: #ffc857 !important; /* Verlauf von Rot zu Rot */
    color: #ffffff !important; /* Weiße Schrift beim Hover */
    border: 1px solid #ffffff !important; /* Dunkelblaue Schrift */
    
}

.darkmode .opt-label--btn:hover {
    background: #ffc857 !important; /* Verlauf von Rot zu Rot */
    color: #ffffff !important; /* Weiße Schrift beim Hover */
    border: 1px solid #ffffff !important; /* Dunkelblaue Schrift */
    
}

.darkmode .opt-label--btn {
    background-color: #444 !important; /* Dunkelgrau */
    color: #FFFFFF !important; /* Helleres Grau für die Schrift */
    border: 1px solid #666 !important; /* Mittelgraue Umrandung */
}

.opt-btn:checked + .opt-label:not(.opt-label--swatch) {
    color: #39424e !important; 
    font-weight: bold !important;
    position: relative;
    z-index: 1;
}

.opt-btn:checked + .opt-label:not(.opt-label--swatch) {
    color: #39424e !important; /* Dunkelblaue Schrift */
    font-weight: bold !important;
    position: relative;
    z-index: 1;
}

.opt-btn:checked + .opt-label:not(.opt-label--swatch)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #39424e !important;
    border-radius: var(--btn-border-radius, 0);
    box-shadow: 0 0 0 2px #ffffff !important;
    z-index: -1;
}


.opt-btn:checked + .opt-label:not(.opt-label--swatch) span {
    color: #ffffff !important; /* Dunkelblaue Schrift explizit für den Text */
    position: relative;
    z-index: 2; /* Stellt sicher, dass der Text über dem Hintergrund bleibt */
}

.darkmode .slider-nav--show-on-hover > button:nth-child(1)  {
  border: none !important; /* Falls eine Border vorhanden ist, entfernen */
  background-color: transparent !important;
}

.slider-nav--show-on-hover > button:nth-child(2) {
    border: none !important; /* Falls eine Border vorhanden ist, entfernen */
    background-color: transparent !important;
}

.darkmode .os-scrollbar .os-scrollbar-handle {
    background-color: #F4F1EC;
}

.darkmode .checkbox + label::before {
	border-color: #F4F1EC;
	
}
/*//////////////////////*/
/* Mobile Menüanpassung */
/*//////////////////////*/

.darkmode .main-menu__content {
    background-color: #39424e !important;
}

.darkmode .drawer__content--flex {
    background-color: #39424e !important;

}

.darkmode .drawer__content {
  background-color: #333333 !important;

}

.darkmode .slider-nav__btn--offset {
	border: 0px solid #F4F1EC !important;
}

.darkmode div.slider-nav:nth-child(2) > button:nth-child(1) {
	border: 0px solid #F4F1EC !important;
}

.darkmode .main-nav > li:nth-child(3) > details:nth-child(1) > div:nth-child(2) {
  background-color: #39424e !important;
}

.darkmode .main-nav > li:nth-child(3) > details:nth-child(1) > div:nth-child(2) > ul:nth-child(1) > li:nth-child(1) > button:nth-child(1) {
  border: 0px solid #F4F1EC !important;
  background-color: transparent !important;
}


.darkmode #shopify-section-sections--22715365720392__header > store-header > header > div.header__search.relative.js-closes-menu > predictive-search > form > search-form > speech-search-button {
  color: #F4F1EC !important;
}

/* PopUp vom Produkt unten Rechts*/
.sticky-atc-panel {
  background: rgba(255, 255, 255, 0.2) !important; /* helles Glas */
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  transition: background 0.3s ease !important;
}

.sticky-atc-panel__heading, .card--row .price__current {
  font-weight: 600;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.90);
}

/* 🌙 Darkmode (wenn du .darkmode verwendest) */
.darkmode .sticky-atc-panel {
  background: rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

.darkmode .sticky-atc-panel__heading, .darkmode .card--row .price__current {
font-weight: 600;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.39);
}
/* Optional – runde Buttons im Panel glasmorphieren 
.sticky-atc-panel .btn {
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  transition: background 0.2s ease;
}
.darkmode .sticky-atc-panel .btn {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
*/

.cart__shipping-calculator {
  border-radius: 6px;
}

/*//////////////////////*/
/*    Warenkorb Seite   */
/*//////////////////////*/


.darkmode .cart__shipping-calculator {
  background-color: #444 !important;
  color: #F4F1EC !important;
  border-radius: 6px;
}

.darkmode .bg-success-bg {
	background-color: #39424e;
}

.darkmode .text-success-text {
	color: #ffffff;
}

.darkmode .text-theme-light {
	color: #F4F1EC !important;
}

.darkmode .main-products-grid__filters {
  color: #ffffff;
  }

.darkmode .facets__filters {
  color: #ffffff;
}

.darkmode .facets .drawer__footer {
	background-color: #333333;
}

.darkmode .drawer {
	background-color: #333333;
    color: #F4F1EC !important;
	
}

/*//////////////////////*/
/*     Swym-Wishlist    */
/*//////////////////////*/


.swym-storefront-layout-action-title {
	display: none;
}

.swym-storefront-layout-action-title, .swym-storefront-layout-action-layout {
  font-size: 12px !important";
  font-weight: 200 !important;
  line-height: 14px !important;
}

#swym-storefront-layout-section-container, 
#swym-wishlist-render-container,
#swym-storefront-layout-collection-list {
  background-color: white !important;
}

.swym-storefront-layout-root-component {
  --swym-storefront-layout-ui-border-radius: 6px;
  --swym-storefront-layout-button-border-radius: 6px;
  --swym-storefront-layout-side-drawer-width: 400px;
  --swym-storefront-layout-button-color-bg-primary: white;
  --swym-storefront-layout-button-color-text-primary: white;
  --swym-storefront-layout-button-color-bg-secondary: #39424E !important;
  --swym-storefront-layout-button-color-text-secondary: rgba(247, 249, 250, 0.8);
}

.swym-storefront-layout-login-user-container {
  color: #fff !important;
}
/*////////////////////////////////*/
/*     Swym-Wishlist -Darkmode    */
/*////////////////////////////////*/

.darkmode .swym-storefront-layout-radio-selected .swym-storefront-layout-radio input ~ .swym-storefront-layout-checkmark {
  background-color: #fff;
}

.darkmode .swym-storefront-layout-action-layout {
  background-color: #333 !important;
  font-size: 14px !important;
}

.darkmode #swym-storefront-layout-section-container, 
.darkmode #swym-wishlist-render-container,
.darkmode #swym-storefront-layout-collection-list {
  color: #fff !important;
  background-color: #39424e !important;
  }

.darkmode .swym-storefront-layout-collection-carousel-title {
	color: #FFF;
}

.darkmode .swym-storefront-layout-default-list-title {

  color: #FFF;
}


/*////////////////////////////////*/
/*     Vendor-Box  +  Darkmode    */
/*////////////////////////////////*/
/* ============================
   Keyframes
============================= */
@keyframes fadeScaleIn {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes shine {
  from {
    transform: translateX(-100%) rotate(25deg);
  }
  to {
    transform: translateX(100%) rotate(25deg);
  }
}

/* ============================
   Vendor Box
============================= */


.vendor-box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75px;
  background-color: #f4f1ec;
  border: 2px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  position: relative;
  overflow: hidden;
  animation: fadeScaleIn 0.4s ease-out;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* optional: Hover-Zoom */
.vendor-box:hover {
  transform: scale(1.02);
  box-shadow: 0 0 20px rgba(57, 66, 78, 0.4);
}

/* Shine Effekt */
.vendor-box::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -100%;
  width: 200%;
  height: 200%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.8), transparent);
  transform: rotate(25deg);
  opacity: 0.6;
  pointer-events: none;
}

.vendor-box:hover::before {
  animation: shine 1s linear forwards;
}

/* ============================
   Inhalt / Logo
============================= */
.vendor-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.vendor-logo {
  max-height: 50px;
  object-fit: contain;
  display: block;
}

.vendor-fallback {
  font-family: 'Poppins', sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  color: #39424e;
}

/* ============================
   Darkmode Variante
============================= */
.darkmode .vendor-box {
  
  box-shadow: 0 0 10px rgba(255,255,255,0.2);
}

.darkmode .vendor-fallback {
  color: #f4f1ec;
}

.darkmode .vendor-box:hover {
  transform: scale(1.02);
  box-shadow: 0 0 20px rgb(255, 255, 255);
}