/**
 * SkyLoop CI — Stylesheet_260630 + TicketsSeite.pdf measured type
 *
 * Farben:
 *   Navy  #17428C · Cyan #00C7FF · Yellow #FFFF00 · Green #83BB26
 *   10% tints: cyan ≈ #E6F9FF · yellow ≈ #FFFFE6 · header 30% cyan ≈ #B2EEFF
 *
 * Schriften:
 *   Headlines          DIN 2014 Extra Bold · VERSAL
 *   Copytexte          DIN 2014 Regular
 *   Intro/Hervorhebung DIN 2014 Demi / Extra Bold
 *   Logo-Claim         Verveine Regular (optional)
 *   Buttons / » + /    Alexandria Bold
 */

body.ss-brand-skyloop {
  --ss-skyloop-navy: #17428c;
  --ss-skyloop-cyan: #00c7ff;
  --ss-skyloop-yellow: #ffff00;
  --ss-skyloop-green: #83bb26;
  --ss-skyloop-cyan-10: #e6f9ff; /* Stylesheet 10% cyan */
  --ss-skyloop-yellow-10: #ffffe6; /* Stylesheet 10% yellow */
  --ss-skyloop-header-tint: #b2eeff; /* 30% cyan header */

  --ss-primary-color: var(--ss-skyloop-navy);
  --ss-blue-color: var(--ss-skyloop-navy); /* never #0054A3 */
  --ss-cyan-color: var(--ss-skyloop-cyan);
  --ss-yellow-color: var(--ss-skyloop-yellow);
  --ss-green-color: var(--ss-skyloop-green);
  --ss-secondary-color: var(--ss-skyloop-green);
  --ss-activity-primary: var(--ss-skyloop-navy);
  --ss-activity-accent: var(--ss-skyloop-green);
  --ss-header-bg: var(--ss-skyloop-header-tint);
  --ss-header-fg: var(--ss-skyloop-navy);

  /* PDF pt → CSS (1920 artboard → ~1500 content ≈ 0.78×) */
  --ss-type-section: clamp(1.5rem, 2.9vw, 2.9375rem); /* 60 ExtraBold */
  --ss-type-lead: clamp(0.95rem, 1.35vw, 1.25rem); /* overview lead (tuned) */
  --ss-type-card-title: clamp(1.05rem, 1.4vw, 1.4rem); /* 29 Bold */
  --ss-type-card-sub: clamp(0.875rem, 0.98vw, 0.975rem); /* 20 Demi */
  --ss-type-price: clamp(0.95rem, 1.05vw, 1.075rem); /* 22 amount */
  --ss-type-price-note: clamp(0.8rem, 0.9vw, 0.875rem); /* 18 Regular */
  --ss-type-btn: clamp(0.825rem, 1.05vw, 1.05rem); /* overview CTAs */

  /* TicketsSeite p2 step type — tuned down from PDF 0.78× (was visually too large) */
  --ss-type-step-title: clamp(1.25rem, 2.1vw, 1.85rem); /* activity / slots / anmelden */
  --ss-type-step-lead: clamp(0.9rem, 1.2vw, 1.1rem); /* schedule lead */
  --ss-type-step-banner: clamp(0.8rem, 1.05vw, 0.975rem); /* cyan policy bar */
  --ss-type-step-legend: clamp(0.8rem, 1vw, 0.95rem); /* calendar legend */
  --ss-type-step-msg: clamp(1.05rem, 1.45vw, 1.375rem); /* empty-slots message — PDF 40 Bold */
  --ss-type-step-input: clamp(0.875rem, 1.05vw, 1rem); /* fields + slot times */
  --ss-type-step-switcher: clamp(1.25rem, 2.1vw, 1.85rem); /* Anderes Erlebnis — same as Slots/Anmelden */
  --ss-type-step-chip: clamp(0.7rem, 0.85vw, 0.8125rem); /* Aktuell / price / Auswählen */
  --ss-type-step-product: clamp(0.8rem, 0.95vw, 0.9rem); /* switcher card titles */
  --ss-type-step-cal: clamp(0.8125rem, 0.95vw, 0.9375rem); /* calendar chrome */

  /* Cart + checkout (same scale) */
  --ss-type-commerce-bar: 1.15rem; /* yellow: Warenkorb / Produkt / Bestellübersicht */
  --ss-type-commerce-title: 1.05rem; /* line item titles */
  --ss-type-commerce-coupon: 0.9375rem; /* coupon toggle */

  --ss-font-sans: "DIN 2014", "DIN2014", Barlow, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ss-font-button: Alexandria, "DIN 2014", Barlow, system-ui, sans-serif;
  --ss-font-claim: Verveine, "Verveine Regular", cursive;
  --ss-tracking: 0;
  /* Do NOT set color/font on body — only overview + booking steps inherit navy type */
}

/*
 * Desktop: lock type to Stylesheet scale (clamp max).
 * Stylesheet_260630 defines roles (ExtraBold/Regular/Demi/Alexandria) —
 * sizes come from TicketsSeite measured scale used above.
 */
@media (min-width: 1024px) {
  body.ss-brand-skyloop {
    --ss-type-section: 2.9375rem; /* 47px — section headlines */
    --ss-type-lead: 1.25rem; /* 20px — intro / lead */
    --ss-type-card-title: 1.4rem; /* 22.4px — product titles (Demi) */
    --ss-type-card-sub: 0.975rem; /* ~15.6px */
    --ss-type-price: 1.075rem; /* ~17.2px */
    --ss-type-price-note: 0.875rem; /* 14px */
    --ss-type-btn: 1.05rem; /* ~16.8px — Alexandria buttons */
    --ss-type-step-title: 1.85rem;
    --ss-type-step-lead: 1.1rem;
    --ss-type-step-banner: 0.975rem;
    --ss-type-step-legend: 0.95rem;
    --ss-type-step-msg: 1.375rem;
    --ss-type-step-input: 1rem;
    --ss-type-step-switcher: 1.85rem;
    --ss-type-step-chip: 0.8125rem;
    --ss-type-step-product: 0.9rem;
    --ss-type-step-cal: 0.9375rem;
    --ss-type-commerce-bar: 1.15rem;
    --ss-type-commerce-title: 1.05rem;
    --ss-type-commerce-coupon: 0.9375rem;
  }
}

/* Navy type + DIN only inside booking UI (overview + steps), not site paragraphs */
body.ss-brand-skyloop .ss-booking-container,
body.ss-brand-skyloop .ss-skyloop-activity-container {
  font-family: var(--ss-font-sans);
  color: var(--ss-skyloop-navy);
  letter-spacing: var(--ss-tracking);
}

body.ss-brand-skyloop .ss-skyloop-activity-container,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage * {
  letter-spacing: 0 !important;
}

body.ss-brand-skyloop .ss-skyloop-activity-container,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage {
  font-family: var(--ss-font-sans);
  color: var(--ss-skyloop-navy);
}

/* Section bars */
body.ss-brand-skyloop .ss-activities-stage-header,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activities-stage-header,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-booking-date-header.ss-activities-stage-header {
  background-color: #ffff00 !important;
  background: #ffff00 !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 16px 24px !important;
  letter-spacing: 0 !important;
}

/* ExtraBold 800 — Stylesheet HEADLINES (DIN Extra Bold · VERSAL) */
body.ss-brand-skyloop .ss-activities-stage-header h1,
body.ss-brand-skyloop .ss-activities-stage-header h2,
body.ss-brand-skyloop .ss-activities-stage-header .ss-location-activities__title,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activities-stage-header h1,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activities-stage-header h2,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activities-stage-header .ss-location-activities__title,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-booking-date-header.ss-activities-stage-header h1,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-booking-date-header.ss-activities-stage-header h2 {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-section) !important;
  font-weight: 800 !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

/* Demi 600 — PDF section leads */
body.ss-brand-skyloop .ss-activities-stage-header .ss-location-activities__lead,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activities-stage-header .ss-location-activities__lead,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-booking-date-header.ss-activities-stage-header .ss-location-activities__lead,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-booking-date-header.ss-activities-stage-header p,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-location-entry-fees__lead {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-lead) !important;
  font-weight: 600 !important;
  color: #17428c !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
  margin: 0.35rem 0 0 !important;
  opacity: 1 !important;
  text-transform: none !important;
}

/* Demi 600 — card / product titles (Stylesheet: Introtexte / Hervorhebungen) */
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activity-card__title,
body.ss-brand-skyloop .ss-activity-card__title,
body.ss-brand-skyloop .ss-location-vouchers .ss-product-title,
body.ss-brand-skyloop .ss-location-vouchers .ss-product-name,
body.ss-brand-skyloop .ss-location-vouchers .ss-product-name a,
body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-title,
body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-name,
body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-name a,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-product-name,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-product-name a,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-gift-voucher-product-title-link {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-card-title) !important;
  font-weight: 600 !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  text-decoration: none !important;
  /* Do not reserve empty 2nd line — height follows real text */
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  overflow: visible !important;
  text-transform: none !important;
}

/* PDF entry titles = exactly 2 lines (line1 + Erwachsene/Kinder) */
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-entry-fee-card .ss-activity-card__title,
body.ss-brand-skyloop .ss-entry-fee-card .ss-activity-card__title {
  /* Same size as activity / voucher card titles */
  font-size: var(--ss-type-card-title) !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  overflow: visible !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-entry-fee-card .ss-activity-card__title-line,
body.ss-brand-skyloop .ss-entry-fee-card .ss-activity-card__title-line {
  display: block !important;
  font-size: inherit !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-entry-fee-card .ss-activity-card__title-line:first-child,
body.ss-brand-skyloop .ss-entry-fee-card .ss-activity-card__title-line:first-child {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Demi 600 — activity subtitle / detail line (not entry price row) */
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activity-card__subtitle:not(.ss-entry-fee-card__price),
body.ss-brand-skyloop .ss-activity-card__subtitle:not(.ss-entry-fee-card__price),
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activity-card__description,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activity-card__description p {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-card-sub) !important;
  font-weight: 600 !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

/* Price line shell — PDF: Bold amount + Regular note */
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activity-card__price,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-entry-fee-card__price,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activity-card__subtitle.ss-entry-fee-card__price,
body.ss-brand-skyloop .ss-activity-card__price,
body.ss-brand-skyloop .ss-entry-fee-card__price,
body.ss-brand-skyloop .ss-location-vouchers .ss-product-price,
body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-price,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-product-price {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price) !important;
  font-weight: 700 !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

body.ss-brand-skyloop .ss-price-amount,
body.ss-brand-skyloop .ss-booking-container .ss-price-amount,
body.ss-brand-skyloop .ss-location-vouchers .ss-product-price .ss-price-amount,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-price-amount {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price) !important;
  font-weight: 700 !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
}

body.ss-brand-skyloop .ss-price-note,
body.ss-brand-skyloop .ss-booking-container .ss-price-note,
body.ss-brand-skyloop .ss-location-vouchers .ss-product-price .ss-price-note,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-price-note,
body.ss-brand-skyloop .ss-cart-modal .ss-price-note,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-price-note,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-unit-price .ss-price-note,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-unit-price .ss-price-note {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price-note) !important;
  font-weight: 400 !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Off-canvas / mini gift cards only — keep compact (not cart-page full cards) */
body.ss-brand-skyloop .ss-off-canvas-cart .ss-product-price,
body.ss-brand-skyloop .ss-offcanvas-gift-upsell .ss-product-price,
body.ss-brand-skyloop .ss-mini-cart-gift-upsell .ss-product-price,
body.ss-brand-skyloop .ss-gift-voucher-product-card--mini .ss-product-price,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-product-price .ss-price-amount,
body.ss-brand-skyloop .ss-offcanvas-gift-upsell .ss-product-price .ss-price-amount,
body.ss-brand-skyloop .ss-mini-cart-gift-upsell .ss-product-price .ss-price-amount,
body.ss-brand-skyloop .ss-gift-voucher-product-card--mini .ss-price-amount {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body.ss-brand-skyloop .ss-off-canvas-cart .ss-product-price .ss-price-note,
body.ss-brand-skyloop .ss-offcanvas-gift-upsell .ss-product-price .ss-price-note,
body.ss-brand-skyloop .ss-mini-cart-gift-upsell .ss-product-price .ss-price-note,
body.ss-brand-skyloop .ss-gift-voucher-product-card--mini .ss-price-note {
  font-size: 0.58rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

/* Bold 700 — CTAs (Alexandria / DIN Bold) */
body.ss-brand-skyloop .ss-skyloop-activity-container .ss-btn,
body.ss-brand-skyloop .ss-skyloop-activity-container .ss-btn-primary,
body.ss-brand-skyloop .ss-skyloop-activity-container .ss-select-activity,
body.ss-brand-skyloop .ss-skyloop-activity-container .ss-select-entry-fee,
body.ss-brand-skyloop .ss-location-vouchers .ss-gift-voucher-product-button,
body.ss-brand-skyloop .ss-location-vouchers .ss-btn-primary,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-select-activity,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-select-entry-fee,
body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-gift-voucher-product-button,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-gift-voucher-product-button,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-btn-primary,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-mock-buy-vouchers-empty-cta {
  font-family: var(--ss-font-button) !important;
  font-size: var(--ss-type-btn) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0.7rem 1.1rem !important;
}

body.ss-brand-skyloop .ss-skyloop-activity-container .ss-btn:hover,
body.ss-brand-skyloop .ss-skyloop-activity-container .ss-btn-primary:hover,
body.ss-brand-skyloop .ss-skyloop-activity-container .ss-select-activity:hover,
body.ss-brand-skyloop .ss-skyloop-activity-container .ss-select-entry-fee:hover,
body.ss-brand-skyloop .ss-location-vouchers .ss-gift-voucher-product-button:hover,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-select-activity:hover,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-select-entry-fee:hover,
body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-gift-voucher-product-button:hover,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-gift-voucher-product-button:hover,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-btn-primary:hover,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-mock-buy-vouchers-empty-cta:hover {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  background-image: none !important;
  color: #ffffff !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Kill leftover Schattenspringer blue (#0054A3) inside SkyLoop booking UI */
body.ss-brand-skyloop .ss-booking-container,
body.ss-brand-skyloop .ss-skyloop-activity-container,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-mock-buy-vouchers-page,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section {
  --ss-blue-color: #17428c !important;
  --ss-primary-color: #17428c !important;
  --ss-secondary-color: #83bb26 !important;
  --ss-activity-primary: #17428c !important;
  --ss-vch-blue: #17428c !important;
}

/* /gutscheine-kaufen/ — match SkyLoop overview yellow section bar */
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-mock-buy-vouchers-header {
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  color: #17428c !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 24px !important;
  padding: 16px 24px !important;
}

body.ss-brand-skyloop.ss-buy-vouchers-page .ss-mock-buy-vouchers-title {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-section) !important;
  font-weight: 800 !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

body.ss-brand-skyloop.ss-buy-vouchers-page .ss-mock-buy-vouchers-intro,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-mock-buy-vouchers-empty-title,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-mock-buy-vouchers-empty-text {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.ss-buy-vouchers-page .ss-mock-buy-vouchers-intro {
  font-size: var(--ss-type-lead) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
  margin: 0.35rem 0 0 !important;
  max-width: none !important;
}

body.ss-brand-skyloop.ss-buy-vouchers-page .ss-mock-buy-vouchers-empty-secondary {
  color: #17428c !important;
  border-color: #17428c !important;
}

@media (max-width: 768px) {
  body.ss-brand-skyloop.ss-buy-vouchers-page .ss-mock-buy-vouchers-header {
    padding: 14px 16px !important;
  }
}

@media (max-width: 640px) {
  body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-gift-voucher-product-card .ss-product-content,
  body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-gift-voucher-product-card .ss-product-content {
    padding: 14px 12px 10px 12px !important;
    gap: 6px !important;
  }

  body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-product-image,
  body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-gift-voucher-product-card .ss-product-image {
    margin: 0 !important;
  }

  body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-gift-voucher-product-button,
  body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-btn-primary {
    width: auto !important;
    padding: 8px 14px !important;
    font-size: 0.8125rem !important;
  }

  body.ss-brand-skyloop.ss-buy-vouchers-page .ss-mock-buy-vouchers-title {
    font-size: clamp(1.15rem, 5vw, 1.5rem) !important;
  }
}

body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activity-card__badges,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activity-card__overlay,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activity-card__select-indicator {
  display: none !important;
}

/* TicketsSeite: tight image → title (was 15px) */
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activity-card__media,
body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-entry-fee-card .ss-activity-card__media,
body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-image,
body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-gift-voucher-product-card .ss-product-image,
body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-card .ss-product-image,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-product-image,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-gift-voucher-product-card .ss-product-image {
  margin: 0 0 6px 0 !important;
  margin-bottom: 6px !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-content,
body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-gift-voucher-product-card .ss-product-content,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-product-content,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-gift-voucher-product-card .ss-product-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  grid-template-rows: none !important;
  grid-template-columns: none !important;
}

@media (max-width: 768px) {
  body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-product-content,
  body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-gift-voucher-product-card .ss-product-content,
  body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-content,
  body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-gift-voucher-product-card .ss-product-content {
    padding-top: 14px !important;
  }
}

body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-name,
body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-gift-voucher-product-card .ss-product-name,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-product-name,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-gift-voucher-product-card .ss-product-name {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  line-height: 1.15 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-description.is-empty,
body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-product-description.is-empty,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-gift-product-crosssell .ss-product-description.is-empty,
body.ss-brand-skyloop .ss-gift-voucher-product-card .ss-product-description.is-empty {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activity-card__body {
  padding-top: 0 !important;
  margin-top: 0 !important;
  gap: 4px !important;
}

@media (max-width: 768px) {
  body.ss-brand-skyloop .ss-booking-container .ss-booking-activities-stage .ss-activity-card__body,
  body.ss-brand-skyloop .ss-skyloop-activity-container .ss-activity-card__body,
  body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-content,
  body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-gift-voucher-product-card .ss-product-content,
  body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-product-content,
  body.ss-brand-skyloop.ss-buy-vouchers-page .ss-buy-vouchers-gift-section .ss-gift-voucher-product-card .ss-product-content {
    padding-top: 14px !important;
  }

  /* Horizontal mobile carousel cards: pad content away from the image */
  body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-gift-voucher-product-card .ss-product-content,
  body.ss-brand-skyloop .ss-booking-container .ss-booking-gift-slider .ss-gift-voucher-product-card .ss-product-content,
  body.ss-brand-skyloop .ss-gift-voucher-slider:not(.ss-gift-voucher-slider--mini) .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-content,
  body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-gift-voucher-product-card .ss-product-content,
  body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-card .ss-product-content {
    padding: 10px 12px !important;
  }
}

/* Header chrome may use DIN; footer must match other pages (Regular 400, no DIN) */
body.ss-brand-skyloop #masthead,
body.ss-brand-skyloop #masthead a,
body.ss-brand-skyloop #masthead .main-header-menu > .menu-item > a,
body.ss-brand-skyloop #masthead .menu-link {
  font-family: var(--ss-font-sans);
  font-weight: 400;
  letter-spacing: 0;
}

/*
 * Site header chrome — same on overview / booking / cart / checkout
 * (booking.css may not load on cart/checkout).
 */
body.ss-brand-skyloop #masthead,
body.ss-brand-skyloop #masthead .ast-main-header-wrap,
body.ss-brand-skyloop #masthead .main-header-bar-wrap,
body.ss-brand-skyloop #masthead .ast-primary-header-bar,
body.ss-brand-skyloop #masthead .main-header-bar,
body.ss-brand-skyloop #masthead .ast-above-header-bar,
body.ss-brand-skyloop #masthead .ast-below-header-bar,
body.ss-brand-skyloop #ast-desktop-header,
body.ss-brand-skyloop #ast-mobile-header,
body.ss-brand-skyloop .site-header {
  background-color: var(--ss-header-bg, #b2eeff) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  overflow: visible !important;
}

body.ss-brand-skyloop #masthead .ast-container,
body.ss-brand-skyloop #masthead .ast-builder-grid-row,
body.ss-brand-skyloop #masthead .site-header-primary-section-left,
body.ss-brand-skyloop #masthead .site-header-primary-section-center,
body.ss-brand-skyloop #masthead .site-header-primary-section-right,
body.ss-brand-skyloop #masthead .ast-builder-layout-element,
body.ss-brand-skyloop #masthead .ast-builder-menu,
body.ss-brand-skyloop #masthead .main-header-menu,
body.ss-brand-skyloop #masthead .ast-header-account-wrap,
body.ss-brand-skyloop #masthead .ast-site-header-cart,
body.ss-brand-skyloop #masthead .site-branding,
body.ss-brand-skyloop #masthead .ast-site-identity {
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop #masthead .ast-primary-header-bar,
body.ss-brand-skyloop #masthead .main-header-bar {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  min-height: 72px !important;
  display: flex !important;
  align-items: center !important;
}

body.ss-brand-skyloop #masthead .ast-builder-grid-row {
  width: 100% !important;
  min-height: 48px !important;
  align-items: center !important;
}

body.ss-brand-skyloop #masthead .site-header-primary-section-left,
body.ss-brand-skyloop #masthead .ast-site-identity,
body.ss-brand-skyloop #masthead .site-logo-img,
body.ss-brand-skyloop #masthead .custom-logo-link {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: auto !important;
  left: auto !important;
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.ss-brand-skyloop #masthead .main-header-menu > .menu-item > a,
body.ss-brand-skyloop #masthead .menu-link,
body.ss-brand-skyloop #masthead .ast-header-account-wrap .ast-header-account-link,
body.ss-brand-skyloop #masthead .ast-header-account-text,
body.ss-brand-skyloop #masthead .ast-site-header-cart .cart-container,
body.ss-brand-skyloop #masthead .ast-woo-header-cart-title,
body.ss-brand-skyloop #masthead a {
  color: var(--ss-header-fg, #17428c) !important;
}

body.ss-brand-skyloop #masthead .ast-site-header-cart .cart-container svg,
body.ss-brand-skyloop #masthead .ast-header-account-wrap svg {
  fill: var(--ss-header-fg, #17428c) !important;
  color: var(--ss-header-fg, #17428c) !important;
}

body.ss-brand-skyloop #colophon,
body.ss-brand-skyloop #colophon a,
body.ss-brand-skyloop #colophon #astra-footer-menu > .menu-item > a,
body.ss-brand-skyloop #colophon #astra-footer-menu > .menu-item > a.menu-link,
body.ss-brand-skyloop #colophon .footer-menu-container .menu-item > .menu-link,
body.ss-brand-skyloop .site-footer #astra-footer-menu > .menu-item > a,
body.ss-brand-skyloop .site-footer #astra-footer-menu > .menu-item > a.menu-link,
body.ss-brand-skyloop #colophon .ast-footer-copyright,
body.ss-brand-skyloop #colophon .ast-footer-copyright p,
body.ss-brand-skyloop .site-footer .ast-footer-copyright p {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-synthesis: none !important;
  letter-spacing: 0 !important;
}

/* Header logo — Logo-05 wordmark desktop / Logo-04 mark mobile */
body.ss-brand-skyloop .site-logo-img,
body.ss-brand-skyloop .ast-site-identity .site-logo-img {
  display: inline-flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 40px !important;
}

/* Desktop: wordmark on, mark off */
body.ss-brand-skyloop .custom-logo-link.ss-location-logo-link,
body.ss-brand-skyloop a.custom-logo-link:has(.ss-skyloop-logo),
body.ss-brand-skyloop #masthead .custom-logo-link,
body.ss-brand-skyloop #ast-desktop-header .custom-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  margin: 0 !important;
  z-index: 30 !important;
}

body.ss-brand-skyloop .custom-mobile-logo-link,
body.ss-brand-skyloop #ast-desktop-header .custom-mobile-logo-link {
  display: none !important;
}

body.ss-brand-skyloop #masthead .custom-logo-link img,
body.ss-brand-skyloop #masthead .ss-skyloop-logo--desktop,
body.ss-brand-skyloop #ast-desktop-header .custom-logo-link img,
body.ss-brand-skyloop .custom-logo-link img.custom-logo,
body.ss-brand-skyloop .ss-skyloop-logo--desktop {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: 52px !important;
  max-width: 220px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Mobile: Logo-04 mark on, wordmark off */
body.ss-brand-skyloop.ast-header-break-point .custom-logo-link,
body.ss-brand-skyloop #ast-mobile-header .custom-logo-link,
body.ss-brand-skyloop.ast-header-break-point .ast-has-mobile-header-logo .custom-logo-link {
  display: none !important;
}

body.ss-brand-skyloop.ast-header-break-point .custom-mobile-logo-link,
body.ss-brand-skyloop #ast-mobile-header .custom-mobile-logo-link,
body.ss-brand-skyloop.ast-header-break-point .ast-has-mobile-header-logo .custom-mobile-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  margin: 0 !important;
  z-index: 30 !important;
}

body.ss-brand-skyloop #ast-mobile-header .custom-mobile-logo-link img,
body.ss-brand-skyloop #ast-mobile-header .ss-skyloop-logo--mobile,
body.ss-brand-skyloop.ast-header-break-point .custom-mobile-logo-link img,
body.ss-brand-skyloop .ss-skyloop-logo--mobile,
body.ss-brand-skyloop.woocommerce-cart #ast-mobile-header .custom-mobile-logo-link img,
body.ss-brand-skyloop.woocommerce-checkout #ast-mobile-header .custom-mobile-logo-link img,
body.ss-brand-skyloop.woocommerce-cart #ast-mobile-header .ss-skyloop-logo--mobile,
body.ss-brand-skyloop.woocommerce-checkout #ast-mobile-header .ss-skyloop-logo--mobile,
body.ss-brand-skyloop.woocommerce-cart #masthead .custom-logo.ss-skyloop-logo--mobile,
body.ss-brand-skyloop.woocommerce-checkout #masthead .custom-logo.ss-skyloop-logo--mobile {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: 40px !important;
  max-width: 40px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

@media (max-width: 921px) {
  body.ss-brand-skyloop #ast-desktop-header .custom-logo-link {
    display: none !important;
  }

  body.ss-brand-skyloop #ast-mobile-header .custom-mobile-logo-link,
  body.ss-brand-skyloop.ast-header-break-point .custom-mobile-logo-link {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.ss-brand-skyloop #ast-mobile-header .custom-logo-link {
    display: none !important;
  }
}

/* ========================================================================== */
/* SkyLoop booking STEPS — TicketsSeite p2 + Buchungsportal Farbvorgaben       */
/* Yellow section shells · cyan message/price chips · green/yellow calendar  */
/* ========================================================================== */

/* Left date column — white canvas (calendar sits on white in TicketsSeite) */
body.ss-brand-skyloop .ss-booking-container .ss-booking-left-section,
body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid .ss-booking-left-section {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #17428c !important;
}

/* Right column: slots + auth attached (no gap), still separate blocks; products below */
body.ss-brand-skyloop .ss-booking-container .ss-booking-right-section,
body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid .ss-booking-right-section {
  background: transparent !important;
  background-color: transparent !important;
  color: #17428c !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* Activity date header — yellow bar, navy ExtraBold */
body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1 .ss-booking-date-header,
body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid .ss-booking-date-header,
body.ss-brand-skyloop .ss-booking-container.ss-activity-calendar-active .ss-booking-date-header,
body.ss-brand-skyloop .ss-booking-container .ss-booking-left-section .ss-booking-date-header {
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  color: #17428c !important;
  border-radius: 0 !important;
  padding: 16px 24px !important;
  margin-bottom: 20px !important;
}

/* TicketsSeite p2: activity title 60 ExtraBold */
body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1 .ss-booking-date-header h1,
body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1 .ss-booking-date-header h2,
body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1 .ss-booking-step-title__label,
body.ss-brand-skyloop .ss-booking-container .ss-booking-left-section .ss-booking-date-header h1,
body.ss-brand-skyloop .ss-booking-container .ss-booking-left-section .ss-booking-date-header h2,
body.ss-brand-skyloop .ss-booking-container .ss-booking-left-section .ss-booking-step-title__label,
body.ss-brand-skyloop .ss-booking-container.ss-activity-calendar-active .ss-booking-date-header h1,
body.ss-brand-skyloop .ss-booking-container.ss-activity-calendar-active .ss-booking-date-header h2,
body.ss-brand-skyloop .ss-booking-container.ss-activity-calendar-active .ss-booking-step-title__label {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-title) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

/* TicketsSeite p2: lead 40 Demi */
body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header__activity-lead,
body.ss-brand-skyloop .ss-booking-container .ss-booking-left-section .ss-booking-date-header__activity-lead {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-lead) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
  margin: 0.35rem 0 0 !important;
  text-transform: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-booking-description,
body.ss-brand-skyloop .ss-booking-container .ss-booking-description p,
body.ss-brand-skyloop .ss-booking-container .ss-booking-description summary {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-card-sub) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.4 !important;
}

/* Cyan opening / info banners — policy bar inside yellow step header */
body.ss-brand-skyloop .ss-booking-container .ss-skyloop-booking-notice,
body.ss-brand-skyloop .ss-booking-container .ss-internal-booking-notice--info,
body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header .ss-skyloop-booking-notice,
body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header .ss-internal-booking-notice--info,
body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header .ss-internal-booking-notice.ss-internal-booking-notice--info {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-banner) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  padding: 10px 14px !important;
  margin: 12px 0 0 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: block !important;
  grid-column: 1 / -1 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-skyloop-booking-notice *,
body.ss-brand-skyloop .ss-booking-container .ss-internal-booking-notice--info *,
body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header .ss-internal-booking-notice--info * {
  color: #ffffff !important;
  font-weight: inherit !important;
}

/* Calendar legend — 29 Demi; no swatch borders; items spread across row */
body.ss-brand-skyloop .ss-booking-container .ss-calendar-legend {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  width: 100% !important;
  margin-bottom: 20px !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-legend-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: none !important;
  box-shadow: none !important;
  flex: 0 1 auto !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-legend-color {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: 36px !important;
  height: 36px !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-legend-available {
  background-color: #83bb26 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-legend-unavailable {
  /* Navy @ ~35% over white — stylesheet has no grey; derived from #17428C */
  background-color: #a3b4d1 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-legend-chosen {
  background-color: #ffff00 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-legend-label {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-legend) !important;
  font-weight: 600 !important;
  text-transform: lowercase !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
}

@media (max-width: 640px) {
  body.ss-brand-skyloop .ss-booking-container .ss-calendar-legend {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 10px 16px !important;
    background: transparent !important;
    background-color: transparent !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-legend-color {
    width: 22px !important;
    height: 22px !important;
  }
}

/* Calendar chrome */
body.ss-brand-skyloop .ss-booking-container .ss-calendar-grid,
body.ss-brand-skyloop .ss-booking-container .ss-calendar-container {
  border-color: #17428c !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-calendar-header-day,
body.ss-brand-skyloop .ss-booking-container .ss-calendar-header-row {
  color: #17428c !important;
  background: #ffffff !important;
  border-color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-cal) !important;
  font-weight: 700 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-current-month {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-cal) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-calendar-navigation button,
body.ss-brand-skyloop .ss-booking-container .ss-prev-month,
body.ss-brand-skyloop .ss-booking-container .ss-next-month {
  background: #17428c !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-calendar-day {
  border-right: 2px solid #17428c !important;
  border-bottom: 2px solid #17428c !important;
  color: #17428c !important;
  background: #ffffff !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-calendar-day.ss-calendar-day-available {
  background-color: #83bb26 !important;
  color: #ffffff !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-calendar-day.ss-calendar-day-unavailable,
body.ss-brand-skyloop .ss-booking-container .ss-calendar-day.ss-calendar-day-fully-booked {
  background-color: #b8c9d6 !important;
  color: #17428c !important;
  border-color: #17428c !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-calendar-day.ss-calendar-day-past {
  background-color: #ffffff !important;
  color: #9ca3af !important;
  border-bottom: 2px solid #17428c !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-calendar-day.ss-calendar-day-chosen,
body.ss-brand-skyloop .ss-booking-container .ss-calendar-day.ss-calendar-day-available.ss-calendar-day-chosen {
  background-color: #ffff00 !important;
  color: #17428c !important;
  font-weight: 700 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-calendar-day.ss-calendar-day-available:hover:not(.ss-calendar-day-chosen) {
  background-color: #6fa01f !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-calendar-day:hover:not(.ss-calendar-day-unavailable):not(.ss-calendar-day-empty):not(.ss-calendar-day-past):not(.ss-calendar-day-chosen) {
  background-color: #ffff00 !important;
  color: #17428c !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-calendar-day-number,
body.ss-brand-skyloop .ss-booking-container .ss-calendar-day-weekday {
  color: inherit !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-cal) !important;
  font-weight: 700 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-calendar-day-price {
  background: #ffffff !important;
  color: #17428c !important;
  border-radius: 999px !important;
  font-family: var(--ss-font-sans) !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-calendar-day.ss-calendar-day-available .ss-calendar-day-price {
  background: #ffffff !important;
  color: #17428c !important;
}

/* Sidebar titles — 60 ExtraBold (same as activity title) */
body.ss-brand-skyloop .ss-booking-container .ss-booking-right-section .ss-sidebar-header,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-sidebar-header,
body.ss-brand-skyloop .ss-booking-container .ss-register-section .ss-sidebar-header {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-title) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  margin: 0 0 16px 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar {
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  padding: 22px 20px 18px 20px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Empty-state message — TicketsSeite: cyan box, white 40 Bold, centered */
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-no-slots-message,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar #ss-time-slots-container > .ss-no-slots-message,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-daily-booking-message,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar #ss-time-slots-container > .ss-no-slots,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar #ss-time-slots-container > .ss-day-blocked {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 22px 20px !important;
  opacity: 1 !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-msg) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* Slot cards — Buchungsportal: white cards, navy type on yellow shell */
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slots-grid,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar #ss-time-slots-container {
  gap: 12px !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slots-grid .ss-time-slot,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar #ss-time-slots-container .ss-time-slot,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot:not(.ss-time-slot-selected):not(.ss-time-slot-unavailable) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #17428c !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding: 14px 12px !important;
  white-space: normal !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-input) !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot .ss-time-slot-time,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot .ss-time-range,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot strong {
  color: #17428c !important;
  font-size: var(--ss-type-step-input) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot .ss-time-slot-capacity,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot .ss-time-capacity,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot .ss-available-spaces,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot span {
  color: #17428c !important;
  font-size: clamp(0.8rem, 1.05vw, 0.95rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* Selected — cyan (CI accent); hover — light cyan tint (not yellow-on-yellow) */
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slots-grid .ss-time-slot.ss-time-slot-selected,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar #ss-time-slots-container .ss-time-slot.ss-time-slot-selected {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  transform: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected .ss-time-slot-time,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected .ss-time-range,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected strong,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected .ss-time-slot-capacity,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected .ss-time-capacity,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected .ss-available-spaces,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected span {
  color: #ffffff !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot:hover:not(.ss-time-slot-unavailable):not(.ss-time-slot-selected),
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slots-grid .ss-time-slot:hover:not(.ss-time-slot-unavailable):not(.ss-time-slot-selected) {
  background: #b2eeff !important;
  background-color: #b2eeff !important;
  color: #17428c !important;
  transform: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot:hover:not(.ss-time-slot-unavailable):not(.ss-time-slot-selected) .ss-time-slot-time,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot:hover:not(.ss-time-slot-unavailable):not(.ss-time-slot-selected) .ss-time-range,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot:hover:not(.ss-time-slot-unavailable):not(.ss-time-slot-selected) strong,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot:hover:not(.ss-time-slot-unavailable):not(.ss-time-slot-selected) span {
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-unavailable,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-unavailable:hover {
  background: #b8c9d6 !important;
  background-color: #b8c9d6 !important;
  color: #17428c !important;
  opacity: 1 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Auswählen — cyan fill (visible on yellow panel); beat booking.css primary navy/red */
body.ss-brand-skyloop .ss-booking-container #ss-choose-timeslot.ss-btn-choose,
body.ss-brand-skyloop .ss-booking-container #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar:has(.ss-time-slot.ss-time-slot-selected) #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar:has(#ss-time-slots-container > .ss-daily-booking-message) #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: var(--ss-font-button) !important;
  font-size: var(--ss-type-step-chip) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  padding: 14px 22px !important;
}

body.ss-brand-skyloop .ss-booking-container #ss-choose-timeslot.ss-btn-choose:hover:not(:disabled),
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar:has(.ss-time-slot.ss-time-slot-selected) #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible:hover,
body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar:has(#ss-time-slots-container > .ss-daily-booking-message) #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible:hover {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Anmelden CTA — yellow fill, no border (design). Not the cart CTA. */
body.ss-brand-skyloop .ss-booking-container .ss-register-section .ss-btn-register,
body.ss-brand-skyloop .ss-booking-container .ss-register-section .ss-btn-primary,
body.ss-brand-skyloop .ss-booking-container .ss-booking-actions .ss-btn-primary:not(#ss-add-to-cart-final) {
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  background-image: none !important;
  color: #17428c !important;
  border: none !important;
  outline: none !important;
  border-radius: 0 !important;
  font-family: var(--ss-font-button) !important;
  font-size: var(--ss-type-step-chip) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  padding: 14px 22px !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-register-section .ss-btn-register:hover,
body.ss-brand-skyloop .ss-booking-container .ss-register-section .ss-btn-primary:hover,
body.ss-brand-skyloop .ss-booking-container .ss-booking-actions .ss-btn-primary:not(#ss-add-to-cart-final):hover {
  background: #ffff00 !important;
  color: #17428c !important;
  filter: none !important;
  opacity: 1 !important;
}

@media (max-width: 768px) {
  /* Buchungsportal: yellow Auswählen on cyan slots band (incl. hover) */
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar:has(.ss-time-slot.ss-time-slot-selected) #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar:has(#ss-time-slots-container > .ss-daily-booking-message) #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible,
  body.ss-brand-skyloop .ss-booking-container #ss-choose-timeslot.ss-btn-choose,
  body.ss-brand-skyloop .ss-booking-container #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible,
  body.ss-brand-skyloop .ss-booking-container #ss-choose-timeslot.ss-btn-choose:hover:not(:disabled),
  body.ss-brand-skyloop .ss-booking-container #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible:hover:not(:disabled),
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar:has(.ss-time-slot.ss-time-slot-selected) #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible:hover,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar:has(#ss-time-slots-container > .ss-daily-booking-message) #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible:hover {
    background: #ffff00 !important;
    background-color: #ffff00 !important;
    color: #17428c !important;
    border: none !important;
    opacity: 1 !important;
    filter: none !important;
  }
}

@media (min-width: 769px) {
  body.ss-brand-skyloop .ss-booking-container #ss-choose-timeslot.ss-btn-choose,
  body.ss-brand-skyloop .ss-booking-container #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible {
    background: #00c7ff !important;
    background-color: #00c7ff !important;
    color: #ffffff !important;
    border: none !important;
  }
}

/* 2) Anmelden — attached under slots (no gap), still its own yellow block */
body.ss-brand-skyloop .ss-booking-container .ss-register-section,
body.ss-brand-skyloop .ss-booking-container .ss-register-section.ss-logged-in-message,
body.ss-brand-skyloop .ss-booking-container .ss-booking-right-section .ss-register-section,
body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid .ss-booking-right-section .ss-register-section {
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  padding: 8px 20px 22px 20px !important;
  margin: 0 !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

@media (max-width: 768px) {
  body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid .ss-booking-right-section {
    gap: 16px !important;
  }

  /* Keep slots + auth together on mobile (before Anderes Erlebnis) */
  body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid .ss-booking-right-section .ss-time-selection-sidebar {
    order: 1 !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid .ss-booking-right-section .ss-register-section {
    order: 2 !important;
    margin-top: 0 !important;
    margin: 0 !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid .ss-booking-right-column .ss-booking-right-section {
    order: 1 !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid .ss-activity-switcher-right {
    order: 2 !important;
  }
}

body.ss-brand-skyloop .ss-booking-container .ss-register-section label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-register-section .ss-form-field {
  position: relative !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-register-form input[type="email"],
body.ss-brand-skyloop .ss-booking-container .ss-register-form input[type="password"],
body.ss-brand-skyloop .ss-booking-container .ss-register-section input[type="email"],
body.ss-brand-skyloop .ss-booking-container .ss-register-section input[type="password"],
body.ss-brand-skyloop .ss-booking-container .ss-register-section input[type="text"] {
  background: #ffffff !important;
  color: #17428c !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 16px 18px !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-input) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-register-form input::placeholder {
  color: #17428c !important;
  opacity: 0.85 !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-input) !important;
  font-weight: 400 !important;
}

/* 3) Anderes Erlebnis wählen — separate white product area (not yellow) */
body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #17428c !important;
  padding: 0 !important;
  margin: 0 !important;
  border-top: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right__toolbar {
  margin-bottom: 14px !important;
  gap: 8px !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-header,
body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right__toolbar .ss-activity-switcher-header,
body.ss-brand-skyloop .ss-booking-container #ss-activity-switcher-header,
body.ss-brand-skyloop .ss-booking-container h3.ss-activity-switcher-header {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-switcher) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__title,
body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-product-name {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-product) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 4px 0 2px 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__body,
body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-product-content {
  gap: 2px !important;
  padding: 0 0 0 0 !important;
  margin: 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__subtitle,
body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__description,
body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__slot,
body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right #ss-activity-switcher-select {
  display: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-switcher-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px 10px !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right__cards {
  margin-top: 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card--scheduling {
  outline: none !important;
  opacity: 1 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card--scheduling .ss-activity-card__media,
body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card--scheduling .ss-product-image {
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card--switchable:not(.ss-activity-card--scheduling) {
  opacity: 1 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__current-badge {
  display: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__media,
body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-product-image {
  height: 110px !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__media img,
body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__body .ss-btn,
body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-product-content .ss-btn,
body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-select-activity-switcher {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: var(--ss-font-button) !important;
  font-size: var(--ss-type-step-chip) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  width: 100% !important;
  padding: 10px 8px !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card--scheduling .ss-activity-card__body .ss-btn,
body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card--scheduling .ss-select-activity-switcher {
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card--selected .ss-activity-card__media::after,
body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-product-card.selected .ss-product-image::after {
  display: none !important;
  content: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-booking-right-column {
  gap: 20px !important;
}

/* TicketsSeite: switch via “Anderes Erlebnis wählen” — no “Aktivitäten ändern” control */
body.ss-brand-skyloop .ss-booking-container .ss-selected-activity-context,
body.ss-brand-skyloop .ss-booking-container #ss-change-selected-activity,
body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher__change,
body.ss-brand-skyloop .ss-booking-container .ss-change-activities-btn--desktop {
  display: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher__toggle {
  display: none !important;
}

@media (max-width: 768px) {
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher__toggle {
    display: inline-flex !important;
  }
}

/* Switcher cards on mobile — same horizontal rows as overview (activities.css ≤640) */
@media (max-width: 640px) {
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-switcher-grid,
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-location-activities__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
    align-items: stretch !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card,
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card--switchable,
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card--scheduling {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    overflow: hidden !important;
    height: auto !important;
    min-height: 128px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    outline: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card--scheduling,
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card--selected {
    border-color: #00c7ff !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__media,
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-product-image,
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card--scheduling .ss-activity-card__media {
    position: relative !important;
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    height: auto !important;
    min-height: 100% !important;
    flex: 0 0 108px !important;
    align-self: stretch !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: none !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__media img,
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__body,
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-product-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 100% !important;
    padding: 10px 12px !important;
    gap: 6px !important;
    margin: 0 !important;
    overflow: hidden !important;
    justify-content: flex-start !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__title,
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-product-name {
    display: block !important;
    color: #17428c !important;
    font-size: 0.9375rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__subtitle {
    display: block !important;
    color: #17428c !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__description {
    display: none !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card__body .ss-btn,
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-product-content .ss-btn,
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-select-activity-switcher {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    align-self: flex-start !important;
    margin-top: auto !important;
    padding: 8px 14px !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    background: #00c7ff !important;
    background-color: #00c7ff !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card--scheduling .ss-activity-card__body .ss-btn,
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card--scheduling .ss-select-activity-switcher,
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right .ss-activity-card--selected .ss-select-activity-switcher {
    background: #ffff00 !important;
    background-color: #ffff00 !important;
    color: #17428c !important;
  }
}

/*
 * Mobile ≤768 — Buchungsportal.pdf stacked layout
 * Yellow calendar band → cyan slots → cyan Anmelden → white products
 */
@media (max-width: 768px) {
  /* Full-bleed stacked bands */
  body.ss-brand-skyloop .ss-booking-container.ss-activity-calendar-active,
  body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid .ss-booking-left-section,
  body.ss-brand-skyloop .ss-booking-container .ss-booking-left-section {
    background: #ffff00 !important;
    background-color: #ffff00 !important;
    padding: 20px 16px 24px 16px !important;
    margin: 0 !important;
    gap: 14px !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid .ss-booking-date-header,
  body.ss-brand-skyloop .ss-booking-container .ss-booking-left-section .ss-booking-date-header {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-calendar-legend {
    margin-bottom: 12px !important;
    background: transparent !important;
    background-color: transparent !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 12px 18px !important;
  }

  /* Buchungsportal order on yellow band: verfügbar · ausgebucht · gewählt */
  body.ss-brand-skyloop .ss-booking-container .ss-calendar-legend .ss-legend-item:has(.ss-legend-available) {
    order: 1 !important;
  }
  body.ss-brand-skyloop .ss-booking-container .ss-calendar-legend .ss-legend-item:has(.ss-legend-unavailable) {
    order: 2 !important;
  }
  body.ss-brand-skyloop .ss-booking-container .ss-calendar-legend .ss-legend-item:has(.ss-legend-chosen) {
    order: 3 !important;
  }

  /* gewählt = magenta (visible on yellow) — Buchungsportal, not yellow-on-yellow */
  body.ss-brand-skyloop .ss-booking-container .ss-legend-chosen {
    background-color: #ff4db8 !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-legend-color {
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-legend-label {
    font-size: 0.8125rem !important;
    white-space: normal !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-calendar-day.ss-calendar-day-chosen,
  body.ss-brand-skyloop .ss-booking-container .ss-calendar-day.ss-calendar-day-available.ss-calendar-day-chosen {
    background-color: #ff4db8 !important;
    color: #ffffff !important;
  }
  body.ss-brand-skyloop .ss-booking-container .ss-date-selection,
  body.ss-brand-skyloop .ss-booking-container .ss-calendar-container,
  body.ss-brand-skyloop .ss-booking-container .ss-calendar-navigation {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-calendar-navigation {
    margin-bottom: 12px !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-calendar-grid {
    background: #ffffff !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid .ss-booking-right-column,
  body.ss-brand-skyloop .ss-booking-container .ss-booking-right-column {
    gap: 16px !important;
    max-width: none !important;
    position: static !important;
    margin-top: 16px !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid .ss-booking-right-section,
  body.ss-brand-skyloop .ss-booking-container .ss-booking-right-section {
    gap: 16px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  /* Slots band — cyan */
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar,
  body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid .ss-time-selection-sidebar,
  body.ss-brand-skyloop .ss-booking-container #ss-time-selection {
    background: #00c7ff !important;
    background-color: #00c7ff !important;
    padding: 22px 16px 20px 16px !important;
    margin: 0 !important;
    width: 100% !important;
  }

  /* Anmelden band — cyan, attached under slots */
  body.ss-brand-skyloop .ss-booking-container .ss-register-section,
  body.ss-brand-skyloop .ss-booking-container .ss-register-section.ss-logged-in-message,
  body.ss-brand-skyloop .ss-booking-container .ss-booking-right-section .ss-register-section,
  body.ss-brand-skyloop .ss-booking-container .ss-booking-step-1-grid .ss-booking-right-section .ss-register-section {
    background: #00c7ff !important;
    background-color: #00c7ff !important;
    padding: 8px 16px 24px 16px !important;
    margin: 0 !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-sidebar-header,
  body.ss-brand-skyloop .ss-booking-container .ss-register-section .ss-sidebar-header {
    color: #17428c !important;
    text-transform: uppercase !important;
    margin: 0 0 14px 0 !important;
  }

  /* Empty message on cyan band — white card, navy type */
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-no-slots-message,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar #ss-time-slots-container > .ss-no-slots-message,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-daily-booking-message,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar #ss-time-slots-container > .ss-no-slots,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar #ss-time-slots-container > .ss-day-blocked {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #17428c !important;
    text-align: center !important;
    padding: 18px 16px !important;
  }

  /* Slot grid — 2 columns like PDF */
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slots-grid,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar #ss-time-slots-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slots-grid .ss-time-slot,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar #ss-time-slots-container .ss-time-slot {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #17428c !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot .ss-time-slot-time,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot .ss-time-range,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot strong,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot span,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot .ss-time-slot-capacity,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot .ss-time-capacity,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot .ss-available-spaces,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot .ss-time-capacity .ss-available-spaces {
    color: #17428c !important;
  }

  /* Selected on cyan band — yellow + navy (PDF / gewählt) */
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slots-grid .ss-time-slot.ss-time-slot-selected,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar #ss-time-slots-container .ss-time-slot.ss-time-slot-selected {
    background: #ffff00 !important;
    background-color: #ffff00 !important;
    color: #17428c !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected .ss-time-slot-time,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected .ss-time-range,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected strong,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected span,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected .ss-time-slot-capacity,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected .ss-time-capacity,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected .ss-available-spaces,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot.ss-time-slot-selected .ss-time-capacity .ss-available-spaces {
    color: #17428c !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot:hover:not(.ss-time-slot-unavailable):not(.ss-time-slot-selected) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #17428c !important;
    box-shadow: inset 0 0 0 2px #17428c !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot:hover:not(.ss-time-slot-unavailable):not(.ss-time-slot-selected) .ss-available-spaces,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar .ss-time-slot:hover:not(.ss-time-slot-unavailable):not(.ss-time-slot-selected) .ss-time-capacity .ss-available-spaces {
    color: #17428c !important;
  }

  /* Auswählen + Anmelden — yellow fill, navy type (Buchungsportal) */
  body.ss-brand-skyloop .ss-booking-container #ss-choose-timeslot.ss-btn-choose,
  body.ss-brand-skyloop .ss-booking-container #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar:has(.ss-time-slot.ss-time-slot-selected) #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar:has(#ss-time-slots-container > .ss-daily-booking-message) #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible,
  body.ss-brand-skyloop .ss-booking-container .ss-register-section .ss-btn-register,
  body.ss-brand-skyloop .ss-booking-container .ss-register-section .ss-btn-primary {
    background: #ffff00 !important;
    background-color: #ffff00 !important;
    color: #17428c !important;
    border: none !important;
    width: 100% !important;
    text-align: center !important;
    opacity: 1 !important;
    filter: none !important;
  }

  /* Beat desktop cyan hover + booking.css :has(...):hover primary */
  body.ss-brand-skyloop .ss-booking-container #ss-choose-timeslot.ss-btn-choose:hover:not(:disabled),
  body.ss-brand-skyloop .ss-booking-container #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible:hover:not(:disabled),
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar:has(.ss-time-slot.ss-time-slot-selected) #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible:hover,
  body.ss-brand-skyloop .ss-booking-container .ss-time-selection-sidebar:has(#ss-time-slots-container > .ss-daily-booking-message) #ss-choose-timeslot.ss-btn-choose.ss-choose-timeslot--visible:hover,
  body.ss-brand-skyloop .ss-booking-container .ss-register-section .ss-btn-register:hover,
  body.ss-brand-skyloop .ss-booking-container .ss-register-section .ss-btn-primary:hover {
    background: #ffff00 !important;
    background-color: #ffff00 !important;
    color: #17428c !important;
    opacity: 1 !important;
    filter: none !important;
  }

  /* Login fields — white on cyan */
  body.ss-brand-skyloop .ss-booking-container .ss-register-form input[type="email"],
  body.ss-brand-skyloop .ss-booking-container .ss-register-form input[type="password"],
  body.ss-brand-skyloop .ss-booking-container .ss-register-section input[type="email"],
  body.ss-brand-skyloop .ss-booking-container .ss-register-section input[type="password"],
  body.ss-brand-skyloop .ss-booking-container .ss-register-section input[type="text"] {
    background: #ffffff !important;
    color: #17428c !important;
    border: none !important;
    width: 100% !important;
  }

  /* Products on white below cyan bands */
  body.ss-brand-skyloop .ss-booking-container .ss-activity-switcher-right {
    background: #ffffff !important;
    padding: 20px 16px 24px 16px !important;
    margin: 0 !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-booking-description {
    background: #ffff00 !important;
    padding: 0 16px 20px 16px !important;
    margin: 0 !important;
  }
}

/* ==========================================================================
 * Step 2 — same CI as Step 1 + overview product cards
 * Yellow chrome · cyan CTAs · navy type · flat white products
 * Specifiers must beat booking.css white-on-blue sidebar rules.
 * ========================================================================== */

/* Yellow header bar */
body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header.header-2 {
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  color: #17428c !important;
  padding: 20px 24px !important;
  margin-bottom: 20px !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header.header-2 h1,
body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header.header-2 h2 {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-title) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

/* Notices inside yellow header → cyan + white (Step 1 / Step 2 policy + park-entry Hinweis) */
body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header.header-2 .ss-internal-booking-notice,
body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header.header-2 .ss-internal-booking-notice--info,
body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header.header-2 .ss-internal-booking-notice--warning,
body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header.header-2 .ss-skyloop-booking-notice,
body.ss-brand-skyloop .ss-booking-container .ss-booking-step-2 .ss-booking-date-header .ss-internal-booking-notice,
body.ss-brand-skyloop .ss-booking-container .ss-booking-step-2 .ss-booking-date-header .ss-internal-booking-notice--info,
body.ss-brand-skyloop .ss-booking-container .ss-booking-step-2 .ss-booking-date-header .ss-internal-booking-notice--warning {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-left: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-banner) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  padding: 10px 14px !important;
  margin: 12px 0 0 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header.header-2 .ss-internal-booking-notice *,
body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header.header-2 .ss-skyloop-booking-notice *,
body.ss-brand-skyloop .ss-booking-container .ss-booking-step-2 .ss-booking-date-header .ss-internal-booking-notice * {
  color: #ffffff !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header.header-2 .ss-booking-error-message {
  background: #ffffff !important;
  color: #17428c !important;
  border: 2px solid #17428c !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  margin: 12px 0 0 0 !important;
  padding: 10px 14px !important;
}

/* Ticket count band — yellow + navy, tighter padding */
body.ss-brand-skyloop .ss-booking-container .ss-ticket-number-selection {
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  color: #17428c !important;
  padding: 24px 30px !important;
  align-items: stretch !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-ticket-number-selection > * {
  max-width: 100% !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-ticket-number-selection h3,
body.ss-brand-skyloop .ss-booking-container .ss-ticket-number-selection .ss-ticket-input-row label,
body.ss-brand-skyloop .ss-booking-container .ss-ticket-number-selection .ss-ticket-variant-condition,
body.ss-brand-skyloop .ss-booking-container .ss-ticket-number-selection .ss-available-slots-info,
body.ss-brand-skyloop .ss-booking-container .ss-ticket-number-selection .ss-ticket-note {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-ticket-number-selection h3 {
  font-size: var(--ss-type-step-title) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 0 0 16px 0 !important;
  text-transform: uppercase !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-ticket-number-selection .ss-ticket-input-row label {
  font-weight: 700 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-ticket-number-selection .ss-ticket-variant-condition {
  color: rgba(23, 66, 140, 0.78) !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-quantity-btn {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--ss-font-button) !important;
  font-weight: 700 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-quantity-btn:hover {
  background: #00c7ff !important;
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-ticket-input {
  background: #ffffff !important;
  color: #17428c !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 700 !important;
}

/* Section titles */
body.ss-brand-skyloop .ss-booking-container .ss-product-selection h3,
body.ss-brand-skyloop .ss-booking-container .ss-step2-voucher-upsell h3,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell h3 {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  border-bottom: none !important;
  text-transform: uppercase !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step2-voucher-mock-intro {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 600 !important;
}

/* Product / gift cards — overview type + spacing (beats booking.css 700 / 1.2rem / 12px) */
body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-card,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card {
  background: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: visible !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-card .ss-product-image,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-product-image {
  margin: 0 0 6px 0 !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-content,
body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-content,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-product-content,
body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-content,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-gift-product-crosssell .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  row-gap: 4px !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Mobile horizontal gift / product rows — keep left padding from the image */
@media (max-width: 768px) {
  body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-gift-voucher-product-card .ss-product-content,
  body.ss-brand-skyloop .ss-booking-container .ss-booking-gift-slider .ss-gift-voucher-product-card .ss-product-content,
  body.ss-brand-skyloop .ss-gift-voucher-slider:not(.ss-gift-voucher-slider--mini) .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-content,
  body.ss-brand-skyloop.woocommerce-cart .ss-cart-gift-product-crosssell .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-content {
    padding: 10px 12px !important;
  }
}

body.ss-brand-skyloop .ss-booking-container .ss-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-name,
body.ss-brand-skyloop .ss-booking-container .ss-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-name a,
body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-name,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-product-name,
body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-name,
body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-name a {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-card-title) !important;
  font-weight: 600 !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-description,
body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-description p,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-product-description,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-product-description p,
body.ss-brand-skyloop .ss-booking-container .ss-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-description,
body.ss-brand-skyloop .ss-booking-container .ss-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-description p {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-card-sub) !important;
  font-weight: 600 !important;
  color: #17428c !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price,
body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-price,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-product-price,
body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price) !important;
  font-weight: 700 !important;
  color: #17428c !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price .ss-price-amount,
body.ss-brand-skyloop .ss-booking-container .ss-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price .woocommerce-Price-amount,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-product-price .ss-price-amount,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-product-price .woocommerce-Price-amount,
body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price .ss-price-amount,
body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price .woocommerce-Price-amount {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price) !important;
  font-weight: 700 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price .ss-price-note,
body.ss-brand-skyloop .ss-booking-container .ss-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price .woocommerce-price-suffix,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-product-price .ss-price-note,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-product-price .woocommerce-price-suffix,
body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price .ss-price-note,
body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price .woocommerce-price-suffix {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price-note) !important;
  font-weight: 400 !important;
  color: #17428c !important;
}

/* Select / cart CTAs — solid cyan */
body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-content .ss-btn,
body.ss-brand-skyloop .ss-booking-container .ss-select-product.ss-btn-primary,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-select-product,
body.ss-brand-skyloop .ss-booking-container #ss-add-to-cart-final.ss-btn-primary,
body.ss-brand-skyloop .ss-booking-container #ss-add-to-cart-final.ss-btn-disabled,
body.ss-brand-skyloop .ss-booking-container #ss-attendee-confirm.ss-btn-primary,
body.ss-brand-skyloop .ss-booking-container #ss-book-another-yes.ss-btn-primary {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: var(--ss-font-button) !important;
  font-size: var(--ss-type-btn) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  min-height: 44px !important;
  padding: 12px 20px !important;
}

body.ss-brand-skyloop .ss-booking-container #ss-add-to-cart-final.ss-btn-disabled,
body.ss-brand-skyloop .ss-booking-container #ss-add-to-cart-final[aria-disabled="true"],
body.ss-brand-skyloop .ss-booking-container #ss-add-to-cart-final:disabled {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  filter: none !important;
  transform: none !important;
  pointer-events: auto !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-content .ss-btn:hover,
body.ss-brand-skyloop .ss-booking-container .ss-select-product.ss-btn-primary:hover,
body.ss-brand-skyloop .ss-booking-container #ss-add-to-cart-final.ss-btn-primary:hover:not(.ss-btn-disabled):not([aria-disabled="true"]):not(:disabled),
body.ss-brand-skyloop .ss-booking-container #ss-attendee-confirm.ss-btn-primary:hover,
body.ss-brand-skyloop .ss-booking-container #ss-book-another-yes.ss-btn-primary:hover {
  background: #00b4e6 !important;
  background-color: #00b4e6 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

/* Selected ticket — keep card border; yellow/navy CTA */
body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-card.selected,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card.selected {
  box-shadow: none !important;
  background: #ffffff !important;
  outline: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-card.selected .ss-product-image::after,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card.selected .ss-product-image::after {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM10.2426 14.4142L17.3137 7.34315L18.7279 8.75736L10.2426 17.2426L6 13L7.41421 11.5858L10.2426 14.4142Z' fill='%2300C7FF'/%3E%3C/svg%3E") !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-card.selected .ss-select-product,
body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-card.selected .ss-product-content .ss-btn,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card.selected .ss-select-product {
  display: block !important;
  visibility: visible !important;
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  color: #17428c !important;
  opacity: 1 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-card.selected .ss-select-product:hover,
body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card.selected .ss-select-product:hover {
  background: #ffff00 !important;
  color: #17428c !important;
}

/* Gift vouchers — cyan CTAs (must beat vouchers.css navy/--ss-primary) */
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-product-name,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-product-price {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-gift-voucher-product-button,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-product-content .ss-btn,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell button.ss-btn.ss-btn-primary.ss-gift-voucher-product-button,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-gift-voucher-product-card .ss-gift-voucher-product-button,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-gift-voucher-product-card .ss-product-content .ss-btn,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-gift-voucher-product-card button.ss-btn.ss-btn-primary.ss-gift-voucher-product-button,
body.ss-brand-skyloop .ss-booking-container .ss-booking-gift-slider .ss-gift-voucher-product-button,
body.ss-brand-skyloop .ss-booking-container .ss-booking-gift-slider .ss-product-content .ss-btn {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  background-image: none !important;
  border: none !important;
  border-color: #00c7ff !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--ss-font-button) !important;
  font-weight: 700 !important;
  filter: none !important;
  opacity: 1 !important;
}

@media (max-width: 768px) {
  body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-gift-voucher-product-button,
  body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-product-content .ss-btn,
  body.ss-brand-skyloop .ss-booking-container .ss-booking-gift-slider .ss-gift-voucher-product-button,
  body.ss-brand-skyloop .ss-booking-container .ss-booking-gift-slider .ss-product-content .ss-btn {
    font-size: 0.8125rem !important;
    padding: 8px 14px !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: nowrap !important;
  }
}

body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-gift-voucher-product-button:hover,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-gift-voucher-product-button:focus,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-product-content .ss-btn:hover,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-product-content .ss-btn:focus,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell button.ss-btn.ss-btn-primary.ss-gift-voucher-product-button:hover,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell button.ss-btn.ss-btn-primary.ss-gift-voucher-product-button:focus,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-gift-voucher-product-card .ss-gift-voucher-product-button:hover,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-gift-voucher-product-card .ss-product-content .ss-btn:hover {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  background-image: none !important;
  border-color: #00c7ff !important;
  color: #ffffff !important;
  filter: none !important;
  opacity: 1 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-gift-voucher-product-button.is-added,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell button.ss-gift-voucher-product-button.is-added {
  background: #17428c !important;
  background-color: #17428c !important;
  color: #ffffff !important;
  filter: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-gift-voucher-image-badge,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-gift-voucher-slider-dot.is-active,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-gift-voucher-slider-dot[aria-current="true"],
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-cart-voucher-slider-dot.is-active,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-cart-voucher-slider-dot[aria-current="true"] {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
}

/*
 * Sidebar "Deine Buchung" — yellow panel + navy type (Step 1 right column).
 * Must override booking.css white-on-blue rules (higher specificity).
 */
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary {
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  color: #17428c !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary h3,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary .ss-selection-details p,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary .ss-selection-details strong,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary .ss-location-address p,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary .ss-booked-day-details p,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary .ss-booked-time-details p,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary .ss-booked-activity-details p,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary .ss-booked-activity-details > p > strong,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary .ss-persons-details p,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary .ss-persons-details #ss-summary-persons-details p,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary .ss-step2-activities-sidebar-title,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary .ss-step2-activities-sidebar-slot,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary .ss-step2-activities-sidebar-ticket-label,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary .ss-step2-activities-sidebar-hint,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary .ss-tariff-info-sidebar p,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary .ss-tariff-description {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-selection-summary h3 {
  font-weight: 800 !important;
  text-transform: uppercase !important;
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes {
  border-top: 1px solid rgba(23, 66, 140, 0.2) !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes .ss-mandatory-checkbox-item {
  color: #17428c !important;
  background: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
  border: 2px solid #17428c !important;
  border-radius: 0 !important;
  padding: 10px 12px !important;
  margin: 0 0 12px 0 !important;
  box-sizing: border-box !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes .ss-mandatory-checkbox-item.is-error {
  outline: none !important;
  outline-offset: 0 !important;
  border: 2px solid #17428c !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(0, 199, 255, 0.45) !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes .ss-notice-text,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes .ss-consent-text,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes .ss-book-another-inline-text,
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes .ss-notice-text strong {
  color: #17428c !important;
}

/* Explicit checkbox chrome — white/currentColor borders vanish on yellow sidebar */
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  margin: 2px 0 0 !important;
  border: 2px solid #17428c !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  accent-color: #00c7ff !important;
  color: #17428c !important;
  display: inline-grid !important;
  place-content: center !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes input[type="checkbox"]::after {
  content: "" !important;
  width: 6px !important;
  height: 10px !important;
  border-right: 2px solid #ffffff !important;
  border-bottom: 2px solid #ffffff !important;
  transform: rotate(45deg) translateY(-1px) !important;
  opacity: 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes input[type="checkbox"]:checked {
  background: #00c7ff !important;
  border-color: #00c7ff !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes input[type="checkbox"]:checked::after {
  opacity: 1 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes input[type="checkbox"]:disabled {
  border-color: rgba(23, 66, 140, 0.45) !important;
  background: #f1f5f9 !important;
  opacity: 1 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes .ss-terms-pdf-download {
  color: #17428c !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
}

/* PDF status — must be readable on yellow sidebar (was white/pink-on-yellow) */
body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes .ss-terms-pdf-message {
  display: none;
  margin-top: 8px !important;
  padding: 8px 10px !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  border-radius: 0 !important;
  color: #17428c !important;
  background: #ffffff !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes .ss-terms-pdf-message--success {
  display: block !important;
  color: #17428c !important;
  background: #ffffff !important;
  border-left: 4px solid #83bb26 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-step-2-right-column .ss-booking-mandatory-checkboxes .ss-terms-pdf-message--error {
  display: block !important;
  color: #17428c !important;
  background: #ffffff !important;
  border-left: 4px solid #17428c !important;
}

/* Wichtige Infos — yellow bar (overview), not navy */
body.ss-brand-skyloop .ss-booking-container .ss-important-information .ss-important-info-header {
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  color: #17428c !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-important-information .ss-important-info-header h2 {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-important-information--collapsible > summary,
body.ss-brand-skyloop .ss-booking-container .ss-important-information__summary {
  background: #ffff00 !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
}

/* + / − must stay navy on yellow — Alexandria Bold (Stylesheet Sonderzeichen) */
body.ss-brand-skyloop .ss-booking-container .ss-important-information--collapsible > summary::after,
body.ss-brand-skyloop .ss-booking-container .ss-important-information__summary::after {
  color: #17428c !important;
  font-family: var(--ss-font-button) !important;
  font-weight: 700 !important;
}

/* FAQ cards — cyan title strip + navy copy (questions were white-on-white) */
body.ss-brand-skyloop .ss-booking-container .ss-info-accordion-item {
  border: 2px solid #00c7ff !important;
  border-radius: 0 !important;
  background: #ffffff !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-info-accordion-header,
body.ss-brand-skyloop .ss-booking-container .ss-info-accordion-header span {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 600 !important;
  text-transform: none !important;
  border: none !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop .ss-booking-container .ss-info-accordion-content,
body.ss-brand-skyloop .ss-booking-container .ss-info-accordion-content p {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 600 !important;
  background: #ffffff !important;
}

/* Mobile ≤768 */
@media (max-width: 768px) {
  body.ss-brand-skyloop .ss-booking-container .ss-booking-date-header.header-2 {
    padding: 16px !important;
    margin-bottom: 0 !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-ticket-number-selection {
    margin-top: 0 !important;
    padding: 16px !important;
  }

  /* In den Warenkorb — same cyan / hover / disabled as desktop (no yellow override) */
  body.ss-brand-skyloop .ss-booking-container .ss-booking-actions #ss-add-to-cart-final.ss-btn-primary,
  body.ss-brand-skyloop .ss-booking-container #ss-add-to-cart-final.ss-btn-primary,
  body.ss-brand-skyloop .ss-booking-container #ss-add-to-cart-final.ss-btn-disabled {
    background: #00c7ff !important;
    background-color: #00c7ff !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--ss-font-button) !important;
    font-weight: 700 !important;
  }

  body.ss-brand-skyloop .ss-booking-container #ss-add-to-cart-final.ss-btn-primary:hover:not(.ss-btn-disabled):not([aria-disabled="true"]):not(:disabled) {
    background: #00b4e6 !important;
    background-color: #00b4e6 !important;
    color: #ffffff !important;
    opacity: 1 !important;
  }

  body.ss-brand-skyloop .ss-booking-container #ss-add-to-cart-final.ss-btn-disabled,
  body.ss-brand-skyloop .ss-booking-container #ss-add-to-cart-final[aria-disabled="true"],
  body.ss-brand-skyloop .ss-booking-container #ss-add-to-cart-final:disabled {
    background: #00c7ff !important;
    background-color: #00c7ff !important;
    color: #ffffff !important;
    opacity: 0.55 !important;
    cursor: not-allowed !important;
  }
}

/* Mobile ≤640 — horizontal product rows (overview) */
@media (max-width: 640px) {
  body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-products-grid,
  body.ss-brand-skyloop .ss-booking-container #ss-products-grid.ss-products-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
    min-height: 0 !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-card,
  body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card,
  body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-gift-voucher-product-card,
  body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    overflow: hidden !important;
    height: auto !important;
    min-height: 128px !important;
    border: 2px solid #e0e0e0 !important;
    box-shadow: none !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-card.selected,
  body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card.selected {
    border: 2px solid #e0e0e0 !important;
    box-shadow: none !important;
    outline: none !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-card .ss-product-image,
  body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-product-image,
  body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-gift-voucher-product-card .ss-product-image,
  body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-card .ss-product-image {
    position: relative !important;
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    height: auto !important;
    min-height: 100% !important;
    flex: 0 0 108px !important;
    margin: 0 !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-card .ss-product-image img,
  body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-product-image img,
  body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-gift-voucher-product-card .ss-product-image img,
  body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-card .ss-product-image img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-card .ss-product-content,
  body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-product-content,
  body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-gift-voucher-product-card .ss-product-content,
  body.ss-brand-skyloop .ss-booking-container .ss-location-vouchers .ss-product-card .ss-product-content {
    padding: 10px 12px !important;
    gap: 4px !important;
    overflow: hidden !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-product-description,
  body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-product-description {
    display: none !important;
  }

  body.ss-brand-skyloop .ss-booking-container .ss-product-selection .ss-select-product,
  body.ss-brand-skyloop .ss-booking-container #ss-products-grid > .ss-product-card .ss-select-product {
    display: inline-block !important;
    width: auto !important;
    align-self: flex-start !important;
    margin-top: auto !important;
    padding: 8px 14px !important;
    font-size: 0.8125rem !important;
    min-height: 0 !important;
  }
}


/* ========================================================================== */
/* SkyLoop modals — attendee / book-another / entry-fee (outside booking box) */
/* Flat · navy type · cyan CTAs · yellow header                                */
/* ========================================================================== */
body.ss-brand-skyloop .ss-attendee-modal__dialog {
  background: #ffffff !important;
  color: #17428c !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 48px rgba(23, 66, 140, 0.22) !important;
  font-family: var(--ss-font-sans) !important;
}

body.ss-brand-skyloop .ss-attendee-modal__header {
  background: #ffff00 !important;
  padding: 1.25rem 1.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
}

body.ss-brand-skyloop .ss-attendee-modal__header .ss-attendee-modal__title {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

body.ss-brand-skyloop .ss-attendee-modal__dialog h3,
body.ss-brand-skyloop .ss-attendee-modal__dialog #ss-attendee-modal-title,
body.ss-brand-skyloop .ss-attendee-modal__dialog #ss-book-another-activity-title,
body.ss-brand-skyloop .ss-attendee-modal__dialog #ss-entry-fee-modal-title,
body.ss-brand-skyloop .ss-attendee-modal__dialog #ss-entry-fee-success-title {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}

body.ss-brand-skyloop .ss-attendee-modal__lead,
body.ss-brand-skyloop .ss-attendee-modal__dialog #ss-book-another-activity-lead,
body.ss-brand-skyloop .ss-attendee-modal__dialog #ss-entry-fee-modal-lead {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 600 !important;
  opacity: 0.95 !important;
  margin: 0.35rem 0 0 !important;
}

body.ss-brand-skyloop .ss-attendee-modal__lead:empty,
body.ss-brand-skyloop .ss-attendee-modal__dialog #ss-entry-fee-modal-lead:empty,
body.ss-brand-skyloop .ss-attendee-modal__dialog #ss-book-another-activity-lead:empty {
  display: none !important;
  margin: 0 !important;
}

body.ss-brand-skyloop .ss-attendee-modal__close {
  color: #17428c !important;
  background: transparent !important;
  border-radius: 0 !important;
  align-self: center !important;
  flex-shrink: 0 !important;
}

body.ss-brand-skyloop .ss-attendee-modal__close:hover,
body.ss-brand-skyloop .ss-attendee-modal__close:focus-visible {
  background: rgba(23, 66, 140, 0.08) !important;
  color: #17428c !important;
}

@media (max-width: 768px) {
  body.ss-brand-skyloop #ss-entry-fee-modal .ss-attendee-modal__header,
  body.ss-brand-skyloop .ss-attendee-modal__header {
    padding: max(16px, env(safe-area-inset-top)) 16px 16px !important;
    align-items: center !important;
  }
}

body.ss-brand-skyloop .ss-attendee-modal__body {
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-attendee-wizard__eyebrow,
body.ss-brand-skyloop .ss-attendee-wizard__percent {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 700 !important;
}

body.ss-brand-skyloop .ss-attendee-wizard__progress {
  background: #e6f9ff !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop .ss-attendee-wizard__progress span {
  background: #00c7ff !important;
  background-image: none !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop .ss-attendee-reuse-check,
body.ss-brand-skyloop .ss-attendee-same-person-wrap {
  background: #e6f9ff !important;
  border: 2px solid #00c7ff !important;
  border-radius: 0 !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 700 !important;
}

body.ss-brand-skyloop .ss-attendee-reuse-check input,
body.ss-brand-skyloop .ss-attendee-same-person-wrap input {
  accent-color: #00c7ff !important;
}

body.ss-brand-skyloop .ss-attendee-wizard__card {
  background: #ffffff !important;
  border: 2px solid #00c7ff !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop .ss-attendee-wizard__summary {
  border-bottom-color: #e6f9ff !important;
}

body.ss-brand-skyloop .ss-attendee-wizard__summary strong {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 800 !important;
}

body.ss-brand-skyloop .ss-attendee-wizard__summary span {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 600 !important;
}

body.ss-brand-skyloop .ss-attendee-wizard__done span {
  background: #cfe8f5 !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop .ss-attendee-wizard__done span.is-current,
body.ss-brand-skyloop .ss-attendee-wizard__done span.is-done {
  background: #00c7ff !important;
}

body.ss-brand-skyloop .ss-attendee-modal .ss-attendee-choice,
body.ss-brand-skyloop .ss-attendee-modal button.ss-attendee-choice {
  background: #ffffff !important;
  border: 2px solid #17428c !important;
  border-radius: 0 !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 700 !important;
}

body.ss-brand-skyloop .ss-attendee-modal .ss-attendee-choice.is-selected,
body.ss-brand-skyloop .ss-attendee-modal .ss-attendee-choice:hover,
body.ss-brand-skyloop .ss-attendee-modal button.ss-attendee-choice.is-selected,
body.ss-brand-skyloop .ss-attendee-modal button.ss-attendee-choice:hover {
  background: #e6f9ff !important;
  border-color: #00c7ff !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-attendee-modal select,
body.ss-brand-skyloop .ss-attendee-modal input[type="text"],
body.ss-brand-skyloop .ss-attendee-modal__form input {
  border: 2px solid #17428c !important;
  border-radius: 0 !important;
  color: #17428c !important;
  background: #ffffff !important;
  font-family: var(--ss-font-sans) !important;
  line-height: 1.25 !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 0.85rem !important;
  box-sizing: border-box !important;
}

body.ss-brand-skyloop .ss-attendee-modal select:focus,
body.ss-brand-skyloop .ss-attendee-modal input[type="text"]:focus,
body.ss-brand-skyloop .ss-attendee-modal__form input:focus {
  border-color: #00c7ff !important;
  outline: none !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop .ss-attendee-change-person-button {
  background: transparent !important;
  color: #17428c !important;
  border: 2px solid #17428c !important;
  border-radius: 0 !important;
  font-family: var(--ss-font-button) !important;
  font-weight: 700 !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 0.85rem !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.ss-brand-skyloop .ss-attendee-change-person-button:hover {
  background: #e6f9ff !important;
  border-color: #00c7ff !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-attendee-modal__actions {
  background: #ffffff !important;
  border-top: 2px solid #e6f9ff !important;
}

body.ss-brand-skyloop .ss-attendee-modal__actions .ss-btn,
body.ss-brand-skyloop .ss-attendee-modal__actions .ss-btn-primary,
body.ss-brand-skyloop .ss-attendee-modal__actions .ss-btn-secondary,
body.ss-brand-skyloop #ss-attendee-confirm,
body.ss-brand-skyloop #ss-attendee-cancel,
body.ss-brand-skyloop #ss-book-another-yes,
body.ss-brand-skyloop #ss-book-another-no {
  border-radius: 0 !important;
  font-family: var(--ss-font-button) !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

body.ss-brand-skyloop .ss-attendee-modal__actions .ss-btn-primary,
body.ss-brand-skyloop #ss-attendee-confirm,
body.ss-brand-skyloop #ss-book-another-yes,
body.ss-brand-skyloop #ss-entry-fee-confirm {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
}

body.ss-brand-skyloop .ss-attendee-modal__actions .ss-btn-primary:hover:not(:disabled),
body.ss-brand-skyloop #ss-attendee-confirm:hover:not(:disabled),
body.ss-brand-skyloop #ss-book-another-yes:hover:not(:disabled),
body.ss-brand-skyloop #ss-entry-fee-confirm:hover:not(:disabled) {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
}

body.ss-brand-skyloop .ss-attendee-modal__actions .ss-btn-secondary,
body.ss-brand-skyloop #ss-attendee-cancel,
body.ss-brand-skyloop #ss-book-another-no,
body.ss-brand-skyloop #ss-entry-fee-cancel {
  background: #ffffff !important;
  color: #17428c !important;
  border: 2px solid #17428c !important;
}

body.ss-brand-skyloop .ss-attendee-modal__actions .ss-btn-secondary:hover,
body.ss-brand-skyloop #ss-attendee-cancel:hover,
body.ss-brand-skyloop #ss-book-another-no:hover,
body.ss-brand-skyloop #ss-entry-fee-cancel:hover {
  background: #e6f9ff !important;
  color: #17428c !important;
  border-color: #00c7ff !important;
}

body.ss-brand-skyloop .ss-attendee-modal__error {
  background: #ffffff !important;
  color: #17428c !important;
  border-left: 4px solid #17428c !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
}

/* ========================================================================== */
/* SkyLoop offcanvas mini-cart (.ss-cart-modal / .ss-off-canvas-cart)          */
/* Yellow header · navy type · cyan CTAs — match overview / modals           */
/* ========================================================================== */
body.ss-brand-skyloop .ss-cart-modal,
body.ss-brand-skyloop .ss-off-canvas-cart {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
  --ss-coupon-accent: #00c7ff;
  --ss-coupon-accent-hover: #00b4e6;
  --ss-blue-color: #17428c;
  --ss-primary-color: #17428c;
  --ss-activity-primary: #17428c;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-header,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-header {
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  border-bottom: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 1.1rem 1.5rem !important;
  position: relative !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-header h2,
body.ss-brand-skyloop .ss-cart-modal #ss-cart-title,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-header h2,
body.ss-brand-skyloop .ss-off-canvas-cart #ss-cart-title {
  font-family: var(--ss-font-sans) !important;
  font-weight: 800 !important;
  font-size: var(--ss-type-commerce-bar) !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  line-height: 1.25 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  text-align: center !important;
  justify-content: center !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-header .ss-cart-icon,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-header .ss-cart-icon {
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-close,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-close,
body.ss-brand-skyloop .ss-cart-modal .ss-off-canvas-cart-close,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-off-canvas-cart-close {
  color: #17428c !important;
  background: transparent !important;
  position: absolute !important;
  top: 50% !important;
  left: 1.5rem !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  flex: 0 0 auto !important;
  margin-left: 0 !important;
  z-index: 2 !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-close:hover,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-close:hover {
  color: #17428c !important;
  background: rgba(23, 66, 140, 0.08) !important;
  /* Keep vertical centering when desktop close is position:absolute */
  transform: translateY(-50%) !important;
}

@media (max-width: 768px) {
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-header,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-header {
    justify-content: space-between !important;
    align-items: center !important;
    padding: 16px !important;
  }

  body.ss-brand-skyloop .ss-cart-modal .ss-cart-header h2,
  body.ss-brand-skyloop .ss-cart-modal #ss-cart-title,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-header h2,
  body.ss-brand-skyloop .ss-off-canvas-cart #ss-cart-title {
    order: 1 !important;
    flex: 1 1 auto !important;
    text-align: left !important;
    justify-content: flex-start !important;
  }

  body.ss-brand-skyloop .ss-cart-modal .ss-cart-close,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-close,
  body.ss-brand-skyloop .ss-cart-modal .ss-off-canvas-cart-close,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-off-canvas-cart-close,
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-close:hover,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-close:hover,
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-close:active,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-close:active,
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-close:focus,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-close:focus {
    order: 2 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    margin-left: auto !important;
  }
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-body,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-body {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-title,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-title,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-title a,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-title a {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-commerce-title) !important;
  font-weight: 600 !important; /* Stylesheet Hervorhebung = Demi */
  line-height: 1.3 !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-title:hover,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-title:hover {
  color: #17428c !important;
}

/* Compact item chrome — less gap noise */
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item {
  gap: 12px !important;
  padding: 14px 16px !important;
  border-bottom-color: rgba(23, 66, 140, 0.12) !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-body,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-body {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.ss-brand-skyloop .ss-cart-modal .ss-cart-item,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item {
    padding: 12px 16px !important;
    padding-left: 16px !important;
  }

  body.ss-brand-skyloop .ss-cart-modal .ss-cart-items,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-items {
    padding-left: 0 !important;
  }
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-details,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-details {
  gap: 4px !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-image img,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-image img {
  width: 72px !important;
  height: 72px !important;
  border-radius: 0 !important;
}

/* Drop redundant catalog price when meta already has Preis / MwSt / Gesamt */
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item:has(.ss-price-breakdown) .ss-cart-item-unit-price,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item:has(.ss-price-breakdown) .ss-cart-item-unit-price {
  display: none !important;
}

/* Description = Regular 400 only (highlights = title / price amount / meta labels) */
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-description,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-description,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-description p,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-description p,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-description strong,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-description strong,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-description b,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-description b {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-card-sub) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

/* Unit price: ONLY amount Bold — "inkl. 19% MwSt" always Regular 400 */
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-unit-price,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-unit-price {
  display: block !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-unit-price .wgm-break,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-unit-price .wgm-break,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-unit-price .wgm-tax,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-unit-price .wgm-tax,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-unit-price .wgm-info,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-unit-price .wgm-info,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-unit-price .woocommerce-price-suffix,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-unit-price .woocommerce-price-suffix {
  display: none !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-unit-price > .ss-price-amount,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-unit-price > .ss-price-amount,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-unit-price > .woocommerce-Price-amount,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-unit-price > .woocommerce-Price-amount {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-unit-price > .ss-price-amount bdi,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-unit-price > .ss-price-amount bdi,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-unit-price > .woocommerce-Price-amount bdi,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-unit-price > .woocommerce-Price-amount bdi,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-unit-price > .ss-price-amount .amount,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-unit-price > .ss-price-amount .amount {
  font-weight: 700 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-unit-price > .ss-price-note,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-unit-price > .ss-price-note,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-unit-price .ss-price-note,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-unit-price .ss-price-note {
  display: inline !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price-note) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

/*
 * Meta rows: label Demi 600 + value Regular 400, one pair per line
 * (grid — ::after breaks were unreliable with nested <p>/<ul>)
 */
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-meta,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-meta {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-card-sub) !important;
  line-height: 1.4 !important;
  color: #17428c !important;
  margin: 4px 0 0 !important;
  letter-spacing: 0 !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-meta dl,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-meta dl.variation,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-meta dl,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-meta dl.variation {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  column-gap: 0.35rem !important;
  row-gap: 0.3rem !important;
  align-items: baseline !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-meta dt,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-meta dt {
  display: inline !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--ss-font-sans) !important;
  font-size: inherit !important;
  font-weight: 600 !important; /* label Demi — not ExtraBold */
  color: #17428c !important;
  line-height: inherit !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-meta dd,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-meta dd {
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--ss-font-sans) !important;
  font-size: inherit !important;
  font-weight: 400 !important; /* value Regular / light */
  color: #17428c !important;
  line-height: inherit !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-meta dd::after,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-meta dd::after {
  content: none !important;
  display: none !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-meta dd p,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-meta dd p {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 400 !important;
  color: #17428c !important;
}

/* List values (Personen) — full width under label */
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-meta dt:has(+ dd :is(ul, .ss-skyloop-entry-attendees, .ss-cart-activity-headcounts)),
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-meta dt:has(+ dd :is(ul, .ss-skyloop-entry-attendees, .ss-cart-activity-headcounts)),
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-meta dd:has(:is(ul, .ss-skyloop-entry-attendees, .ss-cart-activity-headcounts)),
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-meta dd:has(:is(ul, .ss-skyloop-entry-attendees, .ss-cart-activity-headcounts)) {
  grid-column: 1 / -1 !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-skyloop-entry-attendees,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-skyloop-entry-attendees,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-activity-headcounts,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-activity-headcounts,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-meta dd ul,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-meta dd ul {
  margin: 0.1rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-skyloop-entry-attendees li,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-skyloop-entry-attendees li,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-activity-headcounts li,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-activity-headcounts li,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-meta dd ul li,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-meta dd ul li {
  position: relative !important;
  list-style: none !important;
  font-weight: 400 !important;
  color: #17428c !important;
  margin: 0.15rem 0 !important;
  padding-left: 1rem !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-skyloop-entry-attendees li::before,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-skyloop-entry-attendees li::before,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-meta dd ul li::before,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-meta dd ul li::before {
  content: "»" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #17428c !important;
  font-family: var(--ss-font-button) !important;
  font-weight: 700 !important;
}

/* Price breakdown — labels Regular 400, values (amounts) Bold 700 */
body.ss-brand-skyloop .ss-cart-modal .ss-price-breakdown,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-price-breakdown {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 0.15rem 0.55rem !important;
  vertical-align: baseline !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price-note) !important;
  font-weight: 400 !important;
  color: #17428c !important;
  line-height: 1.4 !important;
  text-transform: none !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-price-breakdown br,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-price-breakdown br {
  display: none !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-price-breakdown__net,
body.ss-brand-skyloop .ss-cart-modal .ss-price-breakdown__vat,
body.ss-brand-skyloop .ss-cart-modal .ss-price-breakdown__total,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-price-breakdown__net,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-price-breakdown__vat,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-price-breakdown__total {
  display: inline !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  font-weight: 700 !important; /* amount text inherits Bold */
  line-height: inherit !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-price-breakdown strong,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-price-breakdown strong {
  display: inline !important;
  font-weight: 400 !important; /* Preis: / MwSt.: / Gesamt: */
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-price-breakdown .woocommerce-Price-amount,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-price-breakdown .woocommerce-Price-amount,
body.ss-brand-skyloop .ss-cart-modal .ss-price-breakdown .amount,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-price-breakdown .amount,
body.ss-brand-skyloop .ss-cart-modal .ss-price-breakdown bdi,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-price-breakdown bdi {
  font-weight: 700 !important;
  color: #17428c !important;
}

/* Meta "Preis:" label next to breakdown — not bold */
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-meta dt:has(+ dd .ss-price-breakdown),
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-meta dt:has(+ dd .ss-price-breakdown) {
  font-weight: 400 !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-remove-link,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-remove-link,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-remove-btn,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-remove-btn {
  color: #dc2626 !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price-note) !important;
  font-weight: 400 !important;
  margin-top: 2px !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-remove-link svg,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-remove-link svg,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-remove-btn svg,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-remove-btn svg {
  color: #dc2626 !important;
  stroke: currentColor !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-remove-link:hover,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-remove-link:hover,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-remove-btn:hover,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-remove-btn:hover {
  color: #b91c1c !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-remove-link:hover svg,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-remove-link:hover svg {
  color: #b91c1c !important;
  stroke: currentColor !important;
}

/* Reservation countdown — SkyLoop green + navy (not default Material green) */
body.ss-brand-skyloop .ss-reservation-countdown {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price-note) !important;
  font-weight: 400 !important;
  color: #17428c !important;
  background: #ffffff !important;
  border: 2px solid #83bb26 !important;
  border-radius: 0 !important;
  padding: 8px 12px !important;
}

body.ss-brand-skyloop .ss-reservation-countdown-label {
  font-weight: 400 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-reservation-countdown-value {
  font-weight: 700 !important;
  color: #83bb26 !important;
  font-variant-numeric: tabular-nums !important;
}

body.ss-brand-skyloop .ss-reservation-countdown.ss-reservation-expired {
  background: #fff5f5 !important;
  border-color: #dc2626 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-reservation-countdown.ss-reservation-expired .ss-reservation-countdown-value {
  color: #dc2626 !important;
}

body.ss-brand-skyloop .ss-reservation-countdown.ss-reservation-no-hold {
  background: #ffffe6 !important;
  border: 2px solid #ffff00 !important;
  border-radius: 0 !important;
  color: #17428c !important;
}

/* Reservation expired modal — parity with ss-attendee-modal (no cyan frame) */
body.ss-brand-skyloop #ss-cart-reservation-expired-overlay {
  background: rgba(15, 23, 42, 0.55) !important;
  backdrop-filter: none !important;
}

body.ss-brand-skyloop #ss-cart-reservation-expired-notice {
  background: #ffffff !important;
  color: #17428c !important;
  border: none !important;
  outline: none !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 48px rgba(23, 66, 140, 0.22) !important;
  padding: 0 !important;
  font-family: var(--ss-font-sans) !important;
  overflow: hidden !important;
}

body.ss-brand-skyloop #ss-cart-reservation-expired-notice .ss-cart-reservation-expired-notice__inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  background: #ffffff !important;
}

body.ss-brand-skyloop #ss-cart-reservation-expired-notice .ss-cart-reservation-expired-notice__title {
  background: #ffff00 !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  padding: 1.25rem 1.5rem !important;
  border: none !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop #ss-cart-reservation-expired-notice .ss-cart-reservation-expired-notice__message {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: 0.9375rem !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  padding: 1.25rem 1.5rem 0.75rem !important;
  background: #ffffff !important;
}

body.ss-brand-skyloop #ss-cart-reservation-expired-notice .ss-cart-reservation-expired-notice__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0.75rem 1.5rem 1.5rem !important;
  background: #ffffff !important;
}

body.ss-brand-skyloop #ss-cart-reservation-expired-notice .ss-cart-reservation-expired-notice__refresh,
body.ss-brand-skyloop #ss-cart-reservation-expired-notice .ss-cart-reservation-expired-notice__stay,
body.ss-brand-skyloop #ss-cart-reservation-expired-notice .button.ss-cart-reservation-expired-notice__refresh,
body.ss-brand-skyloop #ss-cart-reservation-expired-notice .button.ss-cart-reservation-expired-notice__stay {
  font-family: var(--ss-font-button) !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-transform: none !important;
  min-height: 44px !important;
  padding: 10px 16px !important;
  cursor: pointer !important;
}

body.ss-brand-skyloop #ss-cart-reservation-expired-notice .ss-cart-reservation-expired-notice__refresh,
body.ss-brand-skyloop #ss-cart-reservation-expired-notice .button.ss-cart-reservation-expired-notice__refresh {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  border: none !important;
  border-color: #00c7ff !important;
  color: #ffffff !important;
  filter: none !important;
}

body.ss-brand-skyloop #ss-cart-reservation-expired-notice .ss-cart-reservation-expired-notice__refresh:hover,
body.ss-brand-skyloop #ss-cart-reservation-expired-notice .ss-cart-reservation-expired-notice__refresh:focus,
body.ss-brand-skyloop #ss-cart-reservation-expired-notice .button.ss-cart-reservation-expired-notice__refresh:hover,
body.ss-brand-skyloop #ss-cart-reservation-expired-notice .button.ss-cart-reservation-expired-notice__refresh:focus {
  background: #00b4e6 !important;
  background-color: #00b4e6 !important;
  color: #ffffff !important;
  filter: none !important;
}

body.ss-brand-skyloop #ss-cart-reservation-expired-notice .ss-cart-reservation-expired-notice__stay,
body.ss-brand-skyloop #ss-cart-reservation-expired-notice .button.ss-cart-reservation-expired-notice__stay {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 2px solid #17428c !important;
  color: #17428c !important;
}

body.ss-brand-skyloop #ss-cart-reservation-expired-notice .ss-cart-reservation-expired-notice__stay:hover,
body.ss-brand-skyloop #ss-cart-reservation-expired-notice .ss-cart-reservation-expired-notice__stay:focus,
body.ss-brand-skyloop #ss-cart-reservation-expired-notice .button.ss-cart-reservation-expired-notice__stay:hover,
body.ss-brand-skyloop #ss-cart-reservation-expired-notice .button.ss-cart-reservation-expired-notice__stay:focus {
  background: #ffff00 !important;
  border-color: #17428c !important;
  color: #17428c !important;
}

/* Generic cart alert modal (warnings) */
body.ss-brand-skyloop .ss-cart-alert-overlay {
  background: rgba(15, 23, 42, 0.55) !important;
}

body.ss-brand-skyloop .ss-cart-alert-message {
  background: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 600 !important;
  box-shadow: 0 18px 48px rgba(23, 66, 140, 0.22) !important;
}

@media (max-width: 420px) {
  body.ss-brand-skyloop #ss-cart-reservation-expired-notice .ss-cart-reservation-expired-notice__actions {
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }

  body.ss-brand-skyloop #ss-cart-reservation-expired-notice .ss-cart-reservation-expired-notice__refresh,
  body.ss-brand-skyloop #ss-cart-reservation-expired-notice .ss-cart-reservation-expired-notice__stay {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    font-size: 12px !important;
    padding: 8px !important;
  }
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-empty,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-empty,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-empty p,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-empty p {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

/* Offcanvas notes — same cyan + white as step header Hinweis */
body.ss-brand-skyloop .ss-cart-modal .ss-cart-notice,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-notice,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-notice--warning,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-notice--warning,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-park-entry-mandatory-note,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-park-entry-mandatory-note {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-banner) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  padding: 10px 14px !important;
  margin: 0 !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-notice p,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-notice p,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-notice .ss-cart-notice__lead,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-notice .ss-cart-notice__lead,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-notice .ss-cart-notice__dates,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-notice .ss-cart-notice__dates,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-notice .ss-cart-notice__dates strong,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-notice .ss-cart-notice__dates strong {
  color: #ffffff !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 700 !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-footer,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-footer {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
  background: #e6f9ff !important;
  border-top: 2px solid #00c7ff !important;
}

/* Totals scroll fades — keep ::before/::after; footer-tinted gradient + navy chevron */
body.ss-brand-skyloop .ss-cart-modal .ss-cart-totals-scroll,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-totals-scroll {
  --ss-cart-totals-fade: #e6f9ff;
  --ss-cart-totals-fade-mid: rgba(230, 249, 255, 0.72);
  margin-bottom: 8px !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-totals-scroll::before,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-totals-scroll::before {
  background: linear-gradient(
    to bottom,
    var(--ss-cart-totals-fade) 0%,
    var(--ss-cart-totals-fade) 30%,
    var(--ss-cart-totals-fade-mid) 65%,
    transparent 100%
  ) !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-totals-scroll::after,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-totals-scroll::after {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317428C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
      center 18px / 16px 16px no-repeat,
    linear-gradient(
      to top,
      var(--ss-cart-totals-fade) 0%,
      var(--ss-cart-totals-fade) 40%,
      var(--ss-cart-totals-fade-mid) 70%,
      transparent 100%
    ) !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-totals-scroll:not(.is-overflow-top)::before,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-totals-scroll:not(.is-overflow-top)::before,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-totals-scroll:not(.is-overflow-bottom)::after,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-totals-scroll:not(.is-overflow-bottom)::after {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Beat mobile cart.css white/gray fade overrides */
@media (max-width: 768px) {
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-footer .ss-cart-totals-scroll,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-footer .ss-cart-totals-scroll {
    --ss-cart-totals-fade: #e6f9ff;
    --ss-cart-totals-fade-mid: rgba(230, 249, 255, 0.72);
  }

  body.ss-brand-skyloop .ss-cart-modal .ss-cart-footer .ss-cart-totals-scroll::before,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-footer .ss-cart-totals-scroll::before {
    background: linear-gradient(
      to bottom,
      var(--ss-cart-totals-fade) 0%,
      var(--ss-cart-totals-fade) 30%,
      var(--ss-cart-totals-fade-mid) 65%,
      transparent 100%
    ) !important;
  }

  body.ss-brand-skyloop .ss-cart-modal .ss-cart-footer .ss-cart-totals-scroll::after,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-footer .ss-cart-totals-scroll::after {
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317428C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
        center 18px / 16px 16px no-repeat,
      linear-gradient(
        to top,
        var(--ss-cart-totals-fade) 0%,
        var(--ss-cart-totals-fade) 40%,
        var(--ss-cart-totals-fade-mid) 70%,
        transparent 100%
      ) !important;
  }

  body.ss-brand-skyloop .ss-cart-modal .ss-cart-footer .ss-cart-totals-scroll:not(.is-overflow-top)::before,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-footer .ss-cart-totals-scroll:not(.is-overflow-top)::before,
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-footer .ss-cart-totals-scroll:not(.is-overflow-bottom)::after,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-footer .ss-cart-totals-scroll:not(.is-overflow-bottom)::after {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  /* Mobile: always show scrollbar when totals overflow */
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-totals-scroll.is-scrollable .ss-cart-totals,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-totals-scroll.is-scrollable .ss-cart-totals,
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-footer .ss-cart-totals-scroll.is-scrollable .ss-cart-totals,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-footer .ss-cart-totals-scroll.is-scrollable .ss-cart-totals {
    overflow-y: scroll !important;
    scrollbar-gutter: stable !important;
    scrollbar-width: thin !important;
    scrollbar-color: #17428c #cfeef8 !important;
  }

  body.ss-brand-skyloop .ss-cart-modal .ss-cart-totals-scroll.is-scrollable .ss-cart-totals::-webkit-scrollbar,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-totals-scroll.is-scrollable .ss-cart-totals::-webkit-scrollbar,
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-footer .ss-cart-totals-scroll.is-scrollable .ss-cart-totals::-webkit-scrollbar,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-footer .ss-cart-totals-scroll.is-scrollable .ss-cart-totals::-webkit-scrollbar {
    -webkit-appearance: none !important;
    width: 8px !important;
    display: block !important;
  }

  body.ss-brand-skyloop .ss-cart-modal .ss-cart-totals-scroll.is-scrollable .ss-cart-totals::-webkit-scrollbar-track,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-totals-scroll.is-scrollable .ss-cart-totals::-webkit-scrollbar-track,
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-footer .ss-cart-totals-scroll.is-scrollable .ss-cart-totals::-webkit-scrollbar-track,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-footer .ss-cart-totals-scroll.is-scrollable .ss-cart-totals::-webkit-scrollbar-track {
    background: #cfeef8 !important;
    border-radius: 999px !important;
  }

  body.ss-brand-skyloop .ss-cart-modal .ss-cart-totals-scroll.is-scrollable .ss-cart-totals::-webkit-scrollbar-thumb,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-totals-scroll.is-scrollable .ss-cart-totals::-webkit-scrollbar-thumb,
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-footer .ss-cart-totals-scroll.is-scrollable .ss-cart-totals::-webkit-scrollbar-thumb,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-footer .ss-cart-totals-scroll.is-scrollable .ss-cart-totals::-webkit-scrollbar-thumb {
    background: #17428c !important;
    border-radius: 999px !important;
    min-height: 32px !important;
  }
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-total-label,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-total-value,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-total-label,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-total-value,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-totals,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-totals {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-checkout-btn,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-checkout-btn,
body.ss-brand-skyloop .ss-cart-modal a.ss-cart-checkout-btn,
body.ss-brand-skyloop .ss-off-canvas-cart a.ss-cart-checkout-btn,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-empty-btn,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-empty-btn,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-coupon-btn,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-coupon-btn,
body.ss-brand-skyloop .ss-cart-modal .ss-coupon__apply,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-coupon__apply {
  font-family: var(--ss-font-button) !important;
  font-size: var(--ss-type-btn) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-checkout-btn:hover,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-checkout-btn:hover,
body.ss-brand-skyloop .ss-cart-modal a.ss-cart-checkout-btn:hover,
body.ss-brand-skyloop .ss-off-canvas-cart a.ss-cart-checkout-btn:hover,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-empty-btn:hover,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-empty-btn:hover,
body.ss-brand-skyloop .ss-cart-modal .ss-coupon__apply:hover:not(:disabled),
body.ss-brand-skyloop .ss-off-canvas-cart .ss-coupon__apply:hover:not(:disabled) {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  filter: none !important;
  opacity: 1 !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-continue-shopping-link,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-continue-shopping-link,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-view-cart-link,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-view-cart-link {
  font-family: var(--ss-font-sans) !important;
  font-weight: 600 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-continue-shopping-link:hover,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-continue-shopping-link:hover,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-view-cart-link:hover,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-view-cart-link:hover {
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-coupon__toggle,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-coupon__toggle,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-coupon-toggle,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-coupon-toggle {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-commerce-coupon) !important;
  font-weight: 400 !important;
  color: #17428c !important;
  text-transform: none !important;
}
body.ss-brand-skyloop .ss-cart-modal .ss-coupon__input:focus,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-coupon__input:focus {
  border-color: #00c7ff !important;
  outline-color: #00c7ff !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-spinner,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-spinner {
  border-top-color: #00c7ff !important;
}

/* Gift upsell inside drawer */
body.ss-brand-skyloop .ss-cart-modal .ss-offcanvas-gift-upsell__eyebrow,
body.ss-brand-skyloop .ss-cart-modal .ss-mini-cart-gift-upsell__eyebrow,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-offcanvas-gift-upsell__eyebrow {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-offcanvas-gift-upsell__title,
body.ss-brand-skyloop .ss-cart-modal .ss-mini-cart-gift-upsell__title,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-offcanvas-gift-upsell__title {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-offcanvas-gift-upsell .ss-gift-voucher-product-button,
body.ss-brand-skyloop .ss-cart-modal .ss-offcanvas-gift-upsell .ss-product-content .ss-btn,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-offcanvas-gift-upsell .ss-gift-voucher-product-button,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-offcanvas-gift-upsell .ss-product-content .ss-btn,
body.ss-brand-skyloop .ss-cart-modal .ss-mini-cart-gift-upsell .ss-gift-voucher-product-button,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-mini-cart-gift-upsell .ss-gift-voucher-product-button {
  font-family: var(--ss-font-button) !important;
  font-weight: 700 !important;
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-offcanvas-gift-upsell .ss-gift-voucher-product-button:hover,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-offcanvas-gift-upsell .ss-gift-voucher-product-button:hover,
body.ss-brand-skyloop .ss-cart-modal .ss-mini-cart-gift-upsell .ss-gift-voucher-product-button:hover {
  background: #00c7ff !important;
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-gift-voucher-slider-dot.is-active,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-voucher-slider-dot.is-active,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-gift-voucher-slider-dot.is-active,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-voucher-slider-dot.is-active {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
}

/* ========================================================================== */
/* SkyLoop WooCommerce cart PAGE — parity with offcanvas mini-cart            */
/* ========================================================================== */
body.ss-brand-skyloop.woocommerce-cart {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
  --ss-coupon-accent: #00c7ff;
  --ss-coupon-accent-hover: #00b4e6;
  --ss-blue-color: #17428c;
  --ss-primary-color: #17428c;
  --ss-activity-primary: #17428c;
}

body.ss-brand-skyloop.woocommerce-cart .woocommerce,
body.ss-brand-skyloop.woocommerce-cart form.woocommerce-cart-form {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

/* Greeting */
body.ss-brand-skyloop.woocommerce-cart .ss-checkout-cart-greeting-wrap,
body.ss-brand-skyloop.woocommerce-cart p.ss-checkout-cart-greeting,
body.ss-brand-skyloop.woocommerce-checkout .ss-checkout-cart-greeting-wrap,
body.ss-brand-skyloop.woocommerce-checkout p.ss-checkout-cart-greeting {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
  font-weight: 600 !important;
}

/* Checkout steps */
body.ss-brand-skyloop.woocommerce-cart .mfn-checkout-steps .mfn-step-label,
body.ss-brand-skyloop.woocommerce-checkout .mfn-checkout-steps .mfn-step-label,
body.ss-brand-skyloop.woocommerce-order-received .mfn-checkout-steps .mfn-step-label {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
  font-weight: 600 !important;
}

body.ss-brand-skyloop.woocommerce-cart .mfn-checkout-steps .mfn-step-number,
body.ss-brand-skyloop.woocommerce-checkout .mfn-checkout-steps .mfn-step-number,
body.ss-brand-skyloop.woocommerce-order-received .mfn-checkout-steps .mfn-step-number {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
  border-color: rgba(23, 66, 140, 0.35) !important;
}

body.ss-brand-skyloop.woocommerce-cart .mfn-checkout-steps li.active .mfn-step-number,
body.ss-brand-skyloop.woocommerce-checkout .mfn-checkout-steps li.active .mfn-step-number,
body.ss-brand-skyloop.woocommerce-order-received .mfn-checkout-steps li.active .mfn-step-number {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  border-color: #00c7ff !important;
}

body.ss-brand-skyloop.woocommerce-cart .mfn-checkout-steps li.active .mfn-step-label,
body.ss-brand-skyloop.woocommerce-checkout .mfn-checkout-steps li.active .mfn-step-label,
body.ss-brand-skyloop.woocommerce-order-received .mfn-checkout-steps li.active .mfn-step-label {
  color: #17428c !important;
  font-weight: 700 !important;
}

body.ss-brand-skyloop.woocommerce-cart .mfn-checkout-steps li.completed .mfn-step-number::after,
body.ss-brand-skyloop.woocommerce-checkout .mfn-checkout-steps li.completed .mfn-step-number::after,
body.ss-brand-skyloop.woocommerce-order-received .mfn-checkout-steps li.completed .mfn-step-number::after {
  background: #83bb26 !important;
  color: #ffffff !important;
}

body.ss-brand-skyloop.woocommerce-cart .mfn-checkout-steps li:not(:last-child)::after,
body.ss-brand-skyloop.woocommerce-checkout .mfn-checkout-steps li:not(:last-child)::after,
body.ss-brand-skyloop.woocommerce-order-received .mfn-checkout-steps li:not(:last-child)::after {
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317428C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  opacity: 0.65 !important;
}

/* Table header — yellow bar like offcanvas drawer header */
body.ss-brand-skyloop.woocommerce-cart .ss-cart-table thead,
body.ss-brand-skyloop.woocommerce-cart.woocommerce-js table.shop_table.ss-cart-table thead,
body.ss-brand-skyloop.woocommerce-cart.woocommerce-page table.shop_table.ss-cart-table thead {
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  border-bottom: none !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-table thead th,
body.ss-brand-skyloop.woocommerce-cart.woocommerce-js table.shop_table.ss-cart-table thead th,
body.ss-brand-skyloop.woocommerce-cart.woocommerce-page table.shop_table.ss-cart-table thead th {
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 800 !important;
  font-size: var(--ss-type-commerce-bar) !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  border: none !important;
  padding: 10px 14px !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-table thead th.product-name {
  padding-left: 14px !important;
  text-align: left !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-table thead th.product-subtotal {
  padding-right: 14px !important;
  text-align: right !important;
  text-transform: uppercase !important;
}

/* Line items */
body.ss-brand-skyloop.woocommerce-cart .ss-cart-table tbody tr,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-table tbody td {
  border-bottom-color: rgba(23, 66, 140, 0.12) !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-table tbody td.ss-cart-product-cell {
  padding: 20px 14px !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-table td.product-subtotal {
  padding-right: 14px !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details .ss-cart-product-title,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details .ss-cart-product-title a,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-title,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-title a,
body.ss-brand-skyloop.woocommerce-cart .woocommerce-cart-form__contents .ss-cart-product-title,
body.ss-brand-skyloop.woocommerce-cart .woocommerce-cart-form__contents .ss-cart-product-title a {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-commerce-title) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #17428c !important;
  text-decoration: none !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-title a:hover,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details .ss-cart-product-title a:hover {
  color: #17428c !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-gift-label {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 600 !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-image img {
  width: 72px !important;
  height: 72px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-wrapper:has(.ss-price-breakdown) .ss-cart-product-unit-price {
  display: none !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-description,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-description p {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-card-sub) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-unit-price {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price) !important;
  font-weight: 400 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-unit-price .wgm-break,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-unit-price .wgm-tax,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-unit-price .wgm-info,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-unit-price .woocommerce-price-suffix {
  display: none !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-unit-price > .ss-price-amount,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-unit-price .ss-price-amount,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-unit-price > .woocommerce-Price-amount,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-unit-price .woocommerce-Price-amount.amount {
  font-weight: 700 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-unit-price .ss-price-amount bdi,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-unit-price > .woocommerce-Price-amount bdi,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-unit-price .woocommerce-Price-amount bdi {
  font-weight: 700 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-unit-price > .ss-price-note,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-unit-price .ss-price-note {
  display: inline !important;
  font-size: var(--ss-type-price-note) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #17428c !important;
  text-transform: none !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-table td.product-subtotal .ss-price-amount,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-table td.product-subtotal > .woocommerce-Price-amount,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-table td.product-subtotal .woocommerce-Price-amount.amount {
  font-family: var(--ss-font-sans) !important;
  font-weight: 700 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-table td.product-subtotal .ss-price-amount bdi,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-table td.product-subtotal .woocommerce-Price-amount bdi {
  font-weight: 700 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-table td.product-subtotal .ss-price-note {
  display: block !important;
  margin-top: 4px !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price-note) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #17428c !important;
  text-align: right !important;
  text-transform: none !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-table td.product-subtotal:has(.ss-price-note) .wgm-tax,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-unit-price:has(.ss-price-note) .wgm-tax {
  display: none !important;
}

/* Meta rows — grid dt/dd like offcanvas */
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details dl.variation {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  column-gap: 0.35rem !important;
  row-gap: 0.3rem !important;
  align-items: baseline !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-card-sub) !important;
  line-height: 1.4 !important;
  color: #17428c !important;
  margin: 4px 0 0 !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details dl.variation dt {
  display: inline !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 600 !important;
  color: #17428c !important;
  text-transform: none !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details dl.variation dd {
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 400 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details dl.variation dd::after {
  content: none !important;
  display: none !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details dl.variation dd p {
  display: inline !important;
  margin: 0 !important;
  font-weight: 400 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details dt:has(+ dd :is(ul, .ss-skyloop-entry-attendees, .ss-cart-activity-headcounts)),
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details dd:has(:is(ul, .ss-skyloop-entry-attendees, .ss-cart-activity-headcounts)) {
  grid-column: 1 / -1 !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-skyloop-entry-attendees,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-activity-headcounts,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details dd ul {
  margin: 0.1rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-weight: 400 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-skyloop-entry-attendees li,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-activity-headcounts li,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details dd ul li {
  position: relative !important;
  list-style: none !important;
  margin: 0.15rem 0 !important;
  padding-left: 1rem !important;
  font-weight: 400 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-skyloop-entry-attendees li::before,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details dd ul li::before {
  content: "»" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #17428c !important;
  font-family: var(--ss-font-button) !important;
  font-weight: 700 !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-price-breakdown {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 0.15rem 0.55rem !important;
  vertical-align: baseline !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price-note) !important;
  font-weight: 400 !important;
  color: #17428c !important;
  line-height: 1.4 !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-price-breakdown br {
  display: none !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-price-breakdown__net,
body.ss-brand-skyloop.woocommerce-cart .ss-price-breakdown__vat,
body.ss-brand-skyloop.woocommerce-cart .ss-price-breakdown__total {
  display: inline !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  font-weight: 700 !important;
  line-height: inherit !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-price-breakdown strong {
  display: inline !important;
  font-weight: 400 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-price-breakdown .woocommerce-Price-amount,
body.ss-brand-skyloop.woocommerce-cart .ss-price-breakdown .amount,
body.ss-brand-skyloop.woocommerce-cart .ss-price-breakdown bdi {
  font-weight: 700 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details dt:has(+ dd .ss-price-breakdown) {
  display: none !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details dd:has(.ss-price-breakdown) {
  grid-column: 1 / -1 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details .ss-cart-remove-item-link {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price-note) !important;
  font-weight: 400 !important;
  color: #dc2626 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details .ss-cart-remove-item-link svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  color: #dc2626 !important;
  stroke: currentColor !important;
  transform: none !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details .ss-cart-remove-item-link:hover {
  color: #b91c1c !important;
}

/* Cart page notices — cyan + white like booking Hinweis */
body.ss-brand-skyloop.woocommerce-cart .ss-cart-notice,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-notice--warning,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-park-entry-mandatory-note {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-step-banner) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  padding: 10px 14px !important;
  margin: 0 !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details .ss-cart-park-entry-mandatory-note {
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-notice p,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-notice .ss-cart-notice__lead,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-notice .ss-cart-notice__dates,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-notice .ss-cart-notice__dates strong {
  color: #ffffff !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 700 !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-table tr.ss-cart-notice-row td.ss-cart-notice-cell {
  padding: 0 0 10px !important;
}

/* Totals sidebar — offcanvas footer tint */
body.ss-brand-skyloop.woocommerce-cart .cart_totals {
  background: #e6f9ff !important;
  border: 2px solid #00c7ff !important;
  border-radius: 0 !important;
  padding: 20px 20px 14px !important;
  box-sizing: border-box !important;
}

/* Checkout block — no extra gap below Zur Kasse */
body.ss-brand-skyloop.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
  margin: 12px 0 0 0 !important;
  padding: 0 !important;
}

body.ss-brand-skyloop.woocommerce-cart .cart_totals .wc-proceed-to-checkout::before {
  margin: 8px 0 !important;
}

body.ss-brand-skyloop.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.button,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .wc-proceed-to-checkout a {
  margin-bottom: 0 !important;
}

body.ss-brand-skyloop.woocommerce-cart .cart_totals h2 {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-commerce-bar) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #17428c !important;
  border-bottom-color: rgba(23, 66, 140, 0.15) !important;
  background: transparent !important;
}

body.ss-brand-skyloop.woocommerce-cart .cart_totals .shop_table,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .shop_table th,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .shop_table td,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-cart-total-row,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-cart-activity-detailed-list,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-cart-activity-name {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-card-sub) !important;
  color: #17428c !important;
}

/* Totals summary section headings — Aktivitäten / Park-Eintritt / Gutscheine */
body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-cart-activity-heading {
  display: block !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-card-sub) !important;
  font-weight: 600 !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  margin: 0 0 0.35rem !important;
  text-transform: none !important;
}

body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-cart-activity-name {
  font-weight: 600 !important;
}

body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-cart-breakdown-row {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price-note) !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-cart-breakdown-label {
  font-weight: 600 !important;
}

body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-cart-breakdown-value,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-cart-breakdown-value .woocommerce-Price-amount,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-cart-breakdown-value .amount,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-cart-breakdown-value bdi {
  font-weight: 700 !important;
  color: #17428c !important;
}

/* Offcanvas totals — same section labels as cart page headings */
body.ss-brand-skyloop .ss-cart-modal .ss-cart-total-row.ss-cart-activity-summary .ss-cart-total-label,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-total-row.ss-cart-park-entry-summary .ss-cart-total-label,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-total-row.ss-cart-voucher-summary .ss-cart-total-label,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-total-row.ss-cart-activity-summary .ss-cart-total-label,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-total-row.ss-cart-park-entry-summary .ss-cart-total-label,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-total-row.ss-cart-voucher-summary .ss-cart-total-label {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-card-sub) !important;
  font-weight: 600 !important;
  color: #17428c !important;
  margin-bottom: 0.35rem !important;
}

body.ss-brand-skyloop .ss-cart-modal .ss-cart-total-row.ss-cart-activity-summary .ss-cart-activity-name,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-total-row.ss-cart-park-entry-summary .ss-cart-activity-name,
body.ss-brand-skyloop .ss-cart-modal .ss-cart-total-row.ss-cart-voucher-summary .ss-cart-activity-name,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-total-row.ss-cart-activity-summary .ss-cart-activity-name,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-total-row.ss-cart-park-entry-summary .ss-cart-activity-name,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-total-row.ss-cart-voucher-summary .ss-cart-activity-name {
  font-weight: 600 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .cart_totals .order-total th,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .order-total td {
  font-weight: 700 !important;
  color: #17428c !important;
  border-top-color: rgba(23, 66, 140, 0.15) !important;
}

body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-coupon,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-coupon__toggle,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .coupon .showcoupon {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-commerce-coupon) !important;
  color: #17428c !important;
  text-transform: none !important;
  --ss-coupon-accent: #00c7ff;
  --ss-coupon-accent-hover: #00b4e6;
}

body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-coupon__input:focus {
  border-color: #00c7ff !important;
  box-shadow: 0 0 0 3px rgba(0, 199, 255, 0.2) !important;
}

body.ss-brand-skyloop.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
body.ss-brand-skyloop.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.ss-brand-skyloop.woocommerce-cart .wc-proceed-to-checkout a.button,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-coupon__apply,
body.ss-brand-skyloop.woocommerce-cart .ss-coupon__apply {
  font-family: var(--ss-font-button) !important;
  font-size: var(--ss-type-btn) !important;
  font-weight: 700 !important;
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
body.ss-brand-skyloop.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.ss-brand-skyloop.woocommerce-cart .cart_totals .ss-coupon__apply:hover:not(:disabled) {
  background: #00c7ff !important;
  color: #ffffff !important;
  filter: none !important;
  opacity: 1 !important;
}

/*
 * Gift voucher card titles — match overview / step-2 (full cards only).
 * Off-canvas / mini cards keep compact sizes in vouchers.css.
 */
body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-name,
body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-name a,
body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) a.ss-gift-voucher-product-title-link,
body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-name a.ss-gift-voucher-product-title-link:hover,
body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-name a.ss-gift-voucher-product-title-link:focus,
body.ss-brand-skyloop .ss-gift-voucher-product-grid:not(.ss-gift-voucher-slider--mini) .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-name,
body.ss-brand-skyloop .ss-gift-voucher-product-grid:not(.ss-gift-voucher-slider--mini) .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-name a,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-product-name,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-product-name a {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-card-title) !important;
  font-weight: 600 !important;
  color: #17428c !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

/* Gift voucher price row — full cards only */
body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price,
body.ss-brand-skyloop .ss-gift-voucher-product-grid:not(.ss-gift-voucher-slider--mini) .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-product-price {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price) !important;
  font-weight: 700 !important;
  color: #17428c !important;
  line-height: 1.35 !important;
}

body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price .ss-price-amount,
body.ss-brand-skyloop .ss-gift-voucher-product-grid:not(.ss-gift-voucher-slider--mini) .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price .ss-price-amount,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-product-price .ss-price-amount {
  font-size: var(--ss-type-price) !important;
  font-weight: 700 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price .ss-price-note,
body.ss-brand-skyloop .ss-gift-voucher-product-grid:not(.ss-gift-voucher-slider--mini) .ss-gift-voucher-product-card:not(.ss-gift-voucher-product-card--mini) .ss-product-price .ss-price-note,
body.ss-brand-skyloop .ss-booking-container .ss-step2-gift-product-upsell .ss-product-price .ss-price-note {
  font-size: var(--ss-type-price-note) !important;
  font-weight: 400 !important;
  color: #17428c !important;
}

/* Off-canvas + cart-page mini gift cards — compact sizes */
body.ss-brand-skyloop .ss-off-canvas-cart .ss-offcanvas-gift-upsell .ss-product-name,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-offcanvas-gift-upsell .ss-product-name a,
body.ss-brand-skyloop .ss-cart-modal .ss-offcanvas-gift-upsell .ss-product-name,
body.ss-brand-skyloop .ss-cart-modal .ss-offcanvas-gift-upsell .ss-product-name a,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-mini-cart-gift-upsell .ss-product-name,
body.ss-brand-skyloop .ss-cart-modal .ss-mini-cart-gift-upsell .ss-product-name,
body.ss-brand-skyloop .ss-gift-voucher-product-card--mini .ss-product-name,
body.ss-brand-skyloop .ss-gift-voucher-product-card--mini .ss-product-name a,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-gift-product-crosssell .ss-gift-voucher-product-card--mini .ss-product-name,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-gift-product-crosssell .ss-gift-voucher-product-card--mini .ss-product-name a,
body.ss-brand-skyloop.woocommerce-cart .ss-gift-voucher-product-grid--cart .ss-gift-voucher-product-card--mini .ss-product-name,
body.ss-brand-skyloop.woocommerce-cart .ss-gift-voucher-product-grid--cart .ss-gift-voucher-product-card--mini .ss-product-name a,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-gift-slider--mini-type .ss-product-name,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-gift-slider--mini-type .ss-product-name a {
  font-family: var(--ss-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-off-canvas-cart .ss-offcanvas-gift-upsell .ss-product-price,
body.ss-brand-skyloop .ss-cart-modal .ss-offcanvas-gift-upsell .ss-product-price,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-mini-cart-gift-upsell .ss-product-price,
body.ss-brand-skyloop .ss-cart-modal .ss-mini-cart-gift-upsell .ss-product-price,
body.ss-brand-skyloop .ss-gift-voucher-product-card--mini .ss-product-price,
body.ss-brand-skyloop .ss-off-canvas-cart .ss-offcanvas-gift-upsell .ss-product-price .ss-price-amount,
body.ss-brand-skyloop .ss-cart-modal .ss-offcanvas-gift-upsell .ss-product-price .ss-price-amount,
body.ss-brand-skyloop .ss-gift-voucher-product-card--mini .ss-product-price .ss-price-amount,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-gift-product-crosssell .ss-gift-voucher-product-card--mini .ss-product-price,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-gift-product-crosssell .ss-gift-voucher-product-card--mini .ss-product-price .ss-price-amount,
body.ss-brand-skyloop.woocommerce-cart .ss-gift-voucher-product-grid--cart .ss-gift-voucher-product-card--mini .ss-product-price,
body.ss-brand-skyloop.woocommerce-cart .ss-gift-voucher-product-grid--cart .ss-gift-voucher-product-card--mini .ss-product-price .ss-price-amount,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-gift-slider--mini-type .ss-product-price,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-gift-slider--mini-type .ss-product-price .ss-price-amount {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop .ss-off-canvas-cart .ss-offcanvas-gift-upsell .ss-product-price .ss-price-note,
body.ss-brand-skyloop .ss-cart-modal .ss-offcanvas-gift-upsell .ss-product-price .ss-price-note,
body.ss-brand-skyloop .ss-gift-voucher-product-card--mini .ss-product-price .ss-price-note,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-gift-product-crosssell .ss-gift-voucher-product-card--mini .ss-product-price .ss-price-note,
body.ss-brand-skyloop.woocommerce-cart .ss-gift-voucher-product-grid--cart .ss-gift-voucher-product-card--mini .ss-product-price .ss-price-note,
body.ss-brand-skyloop.woocommerce-cart .ss-cart-gift-slider--mini-type .ss-product-price .ss-price-note {
  font-size: 0.58rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

/* Gift voucher cross-sell on cart page */
body.ss-brand-skyloop.woocommerce-cart .ss-cart-voucher-crosssell-heading {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-card-title) !important;
  font-weight: 600 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-voucher-crosssell-intro {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-gift-product-crosssell .ss-gift-voucher-product-button,
body.ss-brand-skyloop.woocommerce-cart .ss-gift-voucher-product-grid--cart .ss-gift-voucher-product-button {
  font-family: var(--ss-font-button) !important;
  font-weight: 700 !important;
  background: #00c7ff !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop.woocommerce-cart .ss-cart-voucher-slider-dot.is-active,
body.ss-brand-skyloop.woocommerce-cart .ss-gift-voucher-slider-dot.is-active {
  background: #00c7ff !important;
}

@media (max-width: 768px) {
  /* Cart: strip Astra wrappers, one 16px L/R gutter (match overview) */
  body.ss-brand-skyloop.woocommerce-cart .site-content .ast-container,
  body.ss-brand-skyloop.woocommerce-cart #primary.content-area,
  body.ss-brand-skyloop.woocommerce-cart .site-main,
  body.ss-brand-skyloop.woocommerce-cart .ast-article-single,
  body.ss-brand-skyloop.woocommerce-cart .entry-header,
  body.ss-brand-skyloop.woocommerce-cart .entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.ss-brand-skyloop.woocommerce-cart .mfn-checkout-steps .mfn-step-label,
  body.ss-brand-skyloop.woocommerce-checkout .mfn-checkout-steps .mfn-step-label,
  body.ss-brand-skyloop.woocommerce-order-received .mfn-checkout-steps .mfn-step-label {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
  }

  body.ss-brand-skyloop.woocommerce-cart .mfn-checkout-steps li:not(:last-child)::after,
  body.ss-brand-skyloop.woocommerce-checkout .mfn-checkout-steps li:not(:last-child)::after,
  body.ss-brand-skyloop.woocommerce-order-received .mfn-checkout-steps li:not(:last-child)::after {
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317428C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    opacity: 0.65 !important;
  }

  body.ss-brand-skyloop.woocommerce-cart .ss-cart-table thead th {
    font-size: 1rem !important;
    padding: 10px 14px !important;
  }

  body.ss-brand-skyloop.woocommerce-cart .ss-cart-table thead th.product-name {
    padding-left: 14px !important;
  }

  body.ss-brand-skyloop.woocommerce-cart .woocommerce-cart-form__contents tbody tr.cart_item {
    padding: 10px 14px !important;
  }

  body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-wrapper {
    padding: 0 !important;
  }

  body.ss-brand-skyloop.woocommerce-cart .ss-cart-table tbody td.ss-cart-product-cell {
    padding: 0 !important;
  }

  body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details .ss-cart-product-title,
  body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-details .ss-cart-product-title a,
  body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-title,
  body.ss-brand-skyloop.woocommerce-cart .ss-cart-product-title a {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
  }

  body.ss-brand-skyloop.woocommerce-cart .woocommerce {
    padding: 0 16px 16px !important;
    box-sizing: border-box !important;
  }

  body.ss-brand-skyloop.woocommerce-cart .cart-collaterals {
    margin-bottom: 0 !important;
  }

  body.ss-brand-skyloop.woocommerce-cart .cart_totals {
    padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    background: #e6f9ff !important;
    border: 2px solid #00c7ff !important;
    margin-bottom: 0 !important;
  }

  /*
   * Checkout mobile gutter — pad entry-content only (do not zero Astra on all
   * wrappers; that broke Bestellübersicht / block sidebar layout).
   */
  body.ss-brand-skyloop.woocommerce-checkout .site-content .ast-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .entry-content {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 16px !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-sidebar-layout,
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout,
  body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout,
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__sidebar,
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__main {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Bestellübersicht — collapsed = yellow bar only; open = bottom pad inside card */
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-sidebar-layout {
    gap: 16px !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout
    .wp-block-woocommerce-checkout-order-summary-block:has(
      .wc-block-components-panel__button[aria-expanded="true"]
    ),
  body.ss-brand-skyloop.woocommerce-checkout
    .wp-block-woocommerce-checkout-order-summary-block:has(
      .wc-block-components-checkout-order-summary__title.is-open
    ) {
    padding-bottom: 16px !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__sidebar {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-panel,
  body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-panel__content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout
    .wp-block-woocommerce-checkout-order-summary-block
    .wc-block-components-panel__content[hidden] {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout
    .wp-block-woocommerce-checkout-order-summary-block:has(
      .wc-block-components-panel__button[aria-expanded="true"]
    )
    .wc-block-components-panel__content {
    padding-bottom: 12px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout
    .wp-block-woocommerce-checkout-order-summary-block:has(
      .wc-block-components-panel__button[aria-expanded="true"]
    )
    .wc-block-components-totals-coupon
    .wc-block-components-panel__content {
    padding: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout
    .wp-block-woocommerce-checkout-order-summary-block
    .wc-block-components-panel__content:not([hidden]) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout
    .wp-block-woocommerce-checkout-order-summary-block
    .wc-block-components-totals-coupon
    .wc-block-components-panel__content,
  body.ss-brand-skyloop.woocommerce-checkout
    .wp-block-woocommerce-checkout-order-summary-block
    .wc-block-components-totals-coupon
    .wc-block-components-panel__content:not([hidden]) {
    padding: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__content {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  /* Last totals row — breathing room above cyan border (open panel only) */
  body.ss-brand-skyloop.woocommerce-checkout
    .wp-block-woocommerce-checkout-order-summary-block:has(
      .wc-block-components-panel__button[aria-expanded="true"]
    )
    .wc-block-components-totals-footer-item,
  body.ss-brand-skyloop.woocommerce-checkout
    .wp-block-woocommerce-checkout-order-summary-block:has(
      .wc-block-components-panel__button[aria-expanded="true"]
    )
    .wc-block-components-totals-wrapper:last-child {
    padding-bottom: 16px !important;
    margin-bottom: 0 !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-panel__button,
  body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block > .wc-block-components-panel > .wc-block-components-panel__button {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
    background: #ffff00 !important;
    background-color: #ffff00 !important;
    border: none !important;
    border-radius: 0 !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title,
  body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-panel__button .wc-block-components-checkout-order-summary__title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-price {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-icon {
    flex: 0 0 24px !important;
  }

  /* Bestellübersicht content — direct 16px inset (don't rely on panel__content) */
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-order-summary-item {
    padding: 12px 16px !important;
    box-sizing: border-box !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-item,
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-footer-item {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
    padding: 10px 16px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-order-summary {
    box-shadow: none !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-order-summary.is-overflow-bottom {
    box-shadow: inset 0 -28px 22px -10px #e6f9ff !important;
  }
}

/* ========================================================================== */
/* SkyLoop WooCommerce CHECKOUT PAGE — parity with cart + offcanvas           */
/* ========================================================================== */
body.ss-brand-skyloop.woocommerce-checkout {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
  --ss-coupon-accent: #00c7ff;
  --ss-coupon-accent-hover: #00b4e6;
  --ss-co-accent: #00c7ff;
  --ss-co-accent-hover: #00b4e6;
  --ss-blue-color: #17428c;
  --ss-primary-color: #17428c;
  --ss-activity-primary: #17428c;
}

body.ss-brand-skyloop.woocommerce-checkout .woocommerce,
body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

/* Form section headings */
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-checkout-step__heading,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-checkout-step__title,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__form h2,
body.ss-brand-skyloop.woocommerce-checkout .woocommerce-billing-fields h3,
body.ss-brand-skyloop.woocommerce-checkout .woocommerce-shipping-fields h3,
body.ss-brand-skyloop.woocommerce-checkout .woocommerce-additional-fields h3 {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-commerce-bar) !important;
  color: #17428c !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-checkout-step__description,
body.ss-brand-skyloop.woocommerce-checkout form .form-row label,
body.ss-brand-skyloop.woocommerce-checkout .woocommerce form.checkout .form-row label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-text-input label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-checkbox__label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-radio-control__label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-radio-control__description,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-item__label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__terms {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
  text-transform: none !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-address-card__edit,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__terms a,
body.ss-brand-skyloop.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce a,
body.ss-brand-skyloop.woocommerce-checkout:not(.woocommerce-order-received) .wp-block-woocommerce-checkout a {
  color: #17428c !important;
}

/* Checkout form fields — navy border, cyan focus (parity with booking modal) */
body.ss-brand-skyloop.woocommerce-checkout,
body.ss-brand-skyloop.woocommerce-order-pay {
  --ss-co-field-radius-coupon: 0;
  --ss-co-field-height: 58px;
  --ss-co-field-padding-x: 14px;
  --ss-co-field-padding-y-idle: 16px;
  --ss-co-field-padding-top-active: 24px;
  --ss-co-field-padding-bottom-active: 10px;
  --ss-co-label-left: 14px;
  --ss-co-label-top-idle: 29px;
}

/* Woo sets line-height:0 on shells — causes value clipping with custom borders */
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-text-input,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select,
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-country-input,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-state-input,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-text-input .wc-block-components-text-input__wrapper,
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select__container,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select__container {
  line-height: normal !important;
  white-space: normal !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-address-form .wc-block-components-text-input,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-address-form .wc-block-components-select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-address-form .wc-blocks-components-select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-address-form .wc-block-components-country-input,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-address-form .wc-block-components-state-input {
  margin-top: 16px !important;
  align-self: stretch !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select,
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-country-input,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-state-input {
  overflow: visible !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select__container,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select__container {
  overflow: visible !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-country-input .wc-blocks-components-select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-state-input .wc-blocks-components-select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-address-form .wc-blocks-components-select {
  margin-top: 0 !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-address-form {
  align-items: flex-start !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-address-form .wc-block-components-text-input,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-address-form .wc-block-components-state-input,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-address-form .wc-block-components-country-input {
  min-height: var(--ss-co-field-height) !important;
}

/* Text inputs — border on control (same as before) */
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-text-input input,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-text-input textarea,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__add-note textarea,
body.ss-brand-skyloop.woocommerce-checkout .form-row input.input-text,
body.ss-brand-skyloop.woocommerce-checkout .form-row textarea,
body.ss-brand-skyloop.woocommerce-order-pay form.woocommerce-verify-email input.input-text,
body.ss-brand-skyloop.woocommerce-order-pay #payment input.input-text {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
  background-color: #ffffff !important;
  border: 2px solid #17428c !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  min-height: var(--ss-co-field-height) !important;
  height: var(--ss-co-field-height) !important;
  line-height: 1.5 !important;
  overflow: visible !important;
}

/* Selects — border + chevron on container; select is borderless inside */
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select__container,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select__container {
  font-family: var(--ss-font-sans) !important;
  border: 2px solid #17428c !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  min-height: var(--ss-co-field-height) !important;
  height: var(--ss-co-field-height) !important;
  line-height: normal !important;
  position: relative !important;
  overflow: hidden !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select__container::after,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select__container::after {
  display: none !important;
  content: none !important;
}

/* Woo Blocks already renders an expand SVG — style it, do not add a second chevron */
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select__expand,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select__expand {
  display: block !important;
  fill: #17428c !important;
  color: #17428c !important;
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select__expand svg,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select__expand svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select__container:has(select:focus) .wc-blocks-components-select__expand,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select__container:has(select:focus) .wc-block-components-select__expand {
  fill: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select__select,
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select select,
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select__select,
body.ss-brand-skyloop.woocommerce-order-pay #payment select {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  min-height: 100% !important;
  height: 100% !important;
  width: 100% !important;
  line-height: 1.5 !important;
  padding-right: 38px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select select::-webkit-listbox,
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select select::-webkit-listbox {
  -webkit-appearance: none !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select select::-ms-expand,
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select select::-ms-expand {
  display: none !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select__container:has(select:focus),
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select__container:has(select:focus) {
  border-color: #00c7ff !important;
  box-shadow: 0 0 0 3px rgba(0, 199, 255, 0.2) !important;
}

body.ss-brand-skyloop.woocommerce-checkout .form-row select {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
  background-color: #ffffff !important;
  border: 2px solid #17428c !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  min-height: var(--ss-co-field-height) !important;
  height: var(--ss-co-field-height) !important;
  line-height: 1.5 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-text-input input:focus,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-text-input textarea:focus,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__add-note textarea:focus,
body.ss-brand-skyloop.woocommerce-checkout .form-row input.input-text:focus,
body.ss-brand-skyloop.woocommerce-checkout .form-row textarea:focus,
body.ss-brand-skyloop.woocommerce-order-pay form.woocommerce-verify-email input.input-text:focus,
body.ss-brand-skyloop.woocommerce-order-pay #payment input.input-text:focus,
body.ss-brand-skyloop.woocommerce-checkout .form-row select:focus,
body.ss-brand-skyloop.woocommerce-order-pay #payment select:focus {
  border-color: #00c7ff !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 199, 255, 0.2) !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-text-input.is-active input[type="email"],
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-text-input input[type="email"]:focus {
  border-color: #00c7ff !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-text-input label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__input label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select label,
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-country-input label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-state-input label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select__label,
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select__label {
  font-family: var(--ss-font-sans) !important;
  color: rgba(23, 66, 140, 0.75) !important;
  left: var(--ss-co-label-left) !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-text-input.is-active label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-text-input input:-webkit-autofill + label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__input.is-active label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__input input:-webkit-autofill + label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select.is-active label,
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select.is-active label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-country-input.is-active label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-state-input.is-active label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select:has(select option:checked:not([value=""])) label,
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select:has(select option:checked:not([value=""])) label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-country-input:has(select option:checked:not([value=""])) label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-state-input:has(select option:checked:not([value=""])) label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select.ss-has-value label,
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select.ss-has-value label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-country-input.ss-has-value label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-state-input.ss-has-value label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-country-input .wc-blocks-components-select.is-active label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-country-input .wc-blocks-components-select.ss-has-value label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-state-input .wc-blocks-components-select.is-active label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-state-input .wc-blocks-components-select.ss-has-value label {
  color: #17428c !important;
  top: 0 !important;
  transform: translateY(4px) scale(0.75) !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-text-input.is-active input,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-text-input input:-webkit-autofill,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select.is-active select,
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select.is-active select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-country-input.is-active select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-state-input.is-active select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-select.ss-has-value select,
body.ss-brand-skyloop.woocommerce-checkout .wc-blocks-components-select.ss-has-value select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-country-input.ss-has-value select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-state-input.ss-has-value select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-country-input .wc-blocks-components-select.is-active select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-country-input .wc-blocks-components-select.ss-has-value select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-state-input .wc-blocks-components-select.is-active select,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-state-input .wc-blocks-components-select.ss-has-value select {
  padding: var(--ss-co-field-padding-top-active) var(--ss-co-field-padding-x) var(--ss-co-field-padding-bottom-active) !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-checkbox__input,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-radio-control__input,
body.ss-brand-skyloop.woocommerce-checkout .form-row input[type="checkbox"],
body.ss-brand-skyloop.woocommerce-checkout .form-row input[type="radio"] {
  accent-color: #00c7ff !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-address-card,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-shipping-address,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option {
  border: 2px solid rgba(23, 66, 140, 0.25) !important;
  border-radius: 0 !important;
  color: #17428c !important;
}

/* Payment methods — one border on accordion shell, never on inner label/content */
body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__option,
body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option,
body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 12px 12px 12px 40px !important;
  margin-bottom: 0 !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option,
body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-option {
  border: 2px solid rgba(23, 66, 140, 0.25) !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  margin-bottom: 8px !important;
  overflow: hidden !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  border-color: #00c7ff !important;
  outline: none !important;
  box-shadow: none !important;
  background: #e6f9ff !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-content,
body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content {
  padding: 0 12px 12px 40px !important;
  margin: 0 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__input {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__option--checked,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__option.wc-block-components-radio-control__option-checked {
  border: none !important;
  background: transparent !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked {
  border-color: #00c7ff !important;
  background: #e6f9ff !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-checkout-step__description,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-radio-control__description {
  color: rgba(23, 66, 140, 0.75) !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-validation-error,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-validation-error p {
  color: #dc2626 !important;
  font-family: var(--ss-font-sans) !important;
}

/* Order summary — yellow title bar + cyan totals panel */
body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
  border: 2px solid #00c7ff !important;
  border-radius: 0 !important;
  background: #e6f9ff !important;
  box-sizing: border-box !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 800 !important;
  font-size: var(--ss-type-commerce-bar) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border-bottom: none !important;
  margin: 0 !important;
  padding: 10px 14px !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-text,
body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-text * {
  font-family: var(--ss-font-sans) !important;
  font-weight: 800 !important;
  color: #17428c !important;
  text-transform: uppercase !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-price,
body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-price * {
  font-family: var(--ss-font-sans) !important;
  font-weight: 800 !important;
  color: #17428c !important;
  text-transform: none !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-order-summary-item__description,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-product-name,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-product-metadata,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-product-details,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-product-details__name,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-product-details__value {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-product-name {
  font-size: var(--ss-type-commerce-title) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-order-summary-item__individual-prices,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-price,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-formatted-money-amount {
  font-size: var(--ss-type-price) !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-product-metadata,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-product-details {
  font-size: var(--ss-type-price-note) !important;
  text-transform: none !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-item,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-item__label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-item__value {
  font-size: var(--ss-type-card-sub) !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-size: var(--ss-type-price) !important;
}

@media (max-width: 768px) {
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-product-name {
    font-size: 1rem !important;
    line-height: 1.35 !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-order-summary-item__description,
  body.ss-brand-skyloop.woocommerce-checkout
    .wc-block-components-order-summary-item
    .wc-block-components-product-price,
  body.ss-brand-skyloop.woocommerce-checkout
    .wc-block-components-order-summary-item
    .wc-block-components-formatted-money-amount {
    font-size: 0.9375rem !important;
    line-height: 1.4 !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-product-metadata,
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-product-metadata__description,
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-product-metadata__description p,
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-product-details,
  body.ss-brand-skyloop.woocommerce-checkout .ss-reservation-countdown-block-row {
    font-size: 0.8125rem !important;
    line-height: 1.4 !important;
  }

  body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-title,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-title,
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-title a,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-title a {
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
  }

  body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-unit-price,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-unit-price,
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-unit-price .ss-price-amount,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-unit-price .ss-price-amount {
    font-size: 0.9375rem !important;
  }

  body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-description,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-description,
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-meta,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-meta,
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-gift-label,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-gift-label,
  body.ss-brand-skyloop .ss-cart-modal .ss-reservation-countdown,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-reservation-countdown,
  body.ss-brand-skyloop .ss-cart-modal .ss-cart-item-remove-link,
  body.ss-brand-skyloop .ss-off-canvas-cart .ss-cart-item-remove-link {
    font-size: 0.8125rem !important;
    line-height: 1.4 !important;
  }
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-product-details__name {
  font-weight: 600 !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-product-details__value {
  font-weight: 400 !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-item,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-footer-item,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-item__label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-item__value {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-weight: 700 !important;
}

/* Coupon row — 20px desktop / 16px mobile */
body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
  padding: 8px 20px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
    padding: 10px 16px !important;
  }
}

/* Injected grouped summary — Aktivitäten / Park-Eintritt / Gutscheine */
body.ss-brand-skyloop.woocommerce-checkout .ss-checkout-detailed-summary-injected,
body.ss-brand-skyloop.woocommerce-checkout #ss-checkout-detailed-summary {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-checkout-detailed-summary-injected .ss-cart-total-label,
body.ss-brand-skyloop.woocommerce-checkout .ss-checkout-detailed-summary-injected .ss-cart-activity-heading {
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-card-sub) !important;
  font-weight: 600 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-checkout-detailed-summary-injected .ss-cart-activity-name {
  font-weight: 600 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-checkout-detailed-summary-injected .ss-cart-breakdown-row,
body.ss-brand-skyloop.woocommerce-checkout .ss-checkout-detailed-summary-injected .ss-cart-breakdown-label,
body.ss-brand-skyloop.woocommerce-checkout .ss-checkout-detailed-summary-injected .ss-cart-breakdown-value {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-checkout-detailed-summary-injected .ss-cart-breakdown-label {
  font-weight: 600 !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-checkout-detailed-summary-injected .ss-cart-breakdown-value,
body.ss-brand-skyloop.woocommerce-checkout .ss-checkout-detailed-summary-injected .ss-cart-breakdown-value .woocommerce-Price-amount {
  font-weight: 700 !important;
}

/* Coupon — match cart page card (not billing-field chrome) */
body.ss-brand-skyloop.woocommerce-checkout .ss-coupon,
body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block .ss-coupon,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon {
  --ss-coupon-radius: 8px;
  --ss-coupon-border: 1px solid #e2e8f0;
  --ss-coupon-bg: #f8fafc;
  --ss-coupon-accent: #00c7ff;
  --ss-coupon-accent-hover: #00b4e6;
  border: var(--ss-coupon-border) !important;
  border-radius: var(--ss-coupon-radius) !important;
  background: var(--ss-coupon-bg) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  font-family: var(--ss-font-sans) !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-coupon__toggle {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-commerce-coupon) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-align: left !important;
  text-transform: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 12px 40px 12px 16px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-commerce-coupon) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-align: left !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-coupon__toggle:hover,
body.ss-brand-skyloop.woocommerce-checkout .ss-coupon__toggle[aria-expanded="true"],
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button:hover,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button[aria-expanded="true"] {
  background: #e5e5e5 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-coupon__body {
  border-top: 1px solid #e2e8f0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__content {
  display: block !important;
  border-top: 1px solid #e2e8f0 !important;
  padding: 16px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Beat mobile Bestellübersicht panel__content L/R = 0 */
body.ss-brand-skyloop.woocommerce-checkout
  .wp-block-woocommerce-checkout-order-summary-block
  .wc-block-components-totals-coupon
  .wc-block-components-panel__content,
body.ss-brand-skyloop.woocommerce-checkout
  .wp-block-woocommerce-checkout-order-summary-block
  .wc-block-components-totals-coupon
  .wc-block-components-panel__content:not([hidden]) {
  padding: 16px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

/* Inner content — no extra pad (panel__content already insets) */
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__content {
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-coupon__form {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-coupon__row,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__form {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Flex the wrapper, not the <input> — otherwise input stays 100% and button overlaps */
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input.wc-block-components-totals-coupon__input {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  margin-top: 0 !important;
  position: relative !important;
  box-sizing: border-box !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-coupon__input {
  display: block !important;
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-height: 44px !important;
  height: 44px !important;
  max-height: 44px !important;
  padding: 10px 14px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  font-family: var(--ss-font-sans) !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  color: #17428c !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__input input,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__input.is-active input,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__input input:-webkit-autofill {
  display: block !important;
  flex: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: 44px !important;
  max-height: 44px !important;
  padding: 0 14px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  font-family: var(--ss-font-sans) !important;
  font-size: 16px !important;
  line-height: 44px !important;
  color: #17428c !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  overflow: hidden !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-coupon__input::placeholder,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__input input::placeholder {
  color: #94a3b8 !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-coupon__input:focus,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__input input:focus {
  outline: 2px solid transparent !important;
  border-color: #00c7ff !important;
  box-shadow: 0 0 0 3px rgba(0, 199, 255, 0.2) !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__input {
  margin-top: 0 !important;
  min-height: 0 !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__input label {
  display: none !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-coupon__apply {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 44px !important;
  height: 44px !important;
  max-height: 44px !important;
  padding: 0 20px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 6px !important;
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  font-family: var(--ss-font-button) !important;
  font-size: var(--ss-type-btn) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__button {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  min-height: 44px !important;
  height: 44px !important;
  max-height: 44px !important;
  padding: 0 20px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 6px !important;
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  font-family: var(--ss-font-button) !important;
  font-size: var(--ss-type-btn) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-coupon__apply:hover:not(:disabled),
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__button:hover:not(:disabled):not([aria-disabled="true"]) {
  background: #00c7ff !important;
  color: #ffffff !important;
  filter: none !important;
  opacity: 1 !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-coupon__apply:disabled,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__button:disabled,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon__button[aria-disabled="true"] {
  opacity: 1 !important;
  background: #00c7ff !important;
  color: #ffffff !important;
  cursor: not-allowed !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-coupon__icon {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  margin-left: 8px !important;
  transition: transform 0.3s ease !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-coupon__toggle[aria-expanded="true"] .ss-coupon__icon {
  transform: rotate(180deg) !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button-icon {
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  left: auto !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  width: 20px !important;
  height: 20px !important;
  flex: none !important;
  color: #17428c !important;
  fill: currentColor !important;
  pointer-events: none !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button[aria-expanded="true"] .wc-block-components-panel__button-icon {
  transform: translateY(-50%) rotate(180deg) !important;
}

/* Mobile Bestellübersicht — pad rows only; coupon uses same rules as desktop */
@media (max-width: 768px) {
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-order-summary-item {
    padding: 12px 16px !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-item,
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-footer-item {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
    padding: 10px 16px !important;
  }
}

/* Primary actions */
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__actions button[type="submit"],
body.ss-brand-skyloop.woocommerce-checkout #place_order,
body.ss-brand-skyloop.woocommerce-order-pay #payment #place_order,
body.ss-brand-skyloop.woocommerce-order-pay #place_order {
  font-family: var(--ss-font-button) !important;
  font-size: var(--ss-type-btn) !important;
  font-weight: 700 !important;
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-checkout__actions button[type="submit"]:hover,
body.ss-brand-skyloop.woocommerce-checkout #place_order:hover,
body.ss-brand-skyloop.woocommerce-order-pay #payment #place_order:hover {
  background: #00c7ff !important;
  color: #ffffff !important;
  filter: none !important;
  opacity: 1 !important;
}

body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked,
body.ss-brand-skyloop.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li.payment_method_selected,
body.ss-brand-skyloop.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li.wc_payment_method > input[type="radio"]:checked + label {
  border-color: #00c7ff !important;
}

/* Reservation countdown */
body.ss-brand-skyloop.woocommerce-checkout .ss-reservation-countdown {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
  background: #ffffff !important;
  border: 2px solid #83bb26 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-reservation-countdown-block-row {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
  background: #ffffff !important;
  border: 2px solid #83bb26 !important;
  border-radius: 0 !important;
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-bottom: 8px !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-reservation-countdown-block-row .wc-block-components-product-details__name,
body.ss-brand-skyloop.woocommerce-checkout .ss-reservation-countdown-block-row .wc-block-components-product-details__value {
  display: inline !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: inherit !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-reservation-countdown-block-row [aria-hidden="true"] {
  display: none !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-reservation-countdown-value {
  font-weight: 700 !important;
  color: #83bb26 !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-reservation-countdown.ss-reservation-expired {
  border-color: #dc2626 !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-reservation-countdown.ss-reservation-expired .ss-reservation-countdown-value {
  color: #dc2626 !important;
}

/* Price display in order summary */
body.ss-brand-skyloop.woocommerce-checkout .ss-price-amount,
body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-formatted-money-amount {
  font-weight: 700 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-price-note {
  font-weight: 400 !important;
  color: #17428c !important;
  text-transform: none !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-price-breakdown {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 0.15rem 0.55rem !important;
  font-family: var(--ss-font-sans) !important;
  font-size: var(--ss-type-price-note) !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-price-breakdown br {
  display: none !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-skyloop-entry-attendees,
body.ss-brand-skyloop.woocommerce-checkout .ss-skyloop-entry-attendees li {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
  list-style: none !important;
}

body.ss-brand-skyloop.woocommerce-checkout .ss-skyloop-entry-attendees li::before {
  content: "»" !important;
  color: #17428c !important;
  font-family: var(--ss-font-button) !important;
  font-weight: 700 !important;
}

/* Classic checkout fallback */
body.ss-brand-skyloop.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.ss-brand-skyloop.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.ss-brand-skyloop.woocommerce-checkout .woocommerce-checkout-review-order-table td {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th,
body.ss-brand-skyloop.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {
  font-weight: 700 !important;
}

body.ss-brand-skyloop.woocommerce-checkout .woocommerce-checkout-payment {
  background: #e6f9ff !important;
  border: 2px solid #00c7ff !important;
  border-radius: 0 !important;
}

/* ========================================================================== */
/* SkyLoop — Order received / Thank-you page                                */
/* ========================================================================== */

/* Logo-only header — hide primary nav + mobile menu */
body.ss-brand-skyloop.woocommerce-order-received #masthead .ast-builder-menu,
body.ss-brand-skyloop.woocommerce-order-received #masthead .main-header-menu,
body.ss-brand-skyloop.woocommerce-order-received #masthead .ast-header-menu-toggle,
body.ss-brand-skyloop.woocommerce-order-received #masthead .menu-toggle,
body.ss-brand-skyloop.woocommerce-order-received #ast-mobile-header .ast-button-wrap,
body.ss-brand-skyloop.woocommerce-order-received #ast-mobile-header .ast-mobile-menu-trigger-minimal,
body.ss-brand-skyloop.woocommerce-order-received #ast-mobile-header .ast-mobile-menu-trigger-fill,
body.ss-brand-skyloop.woocommerce-order-received #ast-mobile-header .ast-mobile-menu-trigger-outline,
body.ss-brand-skyloop.woocommerce-order-received .ast-mobile-popup-drawer,
body.ss-brand-skyloop.woocommerce-order-received #masthead .ast-site-header-cart,
body.ss-brand-skyloop.woocommerce-order-received #masthead .ast-header-woo-cart,
body.ss-brand-skyloop.woocommerce-order-received #ast-mobile-header .ast-site-header-cart,
body.ss-brand-skyloop.woocommerce-order-received #ast-mobile-header .ast-header-woo-cart {
  display: none !important;
}

/* Base font + color */
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order p,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order li,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order td,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order th,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order address,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order span {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

/* Headings — Stylesheet HEADLINES: DIN ExtraBold · VERSAL */
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order h1,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order h2,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .woocommerce-order-details__title,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .woocommerce-column__title {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

/* Thank-you notice */
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-thankyou-order-received,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-notice--success {
  background: #e6f9ff !important;
  border: 1px solid #00c7ff !important;
  color: #17428c !important;
  display: block !important;
  padding: 14px 16px !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.5 !important;
  box-sizing: border-box !important;
}

/* Overall page rhythm */
body.ss-brand-skyloop.woocommerce-order-received .mfn-checkout-steps-wrapper,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order {
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order > * {
  margin-bottom: 20px !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order > *:last-child {
  margin-bottom: 0 !important;
}

/* Order overview list labels */
body.ss-brand-skyloop.woocommerce-order-received ul.order_details li,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-overview li {
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-order-received ul.order_details li strong,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-overview li strong {
  color: #17428c !important;
}

/* Table borders */
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tbody tr {
  border-bottom-color: rgba(23, 66, 140, 0.12) !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot tr {
  border-bottom-color: rgba(23, 66, 140, 0.12) !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child th,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child td {
  border-top: none !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-customer-details:has(.woocommerce-column) {
  background: transparent !important;
  border: none !important;
  overflow: visible !important;
}

/* Links */
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order a {
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order a:hover {
  color: #00c7ff !important;
}

/* Buttons — cyan CTA (Aktionen, PDF, Wertgutschein download, order-again) */
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .woocommerce-button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .order-again .button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .order-actions .button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .order-actions-button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .ss-gift-voucher-codes .button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .ss-digital-tickets .button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order a.button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order button.button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order input[type="submit"] {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: var(--ss-font-button) !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .button:hover,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .woocommerce-button:hover,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order a.button:hover,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order button.button:hover,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order input[type="submit"]:hover {
  background: #00b4e6 !important;
  background-color: #00b4e6 !important;
  color: #fff !important;
}

/* Voucher code chip */
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes .ss-voucher-code,
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-code {
  font-family: var(--ss-font-mono, monospace) !important;
  color: #17428c !important;
  border-color: rgba(23, 66, 140, 0.2) !important;
}

/* Voucher card wrapper */
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes,
body.ss-brand-skyloop.woocommerce-order-received .ss-digital-tickets {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

/* Woo notices */
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-info,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-message {
  background: #e6f9ff !important;
  border-left-color: #00c7ff !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
}

/* Order overview / details / address / delivery panels */
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-overview.order_details,
body.ss-brand-skyloop.woocommerce-order-received ul.order_details.woocommerce-order-overview,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-details,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-customer-details,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-column,
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes,
body.ss-brand-skyloop.woocommerce-order-received .ss-digital-tickets {
  background: #e6f9ff !important;
  border: 2px solid #00c7ff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-customer-details,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-column,
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes {
  background: #e6f9ff !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-details,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-customer-details {
  margin: 0 0 24px 0 !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-column {
  margin: 0 !important;
}

/* Panel headers */
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-details h2,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-customer-details h2,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-column__title,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-details__title,
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes > p:first-child,
body.ss-brand-skyloop.woocommerce-order-received .ss-digital-tickets .ss-wallet-panel__title {
  display: block !important;
  background: #ffff00 !important;
  background-color: #ffff00 !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details,
body.ss-brand-skyloop.woocommerce-order-received .shop_table {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details th,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details td,
body.ss-brand-skyloop.woocommerce-order-received .shop_table th,
body.ss-brand-skyloop.woocommerce-order-received .shop_table td {
  padding-left: 14px !important;
  padding-right: 14px !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid rgba(23, 66, 140, 0.12) !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot:last-child tr:last-child th,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot:last-child tr:last-child td {
  border-bottom: none !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tbody tr,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot tr {
  border-bottom: 1px solid rgba(23, 66, 140, 0.12) !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child {
  border-bottom: none !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-column address,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-customer-details address {
  margin: 0 !important;
  padding: 12px 14px 14px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Gift / checkout additional fields — WC defaults padding:0; match address inset */
body.ss-brand-skyloop.woocommerce-order-received .wc-block-components-additional-fields-list,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .wc-block-components-additional-fields-list,
body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content .wc-block-components-additional-fields-list {
  margin: 0 !important;
  padding: 0 14px 14px !important;
  box-sizing: border-box !important;
}

body.ss-brand-skyloop.woocommerce-order-received .wc-block-components-additional-fields-list dt,
body.ss-brand-skyloop.woocommerce-order-received .wc-block-components-additional-fields-list dd,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .wc-block-components-additional-fields-list dt,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .wc-block-components-additional-fields-list dd,
body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content .wc-block-components-additional-fields-list dt,
body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content .wc-block-components-additional-fields-list dd {
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-order-received .ss-digital-tickets {
  margin: 0 0 24px 0 !important;
  padding: 0 0 14px 0 !important;
  border: 2px solid #00c7ff !important;
  border-top: 2px solid #00c7ff !important;
  background: #e6f9ff !important;
}

body.ss-brand-skyloop.woocommerce-order-received .ss-digital-tickets > :not(.ss-wallet-panel__title) {
  margin: 10px 14px 0 !important;
}

body.ss-brand-skyloop.woocommerce-order-received .ss-digital-tickets .ss-wallet-panel__hint,
body.ss-brand-skyloop.woocommerce-order-received .ss-digital-tickets p {
  margin-bottom: 8px !important;
}

body.ss-brand-skyloop.woocommerce-order-received .ss-digital-tickets .ss-wallet-buttons {
  margin: 10px 14px 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Gift voucher — same yellow bar as Bestelldetails (flush to cyan card, no wrapper padding) */
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes {
  padding: 0 0 14px 0 !important;
}

body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes > :not(:first-child) {
  margin-left: 14px !important;
  margin-right: 14px !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-details tbody tr,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-details tfoot tr,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-overview li,
body.ss-brand-skyloop.woocommerce-order-received ul.order_details li,
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-wallet {
  border-color: rgba(23, 66, 140, 0.15) !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details,
body.ss-brand-skyloop.woocommerce-order-received .shop_table {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tbody tr:first-child,
body.ss-brand-skyloop.woocommerce-order-received .shop_table tbody tr:first-child {
  padding-top: 8px !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child th,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child td {
  padding-bottom: 12px !important;
}

/* Top thank-you meta block */
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order > p:not(.woocommerce-thankyou-order-received):not(.woocommerce-notice) {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: 0.9375rem !important;
  line-height: 1.65 !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-overview.order_details,
body.ss-brand-skyloop.woocommerce-order-received ul.order_details.woocommerce-order-overview {
  padding: 12px 14px !important;
}

body.ss-brand-skyloop.woocommerce-order-received ul.order_details li,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-overview li {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  font-size: 0.9375rem !important;
  line-height: 1.6 !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid rgba(23, 66, 140, 0.1) !important;
}

body.ss-brand-skyloop.woocommerce-order-received ul.order_details li strong,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-overview li strong {
  margin-left: auto !important;
  font-weight: 700 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body.ss-brand-skyloop.woocommerce-order-received ul.order_details li:last-child,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-overview li:last-child {
  border-bottom: none !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tbody td,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tbody th,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot th,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot td {
  font-size: 0.9375rem !important;
  line-height: 1.55 !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tbody tr {
  padding: 10px 0 !important;
}

/* Stronger buttons */
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .woocommerce-button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .order-again .button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .order-actions .button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .order-actions-button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .ss-gift-voucher-codes .button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order .ss-digital-tickets .button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order a.button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order button.button,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 18px !important;
  font-size: 0.875rem !important;
  line-height: 1.2 !important;
}

/* Inline styled voucher download link */
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes p > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 18px !important;
  background: #00c7ff !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-family: var(--ss-font-sans) !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
}

body.ss-brand-skyloop.woocommerce-order-received .order-actions td,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-details tr:has(.order-actions--heading) td {
  vertical-align: middle !important;
}

/* Voucher body copy + code chip */
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes > p:not(:first-child),
body.ss-brand-skyloop.woocommerce-order-received .ss-digital-tickets .ss-wallet-panel__hint,
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-wallet p {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
}

body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes code,
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes .ss-voucher-code,
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-code {
  display: inline-block !important;
  padding: 8px 12px !important;
  background: #e6f9ff !important;
  border: 1px solid #00c7ff !important;
  border-radius: 0 !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

/* Rechnungsadresse — make the body feel intentional, not raw text */
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-customer-details .woocommerce-column {
  padding-bottom: 0 !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-column address,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-customer-details address {
  font-family: var(--ss-font-sans) !important;
  font-size: 0.9375rem !important;
  font-style: normal !important;
  line-height: 1.7 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-column address p,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-customer-details address p {
  margin: 0 0 6px 0 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-order-received .woocommerce-column address .woocommerce-customer-details--phone,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-column address .woocommerce-customer-details--email,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-customer-details address .woocommerce-customer-details--phone,
body.ss-brand-skyloop.woocommerce-order-received .woocommerce-customer-details address .woocommerce-customer-details--email {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes > p:not(:first-child) {
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
  padding-top: 16px !important;
}

body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes li {
  margin: 0 0 10px 0 !important;
}

body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes p > a,
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes a.button {
  margin-top: 2px !important;
}

body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-wallet {
  margin: 16px 0 0 !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(0, 199, 255, 0.35) !important;
}

body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-wallet p {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  margin: 0 0 8px 0 !important;
}

@media (max-width: 768px) {
  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order > * {
    margin-bottom: 16px !important;
  }

  body.ss-brand-skyloop.woocommerce-order-received ul.order_details li,
  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-overview li {
    display: block !important;
  }

  body.ss-brand-skyloop.woocommerce-order-received ul.order_details li strong,
  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-overview li strong {
    display: block !important;
    margin: 4px 0 0 0 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  /* One separator per row — no cell border-top segments / stacked padding */
  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tbody tr,
  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot tr {
    padding: 10px 14px !important;
    border-bottom: 1px solid rgba(23, 66, 140, 0.12) !important;
    box-sizing: border-box !important;
  }

  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child {
    border-bottom: none !important;
  }

  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tbody th,
  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tbody td,
  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot th,
  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot td {
    border: none !important;
    padding: 0 !important;
  }

  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child th,
  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child td {
    border-top: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.ss-brand-skyloop.woocommerce-order-received .order-actions,
  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-details .order-again {
    padding: 0 !important;
    margin: 0 !important;
  }

  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-details tr:has(.order-actions--heading) {
    align-items: center !important;
  }

  body.ss-brand-skyloop.woocommerce-order-received .ss-digital-tickets {
    margin: 0 0 16px 0 !important;
    padding: 0 0 14px 0 !important;
  }

  body.ss-brand-skyloop.woocommerce-order-received .ss-digital-tickets .ss-wallet-btn {
    margin: 0 !important;
  }
}

/* Do not restyle #wpadminbar — inherit/font-family here breaks dashicons + link colors. */

/* ========================================================================== */
/* SkyLoop — My Account / Auth                                               */
/* ========================================================================== */

body.ss-brand-skyloop.woocommerce-account,
body.ss-brand-skyloop.ss-auth-page,
body.ss-brand-skyloop.woocommerce-account .woocommerce,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content p,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content td,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content th,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content label,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card label,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card p {
  font-family: var(--ss-font-sans) !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-account .entry-title,
body.ss-brand-skyloop.woocommerce-account .wp-block-post-title,
body.ss-brand-skyloop.ss-auth-page .entry-title,
body.ss-brand-skyloop.ss-auth-page .wp-block-post-title,
body.ss-brand-skyloop.ss-auth-page .entry-header h1,
body.ss-brand-skyloop.ss-auth-page .entry-header h2 {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

/* ----- Account nav ----- */
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-navigation ul {
  background: #e6f9ff !important;
  border: 2px solid #00c7ff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-navigation li a {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 600 !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: rgba(0, 199, 255, 0.22) !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard.is-active a,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout.is-active a {
  background: #ffff00 !important;
  color: #17428c !important;
  font-weight: 800 !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #17428c !important;
}

/* ----- Account content card ----- */
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content {
  background: #e6f9ff !important;
  border: 2px solid #00c7ff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content h2,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details__title,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-downloads__title,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details > h2,
body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details__title,
body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-column__title,
body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content > h2,
body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details > h2 {
  background: #ffff00 !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  margin: 0 0 16px 0 !important;
  padding: 10px 14px !important;
  border: none !important;
  border-radius: 0 !important;
}

/* Nested / secondary headings — navy only (no yellow bar) */
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content h1,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content h3,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content h4,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content h5,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content strong,
body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content h3,
body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content h4,
body.ss-brand-skyloop.woocommerce-account .ss-gift-voucher-codes > p:first-child,
body.ss-brand-skyloop.woocommerce-account .ss-gift-voucher-codes p,
body.ss-brand-skyloop.woocommerce-account .ss-gift-voucher-wallet p,
body.ss-brand-skyloop.woocommerce-view-order .ss-gift-voucher-codes > p:first-child,
body.ss-brand-skyloop.woocommerce-view-order .ss-gift-voucher-codes p,
body.ss-brand-skyloop.woocommerce-view-order .ss-gift-voucher-wallet p,
body.ss-brand-skyloop.woocommerce-account .ss-digital-tickets .ss-wallet-panel__title,
body.ss-brand-skyloop.woocommerce-view-order .ss-digital-tickets .ss-wallet-panel__title,
body.ss-brand-skyloop.woocommerce-account .ss-order-booking-details h4,
body.ss-brand-skyloop.woocommerce-view-order .ss-order-booking-details h4,
body.ss-brand-skyloop.woocommerce-account .ss-my-bookings-tab-nav a,
body.ss-brand-skyloop.woocommerce-account .my_account_bookings th,
body.ss-brand-skyloop.woocommerce-account .my_account_bookings td {
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-account .ss-gift-voucher-codes > p:first-child,
body.ss-brand-skyloop.woocommerce-view-order .ss-gift-voucher-codes > p:first-child,
body.ss-brand-skyloop.woocommerce-account .ss-gift-voucher-wallet > p:first-child,
body.ss-brand-skyloop.woocommerce-view-order .ss-gift-voucher-wallet > p:first-child {
  font-weight: 700 !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-Button):not(.woocommerce-button):not(.ss-gift-voucher-pdf-download) {
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-Button):not(.woocommerce-button):not(.ss-gift-voucher-pdf-download):hover {
  color: #00c7ff !important;
}

/* Gift voucher PDF CTA — keep white label on button (account / view-order) */
body.ss-brand-skyloop.woocommerce-account .ss-gift-voucher-codes a.ss-gift-voucher-pdf-download,
body.ss-brand-skyloop.woocommerce-account .ss-gift-voucher-codes p > a.ss-gift-voucher-pdf-download,
body.ss-brand-skyloop.woocommerce-view-order .ss-gift-voucher-codes a.ss-gift-voucher-pdf-download,
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes a.ss-gift-voucher-pdf-download,
body.ss-brand-skyloop .ss-gift-voucher-codes a.ss-gift-voucher-pdf-download {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 18px !important;
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-family: var(--ss-font-sans) !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body.ss-brand-skyloop.woocommerce-account .ss-gift-voucher-codes a.ss-gift-voucher-pdf-download:hover,
body.ss-brand-skyloop.woocommerce-view-order .ss-gift-voucher-codes a.ss-gift-voucher-pdf-download:hover,
body.ss-brand-skyloop.woocommerce-order-received .ss-gift-voucher-codes a.ss-gift-voucher-pdf-download:hover,
body.ss-brand-skyloop .ss-gift-voucher-codes a.ss-gift-voucher-pdf-download:hover {
  background: #00b4e6 !important;
  background-color: #00b4e6 !important;
  color: #fff !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .button,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--ss-font-button) !important;
  font-weight: 700 !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .button:hover,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button:hover {
  background: #00b4e6 !important;
  color: #fff !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content button.show-password-input,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .show-password-input {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #17428c !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content button.show-password-input:hover,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .show-password-input:hover {
  color: #00c7ff !important;
}

/* Orders actions — stack full-width, never clip */
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table th.woocommerce-orders-table__header-order-actions,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table td.order-actions {
  width: 14rem !important;
  min-width: 14rem !important;
  max-width: 14rem !important;
  white-space: normal !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table td.order-actions {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 8px !important;
  overflow: visible !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .woocommerce-button,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table td.order-actions .button {
  display: flex !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  text-align: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  padding: 8px 10px !important;
  line-height: 1.25 !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content input.input-text,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content select,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content textarea {
  background: #fff !important;
  border: 2px solid #17428c !important;
  border-radius: 0 !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content input:focus,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content select:focus,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
  border-color: #00c7ff !important;
  box-shadow: 0 0 0 3px rgba(0, 199, 255, 0.2) !important;
  outline: none !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.my_account_bookings {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.shop_table:not(.woocommerce-table--order-details) th,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table th,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.my_account_bookings th {
  background: #ffff00 !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 800 !important;
  border: none !important;
  border-bottom: 1px solid rgba(23, 66, 140, 0.12) !important;
}

/* Order details labels: yellow + padding, no th border (avoids double lines) */
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details th,
body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content table.woocommerce-table--order-details th {
  background: #ffff00 !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  font-weight: 800 !important;
  padding: 10px 14px !important;
  border: none !important;
  border-bottom: none !important;
  box-sizing: border-box !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.shop_table:not(.woocommerce-table--order-details) td,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table td,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.my_account_bookings td {
  background: transparent !important;
  color: #17428c !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(23, 66, 140, 0.12) !important;
}

/* Order details cells: no row/cell border stacking */
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details td,
body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content table.woocommerce-table--order-details td {
  border: none !important;
  border-bottom: none !important;
  background: transparent !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .ss-table-scroll-wrap {
  scrollbar-color: #00c7ff #e6f9ff !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .ss-table-scroll-wrap::-webkit-scrollbar-thumb {
  background: #00c7ff !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error,
body.ss-brand-skyloop.ss-auth-page .woocommerce-message,
body.ss-brand-skyloop.ss-auth-page .woocommerce-info,
body.ss-brand-skyloop.ss-auth-page .woocommerce-error {
  background: #e6f9ff !important;
  border: none !important;
  border-left: 4px solid #00c7ff !important;
  color: #17428c !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-Address,
body.ss-brand-skyloop.woocommerce-account .woocommerce-column,
body.ss-brand-skyloop.woocommerce-account .woocommerce-Addresses .u-column1,
body.ss-brand-skyloop.woocommerce-account .woocommerce-Addresses .u-column2 {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .button,
body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button {
  background: #00c7ff !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop.woocommerce-account .ss-myaccount-loading .woocommerce-MyAccount-content::before {
  border-color: #e6f9ff !important;
  border-top-color: #00c7ff !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop.woocommerce-account .ss-my-bookings-tab-nav {
  background: #e6f9ff !important;
  border: 2px solid #00c7ff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px !important;
}

body.ss-brand-skyloop.woocommerce-account .ss-my-bookings-tabs,
body.ss-brand-skyloop.woocommerce-account .ss-my-bookings-tab-nav a {
  font-family: var(--ss-font-sans) !important;
}

body.ss-brand-skyloop.woocommerce-account .ss-my-bookings-tab-nav a {
  color: #17428c !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop.woocommerce-account .ss-my-bookings-tab-nav li.active a {
  background: #ffff00 !important;
  color: #17428c !important;
  box-shadow: none !important;
  transform: none !important;
}

body.ss-brand-skyloop.woocommerce-account .my_account_bookings thead {
  background: #ffff00 !important;
  color: #17428c !important;
}

body.ss-brand-skyloop.woocommerce-account .my_account_bookings tbody tr:nth-child(even),
body.ss-brand-skyloop.woocommerce-account .my_account_bookings tbody tr:hover {
  background: rgba(0, 199, 255, 0.12) !important;
}

body.ss-brand-skyloop.woocommerce-account .my_account_bookings .button.ss-booking-reschedule {
  background: #00c7ff !important;
  color: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop.woocommerce-account .my_account_bookings .button.ss-booking-cancel {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ----- Auth card (login / register / lost password) ----- */
body.ss-brand-skyloop.ss-auth-page .ss-auth-card {
  background: #e6f9ff !important;
  border: 2px solid #00c7ff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 2rem 1.75rem !important;
  box-sizing: border-box !important;
}

body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce form.login,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce form.register,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce form.lost_reset_password,
body.ss-brand-skyloop.ss-auth-page .woocommerce form.login,
body.ss-brand-skyloop.ss-auth-page .woocommerce form.register,
body.ss-brand-skyloop.ss-auth-page .woocommerce form.lost_reset_password {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce-Button,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce-button,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .button,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card button[type="submit"],
body.ss-brand-skyloop.ss-auth-page .woocommerce-form-login__submit,
body.ss-brand-skyloop.ss-auth-page .woocommerce-form-register__submit {
  background: #00c7ff !important;
  background-color: #00c7ff !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--ss-font-button) !important;
  font-weight: 700 !important;
  width: 100% !important;
}

body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce-Button:hover,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce-button:hover,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .button:hover,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card button[type="submit"]:hover {
  background: #00b4e6 !important;
  color: #fff !important;
}

body.ss-brand-skyloop.ss-auth-page .ss-auth-card .input-text,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card input[type="text"],
body.ss-brand-skyloop.ss-auth-page .ss-auth-card input[type="email"],
body.ss-brand-skyloop.ss-auth-page .ss-auth-card input[type="password"],
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce-form-login .input-text,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce-form-login input {
  background: #fff !important;
  border: 2px solid #17428c !important;
  border-radius: 0 !important;
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
  box-shadow: none !important;
}

body.ss-brand-skyloop.ss-auth-page .ss-auth-card .input-text:focus,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card input:focus,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce-form-login input:focus {
  border-color: #00c7ff !important;
  box-shadow: 0 0 0 3px rgba(0, 199, 255, 0.2) !important;
  outline: none !important;
  background: #fff !important;
}

body.ss-brand-skyloop.ss-auth-page .ss-auth-card label,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce-privacy-policy-text,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce-privacy-policy-text a,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .lost_password a,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce-register-link a,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce-LostPassword a,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .ss-auth-back-link a,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card p a,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card button.show-password-input,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .show-password-input {
  color: #17428c !important;
  font-family: var(--ss-font-sans) !important;
}

body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce-privacy-policy-text a:hover,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .lost_password a:hover,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce-register-link a:hover,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .ss-auth-back-link a:hover,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card p a:hover,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card button.show-password-input:hover,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .show-password-input:hover {
  color: #00c7ff !important;
}

body.ss-brand-skyloop.ss-auth-page .ss-auth-card button.show-password-input,
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .show-password-input {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.ss-brand-skyloop.ss-auth-page .ss-auth-card input[type="checkbox"],
body.ss-brand-skyloop.ss-auth-page .ss-auth-card .woocommerce-form__input-checkbox {
  accent-color: #00c7ff !important;
}

@media (max-width: 768px) {
  body.ss-brand-skyloop.ss-auth-page .ss-auth-card {
    padding: 20px 16px !important;
    border: 2px solid #00c7ff !important;
    margin-bottom: 16px !important;
    max-width: 100% !important;
  }

  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content {
    padding: 1.25rem 1rem !important;
    overflow-x: hidden !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-navigation {
    top: var(--ss-header-h, 0px) !important;
    background: #e6f9ff !important;
    z-index: 120 !important;
    margin-left: -1rem !important;
    margin-right: -1rem !important;
    width: calc(100% + 2rem) !important;
    max-width: none !important;
    padding: 8px 1rem !important;
    box-sizing: border-box !important;
  }

  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-navigation ul {
    background: transparent !important;
    border: none !important;
  }

  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details,
  body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content table.woocommerce-table--order-details {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details tbody tr.order_item,
  body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content table.woocommerce-table--order-details tbody tr.order_item {
    border: 2px solid #00c7ff !important;
    background: #ffffff !important;
  }

  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details tbody tr.order_item td.product-name,
  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details tbody tr.order_item td.product-name > a,
  body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content table.woocommerce-table--order-details tbody tr.order_item td.product-name,
  body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content table.woocommerce-table--order-details tbody tr.order_item td.product-name > a {
    color: #17428c !important;
  }

  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .ss-order-booking-details,
  body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content .ss-order-booking-details {
    background: #e6f9ff !important;
    border: 1px solid #00c7ff !important;
    color: #17428c !important;
  }

  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .ss-order-booking-details h4,
  body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content .ss-order-booking-details h4 {
    color: #17428c !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
    text-transform: none !important;
    font-size: 0.8125rem !important;
  }

  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details tfoot tr.ss-cart-activity-detailed,
  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details tfoot tr.ss-cart-park-entry-detailed,
  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details tfoot tr.ss-cart-voucher-detailed,
  body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content table.woocommerce-table--order-details tfoot tr.ss-cart-activity-detailed,
  body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content table.woocommerce-table--order-details tfoot tr.ss-cart-park-entry-detailed,
  body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content table.woocommerce-table--order-details tfoot tr.ss-cart-voucher-detailed {
    border: 2px solid #00c7ff !important;
    background: #ffffff !important;
  }

  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details th,
  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details td,
  body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content table.woocommerce-table--order-details th,
  body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content table.woocommerce-table--order-details td {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    color: #17428c !important;
  }

  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content .ss-price-breakdown,
  body.ss-brand-skyloop.woocommerce-view-order .woocommerce-MyAccount-content .ss-price-breakdown {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table th.woocommerce-orders-table__header-order-actions,
  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions,
  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content table td.order-actions {
    width: 12rem !important;
    min-width: 12rem !important;
    max-width: 12rem !important;
  }
}

/* Stylesheet_260630 SCHRIFTEN — desktop full-flow enforcement */
@media (min-width: 1024px) {
  /* HEADLINES — DIN ExtraBold · VERSAL */
  body.ss-brand-skyloop .ss-activities-stage-header h1,
  body.ss-brand-skyloop .ss-activities-stage-header h2,
  body.ss-brand-skyloop .ss-mock-buy-vouchers-title,
  body.ss-brand-skyloop .ss-booking-date-header h1,
  body.ss-brand-skyloop .ss-booking-date-header h2,
  body.ss-brand-skyloop .ss-activity-switcher-heading,
  body.ss-brand-skyloop .ss-cart-totals h2,
  body.ss-brand-skyloop .cart_totals h2,
  body.ss-brand-skyloop.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-text,
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-checkout-step__title,
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-checkout-step__heading,
  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order h1,
  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order h2,
  body.ss-brand-skyloop.woocommerce-order-received .woocommerce-order-details__title,
  body.ss-brand-skyloop.woocommerce-account .entry-title,
  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content h1,
  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content h2,
  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content h3,
  body.ss-brand-skyloop.woocommerce-account .woocommerce-MyAccount-content h4,
  body.ss-brand-skyloop.woocommerce-account .woocommerce-column__title,
  body.ss-brand-skyloop.woocommerce-account .woocommerce-order-details__title,
  body.ss-brand-skyloop.woocommerce-view-order .woocommerce-order-details__title,
  body.ss-brand-skyloop .ss-booking-selection-summary h3,
  body.ss-brand-skyloop .ss-important-information__summary {
    font-family: var(--ss-font-sans) !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #17428c !important;
    letter-spacing: 0 !important;
  }

  /* Hervorhebungen — DIN Demi (product / line titles) */
  body.ss-brand-skyloop .ss-activity-card__title,
  body.ss-brand-skyloop .ss-product-name,
  body.ss-brand-skyloop .ss-product-name a,
  body.ss-brand-skyloop .ss-product-title,
  body.ss-brand-skyloop .ss-cart-item-title,
  body.ss-brand-skyloop .ss-cart-product-title,
  body.ss-brand-skyloop .ss-cart-activity-name,
  body.ss-brand-skyloop .wc-block-components-product-name,
  body.ss-brand-skyloop .ss-cart-voucher-crosssell-heading {
    font-family: var(--ss-font-sans) !important;
    font-weight: 600 !important;
    color: #17428c !important;
    text-transform: none !important;
  }

  /* Copytexte — DIN Regular (not VERSAL) */
  body.ss-brand-skyloop .ss-activity-card__description,
  body.ss-brand-skyloop .ss-product-description,
  body.ss-brand-skyloop .ss-cart-item-description,
  body.ss-brand-skyloop .ss-cart-item-meta,
  body.ss-brand-skyloop .ss-price-note,
  body.ss-brand-skyloop .ss-price-breakdown,
  body.ss-brand-skyloop .ss-price-breakdown strong,
  body.ss-brand-skyloop .wc-block-components-product-metadata,
  body.ss-brand-skyloop .wc-block-components-product-details,
  body.ss-brand-skyloop .wc-block-components-product-details__name,
  body.ss-brand-skyloop .wc-block-components-product-details__value,
  body.ss-brand-skyloop .ss-coupon__toggle,
  body.ss-brand-skyloop .wc-block-components-totals-coupon .wc-block-components-panel__button,
  body.ss-brand-skyloop .ss-location-activities__lead,
  body.ss-brand-skyloop .ss-booking-date-header__activity-lead,
  body.ss-brand-skyloop .ss-info-accordion-header,
  body.ss-brand-skyloop .ss-info-accordion-content,
  body.ss-brand-skyloop.woocommerce-checkout .form-row label,
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-text-input label,
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-checkbox__label,
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-radio-control__label,
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-totals-item__label,
  body.ss-brand-skyloop.woocommerce-cart .ss-cart-activity-heading {
    font-family: var(--ss-font-sans) !important;
    font-weight: 400 !important;
    text-transform: none !important;
  }

  /* Buttons + Sonderzeichen — Alexandria Bold */
  body.ss-brand-skyloop .ss-btn,
  body.ss-brand-skyloop .ss-btn-primary,
  body.ss-brand-skyloop .ss-select-activity,
  body.ss-brand-skyloop .ss-select-activity-switcher,
  body.ss-brand-skyloop .ss-quantity-btn,
  body.ss-brand-skyloop .ss-coupon__apply,
  body.ss-brand-skyloop .ss-cart-checkout-btn,
  body.ss-brand-skyloop a.checkout-button,
  body.ss-brand-skyloop .wc-block-components-totals-coupon__button,
  body.ss-brand-skyloop .wc-block-components-checkout-place-order-button,
  body.ss-brand-skyloop .woocommerce-order .button,
  body.ss-brand-skyloop .woocommerce-Button,
  body.ss-brand-skyloop.woocommerce-account .button,
  body.ss-brand-skyloop.woocommerce-account .woocommerce-button,
  body.ss-brand-skyloop .woocommerce-form-login__submit,
  body.ss-brand-skyloop .woocommerce-form-register__submit,
  body.ss-brand-skyloop .ss-cart-reservation-expired-notice .button,
  body.ss-brand-skyloop .ss-off-canvas-cart li::before,
  body.ss-brand-skyloop.woocommerce-cart .cart_totals li::before,
  body.ss-brand-skyloop.woocommerce-checkout .wc-block-components-checkout-step__description li::before,
  body.ss-brand-skyloop .ss-important-information__summary::after {
    font-family: var(--ss-font-button) !important;
    font-weight: 700 !important;
    text-transform: none !important;
  }
}