/**
 * PG Korallenzucht — Actinic Reef v2 Theme
 * Für: Shopware 6 Admin → Einstellungen → Themes → Storefront → Erweitert → Custom CSS
 *
 * Stil: Jason Fox Signature Style — tiefdunkler Void-Hintergrund, elektrisch leuchtende
 * Akzentfarben wie unter Actinic-Beleuchtung im Riffbecken.
 *
 * Tokens v2:
 *   --ar-void:    #050810  (Void-Schwarz, tiefer als Ozean)
 *   --ar-orange:  #FF5500  (Actinic-Orange / Korallen-Feuer)
 *   --ar-violet:  #8B35FF  (Actinic-Violett / UV-Glow)
 *   --ar-ice:     #00D4FF  (Actinic-Blau / kaltes Wasser-Highlight)
 *   --ar-gold:    #D4A853  (Premium-Badge)
 */

/* ══════════════════════════════════════════════
   GOOGLE FONTS (Playfair Display + Inter)
   ══════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap');


/* ══════════════════════════════════════════════
   DESIGN TOKENS v2 — ACTINIC REEF
   ══════════════════════════════════════════════ */
:root {
  /* Surfaces */
  --ar-void:          #050810;
  --ar-deep:          #080D1A;
  --ar-surface:       #0C1222;
  --ar-border:        #1A2540;
  --ar-border-glow:   rgba(255, 85, 0, 0.20);

  /* Accent — Orange / Coral Fire */
  --ar-orange:        #FF5500;
  --ar-orange-dark:   #CC4400;
  --ar-orange-muted:  rgba(255, 85, 0, 0.14);
  --ar-orange-glow:   rgba(255, 85, 0, 0.32);
  --ar-orange-glow-l: rgba(255, 85, 0, 0.55);

  /* Accent — Actinic Violet */
  --ar-violet:        #8B35FF;
  --ar-violet-muted:  rgba(139, 53, 255, 0.14);
  --ar-violet-glow:   rgba(139, 53, 255, 0.28);

  /* Accent — Ice Blue */
  --ar-ice:           #00D4FF;
  --ar-ice-muted:     rgba(0, 212, 255, 0.12);

  /* Premium */
  --ar-gold:          #D4A853;
  --ar-gold-dark:     #A07828;
  --ar-gold-muted:    rgba(212, 168, 83, 0.15);

  /* Text */
  --ar-text:          #F5F5F5;
  --ar-text-dim:      rgba(245, 245, 245, 0.75);
  --ar-text-muted:    rgba(245, 245, 245, 0.42);

  /* Fonts */
  --ar-font-display:  'Playfair Display', Georgia, serif;
  --ar-font-body:     'Inter', -apple-system, Helvetica, sans-serif;

  /* Transitions */
  --ar-transition:    0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


/* ══════════════════════════════════════════════
   GLOBALE BASIS
   ══════════════════════════════════════════════ */
html,
body {
  background-color: var(--ar-void) !important;
  color: var(--ar-text) !important;
  font-family: var(--ar-font-body) !important;
}

a {
  color: var(--ar-orange) !important;
  transition: color var(--ar-transition) !important;
}
a:hover { color: var(--ar-orange-dark) !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--ar-font-display) !important;
  color: var(--ar-text) !important;
}

/* Trennlinien */
hr { border-color: var(--ar-border) !important; }


/* ══════════════════════════════════════════════
   HEADER / NAVIGATION
   ══════════════════════════════════════════════ */
.header-main,
.header-main-actions,
.header-sticky {
  background-color: rgba(5, 8, 16, 0.96) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid var(--ar-border) !important;
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.6) !important;
}

.nav-link,
.navigation-link,
.header-main .main-navigation-menu .nav-item .nav-link {
  color: var(--ar-text-dim) !important;
  font-family: var(--ar-font-body) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  transition: color var(--ar-transition) !important;
}
.nav-link:hover,
.navigation-link:hover,
.header-main .main-navigation-menu .nav-item .nav-link:hover,
.header-main .main-navigation-menu .nav-item.active .nav-link {
  color: var(--ar-orange) !important;
  text-shadow: 0 0 12px var(--ar-orange-glow) !important;
}

.header-cart-badge,
.cart-item-count {
  background-color: var(--ar-orange) !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 0 8px var(--ar-orange-glow) !important;
}

.header-search-input,
.search-widget .form-control {
  background-color: var(--ar-surface) !important;
  border-color: var(--ar-border) !important;
  color: var(--ar-text) !important;
}
.header-search-input:focus,
.search-widget .form-control:focus {
  border-color: var(--ar-orange) !important;
  box-shadow: 0 0 0 3px var(--ar-orange-muted) !important;
  background-color: var(--ar-surface) !important;
  color: var(--ar-text) !important;
  outline: none !important;
}
.header-search-input::placeholder { color: var(--ar-text-muted) !important; }


/* ══════════════════════════════════════════════
   PRODUKTKARTEN (Listing)
   ══════════════════════════════════════════════ */
.product-box,
.card.product-box {
  background-color: var(--ar-deep) !important;
  border: 1px solid var(--ar-border) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition:
    transform var(--ar-transition),
    box-shadow var(--ar-transition),
    border-color var(--ar-transition) !important;
  color: var(--ar-text) !important;
}
.product-box:hover {
  transform: translateY(-5px) !important;
  border-color: var(--ar-border-glow) !important;
  box-shadow:
    0 12px 48px rgba(0, 0, 0, 0.65),
    0 0 0 1px var(--ar-orange-muted),
    0 0 32px var(--ar-orange-muted) !important;
}

/* Produktbilder — Actinic Sättigung + Kontrast */
.product-box .product-image-wrapper img,
.product-box .card-img-top,
.product-detail-media .gallery-slider-image {
  filter: saturate(1.4) contrast(1.05) !important;
  transition: transform 0.40s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.40s ease !important;
}
.product-box:hover .product-image-wrapper img,
.product-box:hover .card-img-top {
  transform: scale(1.05) !important;
  filter: saturate(1.6) contrast(1.08) brightness(1.04) !important;
}

.product-box .product-name,
.product-box .product-info .product-name a {
  font-family: var(--ar-font-display) !important;
  font-size: 1.0625rem !important;
  color: var(--ar-text) !important;
  font-weight: 600 !important;
  transition: color var(--ar-transition), text-shadow var(--ar-transition) !important;
}
.product-box:hover .product-name,
.product-box:hover .product-info .product-name a {
  color: var(--ar-orange) !important;
  text-shadow: 0 0 16px var(--ar-orange-glow) !important;
}

.product-box .product-price .product-price-info .product-price,
.product-box .product-price {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--ar-orange) !important;
}

.product-box .product-price .product-price-unit {
  font-size: 0.75rem !important;
  color: var(--ar-text-muted) !important;
}

/* NEU-Badge */
.product-badge.product-badge-new,
.badge-new { background-color: var(--ar-violet) !important; color: #fff !important; }

/* SALE-Badge */
.product-badge.product-badge-discount,
.badge-discount { background-color: var(--ar-orange) !important; color: #fff !important; }


/* ══════════════════════════════════════════════
   SCHALTFLÄCHEN
   ══════════════════════════════════════════════ */
.btn-primary,
.btn-buy {
  background: linear-gradient(135deg, var(--ar-orange) 0%, #FF7700 100%) !important;
  border-color: var(--ar-orange) !important;
  color: #fff !important;
  font-family: var(--ar-font-body) !important;
  font-weight: 600 !important;
  font-size: 0.8125rem !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border-radius: 9999px !important;
  box-shadow: 0 0 16px var(--ar-orange-muted), 0 2px 8px rgba(0,0,0,0.4) !important;
  transition:
    box-shadow var(--ar-transition),
    transform var(--ar-transition) !important;
}
.btn-primary:hover,
.btn-buy:hover {
  background: linear-gradient(135deg, #FF7700 0%, var(--ar-orange) 100%) !important;
  border-color: #FF7700 !important;
  color: #fff !important;
  box-shadow: 0 0 28px var(--ar-orange-glow), 0 4px 16px rgba(0,0,0,0.5) !important;
  transform: translateY(-1px) !important;
}
.btn-primary:active,
.btn-buy:active {
  transform: translateY(0) !important;
  box-shadow: 0 0 12px var(--ar-orange-muted) !important;
}

.btn-outline-secondary,
.btn-secondary {
  background-color: transparent !important;
  border: 1.5px solid var(--ar-orange) !important;
  color: var(--ar-orange) !important;
  font-weight: 600 !important;
  border-radius: 9999px !important;
  transition: background-color var(--ar-transition), box-shadow var(--ar-transition) !important;
}
.btn-outline-secondary:hover,
.btn-secondary:hover {
  background-color: var(--ar-orange-muted) !important;
  box-shadow: 0 0 14px var(--ar-orange-muted) !important;
  color: var(--ar-orange) !important;
}

/* Actinic-Violet Sekundär-CTA */
.btn-info {
  background-color: var(--ar-violet) !important;
  border-color: var(--ar-violet) !important;
  color: #fff !important;
  border-radius: 9999px !important;
}
.btn-info:hover {
  box-shadow: 0 0 20px var(--ar-violet-glow) !important;
}


/* ══════════════════════════════════════════════
   PRODUKTDETAIL-SEITE
   ══════════════════════════════════════════════ */
.product-detail-page {
  background-color: var(--ar-void) !important;
  color: var(--ar-text) !important;
}

.product-detail-name {
  font-family: var(--ar-font-display) !important;
  font-size: clamp(1.75rem, 3vw, 2.75rem) !important;
  font-weight: 700 !important;
  color: var(--ar-text) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}

.product-detail-price-wrapper .product-detail-price {
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: var(--ar-orange) !important;
  text-shadow: 0 0 20px var(--ar-orange-muted) !important;
}

.product-detail-price-unit {
  color: var(--ar-text-muted) !important;
  font-size: 0.8125rem !important;
}

.product-detail-ordernumber-value {
  color: var(--ar-text-muted) !important;
  font-size: 0.8125rem !important;
}

.product-detail-description-text,
.product-detail-description-text p {
  color: var(--ar-text-dim) !important;
  font-size: 1rem !important;
  line-height: 1.8 !important;
}

.product-detail-tabs .nav-tabs {
  border-bottom-color: var(--ar-border) !important;
}
.product-detail-tabs .nav-tabs .nav-link {
  color: var(--ar-text-muted) !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  transition: color var(--ar-transition), border-color var(--ar-transition) !important;
}
.product-detail-tabs .nav-tabs .nav-link.active,
.product-detail-tabs .nav-tabs .nav-link:hover {
  color: var(--ar-orange) !important;
  border-bottom-color: var(--ar-orange) !important;
  background: transparent !important;
}

/* Galerie / Thumbnails */
.product-detail-thumbnails .thumbnail-slider-item-active img,
.product-detail-thumbnails .thumbnail-slider-item:hover img {
  border: 2px solid var(--ar-orange) !important;
  box-shadow: 0 0 12px var(--ar-orange-muted) !important;
}

/* Lagerampel */
.product-detail-delivery-information .delivery-status-indicator {
  background-color: #22C55E !important;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.4) !important;
}

/* Cross-/Upsell-Slider */
.cross-sell-product-slider .product-slider-headline,
.product-slider-headline {
  font-family: var(--ar-font-display) !important;
  color: var(--ar-text) !important;
  font-size: clamp(1.25rem, 2vw, 1.75rem) !important;
  font-weight: 700 !important;
}


/* ══════════════════════════════════════════════
   KATEGORIESEITEN
   ══════════════════════════════════════════════ */
.category-image-container,
.cms-block-image,
.category-description,
.cms-page-content {
  background-color: var(--ar-void) !important;
  color: var(--ar-text) !important;
}

.cms-headline h1,
.cms-headline h2,
.cms-headline .headline-text {
  font-family: var(--ar-font-display) !important;
  color: var(--ar-text) !important;
}

/* Filterleiste */
.filter-panel-active-filter-count {
  background-color: var(--ar-orange) !important;
  color: #fff !important;
}
.product-listing-filter .listing-filter-item-checkbox:checked + .listing-filter-item-label::before {
  background-color: var(--ar-orange) !important;
  border-color: var(--ar-orange) !important;
}
.filter-panel-item-toggle:hover,
.filter-panel-item-toggle.active {
  color: var(--ar-orange) !important;
}


/* ══════════════════════════════════════════════
   FORMULARE & EINGABEFELDER
   ══════════════════════════════════════════════ */
.form-control,
.form-select,
select,
textarea {
  background-color: var(--ar-surface) !important;
  border: 1px solid var(--ar-border) !important;
  color: var(--ar-text) !important;
  border-radius: 8px !important;
  transition: border-color var(--ar-transition), box-shadow var(--ar-transition) !important;
}
.form-control:focus,
.form-select:focus,
select:focus,
textarea:focus {
  background-color: var(--ar-surface) !important;
  border-color: var(--ar-orange) !important;
  box-shadow: 0 0 0 3px var(--ar-orange-muted) !important;
  color: var(--ar-text) !important;
  outline: none !important;
}
.form-control::placeholder,
textarea::placeholder { color: var(--ar-text-muted) !important; }

.form-label,
label { color: var(--ar-text-dim) !important; }

.invalid-feedback { color: #EF4444 !important; }
.is-invalid { border-color: #EF4444 !important; }


/* ══════════════════════════════════════════════
   WARENKORB & CHECKOUT
   ══════════════════════════════════════════════ */
.cart-item,
.offcanvas-cart-item {
  background-color: var(--ar-deep) !important;
  border-color: var(--ar-border) !important;
  color: var(--ar-text) !important;
}

.cart-item-price,
.line-item-total-price {
  color: var(--ar-orange) !important;
  font-weight: 700 !important;
}

.cart-footer-total,
.summary-total {
  color: var(--ar-text) !important;
  font-family: var(--ar-font-display) !important;
  font-weight: 700 !important;
}

.cart-footer-total .cart-footer-price,
.summary-total .summary-value {
  color: var(--ar-orange) !important;
  font-size: 1.5rem !important;
  text-shadow: 0 0 16px var(--ar-orange-muted) !important;
}

.offcanvas,
.offcanvas-cart {
  background-color: var(--ar-deep) !important;
  color: var(--ar-text) !important;
}
.offcanvas-header {
  border-bottom: 1px solid var(--ar-border) !important;
}

.cart-tax-info,
.tax-info {
  color: var(--ar-text-muted) !important;
  font-size: 0.8125rem !important;
}


/* ══════════════════════════════════════════════
   ALERTS & BADGES
   ══════════════════════════════════════════════ */
.alert-success {
  background-color: rgba(34, 197, 94, 0.10) !important;
  border-color: rgba(34, 197, 94, 0.30) !important;
  color: #86EFAC !important;
}
.alert-danger {
  background-color: rgba(239, 68, 68, 0.10) !important;
  border-color: rgba(239, 68, 68, 0.30) !important;
  color: #FCA5A5 !important;
}
.alert-info {
  background-color: var(--ar-orange-muted) !important;
  border-color: rgba(255, 85, 0, 0.30) !important;
  color: var(--ar-orange) !important;
}

.badge.badge-primary { background-color: var(--ar-orange) !important; color: #fff !important; }
.badge.badge-secondary { background-color: var(--ar-violet) !important; color: #fff !important; }
.badge.badge-info    { background-color: var(--ar-border) !important; color: var(--ar-text-dim) !important; }

/* Premium-Gold-Badge */
.badge.badge-premium,
.premium-badge {
  background: linear-gradient(135deg, var(--ar-gold) 0%, #F0C060 50%, var(--ar-gold-dark) 100%) !important;
  color: #050810 !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  box-shadow: 0 2px 8px var(--ar-gold-muted) !important;
}


/* ══════════════════════════════════════════════
   BREADCRUMB
   ══════════════════════════════════════════════ */
.breadcrumb {
  background: transparent !important;
  padding: 0.75rem 0 !important;
}
.breadcrumb-item a {
  color: var(--ar-text-muted) !important;
  transition: color var(--ar-transition) !important;
}
.breadcrumb-item a:hover { color: var(--ar-orange) !important; }
.breadcrumb-item.active { color: var(--ar-text-dim) !important; }
.breadcrumb-item + .breadcrumb-item::before { color: var(--ar-border) !important; }


/* ══════════════════════════════════════════════
   PAGINATION
   ══════════════════════════════════════════════ */
.pagination .page-item .page-link {
  background-color: var(--ar-deep) !important;
  border-color: var(--ar-border) !important;
  color: var(--ar-text-dim) !important;
  transition: all var(--ar-transition) !important;
}
.pagination .page-item.active .page-link {
  background-color: var(--ar-orange) !important;
  border-color: var(--ar-orange) !important;
  color: #fff !important;
  box-shadow: 0 0 12px var(--ar-orange-muted) !important;
}
.pagination .page-item .page-link:hover {
  background-color: var(--ar-surface) !important;
  color: var(--ar-orange) !important;
  border-color: var(--ar-orange-muted) !important;
}


/* ══════════════════════════════════════════════
   DROPDOWN (z.B. Sortierung)
   ══════════════════════════════════════════════ */
.dropdown-menu {
  background-color: var(--ar-surface) !important;
  border: 1px solid var(--ar-border) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.70) !important;
  border-radius: 12px !important;
}
.dropdown-item {
  color: var(--ar-text-dim) !important;
  transition: background-color var(--ar-transition), color var(--ar-transition) !important;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: var(--ar-orange-muted) !important;
  color: var(--ar-orange) !important;
}
.dropdown-divider { border-color: var(--ar-border) !important; }


/* ══════════════════════════════════════════════
   ACCOUNT / KUNDENBEREICH
   ══════════════════════════════════════════════ */
.account-main-sidebar .account-aside-nav {
  background-color: var(--ar-deep) !important;
  border: 1px solid var(--ar-border) !important;
  border-radius: 12px !important;
}
.account-main-sidebar .account-aside-nav .list-group-item {
  background-color: transparent !important;
  color: var(--ar-text-dim) !important;
  border-color: var(--ar-border) !important;
  transition: background-color var(--ar-transition), color var(--ar-transition) !important;
}
.account-main-sidebar .account-aside-nav .list-group-item.active,
.account-main-sidebar .account-aside-nav .list-group-item:hover {
  background-color: var(--ar-orange-muted) !important;
  color: var(--ar-orange) !important;
}


/* ══════════════════════════════════════════════
   MODALS
   ══════════════════════════════════════════════ */
.modal-content {
  background-color: var(--ar-deep) !important;
  border: 1px solid var(--ar-border) !important;
  color: var(--ar-text) !important;
  border-radius: 16px !important;
}
.modal-header {
  border-bottom: 1px solid var(--ar-border) !important;
}
.modal-footer {
  border-top: 1px solid var(--ar-border) !important;
}
.btn-close { filter: invert(1) brightness(0.7) !important; }


/* ══════════════════════════════════════════════
   FOOTER — mit Actinic-Akzentlinie
   ══════════════════════════════════════════════ */
.footer-main {
  background-color: var(--ar-deep) !important;
  border-top: 1px solid var(--ar-border) !important;
  color: var(--ar-text-dim) !important;
  position: relative !important;
}

/* Leuchtende Actinic-Akzentlinie oben im Footer */
.footer-main::before {
  content: '' !important;
  position: absolute !important;
  top: -1px !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--ar-violet) 20%,
    var(--ar-orange) 50%,
    var(--ar-violet) 80%,
    transparent 100%
  ) !important;
  opacity: 0.8 !important;
}

.footer-main .footer-headline,
.footer-main h4,
.footer-main h5 {
  font-family: var(--ar-font-body) !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--ar-text-muted) !important;
  margin-bottom: 1rem !important;
}

.footer-main a,
.footer-main .footer-link,
.footer-main .service-menu a {
  color: var(--ar-text-muted) !important;
  text-decoration: none !important;
  font-size: 0.875rem !important;
  transition: color var(--ar-transition) !important;
}
.footer-main a:hover,
.footer-main .footer-link:hover {
  color: var(--ar-orange) !important;
}

.footer-copyright-bar,
.footer-bottom {
  background-color: var(--ar-void) !important;
  border-top: 1px solid var(--ar-border) !important;
  color: var(--ar-text-muted) !important;
  font-size: 0.8125rem !important;
}


/* ══════════════════════════════════════════════
   TABELLEN
   ══════════════════════════════════════════════ */
.table {
  color: var(--ar-text-dim) !important;
  border-color: var(--ar-border) !important;
}
.table thead th {
  background-color: var(--ar-surface) !important;
  color: var(--ar-text) !important;
  border-color: var(--ar-border) !important;
  font-family: var(--ar-font-body) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.table tbody td {
  border-color: var(--ar-border) !important;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(8, 13, 26, 0.60) !important;
}


/* ══════════════════════════════════════════════
   SCROLLBAR (Chrome/Edge)
   ══════════════════════════════════════════════ */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--ar-void); }
::-webkit-scrollbar-thumb {
  background: var(--ar-border);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover { background: var(--ar-surface); }


/* ══════════════════════════════════════════════
   HERO / CMS FULLWIDTH SECTIONS
   ══════════════════════════════════════════════ */
.cms-block-hero-text .cms-block-background-media,
.cms-section-default .cms-block.cms-block-full-width {
  background-color: var(--ar-void) !important;
}

/* CMS Text-Blöcke */
.cms-block .cms-element-text h1,
.cms-block .cms-element-text h2,
.cms-block .cms-element-text h3 {
  font-family: var(--ar-font-display) !important;
  color: var(--ar-text) !important;
}
.cms-block .cms-element-text p {
  color: var(--ar-text-dim) !important;
  line-height: 1.8 !important;
}


/* ══════════════════════════════════════════════
   ACTINIC GLOW — Dekorative Highlights
   ══════════════════════════════════════════════ */

/* Hover-Glow-Ring um ausgewählte interaktive Elemente */
.btn-primary:focus,
.btn-buy:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px var(--ar-orange-muted), 0 0 24px var(--ar-orange-glow) !important;
}

/* "Actinic Spot" — subtiler radialer Schimmer auf Listing-Seiten */
.cms-element-product-listing::before {
  content: '' !important;
  position: absolute !important;
  top: -200px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 800px !important;
  height: 400px !important;
  background: radial-gradient(ellipse at center, rgba(139, 53, 255, 0.06) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Kategorie-Banner Actinic-Overlay */
.category-image-container::after,
.cms-block-image-text::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, transparent 40%, var(--ar-void) 100%) !important;
  pointer-events: none !important;
}