/** Shopify CDN: Minification failed

Line 270:0 Unexpected "}"
Line 273:8 Unexpected "{"
Line 273:17 Expected ":"
Line 273:24 Unexpected "{"
Line 278:8 Unexpected "{"
Line 278:17 Expected ":"
Line 282:8 Unexpected "{"
Line 282:17 Expected ":"
Line 1555:6 Unexpected "{"
Line 1555:7 Expected identifier but found "%"
... and 2 more hidden warnings

**/
/* =========================
   TOODAVEFY DESIGN SYSTEM
   ========================= */

/* Reset / Basics */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Farb-System */
:root {
  --black: #0a0a0a;
  --white: #ffffff;
  --gray-100: #f5f5f5;
  --gray-300: #d6d6d6;
  --gray-600: #6b6b6b;

  /* Akzent (vorerst neutral, später anpassbar) */
  --accent: #7a7a7a;

  /* Radius */
  --radius-s: 8px;
  --radius-m: 14px;

  /* Animation Timing */
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 200ms var(--ease-soft);
  --transition-medium: 500ms var(--ease-soft);
}

/* Grundschrift */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
  color: var(--black);
  background: var(--white);
  line-height: 1.5;
}

/* Links */
a {
  color: inherit;
  text-decoration: none;
  transition: var(--transition-fast);
}

a:hover {
  opacity: 0.7;
}

/* Buttons (Basis Apple-Style) */
button, .button, .btn {
  border-radius: var(--radius-m);
  transition: var(--transition-fast);
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}
/* =========================
   APPLE STYLE FADE IN
   ========================= */

.fade-in {
  opacity: 0;
  transform: translateY(25px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}
/* =========================
   APPLE STYLE PRODUCT SPACING
   ========================= */

.product {
  max-width: 1200px;
  margin: 0 auto;
}

.product__info-wrapper {
  padding-top: 40px;
}

.product__title {
  font-weight: 500;
  letter-spacing: -0.02em;
}

.price {
  font-size: 1.1rem;
  opacity: 0.85;
}
/* subtle premium hover feel */

.product__media-wrapper img {
  transition: transform 0.6s ease;
}

.product__media-wrapper img:hover {
  transform: scale(1.02);
}
/* =========================
   APPLE STICKY PRODUCT (DAWN SAFE)
   ========================= */

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

  /* sorgt für echtes 2-Spalten Layout */
  .product__info-wrapper {
    position: sticky;
    top: 100px;
    align-self: flex-start;
  }

  /* Bilder bleiben normal, Info scrollt nicht weg */
  .product__media-wrapper {
    position: relative;
  }

  /* mehr Abstand für Apple Feeling */
  .product__info-wrapper {
    padding-left: 60px;
  }

}
.product-usps {
  margin-top: 18px;
  margin-bottom: 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product-usp {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #111;
}
/* ========== PRODUCT PAGE PREMIUM SPACING ========== */

.product__title {
  margin-bottom: 6px;
}

.product__info-container .price {
  margin-top: 0;
  margin-bottom: 14px;
}

/* USP Block Abstand */
.product-usps {
  margin-top: 10px;
  margin-bottom: 22px;
}

/* Größenbereich mehr Luft */
.product-form__input {
  margin-bottom: 18px;
}

/* Add to cart Button besser wirken lassen */
.product-form__submit {
  margin-top: 6px;
  padding: 14px 18px;
  font-weight: 600;
  letter-spacing: 0.03em;
}

/* Gesamte rechte Produktspalte ruhiger */
.product__info-container {
  padding-top: 10px;
}

/* Mobile Optimierung */
@media screen and (max-width: 750px) {
  .product-usps {
    margin-bottom: 18px;
  }

  .product-form__submit {
    padding: 14px 16px;
  }
}
.product-accordions {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product-accordion {
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding-bottom: 10px;
}

.product-accordion summary {
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
}

.product-accordion summary::-webkit-details-marker {
  display: none;
}

.accordion-content {
  font-size: 13px;
  line-height: 1.5;
  color: #444;
  padding-bottom: 10px;
}


/* === FIX SIZE GUIDE / ACCORDION TEXT === */

.product-accordion summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row !important;
}

.product-accordion summary .summary__title {
  display: flex;
  align-items: center;
}

.accordion__title {
  display: inline-block;
  white-space: nowrap;
  letter-spacing: normal;
}

.product-subtext {
  margin-top: 0px;        /* kein Abstand mehr */
  padding-top: 0px;       /* falls Theme Padding erzwingt */
  font-size: 11px;
  color: #888;
  line-height: 1.1;
  display: block;
}
}
/* === PRICE + SUBTEXT ULTRA TIGHT === */

#price-{{ section.id }} {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#price-{{ section.id }} .price {
  margin-bottom: 0 !important;
}

#price-{{ section.id }} + .product-subtext {
  margin-top: -6px !important;
  display: block;
}

.product-subtext {
  font-size: 11px;
  color: #888;
  line-height: 1.1;
}


/* =========================
   TOO DAVEFY – NEWSLETTER BOX
   ========================= */

.password .newsletter-form {
  max-width: 440px;
  margin: 0 auto;
}

.password .newsletter-form .field {
  border: 1px solid rgba(0, 0, 0, 0.22);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.75);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  overflow: hidden;

  transition:
    border-color 300ms ease,
    box-shadow 300ms ease,
    transform 300ms ease;
}

.password .newsletter-form .field:before,
.password .newsletter-form .field:after {
  display: none;
}

/* Aktiv, sobald man ins Feld klickt */
.password .newsletter-form .field:focus-within {
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

.password .newsletter-form .field__input {
  background: transparent;
  border: none;
  box-shadow: none;
  padding-left: 18px;
  padding-right: 55px;
}

.password .newsletter-form .field__input:focus {
  box-shadow: none;
}

.password .newsletter-form .field__label {
  left: 18px;
}

/* Pfeil */
.password .newsletter-form .field__button {
  background: transparent;
  border: none;
  width: 50px;
}

.password .newsletter-form .field__button .svg-wrapper {
  transition: transform 250ms ease;
}

.password .newsletter-form .field__button:hover .svg-wrapper {
  transform: translateX(4px);
}

/* TOO DAVEFY – Clean Quick Add Buttons */
.quick-add .button {
  min-height: 42px;
  padding: 0 18px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  box-shadow: none;
}

.quick-add .button::after {
  border-radius: 12px;
}

.quick-add .button:hover {
  transform: translateY(-1px);
}

/* TOO DAVEFY — CLEAN PRODUCT CARDS */

.card__information {
  padding-top: 14px !important;
}

.card__heading {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em;
  line-height: 1.3;
  margin: 0 !important;
}

.card-information {
  margin-top: 5px !important;
}

.card-information .price {
  font-size: 13px !important;
  letter-spacing: 0.03em;
  font-weight: 400;
}

.card-information .price-item {
  font-size: 13px !important;
}

/* =========================
   TOO DAVEFY — PRODUCT CARD
   LIGHT + DARK MODE
   ========================= */

.card__heading {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  line-height: 1.3;
}

.card__heading a {
  color: rgb(var(--color-foreground)) !important;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
}

.card__heading a:hover {
  text-decoration: none !important;
  opacity: 0.65;
}

.card-information {
  margin-top: 6px !important;
}

.card-information .price,
.card-information .price-item {
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em;
  color: rgba(var(--color-foreground), 0.6) !important;
}

.card-wrapper {
  text-decoration: none !important;
}

/* TOO DAVEFY – Black Friday Sale Price */
.card-information .price--on-sale .price-item--sale {
  color: #ff6a00 !important;
  font-weight: 600 !important;
}

/* Product brand + subtitle */
.product-brand-name {
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
   color: #ffffff !important;
  opacity: 1;
  margin-bottom: 0 !important;
}

.product-subtitle {
  font-size: 12px !important;
  font-weight: 400;
  color: rgba(var(--color-foreground), 0.70);
  margin-top: 5px;
  letter-spacing: 0.01em;
}

.product-brand-name {
  margin-bottom: 0 !important;
}

.product-brand-name + h1 {
  margin-top: 0 !important;
}

.product-brand-name + h1 {
  transform: translateY(-3px);
}

/* Product accordion titles */
.product-accordion summary {
  color: rgb(var(--color-foreground)) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  padding: 8px 0 !important;
}

.product-accordion summary .summary__title,
.product-accordion summary .accordion__title {
  color: rgb(var(--color-foreground)) !important;
}

.product-accordion summary:hover {
  opacity: 0.65;
}

/* Product accordion content */
.product-accordion .accordion-content {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

.product-accordion .accordion-content p,
.product-accordion .accordion-content li,
.product-accordion .accordion-content span {
  font-size: 12px !important;
  color: #ffffff !important;
}

.product-usps,
.product-usp {
  color: rgb(var(--color-foreground)) !important;
  opacity: 1 !important;
}

.product-usp strong {
  color: rgb(var(--color-foreground)) !important;
  font-weight: 500 !important;
}

.product-usp span {
  color: rgba(var(--color-foreground), 0.65) !important;
}

.product-standards {
  margin-top: 10px;
  margin-bottom: 22px;
  border: 1px solid rgba(var(--color-foreground), 0.15);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(var(--color-background), 0.5);
}

.product-standards summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  list-style: none;
  padding: 14px 16px;
  font-size: 13px;
  font-weight: 500;
  color: rgb(var(--color-foreground));
}

.product-standards summary::-webkit-details-marker {
  display: none;
}

.product-standards-arrow {
  font-size: 16px;
  line-height: 1;
  opacity: 0.55;
  transition: transform 250ms ease;
}

.product-standards[open] .product-standards-arrow {
  transform: rotate(180deg);
}

.product-standards .product-usps {
  margin: 0;
  padding: 0 16px 15px;
  gap: 9px;
}

.product-standards .product-usp {
  font-size: 12px;
  color: rgb(var(--color-foreground)) !important;
}

.product-standards .product-usp strong {
  font-weight: 500;
  color: rgb(var(--color-foreground)) !important;
}

.product-standards .product-usp span {
  opacity: 0.65;
}

.product-standards {
  margin-top: 10px;
  margin-bottom: 22px;
  border: 1px solid rgba(var(--color-foreground), 0.15);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(var(--color-background), 0.5);
}

.product-standards summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  list-style: none;
  padding: 14px 16px;
  font-size: 13px;
  font-weight: 500;
  color: rgb(var(--color-foreground));
}

.product-standards summary::-webkit-details-marker {
  display: none;
}

.product-standards-arrow {
  font-size: 16px;
  line-height: 1;
  opacity: 0.55;
  transition: transform 250ms ease;
}

.product-standards[open] .product-standards-arrow {
  transform: rotate(180deg);
}

.product-standards .product-usps {
  margin: 0;
  padding: 0 16px 15px;
  gap: 9px;
}

.product-standards .product-usp {
  font-size: 12px;
  color: rgb(var(--color-foreground)) !important;
}

.product-standards .product-usp strong {
  font-weight: 500;
  color: rgb(var(--color-foreground)) !important;
}

.product-standards .product-usp span {
  opacity: 0.65;
}

.product-standards {
  margin-top: 10px;
  margin-bottom: 22px;
  border: 1px solid rgba(var(--color-foreground), 0.15);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(var(--color-background), 0.5);
}

.product-standards summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  list-style: none;
  padding: 14px 16px;
  font-size: 13px;
  font-weight: 500;
  color: rgb(var(--color-foreground));
}

.product-standards summary::-webkit-details-marker {
  display: none;
}

.product-standards-arrow {
  font-size: 16px;
  line-height: 1;
  opacity: 0.55;
  transition: transform 250ms ease;
}

.product-standards[open] .product-standards-arrow {
  transform: rotate(180deg);
}

.product-standards .product-usps {
  margin: 0;
  padding: 0 16px 15px;
  gap: 9px;
}

.product-standards .product-usp {
  font-size: 12px;
  color: rgb(var(--color-foreground)) !important;
}

.product-standards .product-usp strong {
  font-weight: 500;
  color: rgb(var(--color-foreground)) !important;
}

.product-standards .product-usp span {
  opacity: 0.65;
}

/* =========================
   TOODAVEFY — ROUNDED UI
   ========================= */
/* 1. Quantity selector */
.product-form__quantity .quantity {
  border-radius: 12px !important;
  overflow: hidden;
}
.product-form__quantity .quantity::before,
.product-form__quantity .quantity::after {
  border-radius: 12px !important;
}
.product-form__quantity .quantity__button {
  border-radius: 10px !important;
}
.product-form__quantity .quantity__input {
  border-radius: 10px !important;
}
/* 2. Add to cart button */
.product-form__submit {
  border-radius: 14px !important;
  overflow: hidden;
}
.product-form__submit::before,
.product-form__submit::after {
  border-radius: 14px !important;
}
/* 3. Buy with Shop Pay / dynamic checkout button */
.shopify-payment-button__button {
  border-radius: 14px !important;
  overflow: hidden;
}
.shopify-payment-button__button--unbranded {
  border-radius: 14px !important;
}
.shopify-payment-button__button--branded {
  border-radius: 14px !important;
}
/* 4. Newsletter email field */
.newsletter-form .field {
  border-radius: 14px !important;
  overflow: hidden;
}
.newsletter-form .field::before,
.newsletter-form .field::after {
  border-radius: 14px !important;
}
.newsletter-form .field__input {
  border-radius: 14px !important;
}
.newsletter-form .field__button {
  border-radius: 12px !important;
}
/* Smooth interactions */
.product-form__submit,
.shopify-payment-button__button,
.newsletter-form .field,
.product-form__quantity .quantity {
  transition:
    border-color 250ms ease,
    box-shadow 250ms ease,
    transform 250ms ease;
}

/* =========================
   TOODAVEFY — CLEAN MENU
   ========================= */
/* Navigation links */
.menu-drawer__menu-item {
  border-radius: 10px;
  transition:
    background-color 250ms ease,
    opacity 250ms ease,
    transform 250ms ease;
}
/* Submenu items */
.menu-drawer__submenu .menu-drawer__menu-item {
  font-size: 0.94em;
  opacity: 0.78;
  padding-left: 3.5rem;
}
.menu-drawer__submenu .menu-drawer__menu-item:hover {
  opacity: 1;
  transform: translateX(3px);
}
/* Space and divider before informational links */
.menu-drawer__navigation > .menu-drawer__menu > li:nth-last-child(-n+2) {
  margin-top: 0;
}

.menu-drawer__navigation > .menu-drawer__menu > li:nth-last-child(2) {
  border-top: 1px solid rgba(var(--color-foreground), 0.14);
  margin-top: 32px;
  padding-top: 18px;
}

.menu-drawer__navigation > .menu-drawer__menu > li:last-child {
  margin-top: 4px;
}
/* Smooth submenu transitions */
.menu-drawer__submenu {
  animation: toodavefyMenuReveal 280ms ease both;
  transform-origin: top;
}
@keyframes toodavefyMenuReveal {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Clean category labels */
.menu-drawer__menu-item,
.menu-drawer__close-button {
  letter-spacing: 0.01em;
}
/* Avoid animation for visitors who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .menu-drawer__menu-item,
  .menu-drawer__submenu {
    animation: none !important;
    transition: none !important;
  }
}

/* =========================
   TOODAVEFY — SUPPORT BUTTON
   ========================= */

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

  /* Mobile drawer als vertikalen Container behandeln */
  #menu-drawer .menu-drawer__inner-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
  }

  /* Navigation nimmt den verfügbaren Platz ein */
  #menu-drawer .menu-drawer__navigation-container {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
  }

  #menu-drawer .menu-drawer__navigation {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
  }

  /* Abstand und Trennlinie vor dem letzten Menüpunkt */
  #menu-drawer .menu-drawer__navigation
  > .menu-drawer__menu
  > li:last-child {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid rgba(var(--color-foreground), 0.14);
  }

  /* Support-Button */
  #menu-drawer .menu-drawer__navigation
  > .menu-drawer__menu
  > li:last-child > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    margin: 0 20px 20px;
    padding: 0 18px;
    border: 1px solid rgba(var(--color-foreground), 0.18);
    border-radius: 14px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    transition:
      background-color 250ms ease,
      border-color 250ms ease,
      transform 250ms ease;
  }

  #menu-drawer .menu-drawer__navigation
  > .menu-drawer__menu
  > li:last-child > a::after {
    content: "↗";
    font-size: 16px;
    opacity: 0.65;
  }

  #menu-drawer .menu-drawer__navigation
  > .menu-drawer__menu
  > li:last-child > a:hover {
    border-color: rgba(var(--color-foreground), 0.45);
    transform: translateY(-1px);
  }
}

/* =========================
   TOO DAVEFY — CLEAN DRAWER LINKS
   ========================= */

#menu-drawer .menu-drawer__navigation > ul > li:nth-last-child(-n+2) > a {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin: 10px 16px;
  padding: 14px 16px;
  min-height: 50px;

  border: 1px solid rgba(var(--color-foreground), 0.18);
  border-radius: 12px;

  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.4;

  transition:
    background-color 200ms ease,
    border-color 200ms ease,
    transform 200ms ease;
}

/* Dezenter Hover-Effekt für Maus und Desktop */
@media (hover: hover) {
  #menu-drawer .menu-drawer__navigation > ul > li:nth-last-child(-n+2) > a:hover {
    border-color: rgba(var(--color-foreground), 0.4);
    transform: translateY(-1px);
  }
}

/* Etwas kompakter auf kleinen Bildschirmen */
@media screen and (max-width: 749px) {
  #menu-drawer .menu-drawer__navigation > ul > li:nth-last-child(-n+2) > a {
    margin: 8px 16px;
    padding: 13px 15px;
    min-height: 48px;
    border-radius: 11px;
  }
}

/* TOO DAVEFY — UNIFIED MOBILE DRAWER LINKS */

@media screen and (max-width: 749px) {
  #menu-drawer .menu-drawer__navigation > ul > li:nth-last-child(-n+2) > a,
  #menu-drawer .menu-drawer__navigation > ul > li:nth-last-child(-n+2) > a:not(:hover) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    box-sizing: border-box !important;
    width: auto !important;
    min-height: 48px !important;

    margin: 8px 16px !important;
    padding: 13px 15px !important;

    border: 1px solid rgba(var(--color-foreground), 0.18) !important;
    border-radius: 11px !important;

    background: transparent !important;
    box-shadow: none !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.4 !important;

    transform: none !important;
  }
}

/* TOO DAVEFY — MOBILE DRAWER CLEANUP */

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

  /* Remove arrow after Support */
  #menu-drawer .menu-drawer__navigation > ul > li:last-child > a::after {
    content: none !important;
    display: none !important;
  }

  /* Keep divider above Returns, remove divider above Support */
  #menu-drawer .menu-drawer__navigation > ul > li:nth-last-child(2) {
    border-top: 1px solid rgba(var(--color-foreground), 0.14) !important;
    margin-top: 32px !important;
    padding-top: 18px !important;
  }

  #menu-drawer .menu-drawer__navigation > ul > li:last-child {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

}

/* TOO DAVEFY — REMOVE CONTACT PAGE WHITE BAR */

body:has(.toodavefy-contact-page) .main-page-title {
  display: none !important;
}

body:has(.toodavefy-contact-page) .shopify-section:has(.toodavefy-contact-page) {
  background: #000 !important;
}

body:has(.toodavefy-contact-page) .shopify-section:has(.toodavefy-contact-page) .gradient {
  background: #000 !important;
}

body:has(.toodavefy-contact-page) .toodavefy-contact-page {
  background: #000 !important;
  padding-top: 20px;
}

/* TOO DAVEFY — ROUNDED CONTACT BUTTONS */

body:has(.toodavefy-contact-page) .contact__button,
body:has(.toodavefy-contact-page) .contact__button .button,
body:has(.toodavefy-contact-page) .toodavefy-contact-page button,
body:has(.toodavefy-contact-page) .toodavefy-contact-page .button {
  border-radius: 12px !important;
  overflow: hidden;
}

/* Rounded corners for Dawn button layers */
body:has(.toodavefy-contact-page) .contact__button::before,
body:has(.toodavefy-contact-page) .contact__button::after,
body:has(.toodavefy-contact-page) .contact__button .button::before,
body:has(.toodavefy-contact-page) .contact__button .button::after,
body:has(.toodavefy-contact-page) .toodavefy-contact-page button::before,
body:has(.toodavefy-contact-page) .toodavefy-contact-page button::after {
  border-radius: 12px !important;
}

/* TOO DAVEFY — ROUNDED CONTACT INPUT FIELDS */

body:has(.toodavefy-contact-page) .contact__fields .field__input,
body:has(.toodavefy-contact-page) .contact__fields .field__label,
body:has(.toodavefy-contact-page) .contact .field__input,
body:has(.toodavefy-contact-page) .contact textarea,
body:has(.toodavefy-contact-page) .contact input {
  border-radius: 12px !important;
}

body:has(.toodavefy-contact-page) .contact .field::before,
body:has(.toodavefy-contact-page) .contact .field::after {
  border-radius: 12px !important;
}

/* TOO DAVEFY – NEW Badge */
.toodavefy-new-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 3px 7px;
  background: #ff6a00;
  color: #000;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.5px;
  border-radius: 2px;
  vertical-align: middle;
  white-space: nowrap;
}

/* TOO DAVEFY – Keep product menu badges inline */
.menu-drawer__menu-item .toodavefy-new-badge {
  display: inline-block !important;
  white-space: nowrap !important;
  vertical-align: middle;
  margin-left: 8px;
}

/* TOO DAVEFY – NEW badge on product cards */
.card__media {
  position: relative;
}

.toodavefy-product-new-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  display: inline-block;
  padding: 5px 9px;
  background: #ff6a00;
  color: #000;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.6px;
  border-radius: 2px;
  pointer-events: none;
}

/* =========================================
   TOO DAVEFY — QUICK ADD MODAL
   Clean, minimal & premium
   ========================================= */

/* Hintergrund hinter dem Popup */
.quick-add-modal {
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* Popup-Fenster */
.quick-add-modal__content {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
}

/* Innenabstände */
.quick-add-modal__content-info {
  padding: 3rem;
}

/* Schließen-Button */
.quick-add-modal__toggle {
  background: transparent;
  border: 1px solid rgba(var(--color-foreground), 0.18);
  border-radius: 50%;
  transition: background 0.2s ease, transform 0.2s ease;
}

.quick-add-modal__toggle:hover {
  background: rgba(var(--color-foreground), 0.08);
  transform: rotate(90deg);
}

/* Tabellenüberschriften */
.quick-add-modal .quick-order-list__table thead th {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.7;
  border-bottom: 1px solid rgba(var(--color-foreground), 0.15);
}

/* Produktzeilen */
.quick-add-modal .quick-order-list__table tbody tr {
  border-bottom: 1px solid rgba(var(--color-foreground), 0.1);
}

/* Zellen */
.quick-add-modal .quick-order-list__table td {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}

/* Mengenfelder */
.quick-add-modal .quantity {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(var(--color-foreground), 0.2);
}

.quick-add-modal .quantity__button {
  transition: background 0.2s ease;
}

.quick-add-modal .quantity__button:hover {
  background: rgba(var(--color-foreground), 0.08);
}

/* Preise */
.quick-add-modal .price,
.quick-add-modal .totals__subtotal-value {
  font-weight: 600;
  letter-spacing: -0.02em;
}

/* Zusammenfassung */
.quick-add-modal .quick-order-list__total {
  border-top: 1px solid rgba(var(--color-foreground), 0.15);
}

/* Buttons */
.quick-add-modal .button {
  border-radius: 6px;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.quick-add-modal .button:hover {
  transform: translateY(-1px);
}

/* Mobile Optimierung */
@media screen and (max-width: 749px) {
  .quick-add-modal__content {
    width: calc(100% - 2rem);
    border-radius: 10px;
  }

  .quick-add-modal__content-info {
    padding: 1.6rem;
  }

  .quick-add-modal .quick-order-list__table td {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

/* TOO DAVEFY — Rounded Shop All Button */
.banner__buttons .button {
  border-radius: 8px !important;
  overflow: hidden;
}

.banner__buttons .button::after {
  border-radius: 8px !important;
}

.banner__buttons .button::before {
  border-radius: 8px !important;
}

/* TOO DAVEFY — Black Arrow Section */

.toodavefy-arrow-section {
  display: block;
  width: 100%;
  height: 64px;
  margin: 0 !important;
  padding: 0;
  background: #000000 !important;
  overflow: hidden;
  box-sizing: border-box;
}

.toodavefy-arrow-section .toodavefy-scroll-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  margin: 0;
  padding: 0;
  background: #000000 !important;
  color: #ffffff !important;
  text-decoration: none;
  border: 0;
  box-shadow: none;
}

.toodavefy-arrow-section .toodavefy-scroll-arrow svg {
  display: block;
  width: 24px;
  height: 24px;
  stroke: #ffffff;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  animation: toodavefy-arrow-bounce 1.5s ease-in-out infinite;
}

@keyframes toodavefy-arrow-bounce {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(7px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .toodavefy-arrow-section .toodavefy-scroll-arrow svg {
    animation: none;
  }
}

/* TOO DAVEFY – Fix cart continue shopping button outline */

.template-cart .cart__warnings .button {
  border-radius: 8px !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  overflow: hidden !important;
  isolation: isolate;
}

.template-cart .cart__warnings .button::before,
.template-cart .cart__warnings .button::after {
  content: none !important;
  display: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* TOO DAVEFY - Black Search Results Page */
.template-search {
  background: #000 !important;
  color: #fff !important;
  background-image: none !important;
}

.template-search .gradient {
  background: #000 !important;
  background-image: none !important;
}

.template-search .facets-container,
.template-search .product-grid-container,
.template-search .collection,
.template-search .pagination-wrapper {
  background: #000 !important;
  color: #fff !important;
}

.template-search h1,
.template-search h2,
.template-search h3,
.template-search p,
.template-search label,
.template-search .facet-filters__label,
.template-search .facets__summary,
.template-search .card__heading,
.template-search .card__heading a,
.template-search .price,
.template-search .price-item {
  color: #fff !important;
}

/* TOO DAVEFY - Search Bar Fix */
.template-search .search__input,
.template-search .field__input {
  background-color: #fff !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}

.template-search .search__input::placeholder,
.template-search .field__input::placeholder {
  color: #666 !important;
  opacity: 1 !important;
}

.template-search .field__label {
  color: #666 !important;
}

/* Search and clear icons */
.template-search .search__button,
.template-search .reset__button,
.template-search .field__button {
  color: #000 !important;
}

/* Search input border */
.template-search .field::before,
.template-search .field::after {
  box-shadow: none !important;
}

.template-search .field {
  border: 1px solid #777 !important;
}

/* TOO DAVEFY - Search field on results page */
.template-search .search__input,
.template-search .field__input {
    background-color: #000 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff !important;
}

/* Placeholder text */
.template-search .search__input::placeholder,
.template-search .field__input::placeholder {
    color: #aaa !important;
    -webkit-text-fill-color: #aaa !important;
    opacity: 1 !important;
}

/* Search label */
.template-search .field__label {
    color: #aaa !important;
}

/* Search icon */
.template-search .search__button,
.template-search .field__button {
    color: #fff !important;
}

/* Input border */
.template-search .field::before {
    box-shadow: 0 0 0 1px #444 !important;
}

.template-search .field::after {
    box-shadow: none !important;
}

/* TOO DAVEFY - Black Predictive Search Dropdown */
.template-search predictive-search,
.template-search .predictive-search,
.template-search .predictive-search__results-groups-wrapper,
.template-search .predictive-search__results,
.template-search .predictive-search__results-groups-wrapper div,
.template-search .predictive-search__list-item,
.template-search .predictive-search__item {
    background-color: #000 !important;
    color: #fff !important;
}

/* Search suggestions text */
.template-search .predictive-search__item-heading,
.template-search .predictive-search__item-query-result,
.template-search .predictive-search__heading,
.template-search .predictive-search__search-for-button,
.template-search .predictive-search__list-item a {
    color: #fff !important;
}

/* Dropdown borders */
.template-search .predictive-search__results-groups-wrapper,
.template-search .predictive-search__list-item {
    border-color: #333 !important;
}

/* Hover effect */
.template-search .predictive-search__item:hover {
    background-color: #171717 !important;
}

/* Search dropdown container */
.template-search .predictive-search__loading-state {
    background-color: #000 !important;
    color: #fff !important;
}

/* TOO DAVEFY - AI Badge */

.toodavefy-ai-badge {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  left: auto !important;
  top: auto !important;
  z-index: 10 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 6px 10px !important;
  background: #ffffff !important;
  color: #000000 !important;

  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;

  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;

  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}

/* Positionierung auf der Produktdetailseite */
.product__media-item {
  position: relative !important;
}

/* TOO DAVEFY - AI Badge */
.toodavefy-ai-badge {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  left: auto !important;
  top: auto !important;
  z-index: 20 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 6px 10px !important;
  background: #fff !important;
  color: #000 !important;

  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;

  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;

  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}

/* Positionierung auf Produktkarten */
.card__media {
  position: relative;
}

/* Positionierung in der Produktgalerie */
.product__media-item {
  position: relative !important;
}

/* TOO DAVEFY - Smaller AI Badge */
.card__media .toodavefy-ai-badge {
  position: absolute !important;
  right: 6px !important;
  bottom: 6px !important;
  left: auto !important;
  top: auto !important;
  z-index: 20 !important;

  padding: 4px 6px !important;
  background: #ffffff !important;
  color: #000000 !important;

  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;

  border: none !important;
  border-radius: 5px !important;
  box-shadow: none !important;

  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}

      {% if section.settings.image.alt contains 'AI | ' %}
        <span class="toodavefy-ai-badge toodavefy-ai-badge--hero">AI</span>
      {% endif %}

/* TOO DAVEFY - Cart Notification */

.cart-notification,
cart-notification .cart-notification {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25) !important;
  overflow: hidden !important;
}

/* Überschrift und Texte */
.cart-notification *,
.cart-notification__heading,
.cart-notification__heading * {
  color: #ffffff !important;
}

/* Produktbereich */
.cart-notification-product {
  background: #000000 !important;
  color: #ffffff !important;
  padding: 16px 20px !important;
}

/* Schließen-Button */
.cart-notification__close {
  color: #ffffff !important;
}

/* Buttons */
.cart-notification__links .button {
  border-radius: 12px !important;
}

/* Alle inneren Bereiche */
.cart-notification__header,
.cart-notification__links {
  background: #000000 !important;
  border-radius: 12px !important;
}

/* TOO DAVEFY - Cart Notification Buttons */

/* Warenkorb ansehen */
.cart-notification__links a:not(.button--primary) {
  border-radius: 12px !important;
}

/* Beide Buttons: abgerundete Ecken */
.cart-notification__links .button {
  border-radius: 12px !important;
}

/* Auschecken: weißer Hintergrund, schwarze Schrift */
.cart-notification__links .button--primary {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #ffffff !important;
  border-radius: 12px !important;
}

/* Auschecken: auch den Text schwarz halten */
.cart-notification__links .button--primary::before,
.cart-notification__links .button--primary::after {
  box-shadow: none !important;
}

/* TOO DAVEFY - Cart Notification Button Fix */

/* Beide Buttons: abgerundete Ecken */
.cart-notification__links .button {
  position: relative !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Weiße Button-Fläche für Auschecken */
.cart-notification__links .button--primary {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #ffffff !important;
}

/* Button-Text */
.cart-notification__links .button--primary span,
.cart-notification__links .button--primary {
  color: #000000 !important;
}

/* Runde Button-Konturen beibehalten */
.cart-notification__links .button::before,
.cart-notification__links .button::after {
  border-radius: 12px !important;
}

/* TOO DAVEFY - Cart Items */

/* Einzelne Artikel im Warenkorb */
.cart-item {
  background: #000000 !important;
  border: 1px solid #ffffff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

/* Abstand innerhalb der Artikel */
.cart-item__details,
.cart-item__media,
.cart-item__quantity {
  background: transparent !important;
}

/* Produktbild abrunden */
.cart-item__image {
  border-radius: 8px !important;
}

/* Mengenfeld */
.cart-item__quantity-wrapper quantity-input,
.cart-item__quantity-wrapper .quantity {
  border: 1px solid #ffffff !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #000000 !important;
}

/* Mengenfeld: Zahlen und Symbole */
.cart-item__quantity-wrapper .quantity__input,
.cart-item__quantity-wrapper .quantity__button {
  background: #000000 !important;
  color: #ffffff !important;
}

/* Mengenfeld: Konturen der inneren Elemente entfernen */
.cart-item__quantity-wrapper .quantity::before,
.cart-item__quantity-wrapper .quantity::after {
  box-shadow: none !important;
  border-radius: 10px !important;
}

/* Produkttexte */
.cart-item__name,
.cart-item__details,
.cart-item__details a,
.cart-item__details .product-option {
  color: #ffffff !important;
}

/* TOO DAVEFY - Checkout Button Border Fix */

.cart__ctas .cart__checkout-button,
.cart__ctas .button--primary {
  border: none !important;
  outline: none !important;
  border-radius: 12px !important;
}

/* Eckige Dawn-Rahmen entfernen */
.cart__ctas .cart__checkout-button::before,
.cart__ctas .cart__checkout-button::after,
.cart__ctas .button--primary::before,
.cart__ctas .button--primary::after {
  border: none !important;
  box-shadow: none !important;
  border-radius: 12px !important;
}

/* TOO DAVEFY - Empty Cart */

.cart__warnings {
  background: #000000 !important;
  color: #ffffff !important;
}

/* Überschrift und Text */
.cart__empty-text,
.cart__warnings h1,
.cart__warnings h2 {
  color: #ffffff !important;
}

/* Weiter shoppen Button */
.cart__warnings .button {
  background: #ffffff !important;
  color: #000000 !important;
  border: none !important;
  outline: none !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* Eckige Dawn-Rahmen entfernen */
.cart__warnings .button::before,
.cart__warnings .button::after {
  border: none !important;
  box-shadow: none !important;
  border-radius: 12px !important;
}

/* Weiße Hintergründe innerhalb des leeren Warenkorbs entfernen */
.cart__warnings,
.cart__warnings .cart__empty-text,
.cart__warnings .button {
  background-color: transparent;
}

.cart__warnings .button {
  background-color: #ffffff !important;
}

/* TOO DAVEFY - Empty Cart Background Fix */

#MainContent,
.template-cart,
.cart__warnings {
  background-color: #000000 !important;
}

/* Weiße Flächen im leeren Warenkorb entfernen */
.template-cart #MainContent,
.template-cart .shopify-section,
.template-cart .gradient {
  background-color: #000000 !important;
  background-image: none !important;
}

/* Text bleibt weiß */
.template-cart .cart__warnings,
.template-cart .cart__empty-text,
.template-cart h1 {
  color: #ffffff !important;
}

/* TOO DAVEFY - Empty Cart Account Message */

/* Kontohinweis sichtbar machen */
.template-cart .cart__login-title,
.template-cart .cart__login-paragraph,
.template-cart .cart__login-paragraph a {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Login-Link hervorheben */
.template-cart .cart__login-paragraph a {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* Hintergrund bleibt schwarz */
.template-cart .cart__login-title,
.template-cart .cart__login-paragraph {
  background: transparent !important;
}

/* TOO DAVEFY - Collection Image in Drawer */
.toodavefy-drawer-image {
  display: block;
  width: 100%;
  max-width: 220px;
  margin: 8px 0 12px;
}

.toodavefy-drawer-image__img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 120px;
  object-fit: cover;
  border-radius: 6px;
}

/* TOO DAVEFY - Collection Image */
.toodavefy-drawer-image-item {
  padding: 10px 1.5rem 16px;
}

.toodavefy-drawer-image__img {
  display: block;
  width: 100%;
  max-width: 200px;
  max-height: 110px;
  object-fit: cover;
  border-radius: 6px;
}

.toodavefy-drawer-image-item {
  padding: 4px 1.5rem 12px;
}

.toodavefy-drawer-image__img {
  display: block;
  width: 100%;
  max-width: 150px;
  height: auto;
  border-radius: 4px;
}

/* TOO DAVEFY – Collection Card im Hamburger-Menü */

.toodavefy-collection-card {
  position: relative;
  display: block;
  width: calc(100% - 3rem);
  margin: 12px 1.5rem 18px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 4px;
  text-decoration: none;
  background: #e5e5e5;
  box-sizing: border-box;
  border-bottom: 3px solid #ff5a1f;
}

.toodavefy-collection-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.toodavefy-collection-card__label {
  position: absolute;
  left: 14px;
  bottom: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 2;
}

.toodavefy-collection-card__number {
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.7px;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.65);
}

.toodavefy-collection-card__badge {
  display: inline-block;
  padding: 6px 9px;
  background: #ff5a1f;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.8px;
}

@media (hover: hover) and (pointer: fine) {
  .toodavefy-collection-card:hover .toodavefy-collection-card__image {
    transform: scale(1.04);
  }
}

@media (prefers-reduced-motion: reduce) {
  .toodavefy-collection-card__image {
    transition: none;
  }
}

/* TOO DAVEFY – Collection Card: orangefarbener Akzent */

.toodavefy-collection-card {
  border-bottom: 3px solid #ff5a1f;
  box-sizing: border-box;
}

.toodavefy-collection-card__ai-badge {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 3;
  padding: 5px 8px;
  background: #fff;
  color: #000;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.3px;
  border: none;
  border-radius: 5px;
}

/* =========================
   TOODAVEFY LAUNCH COUNTDOWN
   ========================= */

.toodavefy-countdown {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
  margin-top: 28px;
  margin-bottom: 10px;
}

.toodavefy-countdown__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 65px;
}

.toodavefy-countdown__item span {
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
}

.toodavefy-countdown__item small {
  margin-top: 8px;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.16em;
  opacity: 0.55;
}

/* Mobile */
@media screen and (max-width: 749px) {
  .toodavefy-countdown {
    gap: 14px;
    margin-top: 24px;
  }

  .toodavefy-countdown__item {
    min-width: 55px;
  }

  .toodavefy-countdown__item span {
    font-size: 25px;
  }

  .toodavefy-countdown__item small {
    font-size: 8px;
    margin-top: 6px;
  }
}

/* =========================
   TOODAVEFY COUNTDOWN
   ========================= */

.toodavefy-countdown {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 0 !important;
  width: 100%;
  margin: 32px auto 0;
  text-align: center;
}

.toodavefy-countdown__item {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 90px;
  min-width: 90px;
}

.toodavefy-countdown__item span {
  display: block !important;
  font-size: 38px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}

.toodavefy-countdown__item small {
  display: block !important;
  margin-top: 9px;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 500;
  letter-spacing: 0.16em;
  opacity: 0.55;
}

/* Trennzeichen */
.toodavefy-countdown__item:not(:last-child)::after {
  content: ":";
  position: absolute;
  right: -3px;
  top: 2px;
  font-size: 25px;
  font-weight: 400;
  opacity: 0.3;
}

/* Mobile */
@media screen and (max-width: 749px) {
  .toodavefy-countdown {
    margin-top: 28px;
  }

  .toodavefy-countdown__item {
    width: 64px;
    min-width: 64px;
  }

  .toodavefy-countdown__item span {
    font-size: 28px !important;
  }

  .toodavefy-countdown__item small {
    margin-top: 7px;
    font-size: 7px !important;
    letter-spacing: 0.12em;
  }

  .toodavefy-countdown__item:not(:last-child)::after {
    right: -2px;
    top: 1px;
    font-size: 19px;
  }
}

/* TOO DAVEFY – Transparent Badge instead of Sale*/
.card__badge .badge {
  background: transparent !important;
  border: none !important;
  font-size: 0 !important;
  position: relative;
}

/* TOO DAVEFY – Seamless Announcement Marquee */
.toodavefy-marquee {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.toodavefy-marquee .toodavefy-marquee__track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: none !important;
}
.toodavefy-marquee .toodavefy-marquee__group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: max-content;
}
.toodavefy-marquee .toodavefy-marquee__item {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 0 22px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.toodavefy-marquee .toodavefy-marquee__separator {
  flex: 0 0 auto;
  color: #ff6a00;
  margin-left: 22px;
  font-size: 10px;
}

/* TOO DAVEFY – Orange Announcement Marquee */

.toodavefy-marquee {
  background-color: #ff6a00 !important;
  color: #000000 !important;
}

.toodavefy-marquee .toodavefy-marquee__item {
  color: #000000 !important;
}

.toodavefy-marquee .toodavefy-marquee__separator {
  color: #000000 !important;
  font-size: 14px;
  font-weight: 800;
}

.toodavefy-marquee .toodavefy-marquee__separator::before {
  content: "%";
}

.toodavefy-marquee .toodavefy-marquee__separator {
  font-size: 0;
}

.toodavefy-marquee .toodavefy-marquee__separator::before {
  font-size: 14px;
}

/* TOO DAVEFY – Announcement Bar Full Width */
.announcement-bar-section,
.shopify-section-group-header-group .announcement-bar-section {
  width: 100%;
  max-width: 100%;
}
.announcement-bar-section .toodavefy-marquee {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  box-sizing: border-box;
}

/* TOO DAVEFY – Black Friday Ticker */
.toodavefy-bf-ticker {
  width: 100%;
  overflow: hidden;
  background: #000;
  color: #ff6a00;
  white-space: nowrap;
  padding: 14px 0;
  box-sizing: border-box;
}
.toodavefy-bf-ticker__track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: toodavefy-bf-scroll 24s linear infinite;
}
.toodavefy-bf-ticker__group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 28px;
  padding-right: 28px;
}
.toodavefy-bf-ticker__text {
  display: block;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  color: #ff6a00;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
@keyframes toodavefy-bf-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (max-width: 749px) {
  .toodavefy-bf-ticker {
    padding: 12px 0;
  }
  .toodavefy-bf-ticker__group {
    gap: 22px;
    padding-right: 22px;
  }
  .toodavefy-bf-ticker__text {
    font-size: 11px;
    letter-spacing: 1.5px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .toodavefy-bf-ticker__track {
    animation: none;
  }
}

/* TOO DAVEFY – Countdown Newsletter Form */
.email-signup-banner .newsletter-form .field {
  position: relative;
}
.email-signup-banner .newsletter-form .field__input {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #ff6a00 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 52px;
  padding: 0 50px 0 16px;
  font-size: 14px;
}
.email-signup-banner .newsletter-form .field__input::placeholder {
  color: #a6a6a6 !important;
  opacity: 1;
  font-size: 12px;
  letter-spacing: 1px;
}
.email-signup-banner .newsletter-form .field__input:focus {
  outline: none !important;
  border-color: #ff6a00 !important;
  box-shadow: 0 0 0 1px #ff6a00 !important;
}
.email-signup-banner .newsletter-form .field__label {
  color: #a6a6a6 !important;
}
.email-signup-banner .newsletter-form .field__button {
  color: #ff6a00 !important;
  background: transparent !important;
}
.email-signup-banner .newsletter-form .field__button .svg-wrapper {
  color: #ff6a00 !important;
}
.email-signup-banner .newsletter-form .field__button:hover {
  color: #ffffff !important;
}
.email-signup-banner .newsletter-form .field__button:hover .svg-wrapper {
  color: #ffffff !important;
}
/* Erfolgs- und Fehlermeldungen */
.email-signup-banner .newsletter-form__message {
  color: #ffffff !important;
}

/* TOO DAVEFY – Fix overlapping email label */
.email-signup-banner .newsletter-form .field__label {
  display: none !important;
}
.email-signup-banner .newsletter-form .field__input {
  padding: 0 50px 0 16px !important;
}
.email-signup-banner .newsletter-form .field__input::placeholder {
  opacity: 1 !important;
  color: #a6a6a6 !important;
}

/* TOO DAVEFY – Refined Newsletter Placeholder */
.email-signup-banner .newsletter-form .field__input::placeholder {
  color: #858585 !important;
  opacity: 1 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase;
}
/* Liquid Glass Submit Button */
.email-signup-banner .newsletter-form .field__button {
  color: #ff6a00 !important;
  background: linear-gradient(
    145deg,
    rgba(255, 106, 0, 0.22),
    rgba(255, 106, 0, 0.04) 55%,
    rgba(255, 106, 0, 0.16)
  ) !important;
  border: 1px solid rgba(255, 106, 0, 0.65) !important;
  border-radius: 12px !important;
  margin: 5px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.15),
    0 0 12px rgba(255, 106, 0, 0.08) !important;
  transition:
    background 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.3s ease !important;
}
/* Liquid Hover Effect */
.email-signup-banner .newsletter-form .field__button:hover {
  background: linear-gradient(
    145deg,
    rgba(255, 106, 0, 0.42),
    rgba(255, 106, 0, 0.12)
  ) !important;
  border-color: #ff6a00 !important;
  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.22),
    0 0 16px rgba(255, 106, 0, 0.22) !important;
  transform: scale(1.04);
}
.email-signup-banner .newsletter-form .field__button .svg-wrapper {
  color: #ff6a00 !important;
  transition: transform 0.3s ease;
}
.email-signup-banner .newsletter-form .field__button:hover .svg-wrapper {
  transform: translateX(2px);
}
@media (prefers-reduced-motion: reduce) {
  .email-signup-banner .newsletter-form .field__button,
  .email-signup-banner .newsletter-form .field__button .svg-wrapper {
    transition: none !important;
  }
}

/* TOO DAVEFY – Clean Liquid Newsletter Button */
.email-signup-banner .newsletter-form .field__button {
  background: rgba(255, 255, 255, 0.035) !important;
  border: none !important;
  outline: none !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  margin: 5px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  color: #ff6a00 !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: background 0.25s ease, transform 0.25s ease !important;
}
.email-signup-banner .newsletter-form .field__button:hover {
  background: rgba(255, 255, 255, 0.09) !important;
  box-shadow: none !important;
  transform: translateX(2px);
}
.email-signup-banner .newsletter-form .field__button .svg-wrapper {
  color: #ff6a00 !important;
  border: none !important;
  box-shadow: none !important;
}
.email-signup-banner .newsletter-form .field__button .svg-wrapper svg {
  width: 18px;
  height: 18px;
}
.email-signup-banner .newsletter-form .field__button:hover .svg-wrapper {
  transform: none !important;
}

/* TOO DAVEFY – Clean Newsletter Field Border */
.email-signup-banner .newsletter-form .field {
  border-radius: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
}
.email-signup-banner .newsletter-form .field::after {
  border-radius: 0 !important;
  box-shadow: none !important;
}
.email-signup-banner .newsletter-form .field__input {
  border: 1px solid #ff6a00 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
.email-signup-banner .newsletter-form .field__input:focus {
  border-color: #ff6a00 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* TOO DAVEFY — LIQUID GLASS SUBMIT BUTTON */

.email-signup-banner .newsletter-form .field__button,
.email-signup-banner .newsletter-form button.field__button {
  appearance: none !important;
  -webkit-appearance: none !important;

  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
  bottom: 5px !important;

  width: 42px !important;
  min-width: 42px !important;
  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 1px solid rgba(255, 106, 0, 0.9) !important;
  border-radius: 12px !important;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.20) 0%,
      rgba(255, 255, 255, 0.06) 25%,
      rgba(255, 106, 0, 0.18) 65%,
      rgba(255, 255, 255, 0.10) 100%
    ) !important;

  color: #ff6a00 !important;

  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.45),
    inset 0 -1px 3px rgba(255, 106, 0, 0.30),
    0 0 8px rgba(255, 106, 0, 0.30),
    0 0 18px rgba(255, 106, 0, 0.12) !important;

  overflow: hidden !important;
  isolation: isolate !important;

  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease !important;
}

/* Glass highlight over the complete surface */
.email-signup-banner .newsletter-form .field__button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;

  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: 0 !important;

  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.28) 0%,
    rgba(255, 255, 255, 0.07) 35%,
    transparent 60%,
    rgba(255, 106, 0, 0.16) 100%
  ) !important;
}

/* Arrow stays above the glass layer */
.email-signup-banner .newsletter-form .field__button .svg-wrapper {
  position: relative !important;
  z-index: 2 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #ff6a00 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Hover: brighter orange glass */
.email-signup-banner .newsletter-form .field__button:hover {
  border-color: #ff6a00 !important;

  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.25),
    rgba(255, 106, 0, 0.24),
    rgba(255, 255, 255, 0.09)
  ) !important;

  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.50),
    inset 0 -1px 4px rgba(255, 106, 0, 0.35),
    0 0 12px rgba(255, 106, 0, 0.45),
    0 0 24px rgba(255, 106, 0, 0.20) !important;
}

@media (prefers-reduced-motion: reduce) {
  .email-signup-banner .newsletter-form .field__button {
    transition: none !important;
  }
}

/* TOO DAVEFY — ROUNDED LIQUID GLASS EMAIL FIELD */

/* Outer email field */
.email-signup-banner .newsletter-form .field {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border: 1px solid rgba(255, 106, 0, 0.85) !important;
  border-radius: 16px !important;

  background: rgba(255, 255, 255, 0.055) !important;

  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.12),
    inset 0 -1px 2px rgba(255, 106, 0, 0.08),
    0 0 12px rgba(255, 106, 0, 0.08) !important;

  -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
  backdrop-filter: blur(18px) saturate(160%) !important;
}

/* Remove Dawn's default field decorations */
.email-signup-banner .newsletter-form .field::before,
.email-signup-banner .newsletter-form .field::after {
  content: none !important;
  display: none !important;
}

/* Input itself */
.email-signup-banner .newsletter-form .field .field__input {
  position: relative !important;
  z-index: 1 !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;

  border: 0 !important;
  border-radius: 15px !important;

  background: linear-gradient(
    115deg,
    rgba(255, 255, 255, 0.07),
    rgba(255, 255, 255, 0.015) 55%,
    rgba(255, 106, 0, 0.045)
  ) !important;

  color: #ffffff !important;
  box-shadow: none !important;

  padding: 0 60px 0 18px !important;
}

/* Placeholder */
.email-signup-banner .newsletter-form .field .field__input::placeholder {
  color: #999999 !important;
  opacity: 1 !important;
  font-size: 11px !important;
  letter-spacing: 1.2px !important;
}

/* Focus */
.email-signup-banner .newsletter-form .field:focus-within {
  border-color: #ff6a00 !important;

  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.16),
    0 0 10px rgba(255, 106, 0, 0.18),
    0 0 22px rgba(255, 106, 0, 0.08) !important;
}

/* Keep the existing arrow button above the input */
.email-signup-banner .newsletter-form .field .field__button {
  z-index: 3 !important;
}

/* Keep the field label hidden */
.email-signup-banner .newsletter-form .field .field__label {
  display: none !important;
}

/* =========================================
   TOO DAVEFY — FULL LIQUID GLASS EMAIL FIELD
   ========================================= */

/* Outer glass frame */
.email-signup-banner .newsletter-form .field {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  border: 1px solid rgba(255, 106, 0, 0.9) !important;
  border-radius: 16px !important;

  background: rgba(255, 255, 255, 0.035) !important;

  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.22),
    inset 0 -1px 2px rgba(255, 106, 0, 0.16),
    0 0 7px rgba(255, 106, 0, 0.22),
    0 0 17px rgba(255, 106, 0, 0.09) !important;

  -webkit-backdrop-filter: blur(18px) saturate(170%) !important;
  backdrop-filter: blur(18px) saturate(170%) !important;

  transition:
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

/* Remove Dawn's default decorative borders */
.email-signup-banner .newsletter-form .field::before,
.email-signup-banner .newsletter-form .field::after {
  content: none !important;
  display: none !important;
}

/* Glass surface inside the frame */
.email-signup-banner .newsletter-form .field .field__input {
  position: relative !important;
  z-index: 1 !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;

  padding: 0 60px 0 18px !important;

  border: 0 !important;
  border-radius: 15px !important;

  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.12) 0%,
    rgba(255, 255, 255, 0.035) 28%,
    rgba(255, 255, 255, 0.015) 55%,
    rgba(255, 106, 0, 0.09) 100%
  ) !important;

  color: #ffffff !important;
  box-shadow: none !important;

  -webkit-backdrop-filter: blur(12px) saturate(160%) !important;
  backdrop-filter: blur(12px) saturate(160%) !important;

  transition:
    background 0.35s ease,
    padding-left 0.35s ease !important;
}

/* Subtle glass reflection */
.email-signup-banner .newsletter-form .field .field__input::selection {
  background: rgba(255, 106, 0, 0.4);
  color: #ffffff;
}

/* Placeholder */
.email-signup-banner .newsletter-form .field .field__input::placeholder {
  color: #999999 !important;
  opacity: 1 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase;
}

/* Hide Dawn's floating label */
.email-signup-banner .newsletter-form .field .field__label {
  display: none !important;
}

/* Keep the arrow above the glass */
.email-signup-banner .newsletter-form .field .field__button {
  z-index: 3 !important;
}

/* Focus: brighter glass rim and orange ambient glow */
.email-signup-banner .newsletter-form .field:focus-within {
  border-color: #ff8a38 !important;

  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.24),
    inset 0 -1px 3px rgba(255, 106, 0, 0.2),
    0 0 0 1px rgba(255, 106, 0, 0.28),
    0 0 12px rgba(255, 106, 0, 0.35),
    0 0 26px rgba(255, 106, 0, 0.14) !important;

  transform: translateY(-1px);
}

/* Glass surface becomes brighter when typing */
.email-signup-banner .newsletter-form .field:focus-within .field__input {
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.16) 0%,
    rgba(255, 255, 255, 0.055) 35%,
    rgba(255, 106, 0, 0.10) 100%
  ) !important;

  padding-left: 21px !important;
}

/* Smooth return when focus leaves */
.email-signup-banner .newsletter-form .field:not(:focus-within) {
  transform: translateY(0);
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  .email-signup-banner .newsletter-form .field,
  .email-signup-banner .newsletter-form .field .field__input {
    transition: none !important;
    transform: none !important;
  }
}

/* TOO DAVEFY — DAWN BANNER TITLE GLOW */

#Banner-template--password .banner__heading,
.email-signup-banner .banner__heading,
.email-signup-banner .banner__content h1,
.email-signup-banner .banner__box h1 {
  color: #ffffff !important;

  text-shadow:
    0 0 2px rgba(255, 255, 255, 0.45),
    0 0 8px rgba(255, 106, 0, 0.45),
    0 0 18px rgba(255, 106, 0, 0.25),
    0 0 32px rgba(255, 106, 0, 0.12) !important;

  transition:
    text-shadow 0.4s ease,
    color 0.4s ease !important;
}

/* Stronger glow on hover */
#Banner-template--password .banner__heading:hover,
.email-signup-banner .banner__heading:hover,
.email-signup-banner .banner__content h1:hover,
.email-signup-banner .banner__box h1:hover {
  color: #fff7f0 !important;

  text-shadow:
    0 0 3px rgba(255, 255, 255, 0.75),
    0 0 10px rgba(255, 106, 0, 0.8),
    0 0 24px rgba(255, 106, 0, 0.5),
    0 0 42px rgba(255, 106, 0, 0.25) !important;
}

@media (prefers-reduced-motion: reduce) {
  #Banner-template--password .banner__heading,
  .email-signup-banner .banner__heading,
  .email-signup-banner .banner__content h1,
  .email-signup-banner .banner__box h1 {
    transition: none !important;
  }
}

.product-card-wrapper .card__heading .toodavefy-title-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}

.product-card-wrapper .card__heading .toodavefy-title-row > a {
display: inline;
flex: 0 1 auto;
min-width: 0;
}

.product-card-wrapper .card__heading .toodavefy-discount-badge {
position: relative;
display: inline-flex !important;
align-items: center;
justify-content: center;
flex: 0 0 auto;
padding: 2px 5px;
border: 1px solid rgba(255, 255, 255, 0.95);
border-radius: 6px;
background: linear-gradient(
135deg,
rgba(255, 255, 255, 0.98),
rgba(239, 239, 239, 0.88)
);
color: #111 !important;
font-size: 11px;
font-weight: 800;
line-height: 1.2;
letter-spacing: -0.2px;
white-space: nowrap;
box-shadow:
0 2px 7px rgba(0, 0, 0, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 1),
0 0 8px rgba(255, 255, 255, 0.18);
overflow: hidden;
isolation: isolate;
transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.product-card-wrapper .card__heading .toodavefy-discount-badge::before {
content: “”;
position: absolute;
inset: 0;
background: linear-gradient(
115deg,
transparent 15%,
rgba(255, 255, 255, 0.95) 38%,
rgba(255, 255, 255, 0.2) 49%,
transparent 68%
);
pointer-events: none;
z-index: -1;
}

@media (hover: hover) {
.product-card-wrapper .card__heading .toodavefy-discount-badge:hover {
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.1),
0 0 12px rgba(255, 255, 255, 0.75),
inset 0 1px 0 rgba(255, 255, 255, 1);
transform: translateY(-1px);
}
}

@media (prefers-reduced-motion: reduce) {
.product-card-wrapper .card__heading .toodavefy-discount-badge {
transition: none;
}
}