/** Shopify CDN: Minification failed

Line 1343:0 Unexpected "@media"

**/
/* ==========================================================================
   WAKE Performance — Custom Design System (Mobile-First)
   Palette: #ffffff, #000000, #c0c0c0 (silver accent), grays
   Architecture: Mobile-first (Basis = Mobile 320-749px, min-width = Tablet/Desktop)
   Breakpoints: 750px (tablet), 990px (desktop), matching Dawn theme
   ========================================================================== */

/* --- CSS Variables (Mobile-First Defaults) --- */
:root {
  /* Colors */
  --wake-white: #ffffff;
  --wake-black: #000000;
  --wake-silver: #c0c0c0;
  --wake-dark-gray: #333333;
  --wake-mid-gray: #666666;
  --wake-light-gray: #999999;
  --wake-border: #e0e0e0;
  --wake-bg-subtle: #f9f9f9;
  --wake-bg-light: #f5f5f5;
  --wake-header-border: #f0f0f0;

  /* Typography & Base */
  --wake-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --wake-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --wake-container: 1200px;

  /* Spacing — Mobile defaults */
  --wake-section-py: 3rem;            /* vertical section padding */
  --wake-section-px: 1.25rem;         /* horizontal section padding */
  --wake-card-padding: 1.5rem 1.25rem;
  --wake-grid-gap: 1rem;              /* default grid gap */
  --wake-grid-gap-lg: 1.5rem;         /* large grid gap (2-col layouts) */
  --wake-stack-gap: 1rem;

  /* Touch-friendly defaults */
  --wake-tap-min: 44px;
}

@media (min-width: 750px) {
  :root {
    --wake-section-py: 5rem;
    --wake-section-px: 2rem;
    --wake-card-padding: 2rem 1.5rem;
    --wake-grid-gap: 1.5rem;
    --wake-grid-gap-lg: 2.5rem;
  }
}

@media (min-width: 990px) {
  :root {
    --wake-section-py: 6rem;
    --wake-section-px: 2rem;
    --wake-card-padding: 2.5rem 2rem;
    --wake-grid-gap: 2rem;
    --wake-grid-gap-lg: 4rem;
  }
}

/* --- Global Overrides --- */
/* body-Regel fuer LP-Kompat entfernt (nur Drawer-Kontext) */

/* --- Scroll Animations --- */
.wake-reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s var(--wake-transition), transform 0.8s var(--wake-transition);
}

.wake-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.wake-reveal-delay-1 { transition-delay: 0.1s; }
.wake-reveal-delay-2 { transition-delay: 0.2s; }
.wake-reveal-delay-3 { transition-delay: 0.3s; }
.wake-reveal-delay-4 { transition-delay: 0.4s; }

/* Fade in from left/right (reduced on mobile to avoid horizontal overflow) */
.wake-reveal-left {
  opacity: 0;
  transform: translateX(-20px);
  transition: opacity 0.8s var(--wake-transition), transform 0.8s var(--wake-transition);
}
.wake-reveal-right {
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.8s var(--wake-transition), transform 0.8s var(--wake-transition);
}
.wake-reveal-left.is-visible,
.wake-reveal-right.is-visible {
  opacity: 1;
  transform: translateX(0);
}

@media (min-width: 750px) {
  .wake-reveal-left  { transform: translateX(-40px); }
  .wake-reveal-right { transform: translateX(40px); }
}

/* Scale in */
.wake-reveal-scale {
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.8s var(--wake-transition), transform 0.8s var(--wake-transition);
}
.wake-reveal-scale.is-visible {
  opacity: 1;
  transform: scale(1);
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .wake-reveal,
  .wake-reveal-left,
  .wake-reveal-right,
  .wake-reveal-scale {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* --- Keyframe Animations --- */
@keyframes wakeFadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes wakeFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}

@keyframes wakePulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}

@keyframes wakeShimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* ==========================================================================
   HERO SECTION
   ========================================================================== */
.wake-hero {
  position: relative;
  /* Mobile: cap viewport-height to avoid overscroll on short devices */
  min-height: clamp(560px, 90vh, 720px);
  background: var(--wake-black);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  padding: 2rem 0;
}

@media (min-width: 750px) {
  .wake-hero {
    min-height: 85vh;
    padding: 3rem 0;
  }
}

@media (min-width: 990px) {
  .wake-hero {
    min-height: 100vh;
    padding: 4rem 0;
  }
}

.wake-hero::before {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 70%);
  border-radius: 50%;
  top: -100px;
  right: -100px;
  animation: wakeFloat 6s ease-in-out infinite;
  pointer-events: none;
}

.wake-hero::after {
  content: '';
  position: absolute;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, rgba(192,192,192,0.04) 0%, transparent 70%);
  border-radius: 50%;
  bottom: -80px;
  left: -80px;
  animation: wakeFloat 8s ease-in-out infinite reverse;
  pointer-events: none;
}

@media (min-width: 750px) {
  .wake-hero::before { width: 600px; height: 600px; top: -200px; right: -200px; }
  .wake-hero::after  { width: 400px; height: 400px; bottom: -150px; left: -150px; }
}

.wake-hero__container {
  position: relative;
  z-index: 10;
  max-width: 900px;
  padding: 0 1.25rem;
  width: 100%;
}

@media (min-width: 750px) {
  .wake-hero__container { padding: 0 2rem; }
}

.wake-hero__headline {
  /* Mobile: 2rem starting, scales up to 4.5rem on wide desktop */
  font-size: clamp(2rem, 8vw, 4.5rem);
  font-weight: 900;
  line-height: 1.1;
  color: var(--wake-white);
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  animation: wakeFadeInUp 1s ease-out;
}

@media (min-width: 750px) {
  .wake-hero__headline {
    line-height: 1.05;
    letter-spacing: -2px;
    margin-bottom: 1.5rem;
  }
}

.wake-hero__subline {
  font-size: clamp(0.95rem, 2.5vw, 1.2rem);
  color: #cccccc;
  line-height: 1.6;
  margin-bottom: 2rem;
  animation: wakeFadeInUp 1s ease-out 0.2s both;
}

@media (min-width: 750px) {
  .wake-hero__subline {
    line-height: 1.8;
    margin-bottom: 2.5rem;
  }
}

.wake-hero__product-image {
  max-width: 220px;
  margin: 0 auto 1.5rem;
  animation: wakeFloat 4s ease-in-out infinite;
}

@media (min-width: 750px) {
  .wake-hero__product-image {
    max-width: 300px;
    margin-bottom: 2rem;
  }
}

@media (min-width: 990px) {
  .wake-hero__product-image { max-width: 350px; }
}

.wake-hero__product-image img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 20px 40px rgba(0,0,0,0.5));
}

.wake-hero__cta {
  display: inline-flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  animation: wakeFadeInUp 1s ease-out 0.4s both;
}

@media (min-width: 750px) {
  .wake-hero__cta {
    gap: 1rem;
    width: auto;
  }
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
.wake-btn {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  min-height: var(--wake-tap-min);
  font-family: var(--wake-font);
  font-weight: 700;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  border-radius: 2px;
  transition: all var(--wake-transition);
  cursor: pointer;
  border: 2px solid transparent;
  line-height: 1.2;
  text-align: center;
}

@media (min-width: 750px) {
  .wake-btn {
    padding: 1rem 2.5rem;
    font-size: 0.95rem;
  }
}

.wake-btn--primary {
  background: var(--wake-white);
  color: var(--wake-black);
  border-color: var(--wake-white);
}

.wake-btn--primary:hover {
  background: var(--wake-silver);
  border-color: var(--wake-silver);
  color: var(--wake-black);
  box-shadow: 0 4px 12px rgba(192,192,192,0.3);
  transform: translateY(-2px);
}

.wake-btn--secondary {
  background: transparent;
  color: var(--wake-white);
  border-color: var(--wake-white);
}

.wake-btn--secondary:hover {
  background: var(--wake-silver);
  color: var(--wake-black);
  border-color: var(--wake-silver);
  box-shadow: 0 4px 12px rgba(192,192,192,0.3);
  transform: translateY(-2px);
}

.wake-btn--dark {
  background: var(--wake-black);
  color: var(--wake-white);
  border-color: var(--wake-black);
}

.wake-btn--dark:hover {
  background: var(--wake-silver);
  color: var(--wake-black);
  border-color: var(--wake-silver);
  box-shadow: 0 4px 12px rgba(192,192,192,0.3);
  transform: translateY(-2px);
}

/* Disable hover-lift on touch devices (no hover capability) */
@media (hover: none) {
  .wake-btn:hover { transform: none; }
}

/* ==========================================================================
   SECTION CONTAINERS
   ========================================================================== */
.wake-section {
  padding: var(--wake-section-py) var(--wake-section-px);
  max-width: var(--wake-container);
  margin: 0 auto;
}

.wake-section--full {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.wake-section--dark {
  background: var(--wake-black);
  color: var(--wake-white);
}

.wake-section--subtle {
  background: var(--wake-bg-subtle);
}

.wake-section__heading {
  font-size: clamp(1.75rem, 5.5vw, 3rem);
  font-weight: 900;
  color: var(--wake-black);
  letter-spacing: -0.5px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 1rem;
  line-height: 1.15;
}

@media (min-width: 750px) {
  .wake-section__heading {
    letter-spacing: -1px;
    line-height: 1.1;
  }
}

.wake-section--dark .wake-section__heading {
  color: var(--wake-white);
}

.wake-section__subheading {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--wake-mid-gray);
  text-align: center;
  max-width: 600px;
  margin: 0 auto 2rem;
  line-height: 1.6;
  padding: 0 0.5rem;
}

@media (min-width: 750px) {
  .wake-section__subheading {
    margin-bottom: 3rem;
    line-height: 1.7;
    padding: 0;
  }
}

.wake-section--dark .wake-section__subheading {
  color: #cccccc;
}

/* ==========================================================================
   PRODUCT INTRODUCTION (2-col on desktop, stacked on mobile)
   ========================================================================== */
.wake-product-intro {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wake-stack-gap);
  align-items: center;
}

@media (min-width: 990px) {
  .wake-product-intro {
    grid-template-columns: 1fr 1fr;
    gap: var(--wake-grid-gap-lg);
  }
}

.wake-product-intro__label {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--wake-light-gray);
  margin-bottom: 0.75rem;
}

@media (min-width: 750px) {
  .wake-product-intro__label {
    font-size: 0.8rem;
    letter-spacing: 2px;
    margin-bottom: 1rem;
  }
}

.wake-product-intro__heading {
  font-size: clamp(1.5rem, 5vw, 2.5rem);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  color: var(--wake-black);
  margin-bottom: 1.25rem;
  line-height: 1.15;
}

@media (min-width: 750px) {
  .wake-product-intro__heading {
    letter-spacing: -1px;
    margin-bottom: 1.5rem;
  }
}

.wake-product-intro__text {
  font-size: 1rem;
  color: var(--wake-dark-gray);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

@media (min-width: 750px) {
  .wake-product-intro__text {
    font-size: 1.05rem;
    line-height: 1.8;
    margin-bottom: 1.5rem;
  }
}

.wake-product-intro__visual {
  /* Aspect-Ratio replaces fixed height */
  aspect-ratio: 4 / 5;
  background: #1a1a1a;
  border-radius: 2px;
  border: 1px solid #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wake-mid-gray);
  font-size: 0.9rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media (min-width: 750px) {
  .wake-product-intro__visual { aspect-ratio: 1 / 1; }
}

@media (min-width: 990px) {
  .wake-product-intro__visual { aspect-ratio: 4 / 5; }
}

.wake-product-intro__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ==========================================================================
   TRUSTED ELEMENTS
   Mobile: 2 cols -> Tablet: 2 cols -> Desktop: 4 cols
   ========================================================================== */
.wake-trusted-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}

@media (min-width: 750px) {
  .wake-trusted-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
}

@media (min-width: 990px) {
  .wake-trusted-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
  }
}

.wake-trusted-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.25rem 0.75rem;
  border: 1px solid var(--wake-border);
  border-radius: 2px;
  background: var(--wake-bg-subtle);
  transition: all var(--wake-transition);
  text-align: center;
  min-height: 110px;
}

@media (min-width: 750px) {
  .wake-trusted-item {
    padding: 1.5rem 1rem;
    min-height: 100px;
  }
}

.wake-trusted-item:hover {
  border-color: var(--wake-black);
  background: var(--wake-white);
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

@media (hover: none) {
  .wake-trusted-item:hover { transform: none; box-shadow: none; }
}

.wake-trusted-item__icon {
  width: 36px;
  height: 36px;
  margin-bottom: 0.5rem;
}

@media (min-width: 750px) {
  .wake-trusted-item__icon {
    width: 40px;
    height: 40px;
    margin-bottom: 0.75rem;
  }
}

.wake-trusted-item__icon svg {
  width: 100%;
  height: 100%;
}

.wake-trusted-item__label {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--wake-mid-gray);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.3;
}

@media (min-width: 750px) {
  .wake-trusted-item__label {
    font-size: 0.8rem;
    letter-spacing: 1px;
  }
}

/* ==========================================================================
   USP CARDS
   Mobile: 1 col -> Tablet: 2 cols -> Desktop: 4 cols
   ========================================================================== */
.wake-usp-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wake-grid-gap);
}

@media (min-width: 750px) {
  .wake-usp-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 990px) {
  .wake-usp-grid { grid-template-columns: repeat(4, 1fr); }
}

.wake-usp-card {
  background: var(--wake-white);
  padding: var(--wake-card-padding);
  border-radius: 2px;
  border: 1px solid var(--wake-border);
  text-align: center;
  transition: all var(--wake-transition);
  position: relative;
  overflow: hidden;
}

.wake-usp-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--wake-black);
  transform: scaleX(0);
  transition: transform var(--wake-transition);
}

.wake-usp-card:hover {
  border-color: var(--wake-black);
  background: var(--wake-bg-subtle);
  transform: translateY(-5px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}

.wake-usp-card:hover::after {
  transform: scaleX(1);
}

@media (hover: none) {
  .wake-usp-card:hover { transform: none; box-shadow: none; }
}

.wake-usp-card__icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 1rem;
  transition: transform var(--wake-transition);
}

@media (min-width: 750px) {
  .wake-usp-card__icon {
    width: 80px;
    height: 80px;
    margin-bottom: 1.5rem;
  }
}

.wake-usp-card:hover .wake-usp-card__icon {
  transform: scale(1.1);
}

.wake-usp-card__icon svg {
  width: 100%;
  height: 100%;
}

.wake-usp-card__heading {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wake-black);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.625rem;
  line-height: 1.3;
}

@media (min-width: 750px) {
  .wake-usp-card__heading {
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }
}

.wake-usp-card__text {
  font-size: 0.9rem;
  color: var(--wake-mid-gray);
  line-height: 1.55;
}

@media (min-width: 750px) {
  .wake-usp-card__text {
    font-size: 0.95rem;
    line-height: 1.6;
  }
}

/* ==========================================================================
   APPLICATION STEPS
   Mobile: 1 col -> Tablet: 1 col (deliberate vertical flow) -> Desktop: 3 cols
   ========================================================================== */
.wake-steps-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 750px) {
  .wake-steps-grid { gap: 2rem; }
}

@media (min-width: 990px) {
  .wake-steps-grid { grid-template-columns: repeat(3, 1fr); }
}

.wake-step {
  text-align: center;
  transition: all var(--wake-transition);
}

.wake-step:hover {
  transform: translateY(-5px);
}

@media (hover: none) {
  .wake-step:hover { transform: none; }
}

.wake-step__number {
  font-size: clamp(2.5rem, 8vw, 3.5rem);
  font-weight: 900;
  color: var(--wake-black);
  line-height: 1;
  margin-bottom: 1rem;
  font-variant-numeric: tabular-nums;
}

@media (min-width: 750px) {
  .wake-step__number { margin-bottom: 1.5rem; }
}

.wake-step__visual {
  aspect-ratio: 4 / 3;
  background: #1a1a1a;
  border-radius: 2px;
  border: 1px solid #333;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wake-mid-gray);
  margin-bottom: 1.25rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media (min-width: 990px) {
  .wake-step__visual {
    aspect-ratio: 1 / 1;
    margin-bottom: 1.5rem;
  }
}

.wake-step__visual img,
.wake-step__visual video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wake-step__heading {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wake-black);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.625rem;
  line-height: 1.3;
}

@media (min-width: 750px) {
  .wake-step__heading {
    font-size: 1.05rem;
    margin-bottom: 0.75rem;
  }
}

.wake-step__text {
  font-size: 0.9rem;
  color: var(--wake-mid-gray);
  line-height: 1.55;
}

@media (min-width: 750px) {
  .wake-step__text {
    font-size: 0.95rem;
    line-height: 1.6;
  }
}

/* ==========================================================================
   INGREDIENTS / SCIENCE
   Mobile: stacked (visual first) -> Desktop: 2-col side-by-side
   ========================================================================== */
.wake-ingredients {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-items: center;
}

@media (min-width: 990px) {
  .wake-ingredients {
    grid-template-columns: 1fr 1fr;
    gap: var(--wake-grid-gap-lg);
  }
}

.wake-ingredient-block {
  padding: 1.25rem 1rem;
  border: 1px solid transparent;
  border-radius: 2px;
  margin-bottom: 0.75rem;
  cursor: pointer;
  transition: all var(--wake-transition);
  /* Ensure tap target */
  min-height: var(--wake-tap-min);
}

@media (min-width: 750px) {
  .wake-ingredient-block {
    padding: 1.5rem;
    margin-bottom: 1rem;
  }
}

.wake-ingredient-block:hover,
.wake-ingredient-block.is-active {
  border-color: var(--wake-black);
  background: var(--wake-bg-subtle);
}

.wake-ingredient-block__name {
  font-size: 1.1rem;
  font-weight: 900;
  color: var(--wake-black);
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  letter-spacing: 0.5px;
}

@media (min-width: 750px) {
  .wake-ingredient-block__name { font-size: 1.3rem; }
}

.wake-ingredient-block__desc {
  font-size: 0.95rem;
  color: var(--wake-dark-gray);
  line-height: 1.65;
}

@media (min-width: 750px) {
  .wake-ingredient-block__desc {
    font-size: 1rem;
    line-height: 1.8;
  }
}

.wake-ingredients__visual {
  aspect-ratio: 4 / 5;
  background: var(--wake-bg-subtle);
  border-radius: 2px;
  border: 1px solid var(--wake-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wake-light-gray);
  overflow: hidden;
  position: relative;
  width: 100%;
  /* Mobile-first: visual shown first (in DOM order), fine here */
}

@media (min-width: 750px) {
  .wake-ingredients__visual { aspect-ratio: 1 / 1; }
}

@media (min-width: 990px) {
  .wake-ingredients__visual { aspect-ratio: 4 / 5; }
}

.wake-ingredients__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ==========================================================================
   TESTIMONIALS
   Mobile: 1 col -> Tablet: 2 cols -> Desktop: 3 cols
   ========================================================================== */
.wake-testimonials-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wake-grid-gap);
}

@media (min-width: 750px) {
  .wake-testimonials-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 990px) {
  .wake-testimonials-grid { grid-template-columns: repeat(3, 1fr); }
}

.wake-testimonial {
  background: var(--wake-white);
  padding: var(--wake-card-padding);
  border-radius: 2px;
  border: 1px solid var(--wake-border);
  transition: all var(--wake-transition);
}

.wake-testimonial:hover {
  border-color: var(--wake-black);
  box-shadow: 0 12px 32px rgba(0,0,0,0.08);
  transform: translateY(-3px);
}

@media (hover: none) {
  .wake-testimonial:hover { transform: none; box-shadow: none; }
}

.wake-testimonial__stars {
  color: var(--wake-black);
  font-size: 1rem;
  letter-spacing: 3px;
  margin-bottom: 1rem;
}

@media (min-width: 750px) {
  .wake-testimonial__stars { margin-bottom: 1.25rem; }
}

.wake-testimonial__text {
  font-style: italic;
  font-size: 0.95rem;
  color: var(--wake-dark-gray);
  line-height: 1.65;
  margin-bottom: 1.25rem;
}

@media (min-width: 750px) {
  .wake-testimonial__text {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 1.5rem;
  }
}

.wake-testimonial__author {
  font-weight: 700;
  font-size: 0.8rem;
  color: var(--wake-black);
  text-transform: uppercase;
  letter-spacing: 0.75px;
}

@media (min-width: 750px) {
  .wake-testimonial__author {
    font-size: 0.85rem;
    letter-spacing: 1px;
  }
}

/* ==========================================================================
   OFFER / BUNDLE
   Mobile: 1 col -> Tablet: 2 cols -> Desktop: 3 cols
   ========================================================================== */
.wake-offer {
  background: var(--wake-black);
  padding: var(--wake-section-py) var(--wake-section-px);
  text-align: center;
}

.wake-offer__container {
  max-width: var(--wake-container);
  margin: 0 auto;
}

.wake-bundle-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wake-grid-gap);
  margin: 2rem 0;
}

@media (min-width: 750px) {
  .wake-bundle-grid {
    grid-template-columns: repeat(2, 1fr);
    margin: 2.5rem 0;
  }
}

@media (min-width: 990px) {
  .wake-bundle-grid {
    grid-template-columns: repeat(3, 1fr);
    margin: 3rem 0;
  }
}

.wake-bundle-card {
  background: #1a1a1a;
  padding: var(--wake-card-padding);
  border-radius: 2px;
  border: 1px solid #333;
  transition: all var(--wake-transition);
  position: relative;
  overflow: hidden;
}

.wake-bundle-card:hover {
  border-color: var(--wake-silver);
  background: #222;
  transform: translateY(-5px);
  box-shadow: 0 12px 32px rgba(192,192,192,0.1);
}

@media (hover: none) {
  .wake-bundle-card:hover { transform: none; box-shadow: none; }
}

.wake-bundle-card--featured {
  border-color: var(--wake-silver);
}

.wake-bundle-card--featured::before {
  content: var(--wake-featured-badge, 'BELIEBT');
  position: absolute;
  top: 10px;
  right: -28px;
  background: var(--wake-silver);
  color: var(--wake-black);
  font-size: 0.6rem;
  font-weight: 800;
  padding: 3px 28px;
  transform: rotate(45deg);
  letter-spacing: 0.75px;
}

@media (min-width: 750px) {
  .wake-bundle-card--featured::before {
    top: 12px;
    right: -30px;
    font-size: 0.65rem;
    padding: 4px 32px;
    letter-spacing: 1px;
  }
}

.wake-bundle-card__title {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--wake-white);
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  letter-spacing: 0.5px;
}

@media (min-width: 750px) {
  .wake-bundle-card__title { font-size: 1.3rem; }
}

.wake-bundle-card__price-row {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 0.25rem;
}

.wake-bundle-card__price {
  font-size: clamp(1.6rem, 5vw, 2rem);
  font-weight: 900;
  color: var(--wake-silver);
  line-height: 1.1;
}

.wake-bundle-card__compare {
  font-size: 1rem;
  color: var(--wake-light-gray);
  text-decoration: line-through;
  font-weight: 600;
  opacity: 0.7;
}

.wake-bundle-card__per-unit {
  font-size: 0.75rem;
  color: var(--wake-light-gray);
  letter-spacing: 0.5px;
  margin-bottom: 0.75rem;
}

@media (min-width: 750px) {
  .wake-bundle-card__per-unit { font-size: 0.8rem; }
}

.wake-bundle-card__save {
  font-size: 0.8rem;
  color: var(--wake-silver);
  font-weight: 600;
  margin-bottom: 1rem;
}

@media (min-width: 750px) {
  .wake-bundle-card__save { font-size: 0.85rem; }
}

.wake-bundle-card__perk,
.wake-bundle-compact__perk,
.wake-bundle-mini__perk {
  font-size: 0.75rem;
  font-weight: 600;
  color: #16a34a;
  background: #dcfce7;
  padding: 3px 8px;
  border-radius: 3px;
  display: inline-block;
  white-space: nowrap;
  letter-spacing: 0.2px;
}

.wake-bundle-card__perk { margin-bottom: 0.75rem; }

.wake-bundle-card__desc {
  font-size: 0.85rem;
  color: var(--wake-light-gray);
  line-height: 1.55;
  margin-bottom: 1.25rem;
}

@media (min-width: 750px) {
  .wake-bundle-card__desc {
    font-size: 0.9rem;
    line-height: 1.6;
  }
}

.wake-bundle-card__form-wrapper,
.wake-bundle-card__form {
  display: block;
  width: 100%;
}

.wake-bundle-card__atc {
  width: 100%;
  justify-content: center;
  margin-top: auto;
}

.wake-bundle-card {
  display: flex;
  flex-direction: column;
  text-align: center;
}

/* ==========================================================================
   FAQ ACCORDION
   ========================================================================== */
.wake-faq {
  max-width: 800px;
  margin: 0 auto;
}

.wake-faq-item {
  border-bottom: 1px solid var(--wake-border);
}

.wake-faq-item:last-child {
  border-bottom: none;
}

.wake-faq-question {
  /* Reset button element defaults */
  width: 100%;
  background: transparent;
  border: none;
  margin: 0;
  text-align: left;
  font-family: inherit;
  /* Layout */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 0;
  cursor: pointer;
  font-weight: 600;
  font-size: 1rem;
  color: var(--wake-black);
  transition: color var(--wake-transition);
  user-select: none;
  min-height: var(--wake-tap-min);
  line-height: 1.4;
  gap: 1rem;
}

@media (min-width: 750px) {
  .wake-faq-question {
    padding: 1.5rem 0;
    font-size: 1.05rem;
  }
}

.wake-faq-question:hover {
  color: var(--wake-mid-gray);
}

.wake-faq-question:focus-visible {
  outline: 2px solid var(--wake-black);
  outline-offset: 2px;
}

.wake-faq-arrow {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  transition: transform var(--wake-transition);
  margin-left: 0.75rem;
}

@media (min-width: 750px) {
  .wake-faq-arrow {
    width: 24px;
    height: 24px;
    margin-left: 1rem;
  }
}

.wake-faq-arrow svg {
  width: 100%;
  height: 100%;
}

.wake-faq-item.is-open .wake-faq-arrow {
  transform: rotate(180deg);
}

.wake-faq-answer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}

.wake-faq-item.is-open .wake-faq-answer {
  grid-template-rows: 1fr;
}

.wake-faq-answer__inner {
  overflow: hidden;
  font-size: 0.95rem;
  color: var(--wake-mid-gray);
  line-height: 1.7;
}

.wake-faq-item.is-open .wake-faq-answer__inner {
  padding-bottom: 1.25rem;
}

@media (min-width: 750px) {
  .wake-faq-answer__inner {
    font-size: 1rem;
    line-height: 1.8;
  }
  .wake-faq-item.is-open .wake-faq-answer__inner {
    padding-bottom: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wake-faq-answer { transition: none; }
}

/* ==========================================================================
   STICKY ADD TO CART (critical on mobile)
   ========================================================================== */
.wake-sticky-atc {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--wake-black);
  /* Safe-area inset for notched devices */
  padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom));
  z-index: 999;
  transform: translateY(100%);
  transition: transform 0.4s ease;
  border-top: 1px solid #333;
}

/* Reserve space at page bottom so Sticky ATC never overlaps footer content */
.wake-footer,
/* .footer-Regel fuer LP-Kompat entfernt */
@media (min-width: 750px) {
  .wake-footer,
  .footer {
    padding-bottom: calc(80px + env(safe-area-inset-bottom)) !important;
  }
}

@media (min-width: 750px) {
  .wake-sticky-atc {
    padding: 0.75rem 2rem calc(0.75rem + env(safe-area-inset-bottom));
  }
}

.wake-sticky-atc.is-visible {
  transform: translateY(0);
}

.wake-sticky-atc__inner {
  max-width: var(--wake-container);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

@media (min-width: 750px) {
  .wake-sticky-atc__inner { gap: 1rem; }
}

.wake-sticky-atc__product {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--wake-white);
  flex-wrap: wrap;
  min-width: 0;
  flex: 1;
}

@media (min-width: 750px) {
  .wake-sticky-atc__product { gap: 1rem; }
}

.wake-sticky-atc__name {
  font-weight: 700;
  font-size: 0.85rem;
  text-transform: uppercase;
  line-height: 1.2;
}

@media (min-width: 750px) {
  .wake-sticky-atc__name { font-size: 0.95rem; }
}

.wake-sticky-atc__price {
  color: var(--wake-silver);
  font-weight: 600;
  font-size: 0.85rem;
}

@media (min-width: 750px) {
  .wake-sticky-atc__price { font-size: 1rem; }
}

/* Sticky ATC button — accent color (mint/cyan) to match PDP main CTA */
.wake-sticky-atc .wake-btn--primary,
.wake-sticky-atc .wake-btn--primary:visited {
  background: #1e6fe0 !important;
  border-color: #1e6fe0 !important;
  color: #0f172a !important;
}

.wake-sticky-atc .wake-btn--primary:hover,
.wake-sticky-atc .wake-btn--primary:focus {
  background: #1a63d6 !important;
  border-color: #1a63d6 !important;
  color: #0f172a !important;
  box-shadow: 0 4px 14px rgba(30, 111, 224, 0.35);
}

/* ==========================================================================
   FROST FLIGHT — Add-to-Cart animation
   ========================================================================== */
.wake-fly-flyer {
  position: fixed;
  top: 0;
  left: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #1e6fe0;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.22);
  overflow: hidden;
  pointer-events: none;
  z-index: 99999;
  will-change: transform, opacity;
  transform-origin: center center;
}

.wake-fly-flyer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wake-fly-flyer--icon {
  background: #1e6fe0;
}

.wake-fly-particle {
  position: fixed;
  border-radius: 50%;
  background: #1e6fe0;
  pointer-events: none;
  z-index: 99998;
  will-change: transform, opacity;
}

.wake-fly-shockwave,
.wake-fly-ring {
  position: fixed;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid #1e6fe0;
  pointer-events: none;
  z-index: 99998;
  will-change: transform, opacity;
}

.wake-fly-ring {
  width: 48px;
  height: 48px;
}

/* Cart icon frost-pulse on arrival */
#cart-icon-bubble.wake-cart-pulse {
  animation: wakeCartFrostPulse 540ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes wakeCartFrostPulse {
  0%   { transform: scale(1); }
  45%  { transform: scale(1.12); }
  100% { transform: scale(1); }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .wake-fly-flyer,
  .wake-fly-particle,
  .wake-fly-shockwave,
  .wake-fly-ring { display: none !important; }
  #cart-icon-bubble.wake-cart-pulse { animation: none !important; }
}

/* ==========================================================================
   SCROLL PROGRESS (desktop only)
   ========================================================================== */
.wake-scroll-progress {
  display: none;
}

@media (min-width: 990px) {
  .wake-scroll-progress {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 998;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}

.wake-scroll-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--wake-border);
  transition: all var(--wake-transition);
  cursor: pointer;
  border: none;
  padding: 0;
}

.wake-scroll-dot.is-active {
  background: var(--wake-black);
  transform: scale(1.3);
}

.wake-scroll-dot:hover {
  background: var(--wake-silver);
  transform: scale(1.5);
}

/* ==========================================================================
   Bottom padding utility: when sticky-atc is present, add space to footer
   (applied via body/layout class if needed to prevent footer overlap)
   ========================================================================== */
.wake-has-sticky-atc {
  padding-bottom: calc(60px + env(safe-area-inset-bottom));
}

@media (min-width: 750px) {
  .wake-has-sticky-atc { padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
}

/* ==========================================================================
   Helper classes (replacing inline styles in .liquid sections)
   ========================================================================== */
.wake-hero__label {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--wake-silver);
  margin-bottom: 0.75rem;
}

@media (min-width: 750px) {
  .wake-hero__label {
    font-size: 0.8rem;
    letter-spacing: 2px;
    margin-bottom: 1rem;
  }
}

/* Offer section: dark background overrides for section heading/subheading */
.wake-offer .wake-section__heading {
  color: var(--wake-white);
}

.wake-offer .wake-section__subheading {
  color: #cccccc;
}

.wake-offer__cta {
  text-align: center;
}

/* Testimonials full-width subtle-bg wrapper with constrained inner container */
.wake-testimonials-section--boxed {
  background: var(--wake-bg-subtle);
  padding: var(--wake-section-py) 0;
}

.wake-testimonials-section__inner {
  max-width: var(--wake-container);
  margin: 0 auto;
  padding: 0 var(--wake-section-px);
}

/* Compact button modifier for sticky-atc — still respects 44px tap target */
.wake-btn--compact {
  padding: 0.625rem 1rem;
  font-size: 0.8rem;
  min-height: var(--wake-tap-min);
  letter-spacing: 0.5px;
  white-space: nowrap;
}

@media (min-width: 400px) {
  .wake-btn--compact {
    padding: 0.625rem 1.25rem;
  }
}

@media (min-width: 750px) {
  .wake-btn--compact {
    padding: 0.75rem 2rem;
    font-size: 0.85rem;
    letter-spacing: 1px;
  }
}

/* Responsive image defaults inside aspect-ratio containers */
.wake-product-intro__visual img,
.wake-ingredients__visual img,
.wake-step__visual img,
.wake-hero__product-image img,
.wake-product-intro__visual picture,
.wake-ingredients__visual picture,
.wake-step__visual picture,
.wake-hero__product-image picture {
  display: block;
  width: 100%;
  height: 100%;
}

.wake-product-intro__visual picture img,
.wake-ingredients__visual picture img,
.wake-step__visual picture img {
  object-fit: cover;
}

/* Mobile/Desktop headline variants — show one, hide other based on viewport */
.wake-hero__headline--mobile { display: block; }
.wake-hero__headline--desktop { display: none; }

@media (min-width: 750px) {
  .wake-hero__headline--mobile { display: none; }
  .wake-hero__headline--desktop { display: block; }
}

/* ==========================================================================
   WAKE FOOTER — Mobile-First, clean, ESN-inspired
   ========================================================================== */

.wake-footer-section { margin: 0; }

.wake-footer {
  background: #0a0a0a;
  color: #e5e5e5;
  padding: 3rem 1.25rem 1.5rem;
  position: relative;
  isolation: isolate;
}

.wake-footer::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
}

.wake-footer__inner {
  max-width: 1280px;
  margin: 0 auto;
}

/* ---- Top Grid ---- */
.wake-footer__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.25rem;
}

.wake-footer__brand { max-width: 420px; }

.wake-footer__logo,
.wake-footer__wordmark {
  display: block;
  height: auto;
  max-width: 180px;
  margin-bottom: 1.25rem;
}
.wake-footer__wordmark {
  font-family: inherit;
  font-weight: 900;
  font-size: 2rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  max-width: none;
}

.wake-footer__tagline {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #c4c4c4;
  margin: 0 0 2rem;
}

.wake-footer__social-label {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 0.875rem;
}
.wake-footer__social {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.wake-footer__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px; height: 52px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  color: #fff;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.2s ease;
}
.wake-footer__social-link svg { width: 26px; height: 26px; }
.wake-footer__social-link:hover,
.wake-footer__social-link:focus-visible {
  background: rgba(255,255,255,0.14);
  transform: translateY(-1px);
  outline: none;
}

.wake-footer__heading {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 1.5rem;
}

.wake-footer__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
.wake-footer__link {
  color: #c4c4c4;
  text-decoration: none;
  font-size: 1.1875rem;
  line-height: 1.4;
  transition: color 0.15s ease;
  display: inline-block;
  padding: 2px 0;
}
.wake-footer__link:hover,
.wake-footer__link:focus-visible {
  color: #fff;
  outline: none;
}

/* ---- Newsletter ---- */
.wake-footer__newsletter-text {
  font-size: 1.125rem;
  line-height: 1.6;
  color: #c4c4c4;
  margin: 0 0 1.375rem;
}
.wake-footer__newsletter-field {
  display: flex;
  align-items: stretch;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 999px;
  overflow: hidden;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.wake-footer__newsletter-field:focus-within {
  border-color: rgba(255,255,255,0.3);
  background: rgba(255,255,255,0.09);
}
.wake-footer__newsletter-input {
  flex: 1;
  background: transparent;
  border: 0;
  color: #fff;
  padding: 1.125rem 1.375rem;
  font-size: 1.0625rem;
  min-width: 0;
  outline: none;
  font-family: inherit;
}
.wake-footer__newsletter-input::placeholder { color: #737373; }
.wake-footer__newsletter-btn {
  background: #fff;
  color: #0a0a0a;
  border: 0;
  padding: 0 1.375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  min-width: 56px;
  transition: background 0.2s ease;
  font-family: inherit;
}
.wake-footer__newsletter-btn svg { width: 22px; height: 22px; }
.wake-footer__newsletter-btn:hover,
.wake-footer__newsletter-btn:focus-visible { background: #e5e5e5; outline: none; }
.wake-footer__newsletter-msg {
  margin: 0.625rem 0 0;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.wake-footer__newsletter-msg--ok { color: #86efac; }
.wake-footer__newsletter-msg--err { color: #fca5a5; }

/* ---- Bottom Bar ---- */
.wake-footer__bottom {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255,255,255,0.08);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
}

.wake-footer__payment { width: 100%; }
.wake-footer__payment-label {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 0.75rem;
}
.wake-footer__payment-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  align-items: center;
}
.wake-footer__payment-item {
  background: transparent;
  border: 0;
  border-radius: 0;
  height: 28px;
  width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wake-footer__payment-icon {
  height: 100%;
  width: 100%;
  display: block;
}

.wake-footer__copyright {
  font-size: 1rem;
  color: #a3a3a3;
  line-height: 1.5;
  display: block;
}

/* ---- Tablet (750px+) ---- */
@media (min-width: 750px) {
  .wake-footer { padding: 4rem 2rem 2rem; }

  .wake-footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 3rem 2.5rem;
  }
  .wake-footer__brand { grid-column: 1 / -1; max-width: 520px; }

  .wake-footer__bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .wake-footer__payment { width: auto; }
}

/* ---- Desktop (990px+) ---- */
@media (min-width: 990px) {
  .wake-footer { padding: 5rem 2.5rem 2.5rem; }

  .wake-footer__grid {
    grid-template-columns: 1.3fr 1fr 1fr 1fr 1.3fr;
    gap: 3rem;
    align-items: start;
  }
  .wake-footer__brand {
    grid-column: auto;
    max-width: none;
  }
  .wake-footer__col--newsletter { max-width: 380px; }
}

/* Hide Dawn default footer if both present (fail-safe) */
.wake-footer-section + .shopify-section .footer,
.shopify-section:has(.footer) + .wake-footer-section { }

/* ==========================================================================
   WAKE CART — Payment Icons under Checkout Button
   ========================================================================== */
/* Compact footer spacing to fit payment icons */
.cart-drawer .drawer__footer {
  padding: 0.75rem 0 0.5rem;
  flex-shrink: 0;
}

/* ---- Robuste Drawer-Hoehenstruktur ----
   Fixer Kopf (Header + Code/Progress) und fixer Fuss (Checkout),
   die Mitte (Artikel + Bundle-Upsell) scrollt in EINEM Container.
   Verhindert das Ueberlappen auf kleinen/hohen Viewports. */
.cart-drawer .drawer__inner { overflow: hidden; }
.cart-drawer .drawer__header,
.cart-drawer .wake-drawer-top { flex-shrink: 0; }
.wake-drawer-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
cart-drawer-items {
  display: block;
  min-height: 0;
  flex-shrink: 0;
}

.cart-drawer .cart__ctas {
  flex-wrap: wrap;
}
.wake-cart-payment {
  width: 100%;
  margin-top: 0.5rem;
  padding-bottom: 0.25rem;
  display: flex;
  justify-content: center;
}
.wake-cart-payment__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  align-items: center;
  justify-content: center;
}
.wake-cart-payment__item {
  height: 22px;
  width: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wake-cart-payment__item svg {
  height: 100%;
  width: 100%;
  display: block;
  filter: grayscale(1);
}

/* ==========================================================================
   WAKE CART DRAWER — Top block (code, progress, banner) + Upsell
   ========================================================================== */

.wake-drawer-top {
  padding: 0 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  margin-bottom: 0.5rem;
}

/* ---- Athletencode ---- */
.wake-drawer-code__label {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #666;
  margin: 0 0 0.5rem;
}
.wake-drawer-code__field {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}
.wake-drawer-code__input {
  flex: 1;
  min-width: 0;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 8px;
  font-size: 0.9375rem;
  background: #fff;
  color: #111;
  font-family: inherit;
  outline: none;
  transition: border-color 0.15s ease;
}
.wake-drawer-code__input:focus {
  border-color: #111;
}
.wake-drawer-code__input::placeholder { color: #999; }
.wake-drawer-code__btn {
  background: #111;
  color: #fff;
  border: 0;
  border-radius: 999px;
  padding: 0 1.25rem;
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
  transition: background 0.15s ease, transform 0.1s ease;
  min-height: 44px;
}
.wake-drawer-code__btn:hover { background: #000; }
.wake-drawer-code__btn:active { transform: scale(0.98); }
.wake-drawer-code__btn:disabled { opacity: 0.6; cursor: wait; }

/* ---- Progress Bar (Multi-Milestone) ---- */
.wake-drawer-progress__text {
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--wake-black);
  margin: 0 0 0.75rem;
}
.wake-drawer-progress__text strong { font-weight: 700; }

.wake-drawer-progress--stepped {
  --wake-pb-accent: #1e6fe0;
  --wake-pb-accent-soft: rgba(30, 111, 224,0.28);
  --wake-pb-fill: var(--wake-black);
  --wake-pb-track: #eceff1;
  --wake-pb-tick-color: #ffffff;
}

.wake-drawer-progress__track {
  position: relative;
  height: 10px;
  background: var(--wake-pb-track);
  border-radius: 999px;
  margin: 0.25rem 0 0;
  overflow: visible;
}
.wake-drawer-progress__unlocked {
  display: none;
  align-items: center;
  gap: 0.35rem;
  margin: 0 0 0.25rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--wake-black);
  line-height: 1.3;
}
.wake-drawer-progress__unlocked.is-visible { display: flex; }
.wake-drawer-progress__unlocked-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: var(--wake-pb-accent);
  color: var(--wake-black);
  font-size: 0.65rem;
  font-weight: 700;
  flex: 0 0 auto;
}

.wake-drawer-progress__fill {
  display: block !important;
  visibility: visible !important;
  height: 100%;
  background: var(--wake-pb-fill);
  border-radius: 999px;
  transition: width 0.5s cubic-bezier(0.25,0.46,0.45,0.94);
  min-width: 0;
}

/* Thin vertical ticks at each milestone position */
.wake-drawer-progress__milestone {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -1px;
  background: var(--wake-pb-tick-color);
  border-radius: 1px;
  opacity: 0.9;
  z-index: 1;
  pointer-events: none;
  transform: none;
  display: block;
}
.wake-drawer-progress__milestone.is-edge { display: none; }
.wake-drawer-progress__milestone-label,
.wake-drawer-progress__dot-char,
.wake-drawer-progress__dot { display: none; }

/* Icon sits at the far right end, represents "max savings" destination */
.wake-drawer-progress__endicon {
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: #fff;
  border: 1px solid var(--wake-border);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--wake-black);
  z-index: 2;
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.wake-drawer-progress__endicon svg { width: 15px; height: 15px; }
.wake-drawer-progress--complete .wake-drawer-progress__endicon {
  background: var(--wake-pb-accent);
  border-color: var(--wake-pb-accent);
  color: var(--wake-black);
  box-shadow: 0 0 0 4px var(--wake-pb-accent-soft);
}

/* ---- Savings Banner ---- */
.wake-drawer-banner {
  background: #111;
  color: #fff;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.wake-drawer-banner__icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255,255,255,0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 0.9375rem;
}
.wake-drawer-banner__text { line-height: 1.3; }

/* ---- Bundle Upsell ---- */
.wake-drawer-upsell {
  padding: 1rem 1.5rem 0;
}
.wake-drawer-upsell__heading {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #111;
  margin: 0 0 0.75rem;
}
.wake-drawer-upsell__card {
  background: #f5f5f5;
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 12px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.875rem;
}
.wake-drawer-upsell__text {
  flex: 1;
  font-size: 0.875rem;
  line-height: 1.35;
  color: #111;
  margin: 0;
  font-weight: 500;
}
.wake-drawer-upsell__btn {
  flex-shrink: 0;
  background: #111;
  color: #fff;
  border: 0;
  border-radius: 999px;
  padding: 0.625rem 1rem;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
  transition: background 0.15s ease, transform 0.1s ease;
  min-height: 36px;
}
.wake-drawer-upsell__btn:hover { background: #000; }
.wake-drawer-upsell__btn:active { transform: scale(0.98); }
.wake-drawer-upsell__btn:disabled { opacity: 0.6; cursor: wait; }

/* ---- Mobile adjustments ---- */
@media (max-width: 480px) {
  .wake-drawer-top { padding: 0 1rem 0.875rem; }
  .wake-drawer-upsell { padding: 0.875rem 1rem 0; }
  .wake-drawer-upsell__card { flex-direction: column; align-items: stretch; gap: 0.75rem; }
  .wake-drawer-upsell__btn { width: 100%; }
}

/* ==========================================================================
   WAKE BUNDLE SELECTOR — COMPACT LAYOUT (PDP)
   ========================================================================== */
.wake-pdp-bundles {
  background: var(--wake-black);
  padding: 1.5rem 1rem;
  color: var(--wake-white);
}

@media (min-width: 750px) {
  .wake-pdp-bundles { padding: 2rem 1.25rem; }
}

.wake-pdp-bundles__container {
  max-width: 720px;
  margin: 0 auto;
}

.wake-pdp-bundles__heading {
  font-size: 1.1rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 0.35rem;
  color: var(--wake-white);
}

.wake-pdp-bundles__subheading {
  font-size: 0.85rem;
  color: var(--wake-light-gray);
  margin: 0 0 1rem;
}

.wake-bundle-compact { width: 100%; }
.wake-bundle-compact__form-wrapper,
.wake-bundle-compact__form { display: block; width: 100%; }

.wake-bundle-compact__options {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-bottom: 1rem;
}

.wake-bundle-compact__option {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.85rem 1rem;
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color var(--wake-transition), background var(--wake-transition);
}

.wake-bundle-compact__option:hover { border-color: #555; }

.wake-bundle-compact__option input[type="radio"] {
  position: absolute;
  opacity: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  margin: 0;
}

.wake-bundle-compact__radio {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #555;
  background: transparent;
  position: relative;
  transition: border-color var(--wake-transition);
}

.wake-bundle-compact__radio::after {
  content: '';
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: var(--wake-silver);
  transform: scale(0);
  transition: transform var(--wake-transition);
}

.wake-bundle-compact__option input[type="radio"]:checked ~ .wake-bundle-compact__radio {
  border-color: var(--wake-silver);
}

.wake-bundle-compact__option input[type="radio"]:checked ~ .wake-bundle-compact__radio::after {
  transform: scale(1);
}

.wake-bundle-compact__option input[type="radio"]:checked ~ .wake-bundle-compact__option-body ~ *,
.wake-bundle-compact__option:has(input[type="radio"]:checked) {
  border-color: var(--wake-silver);
  background: #222;
}

.wake-bundle-compact__option-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

.wake-bundle-compact__option-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.wake-bundle-compact__option-title {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--wake-white);
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.wake-bundle-compact__save {
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--wake-black);
  background: var(--wake-silver);
  padding: 2px 8px;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.wake-bundle-compact__option-meta {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
}

.wake-bundle-compact__compare {
  color: var(--wake-light-gray);
  text-decoration: line-through;
  opacity: 0.7;
  font-size: 0.8rem;
}

.wake-bundle-compact__price {
  color: var(--wake-silver);
  font-weight: 800;
  font-size: 1rem;
}

.wake-bundle-compact__per-unit {
  color: var(--wake-light-gray);
  font-size: 0.75rem;
  margin-left: auto;
}

.wake-bundle-compact__badge {
  position: absolute;
  top: -8px;
  right: 12px;
  background: var(--wake-silver);
  color: var(--wake-black);
  font-size: 0.6rem;
  font-weight: 800;
  padding: 2px 8px;
  letter-spacing: 0.75px;
  border-radius: 2px;
}

.wake-bundle-compact__atc {
  width: 100%;
  justify-content: center;
}

/* ==========================================================================
   WAKE BUNDLE SELECTOR — MINI LAYOUT (Cart-Drawer Upsell)
   ========================================================================== */
.wake-bundle-mini {
  padding: 1.35rem 1.25rem 0.5rem;
  border-top: 1px solid var(--wake-border, #e5e5e5);
  margin-top: 1.35rem;
}

.wake-bundle-mini__headline {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #8a8a8a;
  margin-bottom: 1rem;
}

.wake-bundle-mini__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* Card: white background, black border, crisp ESN-style */
.wake-bundle-mini__item {
  position: relative;
  display: grid;
  grid-template-columns: 72px 1fr auto;
  align-items: center;
  gap: 0.85rem;
  padding: 0.65rem 0.65rem 0.65rem 0.6rem;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.wake-bundle-mini__item:hover {
  border-color: #111;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.wake-bundle-mini__item.is-featured {
  border-color: #111;
  box-shadow: 0 0 0 1px #111;
}

/* Media block with qty badge */
.wake-bundle-mini__media {
  position: relative;
  width: 72px;
  height: 72px;
  background: #f3f4f6;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}
.wake-bundle-mini__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.wake-bundle-mini__qty-badge {
  position: absolute;
  top: 4px;
  left: 4px;
  background: #111;
  color: #fff;
  font-size: 0.65rem;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 3px;
  letter-spacing: 0.3px;
  line-height: 1;
}

/* Info column */
.wake-bundle-mini__info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}
.wake-bundle-mini__top-row {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.wake-bundle-mini__title {
  font-size: 0.85rem;
  font-weight: 800;
  color: #111;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  line-height: 1.2;
}
.wake-bundle-mini__top-badge {
  background: #111;
  color: #fff;
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: 0.8px;
  padding: 2px 6px;
  border-radius: 2px;
  text-transform: uppercase;
  line-height: 1;
}

/* Price row: final + compare */
.wake-bundle-mini__price-row {
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
}
.wake-bundle-mini__price-final {
  font-size: 0.95rem;
  font-weight: 800;
  color: #111;
  line-height: 1;
}
.wake-bundle-mini__price-compare {
  font-size: 0.72rem;
  color: #9a9a9a;
  text-decoration: line-through;
  line-height: 1;
}

/* Benefits row */
.wake-bundle-mini__benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.15rem;
}
.wake-bundle-mini__benefit {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  padding: 3px 7px;
  border-radius: 3px;
  line-height: 1;
}
.wake-bundle-mini__benefit svg { flex-shrink: 0; }
.wake-bundle-mini__benefit--save {
  background: #111;
  color: #fff;
}
.wake-bundle-mini__benefit--ship {
  background: var(--wake-pb-accent, #1e6fe0);
  color: #ffffff;
}

/* CTA button */
.wake-bundle-mini__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  appearance: none;
  border: 1.5px solid #111;
  background: #111;
  color: #fff;
  padding: 0.55rem 0.9rem;
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1;
}
.wake-bundle-mini__btn:hover {
  background: #fff;
  color: #111;
  transform: translateY(-1px);
}
.wake-bundle-mini__btn:disabled {
  opacity: 0.6;
  cursor: wait;
  transform: none;
}
.wake-bundle-mini__btn-plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 3px;
  background: rgba(255,255,255,0.18);
  font-weight: 900;
  font-size: 0.72rem;
}
.wake-bundle-mini__btn:hover .wake-bundle-mini__btn-plus {
  background: rgba(0,0,0,0.08);
}

@media (max-width: 480px) {
  .wake-bundle-mini { padding: 0.875rem 1rem 0; }
  .wake-bundle-mini__item { grid-template-columns: 60px 1fr auto; gap: 0.6rem; padding: 0.55rem; }
  .wake-bundle-mini__media { width: 60px; height: 60px; }
  .wake-bundle-mini__title { font-size: 0.78rem; }
  .wake-bundle-mini__price-final { font-size: 0.85rem; }
  .wake-bundle-mini__btn { padding: 0.5rem 0.65rem; font-size: 0.65rem; }
  .wake-bundle-mini__btn-text { display: none; }
  .wake-bundle-mini__benefit { font-size: 0.6rem; padding: 3px 5px; }
}

/* Checkout-Button im Cart-Drawer (Teal Akzent, Preis rechts) */
.wake-checkout-btn {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  background: var(--wake-pb-accent, #1e6fe0) !important;
  color: #ffffff !important;
  border: 1.5px solid var(--wake-pb-accent, #1e6fe0) !important;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  padding: 1rem 1.25rem;
  border-radius: 100px;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.wake-checkout-btn::before,
.wake-checkout-btn::after { display: none !important; }
.wake-checkout-btn:hover:not(:disabled) {
  background: #0a337a !important;
  color: #ffffff !important;
  border-color: #0a337a !important;
  transform: translateY(-1px);
}
.wake-checkout-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.wake-checkout-btn__label {
  font-size: 0.85rem;
  font-weight: 800;
  flex: 0 1 auto;
}
.wake-checkout-btn__price {
  font-size: 0.95rem;
  font-weight: 900;
  padding-left: 0.85rem;
  border-left: 1.5px solid rgba(11,59,50,0.25);
  flex: 0 0 auto;
}
.wake-checkout-btn:hover .wake-checkout-btn__price {
  border-left-color: rgba(30, 111, 224,0.35);
}

@media (max-width: 480px) {
  .wake-checkout-btn { padding: 0.9rem 1rem; gap: 0.75rem; }
  .wake-checkout-btn__label { font-size: 0.78rem; }
  .wake-checkout-btn__price { font-size: 0.88rem; padding-left: 0.65rem; }
}

/* === Delivery estimate above checkout button === */
.wake-cart-delivery {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.75rem;
  margin: 0.35rem 0 0.3rem;
  background: rgba(30, 111, 224, 0.1);
  border: 1px solid rgba(30, 111, 224, 0.3);
  border-radius: 6px;
  font-size: 0.85rem;
  color: #0a337a;
  line-height: 1.3;
}
.wake-cart-delivery__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: var(--wake-pb-accent, #1e6fe0);
  background: #0a337a;
  border-radius: 4px;
  padding: 0.25rem;
}
.wake-cart-delivery__icon svg { display: block; }
.wake-cart-delivery__text strong { font-weight: 700; }

/* === Trust strip === */
.wake-cart-trust {
  list-style: none;
  margin: 0 0 0.6rem;
  padding: 0;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.72rem;
  color: rgba(0,0,0,0.72);
  font-weight: 600;
  letter-spacing: 0.2px;
}
.wake-cart-trust__item {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex: 1 1 auto;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
}
.wake-cart-trust__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0a337a;
  flex: 0 0 auto;
}
.wake-cart-trust__icon svg { display: block; }
@media (max-width: 480px) {
  .wake-cart-trust { font-size: 0.68rem; gap: 0.35rem; }
  .wake-cart-trust__item { gap: 0.25rem; }
}

/* === Toast system === */
.wake-toast-container {
  position: fixed;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100000;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  pointer-events: none;
  width: calc(100% - 2rem);
  max-width: 420px;
}
.wake-toast {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: #0a337a;
  color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.22);
  font-size: 0.88rem;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.wake-toast.is-visible { opacity: 1; transform: translateY(0); }
.wake-toast--error { background: #b91c1c; color: #ffffff; }
.wake-toast__msg { flex: 1 1 auto; line-height: 1.35; }
.wake-toast__action {
  flex: 0 0 auto;
  background: transparent;
  border: 1.5px solid var(--wake-pb-accent, #1e6fe0);
  color: var(--wake-pb-accent, #1e6fe0);
  padding: 0.35rem 0.75rem;
  border-radius: 5px;
  font-weight: 700;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.wake-toast__action:hover {
  background: var(--wake-pb-accent, #1e6fe0);
  color: #ffffff;
}
.wake-toast--error .wake-toast__action {
  border-color: #ffffff;
  color: #ffffff;
}
.wake-toast--error .wake-toast__action:hover {
  background: #ffffff;
  color: #b91c1c;
}

/* === Empty drawer branded state === */
.wake-empty-drawer {
  padding: 2rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  text-align: center;
}
.wake-empty-drawer__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}
.wake-empty-drawer__eyebrow {
  font-size: 1.25rem;
  color: var(--wake-pb-accent, #1e6fe0);
  line-height: 1;
}
.wake-empty-drawer__title {
  font-size: 1.15rem;
  font-weight: 800;
  margin: 0;
  letter-spacing: 0.3px;
}
.wake-empty-drawer__sub {
  font-size: 0.88rem;
  color: rgba(0,0,0,0.65);
  margin: 0;
  line-height: 1.4;
  max-width: 28ch;
}
.wake-empty-drawer__card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.85rem;
  text-decoration: none;
  color: inherit;
  padding: 0.75rem;
  border: 1.5px solid rgba(11,59,50,0.12);
  border-radius: 10px;
  background: #ffffff;
  transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
  text-align: left;
}
.wake-empty-drawer__card:hover {
  border-color: var(--wake-pb-accent, #1e6fe0);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(11,59,50,0.08);
}
.wake-empty-drawer__media {
  width: 72px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
  background: #f6f6f4;
  flex: 0 0 auto;
}
.wake-empty-drawer__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wake-empty-drawer__info {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-width: 0;
}
.wake-empty-drawer__product-title {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.25;
  color: #0a337a;
}
.wake-empty-drawer__meta {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.wake-empty-drawer__price {
  font-size: 0.85rem;
  font-weight: 800;
  color: #0a337a;
}
.wake-empty-drawer__benefits {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.wake-empty-drawer__benefits li {
  font-size: 0.68rem;
  padding: 0.15rem 0.4rem;
  background: rgba(30, 111, 224,0.15);
  border-radius: 3px;
  color: #0a337a;
  font-weight: 600;
  line-height: 1.3;
}
.wake-empty-drawer__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #0a337a;
  flex: 0 0 auto;
}
.wake-empty-drawer__cta svg { display: block; }
.wake-empty-drawer__trust {
  list-style: none;
  margin: 0;
  padding: 0.75rem 0 0;
  border-top: 1px solid rgba(11,59,50,0.08);
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.72rem;
  color: rgba(0,0,0,0.65);
  font-weight: 600;
}
.wake-empty-drawer__trust li {
  flex: 1 1 auto;
  text-align: center;
  line-height: 1.3;
}
.wake-empty-drawer__fallback-btn { align-self: center; }

@media (max-width: 480px) {
  .wake-empty-drawer { padding: 1.5rem 1rem; gap: 1rem; }
  .wake-empty-drawer__title { font-size: 1.05rem; }
  .wake-empty-drawer__media { width: 60px; height: 60px; }
  .wake-empty-drawer__trust { font-size: 0.66rem; gap: 0.35rem; }
}

/* sync-bump */

/* ==========================================================================
   WAKE CART DRAWER — Cleaner Pass (2026-07-26)
   Mehr Weissraum, weniger harte Kaesten. Logik unveraendert
   (Versand-Progress oben, Payment-Proof unten bleiben).
   Alles unter .cart-drawer gescoped, reine Optik-Overrides.
   ========================================================================== */

/* Tabellen-Kopf "PRODUKT / GESAMTSUMME" raus — reines Rauschen */
.cart-drawer thead { display: none; }

/* Top-Block ruhiger: Athletencode ist entfernt, harte Trennlinie weg, mehr Luft */
.cart-drawer .wake-drawer-top {
  border-bottom: none;
  padding-bottom: 0.75rem;
  margin-bottom: 0.25rem;
  gap: 1.25rem;
}

/* Item-Zeilen luftiger, harte Zwischenlinien deutlich leichter */
.cart-drawer .cart-item { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.cart-drawer tbody tr + tr,
.cart-drawer .cart-item + .cart-item { border-top: 1px solid rgba(0,0,0,0.05); }

/* Mengen-Stepper: dicke umrandete Box -> dezente feine Linie */
.cart-drawer .quantity,
.cart-drawer .cart-item__quantity-wrapper {
  border-color: rgba(0,0,0,0.12) !important;
  box-shadow: none !important;
}

/* Bundle-Upsell-Karte: weichere Kante, mehr Innenraum, weniger Kasten-Optik */
.cart-drawer .wake-drawer-upsell__card {
  border-color: rgba(0,0,0,0.04);
  padding: 1.125rem;
}

/* Footer: mehr Luft, leichtere Trennlinie ueber dem Checkout */
.cart-drawer .drawer__footer { padding-top: 1rem; }
.cart-drawer .drawer__footer,
.cart-drawer .totals { border-top-color: rgba(0,0,0,0.06); }

/* Payment-Proof dezenter: eine ruhige Reihe, gedaempft */
.cart-drawer .wake-cart-payment { margin-top: 0.75rem; }
.cart-drawer .wake-cart-payment__item { height: 20px; width: 32px; }
.cart-drawer .wake-cart-payment__item svg { opacity: 0.5; }

/* Mehr Luft zwischen Zwischensumme und Checkout-Button */
.cart-drawer .cart__ctas { margin-top: 1.25rem; }
.cart-drawer .totals { margin-bottom: 0.25rem; }

/* Checkout-Button-Text groesser */
.cart-drawer .wake-checkout-btn__label { font-size: 1rem; }
.cart-drawer .wake-checkout-btn__price { font-size: 1rem; }
@media (max-width: 480px) {
  .cart-drawer .wake-checkout-btn__label { font-size: 0.95rem; }
  .cart-drawer .wake-checkout-btn__price { font-size: 0.95rem; }
}