/** Shopify CDN: Minification failed

Line 313:0 All "@import" rules must come first

**/
/* === AROVYE CUSTOM STYLES === */

/* --- Variant Buttons: Warm & Premium --- */


/* --- Urgency Badge --- */
.arovye-urgency {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 12px 0 8px 0;
  padding: 0;
}

.arovye-urgency__item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
}

.arovye-urgency__item--hot {
  color: #D94F00;
}

.arovye-urgency__item--stock {
  color: #9333EA;
}

.arovye-urgency__item--trust {
  color: #555;
}

/* --- Bundle Cross-Sell Links --- */
.arovye-bundles {
  margin: 16px 0;
  padding: 14px;
  background: linear-gradient(135deg, #FDF2F8, #FAF5FF);
  border: 1px solid #E8D5E0;
  border-radius: 14px;
}

.arovye-bundles__title {
  font-size: 13px;
  font-weight: 600;
  color: #9333EA;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}

.arovye-bundles__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #F0E0EE;
  text-decoration: none;
  color: #1A1A2E;
  transition: all 0.2s ease;
}

.arovye-bundles__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.arovye-bundles__item:hover {
  color: #9333EA;
}

.arovye-bundles__name {
  font-size: 14px;
  font-weight: 500;
}

.arovye-bundles__price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.arovye-bundles__price-old {
  font-size: 11px;
  color: #999;
  text-decoration: line-through;
}

.arovye-bundles__price-new {
  font-size: 15px;
  font-weight: 700;
  color: #9333EA;
}

.arovye-bundles__badge {
  display: inline-block;
  background: #9333EA;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 6px;
  margin-left: 6px;
  vertical-align: middle;
}

/* ===== AROVYE CONVERSION ELEMENTS ===== */

/* Sterne-Bewertung */
.arovye-stars-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0 12px;
}
.arovye-stars {
  color: #f59e0b;
  font-size: 18px;
  letter-spacing: 1px;
}
.arovye-stars-text {
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
}

/* Oranger Bestand-Blinker */
.arovye-stock-alert {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0 10px;
  font-size: 14px;
  color: #d97706;
  font-weight: 500;
}
.arovye-stock-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f59e0b;
  flex-shrink: 0;
  animation: arovye-blink 1.4s ease-in-out infinite;
}
@keyframes arovye-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.2; }
}

/* USP Liste */
.arovye-usp-list {
  list-style: none;
  padding: 0;
  margin: 12px 0 20px;
}
.arovye-usp-list li {
  font-size: 13px;
  color: #374151;
  padding: 5px 0;
  border-bottom: 1px solid #f3f4f6;
  display: flex;
  align-items: center;
  gap: 6px;
}
.arovye-usp-list li:last-child { border-bottom: none; }

/* Bundle Buttons */
.arovye-bundle-selector {
  margin: 0 0 20px;
}
.arovye-bundle-label {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
}
.arovye-bundle-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.arovye-bundle-btn {
  flex: 1;
  min-width: 90px;
  text-align: center;
  padding: 10px 8px;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  text-decoration: none;
  background: #fff;
  transition: all 0.2s;
  line-height: 1.4;
}
.arovye-bundle-btn:hover {
  border-color: #9333ea;
  color: #9333ea;
}
.arovye-bundle-btn--active {
  border-color: #9333ea;
  background: #faf5ff;
  color: #9333ea;
}
.arovye-bundle-btn small {
  display: block;
  font-weight: 400;
  color: #9ca3af;
  font-size: 11px;
}

/* Trust Grid */
.arovye-trust-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 20px;
}
.arovye-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
}
.arovye-trust-icon {
  font-size: 20px;
  flex-shrink: 0;
}
.arovye-trust-item strong {
  display: block;
  font-size: 12px;
  color: #111827;
}
.arovye-trust-item small {
  font-size: 11px;
  color: #9ca3af;
}


/* 3 Benefit-Spalten */
.arovye-benefits-row {
  display: flex;
  gap: 8px;
  margin: 12px 0 20px;
}
.arovye-benefit-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #faf5ff;
  border: 1px solid #e9d5ff;
  border-radius: 10px;
  padding: 12px 8px;
  font-size: 12px;
  color: #374151;
  gap: 6px;
  font-weight: 500;
  line-height: 1.4;
}
.arovye-benefit-icon {
  font-size: 22px;
}

/* Fancy Bundle Tags */
.arovye-bundle-tag {
  display: block;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #9ca3af;
  margin-bottom: 4px;
}
.arovye-bundle-tag--popular {
  color: #9333ea;
}
.arovye-bundle-tag--best {
  color: #d97706;
}

/* Trust Grid fix — kompakter */
.arovye-trust-grid {
  gap: 8px !important;
  margin-top: 16px !important;
}
.arovye-trust-item {
  padding: 10px !important;
  gap: 8px !important;
}
.arovye-trust-item strong {
  font-size: 12px !important;
}
.arovye-trust-item small {
  font-size: 11px !important;
}


/* Google Font laden */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&display=swap');

/* USP Text-Liste — Parfüm-Store Style */
.arovye-usp-text {
  list-style: none;
  padding: 0;
  margin: 14px 0 22px;
  font-family: 'DM Sans', sans-serif;
}
.arovye-usp-text li {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 14px;
  color: #1f172a;
  padding: 10px 0;
  line-height: 1.5;
  font-weight: 400;
  border-bottom: 1px solid #f0f0f0;
  letter-spacing: 0.01em;
}
.arovye-usp-text li:last-child {
  border-bottom: none;
}
.arovye-usp-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1.5px solid #d8b4fe;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
  background: #fff;
}


/* Trust Grid — farbig & emotional */
.arovye-trust-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  margin-top: 16px !important;
}
.arovye-trust-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 12px !important;
  border-radius: 12px !important;
  border: none !important;
}
.arovye-trust-item:nth-child(1) { background: #fff0f6; }
.arovye-trust-item:nth-child(2) { background: #f5f0ff; }
.arovye-trust-item:nth-child(3) { background: #fff7ed; }
.arovye-trust-item:nth-child(4) { background: #f0fdf4; }
.arovye-trust-icon {
  font-size: 22px !important;
  flex-shrink: 0 !important;
}
.arovye-trust-item strong {
  display: block !important;
  font-size: 12px !important;
  color: #1f172a !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
}
.arovye-trust-item small {
  font-size: 11px !important;
  color: #6b7280 !important;
  font-family: 'DM Sans', sans-serif !important;
}

/* Review Swiper */
.arovye-swiper-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 8px;
  margin-bottom: 24px;
}
.arovye-swiper-wrap::-webkit-scrollbar { display: none; }
.arovye-swiper-track {
  display: flex;
  gap: 12px;
  width: max-content;
}
.arovye-swiper-track .arovye-review-card {
  width: 280px;
  flex-shrink: 0;
  border: 1.5px solid #f9a8d4;
  border-radius: 14px;
  padding: 20px;
  font-family: 'DM Sans', sans-serif;
  background: #fff;
}
.arovye-swipe-hint {
  text-align: center;
  font-size: 12px;
  color: #9ca3af;
  margin-bottom: 12px;
  font-family: 'DM Sans', sans-serif;
  letter-spacing: 0.5px;
}


/* === FIX: Sale-Badge schwarz → Brand-Lila === */
.badge,
.price__badge-sale,
.price__badge,
.product__badge,
.badge--sale,
span.badge {
  background: linear-gradient(135deg, #9333EA, #7C3AED) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 4px 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  box-shadow: 0 2px 8px rgba(147, 51, 234, 0.3) !important;
}

/* Sale-Text: bullet-proof */
.price--on-sale .price__badge-sale,
.price__badge-sale {
  color: #fff !important;
}

/* Sale-Preis selbst farbiger */
.price--on-sale .price-item--sale,
.price-item--sale {
  color: #9333EA !important;
  font-weight: 700 !important;
}

/* Compare-at Preis (durchgestrichen) etwas weicher */
.price__sale .price-item--regular,
.price-item--regular.price__sale-strikethrough {
  color: #9CA3AF !important;
}


/* === Header Trust-Bar === */
.arovye-trust-bar {
  background: linear-gradient(135deg, #6f54a8 0%, #9279c9 100%);
  color: #ffffff;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 8px 12px;
  text-align: center;
  overflow: hidden;
  position: relative;
  z-index: 100;
  box-shadow: 0 1px 3px rgba(111, 84, 168, 0.18);
}
.arovye-trust-bar__track {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
}
.arovye-trust-bar__item {
  white-space: nowrap;
}
.arovye-trust-bar__sep {
  opacity: 0.5;
  font-size: 12px;
}
@media (max-width: 749px) {
  .arovye-trust-bar {
    font-size: 11px;
    padding: 7px 8px;
  }
  .arovye-trust-bar__track {
    gap: 8px;
  }
  .arovye-trust-bar__sep {
    display: none;
  }
}

/* === ATC-Button viel prominenter === */
.product-form__buttons .product-form__submit,
.product-form__submit,
button[name="add"],
.shopify-payment-button__button {
  background: linear-gradient(135deg, #5B2789 0%, #2D1B3D 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 18px 28px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.35), 0 2px 6px rgba(147, 51, 234, 0.2) !important;
  transition: all 0.25s ease !important;
  width: 100% !important;
  margin-bottom: 10px !important;
  position: relative !important;
  overflow: hidden !important;
}

.product-form__submit:hover,
button[name="add"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(147, 51, 234, 0.45), 0 4px 8px rgba(147, 51, 234, 0.25) !important;
}

/* Pulse-Animation für ATC */
@keyframes arovye-atc-pulse {
  0%, 100% { box-shadow: 0 8px 24px rgba(147, 51, 234, 0.35), 0 2px 6px rgba(147, 51, 234, 0.2), 0 0 0 0 rgba(147, 51, 234, 0.45); }
  50% { box-shadow: 0 8px 24px rgba(147, 51, 234, 0.35), 0 2px 6px rgba(147, 51, 234, 0.2), 0 0 0 12px rgba(147, 51, 234, 0); }
}
.product-form__submit:not(:disabled),
button[name="add"]:not(:disabled) {
  animation: arovye-atc-pulse 2.5s ease-in-out infinite;
}

/* Sonderzeichen / Loading-Spinner-Override */
.product-form__submit .loading__spinner {
  display: none;
}

/* PayPal / Shop-Pay Buttons darunter ungestylt lassen aber kleiner */
.shopify-payment-button {
  margin-top: 4px !important;
}

/* Body-Padding damit Sticky-Trust-Bar nichts überdeckt */
body {
  padding-top: 0;
}


/* === Iteration 3: Trust-Bar Marquee === */
.arovye-trust-bar {
  padding: 7px 0 !important;
  font-size: 12px !important;
}
.arovye-trust-bar__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 36px !important;
  width: max-content !important;
  animation: arovye-marquee 28s linear infinite;
  white-space: nowrap;
}
.arovye-trust-bar__track:hover {
  animation-play-state: paused;
}
.arovye-trust-bar__sep {
  display: none;
}
@keyframes arovye-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-33.333%); }
}

/* === USP-Bullets aufpimpen — voller, umzingelt, gradient === */
.arovye-usp-text {
  margin: 18px 0 24px !important;
  padding: 0 !important;
}
.arovye-usp-text li {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  margin-bottom: 10px !important;
  background: linear-gradient(135deg, #faf5ff 0%, #fdf2f8 100%) !important;
  border: 1.5px solid #e9d5ff !important;
  border-radius: 14px !important;
  border-bottom: 1.5px solid #e9d5ff !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  color: #1f172a !important;
  box-shadow: 0 2px 6px rgba(147, 51, 234, 0.06) !important;
  transition: all 0.2s ease !important;
}
.arovye-usp-text li:hover {
  transform: translateX(2px);
  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.12) !important;
  border-color: #c4b5fd !important;
}
.arovye-usp-text li:last-child {
  margin-bottom: 0 !important;
}
.arovye-usp-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  border: 2px solid #c4b5fd !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: 18px !important;
  box-shadow: 0 2px 4px rgba(147, 51, 234, 0.1) !important;
}

/* === ATC-Button: schwarzer Border weg, pures Lila === */
.product-form__buttons .product-form__submit,
.product-form__submit,
button[name="add"] {
  outline: none !important;
  outline-offset: 0 !important;
  border: 2px solid #9333EA !important;
  background: #9333EA !important;
}
.product-form__buttons .product-form__submit:focus,
.product-form__submit:focus,
button[name="add"]:focus,
button[name="add"]:focus-visible {
  outline: none !important;
  border-color: #9333EA !important;
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.4), 0 0 0 3px rgba(147, 51, 234, 0.2) !important;
}

/* Der Outline-Ring den Dawn drüber legt */
.product-form__submit::before,
.product-form__submit::after,
button[name="add"]::before,
button[name="add"]::after {
  display: none !important;
  content: none !important;
}

/* Falls noch ein Wrapper-Border drüber liegt */
.product-form__buttons {
  border: none !important;
  background: transparent !important;
}

/* Body-Top-Anker — kein zusätzliches Padding */
.shopify-payment-button {
  margin-top: 6px !important;
}
.shopify-payment-button__button {
  border-radius: 999px !important;
}

/* Bundle-Selector etwas knackiger machen */
.arovye-bundle-buttons {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.arovye-bundle-btn {
  flex: 1 !important;
  min-width: 0 !important;
}


/* === Iteration 4: Reviews Auto-Slider === */
.arovye-reviews-block {
  font-family: 'DM Sans', sans-serif;
}
.arovye-reviews-title {
  font-size: 18px;
  font-weight: 700;
  color: #1f172a;
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}
.arovye-reviews-stars {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 16px;
}
.arovye-reviews-stars span {
  color: #6b7280;
  font-weight: 500;
  margin-left: 4px;
}
.arovye-reviews-marquee {
  overflow: hidden;
  margin: 0 -16px;
  padding: 4px 0;
  position: relative;
}
.arovye-reviews-marquee::before,
.arovye-reviews-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  z-index: 2;
  pointer-events: none;
}
.arovye-reviews-marquee::before {
  left: 0;
  background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}
.arovye-reviews-marquee::after {
  right: 0;
  background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}
.arovye-reviews-track {
  display: flex;
  gap: 12px;
  width: max-content;
  animation: arovye-reviews-scroll 32s linear infinite;
  padding: 0 16px;
}
.arovye-reviews-track:hover {
  animation-play-state: paused;
}
.arovye-review-card {
  flex-shrink: 0;
  width: 280px;
  padding: 18px 16px;
  background: linear-gradient(135deg, #faf5ff 0%, #fdf2f8 100%);
  border: 1.5px solid #e9d5ff;
  border-radius: 14px;
  box-shadow: 0 2px 6px rgba(147, 51, 234, 0.06);
}
.arovye-review-stars {
  color: #f59e0b;
  letter-spacing: 2px;
  font-size: 14px;
  margin-bottom: 8px;
}
.arovye-review-text {
  font-size: 14px;
  line-height: 1.5;
  color: #1f172a;
  margin-bottom: 10px;
  font-style: italic;
}
.arovye-review-author {
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
}
@keyframes arovye-reviews-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@media (max-width: 749px) {
  .arovye-review-card {
    width: 240px;
    padding: 14px 14px;
  }
  .arovye-review-text {
    font-size: 13px;
  }
}

/* "Wähle dein Set" Card-Selector knackiger machen */
.arovye-bundle-btn {
  border-radius: 12px !important;
  padding: 12px 8px !important;
}
.arovye-bundle-btn--active {
  border: 2px solid #9333EA !important;
  background: #faf5ff !important;
  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.12) !important;
}


/* === Iteration 5: UGC Videos auto-playing — Play-Button verstecken === */
.ar-ugc-vid-card .ar-ugc-play {
  opacity: 0 !important;
  pointer-events: none !important;
  display: none !important;
}
.ar-ugc-vid-card .ar-ugc-vid-overlay {
  opacity: 0.15 !important;
}
.ar-ugc-video {
  opacity: 1 !important;
}


/* === Iteration 6: Headline modern + Trust-Bar sticky === */

/* Headline modern (Sans statt Serif) */
.product__title h1,
.product__title h2,
h1.product__title,
.product__title .h1,
.product__title h2.h1 {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.15 !important;
  color: #1f172a !important;
}

/* Vendor Label (AROVYE) — kleiner und subtiler */
.product__text.caption-with-letter-spacing,
.product__vendor {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  color: #1f172a !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
}

/* === Trust-Bar STICKY oben === */
.arovye-trust-bar {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
}


/* === Trust-Payments + Garantie-Strip in Buy-Box === */
.arovye-trust-payments {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
  padding: 12px 8px 10px;
  border-top: 1px solid #f3e8ff;
}
.arovye-trust-payments__label {
  font-size: 10px;
  color: #9ca3af;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-right: 4px;
  font-family: 'DM Sans', sans-serif;
}
.arovye-trust-payments__icon {
  display: inline-flex;
  align-items: center;
  height: 22px;
}
.arovye-pay-svg,
.arovye-trust-payments__icon svg {
  height: 22px !important;
  width: auto !important;
  display: block;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.04);
}
@media (max-width: 480px) {
  .arovye-trust-payments { gap: 6px; padding: 10px 4px 8px; }
  .arovye-pay-svg,
  .arovye-trust-payments__icon svg { height: 18px !important; }
  .arovye-trust-payments__label { font-size: 9px; width: 100%; text-align: center; margin-bottom: 4px; }
}

.arovye-trust-guarantee {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 10px;
  padding: 10px 12px;
  font-size: 12px;
  color: #4b5563;
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  background: #fdf6f0;
  border-radius: 10px;
  text-align: center;
}
.arovye-trust-guarantee__sep { color: #d1d5db; }
@media (max-width: 480px) {
  .arovye-trust-guarantee { font-size: 11px; gap: 4px; padding: 8px 10px; }
}


/* === Sticky ATC Bar (Mobile) === */
.arovye-sticky-atc {
  display: none;
}
@media (max-width: 768px) {
  .arovye-sticky-atc {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #ffffff;
    border-top: 1px solid #e9d5ff;
    box-shadow: 0 -8px 24px rgba(45, 27, 61, 0.12);
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0));
    transform: translateY(110%);
    transition: transform 240ms cubic-bezier(.2,.8,.2,1);
    font-family: 'DM Sans', sans-serif;
  }
  .arovye-sticky-atc--show {
    transform: translateY(0);
  }
}
.arovye-sticky-atc__inner {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 720px;
  margin: 0 auto;
}
.arovye-sticky-atc__img {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}
.arovye-sticky-atc__info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  overflow: hidden;
}
.arovye-sticky-atc__title {
  font-size: 12px;
  color: #4b5563;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.arovye-sticky-atc__price {
  font-size: 15px;
  font-weight: 700;
  color: #1f172a;
}
.arovye-sticky-atc__price s {
  color: #9ca3af;
  font-weight: 400;
  font-size: 12px;
  margin-right: 5px;
}
.arovye-sticky-atc__btn {
  padding: 12px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #5B2789 0%, #2D1B3D 100%);
  color: #ffffff;
  font-weight: 700;
  font-size: 13px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.02em;
}
.arovye-sticky-atc__btn:hover {
  filter: brightness(1.08);
}


/* === Sub-Tagline unter H1 (Hook-Verstärker) === */
.arovye-sub-tagline {
  margin: 6px 0 14px;
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: #6b21a8;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.arovye-sub-tagline:empty { display: none; }
@media (max-width: 480px) {
  .arovye-sub-tagline { font-size: 14px; margin: 4px 0 12px; }
}


/* === Header wärmer + Brand-konsistenter === */
.header-wrapper {
  background: #FDF6F0 !important;          /* Brand-Creme statt steriles Weiß */
  border-bottom: 1px solid #f0e6d8 !important;
}
.header__heading-link,
.header__heading-link:hover,
.header__heading-link h1,
.header__heading-link span,
.header__heading-logo {
  color: #2D1B3D !important;               /* Brand-Plum statt grau */
}
.header__active-menu-item,
.header__menu-item:hover {
  color: #5B2789 !important;
}
.header__icon,
.header__icon svg {
  color: #2D1B3D !important;
}
.header__icon:hover svg {
  color: #5B2789 !important;
}
@media (max-width: 749px) {
  .header-wrapper { padding: 4px 0 !important; }
}

/* === Header Wordmark: groesser, weicher, premium === */
.header__heading-logo-wrapper {
  min-width: 142px !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.header__heading-logo-wrapper .header__heading-logo {
  display: none !important;
}
.header__heading-logo-wrapper::after {
  content: "Arovye";
  display: inline-block;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(34px, 5.8vw, 44px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  color: #2D1B3D;
  transform: translateY(1px);
  text-rendering: geometricPrecision;
}
@media (max-width: 749px) {
  .header__heading-logo-wrapper {
    min-width: 156px !important;
    min-height: 52px !important;
  }
  .header__heading-logo-wrapper::after {
    font-size: 40px;
  }
}


/* === Bundle-Streichpreis Hinweis === */
.ar-up-note {
  font-size: 10px;
  color: #9ca3af;
  font-weight: 500;
  margin-left: 4px;
  font-family: 'DM Sans', sans-serif;
}


/* === Bundle-Selector Mini-Produktbilder === */
.arovye-bundle-img,
.arovye-bundle-img-pair,
.arovye-bundle-img-trio {
  display: block;
  margin: 0 auto 8px;
  border-radius: 8px;
}
.arovye-bundle-img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  background: rgba(91, 39, 137, 0.04);
  padding: 4px;
}
.arovye-bundle-img-pair,
.arovye-bundle-img-trio {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: rgba(91, 39, 137, 0.04);
  padding: 4px;
  width: fit-content;
  margin: 0 auto 8px;
}
.arovye-bundle-img-pair img,
.arovye-bundle-img-trio img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  border-radius: 4px;
}
.arovye-bundle-img-trio img {
  width: 28px;
  height: 28px;
}
.arovye-bundle-name {
  display: block;
  font-weight: 600;
  font-size: 13px;
  margin-top: 4px;
  color: inherit;
}
@media (max-width: 480px) {
  .arovye-bundle-img { width: 48px; height: 48px; }
  .arovye-bundle-img-pair img { width: 28px; height: 28px; }
  .arovye-bundle-img-trio img { width: 22px; height: 22px; }
}


/* === Color-Swatches statt Text-Pills (EyeLift Variant-Picker) === */
/* Color mapping per variant */


/* Active state — checked */


/* Hover */
/* Tooltip with name on hover */

/* Selected variant text label below picker */
/* Spacing between swatches */
/* === Bundle: 2x EyeLift Gift-Tag === */
.arovye-bundle-tag--gift {
  background: linear-gradient(135deg, #C9A96E 0%, #B8965E 100%) !important;
  color: #fff !important;
}


/* === Avatar-Bubbles unter Sterne (Trust-Booster) === */
.arovye-trust-avatars {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 14px;
  font-family: 'DM Sans', sans-serif;
}
.arovye-trust-avatars__pics {
  display: inline-flex;
  align-items: center;
}
.arovye-trust-avatars__pics img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
  margin-left: -8px;
}
.arovye-trust-avatars__pics img:first-child {
  margin-left: 0;
}
.arovye-trust-avatars__text {
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
}
@media (max-width: 480px) {
  .arovye-trust-avatars__pics img { width: 24px; height: 24px; }
  .arovye-trust-avatars__text { font-size: 11px; }
}


/* === USP-Pillen SVG-Icons (Brand-konsistent) === */
.arovye-usp-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(91,39,137,0.08), rgba(45,27,61,0.04));
  margin-right: 10px;
  flex-shrink: 0;
  vertical-align: middle;
}
.arovye-usp-icon svg {
  width: 16px;
  height: 16px;
}
.arovye-usp-icon--eye { color: #5B2789; }
.arovye-usp-icon--red {
  background: linear-gradient(135deg, #FCA5A5, #DC2626);
  color: #fff;
}
.arovye-usp-icon--red svg { width: 14px; height: 14px; }
.arovye-usp-icon--blue {
  background: linear-gradient(135deg, #93C5FD, #2563EB);
  color: #fff;
}
.arovye-usp-icon--blue svg { width: 14px; height: 14px; }
.arovye-usp-icon--time { color: #5B2789; }

/* ============================================
   AROVYE PANDECTES COOKIE BANNER
   Subtle, premium, brand-aligned look
   ============================================ */

/* Banner container */
#pcc-cookie-bar.pcc-cookie-bar,
#pcc-cookie-bar {
  background: linear-gradient(180deg, #FBF7F4 0%, #F7EFEA 100%) !important;
  color: #2A1F2E !important;
  border-top: 1px solid rgba(196,166,138,0.25) !important;
  box-shadow: 0 -8px 32px rgba(42,31,46,0.08) !important;
  border-radius: 16px 16px 0 0 !important;
  padding: 18px 22px !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* Title / Heading */
#pcc-cookie-bar .pcc-title,
#pcc-cookie-bar h2,
#pcc-cookie-bar h3,
#pcc-cookie-bar strong {
  color: #2A1F2E !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 6px !important;
}

/* Body text */
#pcc-cookie-bar .pcc-message,
#pcc-cookie-bar p,
#pcc-cookie-bar span {
  color: #5A4A55 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Links */
#pcc-cookie-bar a {
  color: #B47C5E !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  text-decoration-thickness: 1px !important;
}
#pcc-cookie-bar a:hover {
  color: #8E5A3E !important;
}

/* Primary button (Akzeptieren) */
#pcc-cookie-bar .pcc-btn-primary,
#pcc-cookie-bar button[data-pcc-action="accept"],
#pcc-cookie-bar .pcc-accept,
#pcc-cookie-bar button.btn-primary {
  background: linear-gradient(135deg, #B47C5E 0%, #8E5A3E 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 11px 22px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  box-shadow: 0 4px 12px rgba(180,124,94,0.25) !important;
  transition: all 0.2s ease !important;
  text-transform: none !important;
  cursor: pointer !important;
}
#pcc-cookie-bar .pcc-btn-primary:hover,
#pcc-cookie-bar button[data-pcc-action="accept"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(180,124,94,0.35) !important;
}

/* Secondary buttons (Ablehnen / Einstellungen) */
#pcc-cookie-bar .pcc-btn-secondary,
#pcc-cookie-bar button[data-pcc-action="decline"],
#pcc-cookie-bar button[data-pcc-action="settings"],
#pcc-cookie-bar .pcc-decline,
#pcc-cookie-bar .pcc-settings,
#pcc-cookie-bar button.btn-secondary {
  background: transparent !important;
  color: #5A4A55 !important;
  border: 1px solid rgba(90,74,85,0.2) !important;
  border-radius: 10px !important;
  padding: 11px 22px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}
#pcc-cookie-bar .pcc-btn-secondary:hover,
#pcc-cookie-bar button[data-pcc-action="decline"]:hover,
#pcc-cookie-bar button[data-pcc-action="settings"]:hover {
  background: rgba(90,74,85,0.05) !important;
  border-color: rgba(90,74,85,0.35) !important;
}

/* Buttons row spacing */
#pcc-cookie-bar .pcc-buttons,
#pcc-cookie-bar .pcc-actions {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: 12px !important;
}

/* Mobile */
@media (max-width: 600px) {
  #pcc-cookie-bar {
    padding: 16px 18px !important;
    border-radius: 14px 14px 0 0 !important;
  }
  #pcc-cookie-bar .pcc-title,
  #pcc-cookie-bar h2,
  #pcc-cookie-bar h3 {
    font-size: 15px !important;
  }
  #pcc-cookie-bar .pcc-message,
  #pcc-cookie-bar p {
    font-size: 12.5px !important;
  }
  #pcc-cookie-bar .pcc-btn-primary,
  #pcc-cookie-bar .pcc-btn-secondary {
    width: 100% !important;
    text-align: center !important;
  }
}

/* Settings / preferences modal */
.pcc-modal,
#pcc-modal {
  font-family: 'DM Sans', system-ui, sans-serif !important;
}
.pcc-modal-content {
  background: #FBF7F4 !important;
  border-radius: 18px !important;
  border: 1px solid rgba(196,166,138,0.3) !important;
}

/* fallback selectors — Pandectes versions vary */
[id*="pandectes"],
[class*="pandectes-banner"],
[class*="cookie-consent"] {
  font-family: 'DM Sans', system-ui, sans-serif !important;
}

/* ============================================
   AROVYE GODMODE-CRO TWEAKS
   ============================================ */

/* Slim quantity selector — was too dominant */
.product-form__buttons .quantity-input,
.product-form__quantity {
  max-width: 140px !important;
}
.product-form__quantity-label {
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 6px !important;
}

/* Sticky ATC button — ensure shadow + slight upscale on mobile */
@media (max-width: 749px){
  
}

/* Trust-bar: smoother gradient + better contrast on hover items */
.arovye-trust-bar__item {
  transition: opacity 0.2s ease;
}
.arovye-trust-bar__item:hover {
  opacity: 0.85;
}

/* Bundle cards — make selected card pop more */
.ar-bundle-card.is-selected,
.ar-bundle-card[data-selected="true"]{
  box-shadow: 0 8px 24px rgba(180,124,94,0.18) !important;
  transform: translateY(-2px) !important;
  transition: all 0.2s ease;
}

/* Price emphasis */
.price__regular .price-item--regular,
.price--large .price-item {
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

/* Sub-tagline tighter */
.ar-subtag {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* ============================================
   AROVYE BUNDLE-PUSH — Face Ritual prominenter
   ============================================ */

/* The BELIEBT bundle (Face Ritual Set) gets a glow */
.arovye-bundle-btn:has(.arovye-bundle-tag--popular) {
  position: relative !important;
  border: 2px solid #B47C5E !important;
  box-shadow: 0 8px 28px rgba(180,124,94,0.22), 0 0 0 4px rgba(180,124,94,0.08) !important;
  transform: scale(1.04) !important;
  z-index: 2 !important;
}

.arovye-bundle-btn:has(.arovye-bundle-tag--popular)::before {
  content: "EMPFEHLUNG ✨";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #B47C5E 0%, #8E5A3E 100%);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  padding: 4px 10px;
  border-radius: 999px;
  white-space: nowrap;
  z-index: 3;
  box-shadow: 0 2px 8px rgba(180,124,94,0.3);
  font-family: 'DM Sans', sans-serif;
}

/* The "Beliebt" tag itself — make it more prominent */
.arovye-bundle-tag--popular {
  background: linear-gradient(135deg, #FFB3C7 0%, #FF8FAD 100%) !important;
  color: #1f172a !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  box-shadow: 0 2px 8px rgba(255, 143, 173, 0.4) !important;
}

/* Bundle hover tweaks */
.arovye-bundle-btn {
  transition: all 0.25s ease !important;
}
.arovye-bundle-btn:hover {
  transform: translateY(-3px) !important;
}
.arovye-bundle-btn:has(.arovye-bundle-tag--popular):hover {
  transform: scale(1.04) translateY(-3px) !important;
}

/* On mobile, scale down the recommend pill so it doesn't overlap */
@media (max-width: 600px) {
  .arovye-bundle-btn:has(.arovye-bundle-tag--popular) {
    transform: scale(1.02) !important;
  }
  .arovye-bundle-btn:has(.arovye-bundle-tag--popular)::before {
    font-size: 8px;
    padding: 3px 8px;
  }
}

/* ============================================
   AROVYE STICKY ATC — REAKTIVIERT 2026-05-21
   Vorher disabled (display:none); Media-Query oben
   schaltet auf Mobile (<=768px) wieder display:block.
   ============================================ */

/* Body padding für Sticky-ATC Platz unten auf Mobile */
@media (max-width: 989px) {
  body.template-product main,
  body.template-product .shopify-section--main-product {
    padding-bottom: 84px !important;
  }
}
/* Forciert anzeigen auf Mobile */
@media (max-width: 768px) {
  .arovye-sticky-atc { display: block !important; }
}

/* Cookie-Banner zurück auf normale Position */
#pcc-cookie-bar {
  bottom: 0 !important;
}

/* ========================================================================
   COOKIE-BANNER CONVERSION OPTIMIZATION (Soft Pre-Consent)
   Ziel: Accept-Rate 25% -> 65%+
   Prinzip: Accept hervorheben, Decline zurueckhalten, 100% DSGVO-konform
   ======================================================================== */

/* Accept-Button: GROSS, LILA, EYE-CATCHING */
#pcc-cookie-bar .pcc-btn-primary,
#pcc-cookie-bar button[data-pcc-action="accept"],
#pcc-cookie-bar .pcc-accept,
#pcc-cookie-bar button.btn-primary {
  background: linear-gradient(135deg, #7B4FA6 0%, #5A3680 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 60px !important;
  padding: 14px 36px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  box-shadow: 0 6px 20px rgba(123,79,166,0.35), 0 0 0 0 rgba(123,79,166,0.4) !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  min-width: 180px !important;
  text-transform: none !important;
  position: relative !important;
  animation: pccPulse 2s ease-in-out infinite !important;
  order: -1 !important;
}

#pcc-cookie-bar .pcc-btn-primary:hover,
#pcc-cookie-bar button[data-pcc-action="accept"]:hover {
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow: 0 10px 28px rgba(123,79,166,0.45) !important;
  animation: none !important;
}

/* Subtle pulse animation to draw attention */
@keyframes pccPulse {
  0%, 100% {
    box-shadow: 0 6px 20px rgba(123,79,166,0.35), 0 0 0 0 rgba(123,79,166,0.45);
  }
  50% {
    box-shadow: 0 6px 20px rgba(123,79,166,0.35), 0 0 0 8px rgba(123,79,166,0);
  }
}

/* Decline / Settings: KLEIN, dezent, Text-Style */
#pcc-cookie-bar .pcc-btn-secondary,
#pcc-cookie-bar button[data-pcc-action="decline"],
#pcc-cookie-bar button[data-pcc-action="settings"],
#pcc-cookie-bar .pcc-decline,
#pcc-cookie-bar .pcc-settings,
#pcc-cookie-bar button.btn-secondary {
  background: transparent !important;
  color: #8B7B85 !important;
  border: none !important;
  border-radius: 60px !important;
  padding: 10px 16px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: rgba(139,123,133,0.4) !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
  box-shadow: none !important;
  min-width: auto !important;
}

#pcc-cookie-bar .pcc-btn-secondary:hover,
#pcc-cookie-bar button[data-pcc-action="decline"]:hover,
#pcc-cookie-bar button[data-pcc-action="settings"]:hover {
  color: #5A4A55 !important;
  text-decoration-color: rgba(90,74,85,0.6) !important;
  background: transparent !important;
  border: none !important;
  transform: none !important;
}

/* Button-Container: Accept zentriert, Decline oben rechts */
#pcc-cookie-bar .pcc-buttons,
#pcc-cookie-bar .pcc-actions {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: 16px !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

/* Mobile: Accept-Button voll, Decline darunter */
@media (max-width: 640px) {
  #pcc-cookie-bar .pcc-btn-primary,
  #pcc-cookie-bar button[data-pcc-action="accept"] {
    width: 100% !important;
    padding: 16px 24px !important;
    font-size: 16px !important;
    min-width: auto !important;
  }
  #pcc-cookie-bar .pcc-btn-secondary,
  #pcc-cookie-bar button[data-pcc-action="decline"] {
    width: auto !important;
    margin: 0 auto !important;
    font-size: 11px !important;
    padding: 8px 12px !important;
  }
  #pcc-cookie-bar .pcc-buttons {
    flex-direction: column !important;
    align-items: center !important;
  }
}

/* Title: emotionaler Hook */
#pcc-cookie-bar .pcc-title:before {
  content: "🍪 ";
}

/* ========================================================================
   SITE-WIDE GRADIENT BUTTONS (matching Hero CTA "Jetzt entdecken")
   Gradient: #BE185D → #9333EA
   Applied to: ATC-Button, Cart-Button, Checkout, Sticky-ATC, every CTA
   ======================================================================== */

/* All primary action buttons — pink-to-purple gradient */
.shopify-payment-button__button--unbranded,
button[name="add"],
button[type="submit"]:not([class*="search"]):not([class*="newsletter"]),
.button--primary,
.product-form__submit,
.cart__checkout-button,
.cart-drawer__button,
.btn--primary,
.cart__submit,
.cart-recap__cta,
[class*="checkout-button"],
[class*="add-to-cart"],
[class*="atc"]:not([class*="atc-bar"]),
.eyelift-atc,
.btn-buy,
a.btn:not([class*="secondary"]):not([class*="outline"]),
button.btn:not([class*="secondary"]):not([class*="outline"]),
.shopify-payment-button button:not(.shopify-payment-button__more-options) {
  background: linear-gradient(135deg, #BE185D, #9333EA) !important;
  background-image: linear-gradient(135deg, #BE185D, #9333EA) !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 4px 18px rgba(190,24,93,0.30), 0 2px 6px rgba(147,51,234,0.20) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.shopify-payment-button__button--unbranded:hover,
button[name="add"]:hover,
.button--primary:hover,
.product-form__submit:hover,
.cart__checkout-button:hover,
.cart-drawer__button:hover,
.btn--primary:hover,
.cart__submit:hover,
[class*="checkout-button"]:hover,
[class*="add-to-cart"]:hover,
.eyelift-atc:hover,
.btn-buy:hover,
a.btn:not([class*="secondary"]):not([class*="outline"]):hover,
button.btn:not([class*="secondary"]):not([class*="outline"]):hover {
  background: linear-gradient(135deg, #A1144F, #7A2BD9) !important;
  background-image: linear-gradient(135deg, #A1144F, #7A2BD9) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(190,24,93,0.40), 0 4px 8px rgba(147,51,234,0.30) !important;
}

.shopify-payment-button__button--unbranded:active,
button[name="add"]:active,
.button--primary:active,
.product-form__submit:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(190,24,93,0.30) !important;
}

/* Floating cart count badge — same gradient */
.cart-count-bubble,
[class*="cart-count"],
.header__icon--cart .cart-count-bubble {
  background: linear-gradient(135deg, #BE185D, #9333EA) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  border: 2px solid #FFFFFF !important;
}

/* Quantity selector active state */
.quantity__button:hover,
.quantity-selector__button:hover {
  background: linear-gradient(135deg, #BE185D, #9333EA) !important;
  color: #FFFFFF !important;
}

/* Variant selector active */
input[type="radio"]:checked + label.variant-input-wrapper,
.product-form__input input:checked + label,
[class*="variant"]:checked + [class*="label"] {
  border-color: #BE185D !important;
  background: linear-gradient(135deg, rgba(190,24,93,0.08), rgba(147,51,234,0.08)) !important;
  color: #BE185D !important;
}

/* Active link color in navigation */
.header__menu-item:hover,
.menu-drawer__menu-item:hover,
nav a:hover {
  color: #9333EA !important;
}

/* Free Shipping bar / progress bar */
.cart-drawer__free-shipping-progress::-webkit-progress-value,
[class*="progress-bar"] {
  background: linear-gradient(135deg, #BE185D, #9333EA) !important;
}

/* Sale-Badge — same gradient */
.product-card__badge--sale,
.badge--sale,
[class*="sale-badge"],
.price__badge-sale {
  background: linear-gradient(135deg, #BE185D, #9333EA) !important;
  color: #FFFFFF !important;
  border: none !important;
}

/* === AROVYE — Cart Express Checkout Buttons (clean stack, no fake lines) === */
/* Stack express buttons cleanly without dawn's "or" divider */
.cart__dynamic-checkout-buttons,
.additional-checkout-buttons {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  padding: 0 !important;
  margin-top: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* Kill dawn's "or"-text divider line */
.cart__dynamic-checkout-buttons::before,
.cart__dynamic-checkout-buttons::after {
  display: none !important;
  content: none !important;
}

/* Each express button = full width, rounded, no margin */
.cart__dynamic-checkout-buttons [role="button"],
.additional-checkout-buttons [role="button"] {
  width: 100% !important;
  border-radius: 12px !important;
  margin: 0 !important;
}


/* === AROVYE TEXT-PILLS (Color-Buttons mit Namen) === */

/* Container */
.product-form__input--pill {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 22px !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

/* Farbe-Label */
.product-form__input--pill .form__label {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  color: #1f172a !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
  display: block !important;
  width: 100% !important;
}

.product-form__input--pill .form__label span[data-selected-value] {
  font-weight: 500 !important;
  color: #6b7280 !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  margin-left: 6px !important;
}

/* Hide the visually-hidden 'ausverkauft' span in default state */
.product-form__input--pill input[type='radio'] + label .visually-hidden:not(.label-unavailable),
.product-form__input--pill input[type='radio']:not(:disabled) + label .label-unavailable {
  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;
  border: 0 !important;
}

/* Pill-Button — Default State */
.product-form__input--pill input[type='radio'] + label {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-width: auto !important;
  min-height: auto !important;
  padding: 11px 22px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1.5px solid #e5e7eb !important;
  color: #1f172a !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  margin: 0 !important;
  overflow: visible !important;
  transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
  transform: none !important;
}

/* Hover (only when not selected and not disabled) */
.product-form__input--pill input[type='radio']:not(:checked):not(:disabled) + label:hover {
  border-color: #9333EA !important;
  color: #9333EA !important;
  background: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.12) !important;
}

/* Checked / Selected — Brand Gradient */
.product-form__input--pill input[type='radio']:checked + label {
  background: linear-gradient(135deg, #9333EA 0%, #BE185D 100%) !important;
  background-image: linear-gradient(135deg, #9333EA 0%, #BE185D 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow:
    0 4px 14px rgba(147, 51, 234, 0.32),
    0 1px 2px rgba(0, 0, 0, 0.06) !important;
  transform: translateY(0) !important;
}

.product-form__input--pill input[type='radio']:checked + label:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 6px 18px rgba(147, 51, 234, 0.40),
    0 1px 2px rgba(0, 0, 0, 0.06) !important;
}

/* Disabled / Sold-out */
.product-form__input--pill input[type='radio']:disabled + label,
.product-form__input--pill input[type='radio'].disabled + label {
  opacity: 0.45 !important;
  text-decoration: line-through !important;
  cursor: not-allowed !important;
  border-color: #e5e7eb !important;
  color: #6b7280 !important;
  background: #f9fafb !important;
  transform: none !important;
  box-shadow: none !important;
}

.product-form__input--pill input[type='radio']:disabled + label:hover,
.product-form__input--pill input[type='radio'].disabled + label:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* No tooltip / no ::after / no ::before circle styling */
.product-form__input--pill input[type='radio'] + label::before,
.product-form__input--pill input[type='radio'] + label::after {
  content: none !important;
  display: none !important;
}

/* === END AROVYE TEXT-PILLS === */

/* === END === */

/* === AROVYE: Zur-Kasse-Button im Cart-Drawer groesser === */
#CartDrawer-Checkout.cart__checkout-button,
.cart-drawer .cart__checkout-button {
  min-height: 62px !important;
  padding: 19px 24px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  border-radius: 14px !important;
  width: 100% !important;
}


/* Arovye EyeLift-only PDP cleanup */
.arovye-pdp-content{max-width:none!important;padding:0!important}
.ar-pdp{font-family:inherit;color:#1F0A14}
.ar-pdp-hero,.ar-pdp-grid,.ar-pdp-steps,.ar-pdp-proof,.ar-pdp-bundle,.ar-pdp-faq{max-width:1040px;margin:0 auto;padding:44px 20px}
.ar-pdp-hero{background:linear-gradient(160deg,#FDF2F8,#F5F3FF);border-radius:22px;margin-top:24px;padding:38px 28px}
.ar-pdp-kicker{font-size:11px;font-weight:900;letter-spacing:2.2px;text-transform:uppercase;color:#BE185D;margin:0 0 10px}
.ar-pdp h2,.ar-pdp h3{font-family:Georgia,'Times New Roman',serif;color:#1F0A14;line-height:1.12;margin:0 0 14px;letter-spacing:0}
.ar-pdp h2{font-size:38px}.ar-pdp h3{font-size:30px}
.ar-pdp-lead,.ar-pdp p{font-size:15px;line-height:1.75;color:#5F4A55}
.ar-pdp-trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.ar-pdp-trust-row span{background:#fff;border:1px solid #F0DCEA;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800;color:#3B2430}
.ar-pdp-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.ar-pdp-card-list,.ar-pdp-tech,.ar-pdp-reviews{display:grid;gap:12px}
.ar-pdp-card-list div,.ar-pdp-tech div,.ar-pdp-reviews blockquote{background:#fff;border:1px solid #F0DCEA;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(31,10,20,.04)}
.ar-pdp-card-list strong,.ar-pdp-tech b{display:block;color:#1F0A14;margin-bottom:5px}
.ar-pdp-card-list span,.ar-pdp-tech span{font-size:13px;color:#6B7280;line-height:1.6}
.ar-pdp-steps ol{padding-left:22px;color:#5F4A55;line-height:1.8}
.ar-pdp-tech{grid-template-columns:repeat(4,1fr)}
.ar-pdp-reviews{grid-template-columns:repeat(3,1fr)}
.ar-pdp-reviews blockquote{margin:0;color:#5F4A55;font-size:14px;line-height:1.7}
.ar-pdp-reviews small{display:block;margin-top:10px;color:#BE185D;font-weight:800}
.ar-pdp-bundle{background:#1F0A14;color:#fff;border-radius:22px;padding:34px 28px}
.ar-pdp-bundle h3,.ar-pdp-bundle p{color:#fff}
.ar-pdp-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;background:linear-gradient(135deg,#BE185D,#9333EA);color:#fff;text-decoration:none;font-weight:900}
.ar-pdp-faq details{border:1px solid #F0DCEA;border-radius:14px;padding:16px 18px;margin:10px 0;background:#FDF8F5}
.ar-pdp-faq summary{cursor:pointer;font-weight:900}
.ar-pdp-note{max-width:1040px;margin:0 auto 40px;padding:0 20px;color:#6B7280;font-size:12px;line-height:1.6}
@media(max-width:820px){.ar-pdp-hero,.ar-pdp-grid,.ar-pdp-steps,.ar-pdp-proof,.ar-pdp-bundle,.ar-pdp-faq{padding:34px 16px}.ar-pdp h2{font-size:30px}.ar-pdp h3{font-size:26px}.ar-pdp-grid,.ar-pdp-tech,.ar-pdp-reviews{grid-template-columns:1fr}}

/* === Arovye wordmark forced header render === */
.arovye-wordmark {
  display: inline-block !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(30px, 5.1vw, 38px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: #2D1B3D !important;
  transform: translateY(1px) scaleX(1.01);
  text-rendering: geometricPrecision;
}
.header__heading-link {
  min-width: 126px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
@media (max-width: 749px) {
  .arovye-wordmark {
    font-size: 34px !important;
  }
  .header__heading-link {
    min-width: 132px !important;
    min-height: 44px !important;
  }
}

/* Hide stale simplified PDP hero while Shopify full-page cache refreshes */
.arovye-pdp-content > .ar-pdp-hero {
  display: none !important;
}


/* ============================================
   AROVYE PANDECTES COOKIE MODAL — Brand-Style (2026-05-26)
   Targets: modal layout (centered popup) — extends existing bar styling
   ============================================ */

/* Modal container — Brand cream background, rounded, soft shadow */
.pcc-modal,
.pcc-modal-content,
[class*="pandectes"] [role="dialog"],
[data-pcc-modal],
[id^="pcc-"][class*="modal"],
[class*="pcc-popup"] {
  background: linear-gradient(180deg, #FBF7F4 0%, #F7EFEA 100%) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(123,79,166,0.15) !important;
  box-shadow: 0 24px 64px rgba(45,27,61,0.18), 0 0 0 1px rgba(123,79,166,0.08) !important;
  padding: 28px 26px !important;
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif !important;
  max-width: 440px !important;
  margin: 0 auto !important;
}

/* Modal overlay/backdrop */
.pcc-modal-overlay,
[class*="pandectes"] [class*="overlay"],
[class*="pcc-overlay"] {
  background: rgba(45, 27, 61, 0.55) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

/* Title — brand plum, modern */
.pcc-modal h1,
.pcc-modal h2,
.pcc-modal h3,
.pcc-modal .pcc-title,
[class*="pcc-modal"] strong,
[class*="pandectes"] [role="dialog"] h2,
[class*="pandectes"] [role="dialog"] h3 {
  color: #2D1B3D !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 0 10px !important;
  letter-spacing: -0.01em !important;
}

/* Body text */
.pcc-modal p,
.pcc-modal .pcc-message,
[class*="pandectes"] [role="dialog"] p {
  color: #5A4A55 !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  margin: 0 0 18px !important;
  font-family: 'DM Sans', sans-serif !important;
}

/* Links inside modal */
.pcc-modal a,
[class*="pandectes"] [role="dialog"] a {
  color: #9333EA !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  font-weight: 600 !important;
}

/* ACCEPT button — Brand purple gradient (primary CTA) */
.pcc-modal .pcc-btn-primary,
.pcc-modal button[data-pcc-action="accept"],
.pcc-modal .pcc-accept,
.pcc-modal button.btn-primary,
[class*="pandectes"] [role="dialog"] button[class*="accept"],
[class*="pandectes"] [role="dialog"] button[class*="primary"],
[class*="pandectes"] [role="dialog"] button:first-of-type {
  background: linear-gradient(135deg, #BE185D 0%, #9333EA 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 13px 26px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  font-family: 'DM Sans', sans-serif !important;
  box-shadow: 0 6px 18px rgba(147, 51, 234, 0.32), 0 2px 4px rgba(190, 24, 93, 0.18) !important;
  cursor: pointer !important;
  transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
  width: 100% !important;
  margin-bottom: 8px !important;
}
.pcc-modal .pcc-btn-primary:hover,
.pcc-modal button[data-pcc-action="accept"]:hover,
[class*="pandectes"] [role="dialog"] button:first-of-type:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 26px rgba(147, 51, 234, 0.42) !important;
  filter: brightness(1.05) !important;
}

/* DECLINE button — outline, dezent */
.pcc-modal .pcc-btn-secondary,
.pcc-modal button[data-pcc-action="decline"],
.pcc-modal button[data-pcc-action="settings"],
.pcc-modal .pcc-decline,
.pcc-modal .pcc-settings,
.pcc-modal button.btn-secondary,
[class*="pandectes"] [role="dialog"] button[class*="decline"],
[class*="pandectes"] [role="dialog"] button[class*="secondary"],
[class*="pandectes"] [role="dialog"] button:not(:first-of-type) {
  background: transparent !important;
  color: #6B5A65 !important;
  border: 1.5px solid rgba(107, 90, 101, 0.22) !important;
  border-radius: 999px !important;
  padding: 11px 26px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  font-family: 'DM Sans', sans-serif !important;
  cursor: pointer !important;
  transition: all 0.22s ease !important;
  width: 100% !important;
  margin-bottom: 6px !important;
  box-shadow: none !important;
}
.pcc-modal .pcc-btn-secondary:hover,
.pcc-modal button[data-pcc-action="decline"]:hover,
[class*="pandectes"] [role="dialog"] button:not(:first-of-type):hover {
  background: rgba(107, 90, 101, 0.06) !important;
  border-color: rgba(107, 90, 101, 0.45) !important;
  color: #2D1B3D !important;
}

/* Close button (X) */
.pcc-modal [class*="close"],
.pcc-modal button[aria-label="Close"],
[class*="pandectes"] [role="dialog"] [class*="close"] {
  color: #9CA3AF !important;
  background: transparent !important;
  border: none !important;
  font-size: 18px !important;
  cursor: pointer !important;
  opacity: 0.65 !important;
  transition: opacity 0.2s ease !important;
}
.pcc-modal [class*="close"]:hover {
  opacity: 1 !important;
  color: #2D1B3D !important;
}

/* Cookie icon — sanftes Lila statt schwarz */
.pcc-modal [class*="icon"] svg,
.pcc-modal .pcc-icon {
  color: #9333EA !important;
  fill: #9333EA !important;
}

/* Buttons-row wrapper */
.pcc-modal .pcc-buttons,
.pcc-modal .pcc-actions,
[class*="pandectes"] [role="dialog"] [class*="actions"],
[class*="pandectes"] [role="dialog"] [class*="buttons"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

/* Mobile responsive */
@media (max-width: 480px) {
  .pcc-modal,
  [class*="pandectes"] [role="dialog"] {
    max-width: calc(100% - 32px) !important;
    margin: 0 16px !important;
    padding: 24px 22px !important;
    border-radius: 18px !important;
  }
  .pcc-modal h1, .pcc-modal h2, .pcc-modal h3 { font-size: 17px !important; }
  .pcc-modal p { font-size: 13px !important; }
}