/** Shopify CDN: Minification failed

Line 144:0 All "@import" rules must come first
Line 360:0 All "@import" rules must come first

**/
/* ═══ PROFIWERKZEUGE24 HIGH-PERFORMANCE MASTER CSS BUNDLE ═══ */

/* --- START: profiwerkzeuge-custom.css --- */
/* ==========================================================================
   ProfiWerkzeuge24 — Master Industrial Design System & Motion Stylesheet
   Adhering to AGENTS.md, WCAG 2.2 AA, and Emil Kowalski / Jakub Krehel principles
   ========================================================================== */

:root {
  --color-profi-slate: #1A1A1A;
  --color-profi-slate-light: #2D2D2D;
  --color-profi-amber: #FFB800;
  --color-profi-orange: #FF5722;
  --color-profi-white: #FFFFFF;
  --color-profi-border: #E5E7EB;
  --color-profi-text-muted: #6B7280;
  --font-family-profi: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Base Industrial Aesthetics */
.profi-brand-accent {
  color: var(--color-profi-amber) !important;
}

.profi-btn-primary {
  background-color: var(--color-profi-amber) !important;
  color: var(--color-profi-slate) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  border: 1px solid var(--color-profi-amber) !important;
  border-radius: 4px !important;
  padding: 14px 28px !important;
  transition: transform 180ms ease-out, box-shadow 180ms ease-out, background-color 180ms ease !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

.profi-btn-primary:hover {
  background-color: #E5A500 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(255, 184, 0, 0.25) !important;
}

.profi-btn-primary:active {
  transform: translateY(0) scale(0.98) !important;
}

/* Card 3D Depth & Hover Physics (Restrained Jakub Krehel lens) */
.product-card, .card-wrapper {
  transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  border: 1px solid var(--color-profi-border) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

.product-card:hover, .card-wrapper:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04) !important;
}

/* 1:1 Square Product Media Viewport */
.card__media, .product__media-wrapper {
  aspect-ratio: 1 / 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #ffffff !important;
}

.card__media img, .product__media-wrapper img {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}

/* PangV Compliance Price Notice */
.tax-shipping-info, .profi-pangv-notice {
  font-size: 12px !important;
  color: #94A3B8 !important;
  -webkit-text-fill-color: #94A3B8 !important;
  margin-top: 4px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
}

.tax-shipping-info a, .profi-pangv-notice a {
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
  text-decoration: underline !important;
}

.tax-shipping-info a:hover, .profi-pangv-notice a:hover {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
}

/* German Trust Badges */
.profi-trust-banner {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 12px 18px;
  margin: 15px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  color: #334155;
  font-weight: 500;
}

/* Reduced Motion Safety Gate */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    transform: none !important;
  }
}

/* --- END: profiwerkzeuge-custom.css --- */

/* --- START: profiwerkzeuge-upscale.css --- */
/* ==========================================================================
   ProfiWerkzeuge24 — Master Upscale German Engineering Design System (v7.0)
   Aesthetic: Deep Obsidian (#0B0D11), Safety Amber (#FFB800), Laser Cyan (#00E5FF)
   Typography: Plus Jakarta Sans & Space Grotesk
   Compliance: WCAG 2.2 AA & prefers-reduced-motion
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');

:root {
  --profi-bg: #0B0D11;
  --profi-surface: #141720;
  --profi-surface-hover: #1C202C;
  --profi-surface-card: #12151D;
  --profi-amber: #FFB800;
  --profi-amber-glow: rgba(255, 184, 0, 0.25);
  --profi-cyan: #00E5FF;
  --profi-cyan-glow: rgba(0, 229, 255, 0.2);
  --profi-white: #F3F4F6;
  --profi-muted: #9CA3AF;
  --profi-border: rgba(255, 184, 0, 0.15);
  --profi-border-subtle: rgba(255, 255, 255, 0.08);
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'Space Grotesk', monospace, sans-serif;
}

/* Global Body Styling */
body, .profi-theme-root {
  background-color: var(--profi-bg) !important;
  color: var(--profi-white) !important;
  font-family: var(--font-heading) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Hairline Gradient Section Dividers */
.profi-divider {
  height: 1px;
  width: 100%;
  border-bottom: 1px solid;
  border-image: linear-gradient(90deg, transparent, rgba(255, 184, 0, 0.35), transparent) 1;
  margin: 40px 0;
}

/* Typography Classes */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
  font-family: var(--font-heading) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  color: var(--profi-white) !important;
}

.profi-badge-eyebrow {
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--profi-amber) !important;
  background: rgba(255, 184, 0, 0.1) !important;
  border: 1px solid rgba(255, 184, 0, 0.3) !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.profi-badge-cyan {
  color: var(--profi-cyan) !important;
  background: rgba(0, 229, 255, 0.1) !important;
  border-color: rgba(0, 229, 255, 0.3) !important;
}

/* Buttons */
.profi-btn-glow {
  background: var(--profi-amber) !important;
  color: #000000 !important;
  font-family: var(--font-heading) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
  border-radius: 6px !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  box-shadow: 0 4px 20px var(--profi-amber-glow) !important;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease !important;
  text-decoration: none !important;
}

.profi-btn-glow:hover {
  background: #FFA000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 30px rgba(255, 184, 0, 0.45) !important;
}

.profi-btn-glow:active {
  transform: translateY(0) scale(0.98) !important;
}

/* Cards & Grid */
.product-card, .card-wrapper, .profi-card {
  background: var(--profi-surface-card) !important;
  border: 1px solid var(--profi-border) !important;
  border-radius: 8px !important;
  transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1), border-color 200ms ease !important;
  overflow: hidden !important;
}

.product-card:hover, .card-wrapper:hover, .profi-card:hover {
  transform: translateY(-4px) !important;
  border-color: var(--profi-amber) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5), 0 0 15px var(--profi-amber-glow) !important;
}

/* 1:1 Square Product Image Viewport */
.card__media, .product__media-wrapper {
  aspect-ratio: 1 / 1 !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
}

.card__media img, .product__media-wrapper img {
  object-fit: contain !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

/* Header & Announcement Bar */
.header-wrapper, .announcement-bar {
  background-color: var(--profi-bg) !important;
  border-bottom: 1px solid var(--profi-border-subtle) !important;
}

/* PangV Compliance Notice */
.tax-shipping-info, .profi-pangv-notice {
  font-size: 12px !important;
  color: var(--profi-muted) !important;
  margin-top: 4px !important;
  line-height: 1.4 !important;
}

.tax-shipping-info a, .profi-pangv-notice a {
  color: var(--profi-amber) !important;
  text-decoration: underline !important;
}

/* Free Shipping Meter */
.profi-shipping-meter {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(0, 229, 255, 0.2);
  border-radius: 6px;
  padding: 12px 16px;
  margin: 15px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--profi-cyan);
}

/* Quantity Breaks Widget */
.profi-qty-breaks {
  background: var(--profi-surface);
  border: 1px solid var(--profi-border);
  border-radius: 8px;
  padding: 16px;
  margin: 20px 0;
}

.profi-qty-tier {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  margin-bottom: 8px;
  border: 1px solid var(--profi-border-subtle);
  border-radius: 6px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.02);
  transition: all 180ms ease;
}

.profi-qty-tier:hover {
  background: rgba(255, 184, 0, 0.05);
  border-color: rgba(255, 184, 0, 0.4);
}

.profi-qty-tier.active {
  background: rgba(255, 184, 0, 0.1);
  border-color: var(--profi-amber);
  box-shadow: 0 0 10px var(--profi-amber-glow);
}

/* Accessibility / Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    transform: none !important;
  }
}

/* --- END: profiwerkzeuge-upscale.css --- */

/* --- START: profi-design-system.css --- */
/* ==========================================================================
   PROFIWERKZEUGE24 — ORTHOMAX-INSPIRED CLEAN DESIGN SYSTEM (V11.0)
   Aesthetic: Clean Soft-Slate/White Backgrounds, Vibrant Tooling Orange (#FF5722),
   Crisp Dark Slate Typography (#0F172A), High-Converting E-commerce CRO.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Backgrounds — Clean, Fresh, Modern (Orthomax Vibe) */
  --pw-bg-base:       #F8FAFC;   /* Soft slate canvas */
  --pw-bg-elevated:   #F1F5F9;   /* Subtle section contrast */
  --pw-bg-card:       #FFFFFF;   /* Crisp pure white cards */
  --pw-bg-card-hover: #FFFFFF;
  --pw-bg-white:      #FFFFFF;

  /* Borders */
  --pw-border-subtle: #E2E8F0;
  --pw-border-strong: rgba(255, 87, 34, 0.3);
  --pw-border-active: #FF5722;

  /* Accents — Vibrant Tooling Orange */
  --pw-orange:        #FF5722;
  --pw-orange-dark:   #E64A19;
  --pw-orange-glow:   rgba(255, 87, 34, 0.35);
  --pw-amber:         #FF5722;   /* Fallback alias */
  --pw-green:         #10B981;
  --pw-red:           #EF4444;

  /* Text — High-Legibility Dark Typography */
  --pw-text:          #0F172A;   /* Deep Slate for Headings */
  --pw-text-body:     #475569;   /* Muted Charcoal for paragraphs */
  --pw-text-muted:    #64748B;   /* Slate for secondary labels */
  --pw-text-dim:      #94A3B8;   /* Subtle metadata */

  /* Typography */
  --pw-font-heading:  'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --pw-font-body:     'Inter', system-ui, -apple-system, sans-serif;

  /* Spacing */
  --pw-space-xs:  4px;
  --pw-space-sm:  8px;
  --pw-space-md:  16px;
  --pw-space-lg:  24px;
  --pw-space-xl:  40px;
  --pw-space-2xl: 64px;
  --pw-space-3xl: 96px;

  /* Radius */
  --pw-radius-sm:   6px;
  --pw-radius-md:   12px;
  --pw-radius-lg:   16px;
  --pw-radius-pill: 999px;

  /* Shadows (Orthomax-style soft elevation) */
  --pw-shadow-card:   0 4px 20px rgba(0, 0, 0, 0.05);
  --pw-shadow-hover:  0 10px 30px rgba(0, 0, 0, 0.08);
  --pw-shadow-orange: 0 6px 20px rgba(255, 87, 34, 0.35);
}

/* ============ GLOBAL RESET (CLEAN SLATE & WHITE) ============ */
html, body {
  background: var(--pw-bg-base) !important;
  color: var(--pw-text-body) !important;
  font-family: var(--pw-font-body) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body, main, .main-content, .shopify-section,
section, article, .page-width, .container,
.page-wrapper, .content-for-layout {
  background-color: var(--pw-bg-base) !important;
  color: var(--pw-text-body) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .heading, [class*="heading"] {
  font-family: var(--pw-font-heading) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  color: var(--pw-text);
  line-height: 1.18 !important;
}

p, li, span, label, .text, .rte {
  color: var(--pw-text-body);
}

a {
  color: var(--pw-orange);
  text-decoration: none;
  transition: color 180ms ease;
}
a:hover {
  color: var(--pw-orange-dark);
}

/* ============ SECTION DIVIDERS ============ */
.pw-divider {
  width: 100%;
  height: 1px;
  background: var(--pw-border-subtle);
  border: none;
  margin: 0;
}

/* ============ BUTTONS (VIBRANT ORTHOMAX ORANGE) ============ */
.pw-btn, .button, button[type="submit"], .shopify-payment-button__button {
  font-family: var(--pw-font-heading) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  border-radius: 8px !important;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

.pw-btn-primary, .button--primary, button[type="submit"][name="add"], .product-form__submit {
  background: var(--pw-orange) !important;
  color: #FFFFFF !important;
  padding: 16px 32px !important;
  box-shadow: var(--pw-shadow-orange) !important;
}
.pw-btn-primary:hover, .button--primary:hover, button[type="submit"][name="add"]:hover, .product-form__submit:hover {
  background: var(--pw-orange-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(255, 87, 34, 0.45) !important;
}
.pw-btn-primary:active, .button--primary:active {
  transform: translateY(0) scale(0.99) !important;
}

.pw-btn-secondary, .button--secondary {
  background: #F1F5F9 !important;
  color: var(--pw-text) !important;
  border: 1px solid var(--pw-border-subtle) !important;
  padding: 16px 28px !important;
}
.pw-btn-secondary:hover, .button--secondary:hover {
  background: #E2E8F0 !important;
  color: #0F172A !important;
}

/* ============ CRISP WHITE CARDS ============ */
.pw-card {
  background: var(--pw-bg-card) !important;
  border: 1px solid var(--pw-border-subtle) !important;
  border-radius: var(--pw-radius-lg) !important;
  padding: var(--pw-space-lg) !important;
  box-shadow: var(--pw-shadow-card) !important;
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease !important;
}
.pw-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--pw-shadow-hover) !important;
  border-color: #CBD5E1 !important;
}

/* ============ FORM FIELDS ============ */
input, textarea, select, .field__input {
  background: #FFFFFF !important;
  border: 1px solid var(--pw-border-subtle) !important;
  color: var(--pw-text) !important;
  border-radius: var(--pw-radius-sm) !important;
  padding: 14px 16px !important;
  font-family: var(--pw-font-body) !important;
}
input:focus, textarea:focus, select:focus, .field__input:focus {
  border-color: var(--pw-orange) !important;
  box-shadow: 0 0 0 3px rgba(255, 87, 34, 0.15) !important;
  outline: none !important;
}

/* ============ PANGV LEGAL PRICE NOTICE ============ */
.pw-pangv, .tax-shipping-info, .profi-pangv-notice {
  display: block;
  font-size: 13px !important;
  color: var(--pw-text-muted) !important;
  margin-top: 6px !important;
  line-height: 1.4 !important;
}
.pw-pangv a, .tax-shipping-info a, .profi-pangv-notice a {
  color: var(--pw-text-muted) !important;
  text-decoration: underline !important;
}
.pw-pangv a:hover, .tax-shipping-info a:hover, .profi-pangv-notice a:hover {
  color: var(--pw-orange) !important;
}

/* ============ REDUCED MOTION ============ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    transform: none !important;
  }
}

/* ============ JET-BLACK NAVBAR LINKS (V15.0) ============ */
.header__menu-item,
.header__menu-item span,
.header__active-menu-item,
nav.header__inline-menu a,
.pw-header a,
.header-wrapper a,
header a,
.header-menu__item,
.menu-list__item,
.header__heading-link,
.menu-list__link-title,
[data-block-id="_header-menu"] a,
[data-block-id="_header-menu"] span {
  color: #000000 !important;
  font-family: var(--pw-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: -0.01em !important;
  transition: color 0.2s ease !important;
}

.header__menu-item:hover,
nav.header__inline-menu a:hover,
.pw-header a:hover,
.header-wrapper a:hover,
header a:hover,
.header-menu__item:hover,
.menu-list__item:hover,
.menu-list__link:hover .menu-list__link-title,
[data-block-id="_header-menu"] a:hover {
  color: #FF5722 !important;
}

/* ============ FOOTER SMOOTH GRADIENT TRANSITION (V15.0) ============ */
.profi-footer-gradient-divider,
.footer-transition-area {
  width: 100%;
  height: 90px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F1F5F9 35%, #181C26 75%, #0B0D11 100%) !important;
  border: none !important;
  margin: 0 !important;
  display: block !important;
}

footer,
.footer {
  background: #0B0D11 !important;
  border-top: 3px solid #FF5722 !important;
  box-shadow: 0 -15px 35px rgba(255, 87, 34, 0.12) !important;
}

/* ============ PREMIUM 3D BUTTON HOVERS & MICRO-ANIMATIONS (V15.0) ============ */
.button,
.button--primary,
.profi-btn-primary,
button[type="submit"],
.btn-orange,
.product-form__submit,
.add-to-cart-button {
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border-radius: 10px !important;
}

.button:hover,
.button--primary:hover,
.profi-btn-primary:hover,
button[type="submit"]:hover,
.btn-orange:hover,
.product-form__submit:hover,
.add-to-cart-button:hover {
  transform: translateY(-3px) scale(1.01) !important;
  box-shadow: 0 10px 25px rgba(255, 87, 34, 0.4) !important;
  filter: brightness(1.05) !important;
}

.button:active,
button[type="submit"]:active,
.product-form__submit:active,
.add-to-cart-button:active {
  transform: translateY(0) scale(0.99) !important;
  box-shadow: 0 4px 12px rgba(255, 87, 34, 0.2) !important;
}

/* --- END: profi-design-system.css --- */

/* --- START: profi-header.css --- */
/* ==========================================================================
   PROFIWERKZEUGE24 — CLEAN ORTHOMAX HEADER & NAVIGATION CSS (V18.0)
   Crisp Pure White Navbar (#FFFFFF), Fine Light Border (#E2E8F0),
   Solid Jet-Black Links (#0A0C10 / Bold), High Contrast Logo, Tooling Orange (#FF5722) Hover
   ========================================================================== */

/* Remove Any Top Margin / Black Bar Above Header */
body, html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Kill Top Gap: Prevent skip link from pushing page down */
.skip-to-content-link {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.skip-to-content-link:focus {
  position: fixed !important;
  top: 10px !important;
  left: 10px !important;
  height: auto !important;
  width: auto !important;
  padding: 12px 20px !important;
  z-index: 99999 !important;
  background: #FF5722 !important;
  color: #FFFFFF !important;
}

/* Bulletproof Solid Sticky Header (Zero Overlap / Zero Bleed-Through) */
header,
header.shopify-section,
#header-group,
#header-component,
.header-section,
.shopify-section-group-header-group,
header.header {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-bottom: 2px solid #E2E8F0 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

#header-component {
  height: 72px !important;
  min-height: 72px !important;
}

#header-component .header__row,
#header-component .header__columns,
#header-component .header__column,
#header-component header-menu,
#header-component .header-menu__inner,
#header-component .menu-list,
#header-component overflow-list,
#header-component .overflow-menu {
  height: 100% !important;
  min-height: 72px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  position: static !important;
}

#header-component .header-logo,
#header-component .header-actions,
#header-component .header-actions__action {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  position: static !important;
}

#header-component .menu-list__list {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#header-component .menu-list__list-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure Sections Below Have Clear Stacking Context */
main,
#MainContent,
.main-content,
.page-wrapper > *:not(#header-group) {
  position: relative !important;
  z-index: 1 !important;
}

/* ─── ANNOUNCEMENT BAR: JET-BLACK ON ORANGE (V19.0) ─── */
.pw-marquee-wrapper,
.pw-marquee,
.announcement-bar,
[id*="header_announcements"],
#shopify-section-sections--29419335090502__header_announcements_9jGBFp {
  background: #FF5722 !important;
  background-color: #FF5722 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border: none !important;
}

.pw-marquee *,
.announcement-bar *,
.pw-announcement-bar * {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-weight: 800 !important;
}

/* Jet-Black Header Links & Logo (High Contrast & Legibility) */
#header-component .header__heading-link,
#header-component .header__heading-link span,
#header-component .profi-logo-text,
#header-component .pw-logo-wordmark,
#header-component .header__menu-item,
#header-component .header__menu-item span,
#header-component nav.header__inline-menu a,
#header-component nav.header__inline-menu span,
#header-component .menu-list__link-title,
#header-component .pw-nav-link,
#header-component .pw-nav-link span,
#header-component [data-block-id="_header-menu"] a,
#header-component [data-block-id="_header-menu"] span {
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
  font-family: var(--pw-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  font-weight: 800 !important;
  font-size: 13.5px !important;
  letter-spacing: -0.01em !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
  transition: color 0.18s ease, transform 0.18s ease !important;
}

.pw-nav-link {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  height: 40px !important;
  min-height: 40px !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

.pw-nav-icon {
  color: #0A0C10 !important;
  stroke: #0A0C10 !important;
  transition: stroke 0.18s ease, transform 0.18s ease !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Hover: Tooling Orange (#FF5722) */
#header-component .header__menu-item:hover,
#header-component .header__menu-item:hover span,
#header-component nav.header__inline-menu a:hover,
#header-component nav.header__inline-menu a:hover span,
#header-component .menu-list__link-title:hover,
#header-component .pw-nav-link:hover,
#header-component .pw-nav-link:hover span {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
}

.pw-nav-link:hover .pw-nav-icon,
.pw-nav-link:hover .menu-list__link-title {
  color: #FF5722 !important;
  stroke: #FF5722 !important;
}

.pw-nav-link:hover {
  background: rgba(255, 87, 34, 0.06) !important;
}

/* Search, Account and Cart Icons (Solid Jet-Black) */
.header__icon,
.header__icon svg,
.header__icon svg path,
.header__icon--cart svg,
.header__search svg,
header button svg,
.pw-nav-icon,
header nav svg {
  color: #0A0C10 !important;
  fill: #0A0C10 !important;
  stroke: #0A0C10 !important;
  transition: transform 150ms ease, fill 150ms ease, color 150ms ease, stroke 150ms ease !important;
}

.header__icon:hover svg,
.header__icon:hover svg path,
.header button:hover svg,
.pw-nav-link:hover .pw-nav-icon {
  color: #FF5722 !important;
  fill: #FF5722 !important;
  stroke: #FF5722 !important;
  transform: scale(1.08);
}

/* Special Deal Tag in Navigation (Lagerabverkauf) */
.header__menu-item[href*="all"],
a[href*="lager"],
.pw-nav-link[href*="all"],
.pw-nav-link[href*="lager"],
.pw-nav-deal {
  background: linear-gradient(135deg, #FF5722 0%, #E64A19 100%) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 4px 14px rgba(255, 87, 34, 0.4) !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: auto 10px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease !important;
}

.pw-nav-deal:hover {
  transform: translateY(-1px) scale(1.02) !important;
  box-shadow: 0 6px 20px rgba(255, 87, 34, 0.55) !important;
}

.pw-deal-tag,
.pw-nav-deal .pw-deal-tag,
.pw-nav-deal span {
  background: transparent !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.pw-nav-icon-flame {
  stroke: #FFFFFF !important;
  color: #FFFFFF !important;
  flex-shrink: 0 !important;
}

/* Cart badge counter */
.cart-count-bubble, .header__cart-count {
  background: #FF5722 !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  border-radius: 999px !important;
}

/* Mobile Drawer (Clean White Background with Jet-Black Text) */
.menu-drawer, .header__drawer, .drawer__inner,
.details__list, .disclosure__list, .header__submenu {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  color: #0A0C10 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

.menu-drawer a, .menu-drawer span,
.header__drawer a, .header__drawer span {
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
}

.menu-drawer a:hover, .menu-drawer a:hover span,
.header__drawer a:hover, .header__drawer a:hover span {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
}

/* Touch Targets: minimum 44px */
.header__icon, .header button, .pw-nav-link {
  min-height: 44px !important;
  min-width: 44px !important;
}

/* Eradicate the Black Box on [Mehr] / Overflow Menu */
.header__menu-item--overflow,
summary.header__menu-item,
.menu-list__link-more,
overflow-list summary,
.header-menu summary {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
}

/* German Trust Badge in Desktop Header */
.pw-desktop-de-flag-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 9999px !important;
  padding: 5px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  -webkit-text-fill-color: #0F172A !important;
  white-space: nowrap !important;
  letter-spacing: 0.01em !important;
  margin-right: 10px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

@media (max-width: 989px) {
  .pw-desktop-de-flag-badge {
    display: none !important;
  }
}

/* Search input loupe padding */
.search-modal input.search-input,
.predictive-search input[type="search"],
input.search-input {
  padding-left: 50px !important;
  height: 52px !important;
  font-size: 15px !important;
  background-color: #FFFFFF !important;
  color: #0A0C10 !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
}

.predictive-search__icon {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  color: #64748B !important;
  z-index: 5 !important;
  pointer-events: none !important;
  background: transparent !important;
}

/* --- END: profi-header.css --- */

/* --- START: profi-catalog.css --- */
/* ==========================================================================
   PROFIWERKZEUGE24 — CLEAN ORTHOMAX CATALOG & COLLECTION STYLES (V13.0)
   Clean White Cards (#FFFFFF), 20px Curved Borders, Dark Slate Headings (#0F172A),
   Vibrant Tooling Orange Prices & Badges (#FF5722)
   ========================================================================== */

/* ===== COLLECTION PAGES & PRODUCT LIST WRAPPERS ===== */
.featured-collection, .collection, .product-grid, .collection-product-list,
.product-list, .grid, [class*="product-grid"], .card-wrapper,
.product-card-wrapper, .card__content, .card__information,
.product-list__grid, .collection__wrapper, .collection-hero {
  background: transparent !important;
  color: #FFFFFF !important;
}

.section-collection, .shopify-section--collection,
.main-collection-product-grid, .collection-hero__wrapper,
.facet-filters, .facets__wrapper, .facets-container {
  background-color: transparent !important;
  color: #CBD5E1 !important;
}

/* Fix Collection Grid & Prevent Layout Shift */
.collection .grid,
.product-grid,
.collection__product-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 24px !important;
}

/* ===== PRODUCT CARDS & 20PX CURVED IMAGES ===== */
.product-card, .card, .card-wrapper .card,
.product-list-item, [class*="product-card"] {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease !important;
}

.product-card:hover, .card:hover, .card-wrapper .card:hover {
  border-color: #FF5722 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(255, 87, 34, 0.15) !important;
}

.card__inner {
  border-radius: 20px !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.card:hover .card__inner {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(255, 87, 34, 0.15) !important;
  border-color: #FF5722 !important;
}

/* ==========================================================================
   UNIVERSAL 20PX CURVED IMAGES & MEDIA GALLERIES (ORTHOMAX SPEC)
   ========================================================================== */
.product__media-wrapper,
.product__media,
.product__media img,
.product__modal-opener,
.product__modal-opener img,
.product-media-gallery,
.product-media-gallery img,
.product-media-gallery .media,
.product-media-container,
.product-media-container img,
.product-information__media,
.product-information__media img,
.product__media-item,
.product__media-item img,
.product__media-list img,
.product__media-list .product__media,
.media-gallery,
.media-gallery__item,
.media-gallery__image,
.media-gallery img,
.product-media-gallery__viewer,
.product-media-gallery__item,
product-media-gallery img,
product-media-gallery .media,
[data-media-id],
[data-media-id] img,
.product-media,
.product-media img,
.product-media__image,
.thumbnail,
.thumbnail img,
.thumbnail-list__item img,
.card-gallery,
.card-gallery img,
.card__media,
.card__media img,
.card__inner,
.product-card__image-wrapper,
.product-card__image,
.product-card,
.card-wrapper .card {
  border-radius: 20px !important;
  overflow: hidden !important;
}

/* Primary Add-to-Cart Action Button (Vibrant Tooling Orange #FF5722) */
.product-form-buttons button,
.product-form-buttons button[type="submit"],
product-form-component button[type="submit"],
button[name="add"],
.add-to-cart-button,
.product-form__submit {
  background: #FF5722 !important;
  background-color: #FF5722 !important;
  color: #FFFFFF !important;
  font-family: var(--pw-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  letter-spacing: 0.02em !important;
  border-radius: 12px !important;
  width: 100% !important;
  min-height: 54px !important;
  padding: 16px 24px !important;
  box-shadow: 0 4px 18px rgba(255, 87, 34, 0.35) !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: transform 150ms ease, background 150ms ease, box-shadow 150ms ease !important;
}

.product-form-buttons button:hover,
.product-form-buttons button[type="submit"]:hover,
product-form-component button[type="submit"]:hover,
button[name="add"]:hover,
.add-to-cart-button:hover,
.product-form__submit:hover {
  background: #E64A19 !important;
  background-color: #E64A19 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(255, 87, 34, 0.45) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   PROFIWERKZEUGE24 — UNIVERSAL 1:1 SQUARE PRODUCT IMAGES VIEWPORT (V18.0)
   Force all catalog product images into an identical, uniform 1:1 square
   regardless of original orientation (drills, routers, mowers, robots).
   ══════════════════════════════════════════════════════════════════════════ */

.card__media,
.product-card__image-wrapper,
.card .media,
.card-wrapper .media,
.product-media-container--image,
.product-media,
.card-gallery,
slideshow-slide,
.resource-card__media {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: 250px !important;
  max-height: 250px !important;
  min-height: 250px !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  position: relative !important;
  padding: 15px !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
}

/* Ensure Full-Width & Prevents Flex Collapse on Card Galleries & Slideshows */
.card-gallery,
.card-gallery > *,
slideshow-component,
slideshow-container,
slideshow-slides,
slideshow-slide,
.product-media,
.product-media-container {
  width: 100% !important;
  min-width: 100% !important;
  flex: 1 1 100% !important;
}

.card__media img,
.product-card__image,
.card .media img,
.card-wrapper img,
.card-gallery img,
.product-media img,
.product-media__image,
.resource-card__image,
slideshow-slide img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin: auto !important;
  transition: transform 0.3s ease !important;
}

.card:hover .card__media img,
.card:hover .product-media__image,
.product-card:hover .product-card__image,
.product-card:hover .product-media__image,
.card-wrapper:hover img {
  transform: scale(1.06) !important;
}

/* PDP Media Viewport */
.product__media-wrapper .product__media,
.main-product .product__media {
  min-height: 380px !important;
  border-radius: 20px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  padding: 20px !important;
}

.product__media-wrapper .product__media img,
.main-product .product__media img {
  max-height: 480px !important;
  width: 100% !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Product titles on cards */
.card__heading, .card__heading a, .product-card__title,
.product-card__title a, .product-title, .product-title a {
  color: #FFFFFF !important;
  font-family: var(--pw-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}
.card__heading a:hover, .product-card__title a:hover {
  color: #FF5722 !important;
}

/* Prices on cards (Vibrant Tooling Orange) */
.price, .price__container, .price-item, .price__regular,
.price__sale, .price-item--regular, .price-item--sale,
.product-price, .money {
  color: #FF5722 !important;
  font-weight: 800 !important;
  font-family: var(--pw-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 18px !important;
}

.price-item--regular s, .price__compare, .price__sale s,
.price-item--compare-at {
  color: #94A3B8 !important;
  font-size: 14px !important;
  margin-right: 6px !important;
}

/* Sale badge (Tooling Orange) */
.badge, .card__badge, .badge--sale, .price__badge-sale {
  background: #FF5722 !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  font-family: var(--pw-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* Section headings on collection pages */
.collection__title, .collection-hero__title, h1.collection-hero__title,
.product-list-header h2, .product-list-header h3 {
  color: #FFFFFF !important;
  font-family: var(--pw-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  font-weight: 800 !important;
}

.collection__description, .collection-hero__description {
  color: #CBD5E1 !important;
}

/* Pagination */
.pagination, .pagination__list {
  display: flex !important;
  gap: 8px !important;
  justify-content: center !important;
  margin: 40px 0 !important;
}

.pagination a, .pagination span, .pagination__item {
  background: #141720 !important;
  color: #FFFFFF !important;
  border: 1px solid #2D3748 !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: all 150ms ease !important;
}

.pagination a:hover, .pagination__item--current {
  border-color: #FF5722 !important;
  color: #FF5722 !important;
  background: #1E2433 !important;
}

/* Zero empty gap above collection title and between sections */
.collection-hero, .collection-banner, .collection__title-wrapper, h1.collection-hero__title {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.template-collection .section-wrapper:first-child,
[id*="template--"][id*="__section"],
.shopify-section:has(h1) {
  min-height: auto !important;
  height: auto !important;
  padding-top: 8px !important;
  padding-bottom: 0px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.template-collection .section-content-wrapper {
  --padding-block-start: 0px !important;
  --padding-block-end: 0px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.template-collection h1,
[id*="template--"][id*="__section"] h1 {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.15 !important;
}

.template-collection [id*="__main"],
.template-collection .main-collection-product-grid {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.facets-block-wrapper {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.product-grid-container,
.main-collection-grid {
  padding-top: 0 !important;
  padding-block-start: 0 !important;
}

.product-grid {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ═══ Eradicate the Black Box Overlay on Add-to-Cart Buttons (V26.0) ═══ */
.quick-add__submit .loading__spinner,
.quick-add__submit .loading-overlay__spinner,
.quick-add__submit .spinner,
.product-card .loading__spinner,
.quick-add-modal__content-info .loading__spinner,
.loading__spinner,
.loading-overlay__spinner {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

.quick-add__submit,
.pw-quick-add-btn,
.product-card .quick-add__submit,
.quick-add__button,
.add-to-cart-button {
  position: relative !important;
  background-color: #FF5722 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.quick-add__submit span,
.quick-add__submit,
.quick-add__button span,
.quick-add__button {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.quick-add__button .svg-wrapper,
.add-to-cart-button .svg-wrapper,
.quick-add .svg-wrapper,
.svg-wrapper.add-to-cart-icon,
.svg-wrapper.add-to-cart__added-icon,
.add-to-cart-icon,
.add-to-cart__added,
.add-to-cart__added-icon {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.quick-add__button .add-to-cart-icon svg,
.add-to-cart-button .add-to-cart-icon svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
  fill: none !important;
}

.add-to-cart-button:not([data-added="true"]) .add-to-cart__added,
.quick-add__button:not([data-added="true"]) .add-to-cart__added {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* --- END: profi-catalog.css --- */

/* --- START: profi-footer.css --- */
/* ==========================================================================
   PROFIWERKZEUGE24 — UPSCALE DARK TITANIUM FOOTER & NEWSLETTER (V19.0)
   Dark Titanium (#0B0D11), Glowing Orange Border (#FF5722), High-Contrast Typography
   ========================================================================== */

/* Universal Footer Dark Titanium Canvas */
footer,
.footer,
.site-footer,
.footer-wrapper,
.shopify-section-footer,
.footer-group,
#footer-group,
.profi-footer-wrapper,
.section-background[class*="footer"] {
  background: #0B0D11 !important;
  background-color: #0B0D11 !important;
  color: #CBD5E1 !important;
  margin-top: 0 !important;
}

/* Glowing Orange Top Border on Master Footer */
footer,
.footer-group,
#footer-group,
.profi-footer-wrapper {
  border-top: 3px solid #FF5722 !important;
  box-shadow: 0 -15px 35px rgba(255, 87, 34, 0.12) !important;
}

/* Kill any orphaned white strip or stray backgrounds */
.footer-utilities,
.footer-utilities__group,
.footer-utilities__group-copyright,
.footer__content-bottom {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Newsletter Section in Footer */
.footer_m9NzUG,
.footer-newsletter,
.footer__newsletter,
.email-signup {
  background: transparent !important;
  color: #CBD5E1 !important;
}

.footer_m9NzUG h2,
.footer_m9NzUG .h2,
.footer-newsletter h2 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-family: var(--pw-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  font-weight: 800 !important;
  font-size: 22px !important;
}

.footer_m9NzUG p,
.footer-newsletter p {
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
  font-size: 14px !important;
}

.email-signup input,
.footer-newsletter input,
.footer input[type="email"],
.footer_m9NzUG input {
  background: #141720 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid rgba(255, 184, 0, 0.35) !important;
  border-radius: 8px !important;
  padding: 12px 18px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.email-signup input::placeholder,
.footer-newsletter input::placeholder,
.footer input[type="email"]::placeholder,
.footer_m9NzUG input::placeholder {
  color: #94A3B8 !important;
  -webkit-text-fill-color: #94A3B8 !important;
  opacity: 1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* Orange Headings inside Footer */
footer h2,
footer h3,
footer h4,
footer .footer__title,
footer .footer-block__heading,
.profi-footer-col h3 {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
  font-family: var(--pw-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border-bottom: 2px solid rgba(255, 87, 34, 0.3) !important;
  padding-bottom: 8px !important;
  margin-bottom: 16px !important;
}

/* High-Contrast Crisp Slate Footer Body Text */
.footer p,
.footer span,
.footer li,
.footer a,
.footer .rte,
.profi-footer-wrapper p,
.profi-footer-wrapper span,
.profi-footer-wrapper li,
.profi-footer-wrapper a,
.profi-footer-col,
.profi-footer-col p,
.profi-footer-col span,
.profi-footer-col li,
.profi-footer-col div {
  color: #CBD5E1 !important; /* Crisp Light Slate */
  -webkit-text-fill-color: #CBD5E1 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.profi-footer-col strong,
.footer strong {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* Footer Links & Hover States */
footer a,
.profi-footer-wrapper a,
.profi-footer-col a {
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
  text-decoration: none !important;
  transition: color 150ms ease !important;
}

footer a:hover,
.profi-footer-wrapper a:hover,
.profi-footer-col a:hover {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
}

/* Footer Copyright & Badges */
.profi-footer-bottom {
  color: #94A3B8 !important;
  font-size: 12px !important;
}

/* Payment Trust Pills */
.pw-payment-trust,
.profi-payment-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
}

.pw-payment-pill,
.profi-payment-badges span {
  transition: transform 150ms ease !important;
}

/* Hide legacy powered by shopify */
.powered-by-shopify,
a[href*="shopify.com"][rel="nofollow"] {
  display: inline-block !important;
  font-size: 0 !important;
}
.powered-by-shopify::after,
a[href*="shopify.com"][rel="nofollow"]::after {
  content: "ProfiWerkzeuge24" !important;
  font-size: 12px !important;
  color: #94A3B8 !important;
}

/* --- END: profi-footer.css --- */

/* --- START: pw-gradients.css --- */
/* ==========================================================================
   PROFIWERKZEUGE24 — FUTURISTIC GRADIENT TRANSITION SYSTEM (V12.0)
   Flows seamlessly from Clean White/Orange down into Deep Obsidian Black (#0A0C10)
   ========================================================================== */

/* Master Section Bridge: White/Light -> Safety Amber -> Tooling Orange -> Deep Obsidian Black */
.pw-section-bridge {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF7ED 18%, #FFB800 45%, #FF5722 72%, #141720 90%, #0A0C10 100%) !important;
  padding: 60px 20px;
  text-align: center;
}

/* Hairline Neon Amber Glowing Divider */
.pw-divider-glow {
  position: relative;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, #FFB800 30%, #FF5722 50%, #FFB800 70%, transparent 100%) !important;
  box-shadow: 0 0 16px rgba(255, 184, 0, 0.6), 0 0 30px rgba(255, 87, 34, 0.3) !important;
  margin: 0 !important;
  border: none !important;
  z-index: 5;
}

/* Footer Glowing Top Accent Line */
.pw-footer-glow {
  position: relative;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, #FFB800 25%, #FF5722 50%, #FFB800 75%, transparent 100%) !important;
  box-shadow: 0 -2px 20px rgba(255, 184, 0, 0.5) !important;
  margin: 0 !important;
}

/* Pulsing Badge & Accent Animations */
@keyframes pwAmberGlow {
  0%, 100% {
    box-shadow: 0 0 15px rgba(255, 184, 0, 0.35);
    border-color: #FFB800;
  }
  50% {
    box-shadow: 0 0 30px rgba(255, 184, 0, 0.75), 0 0 10px rgba(255, 87, 34, 0.5);
    border-color: #FF5722;
  }
}

@keyframes pwPulsingBeacon {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.7;
  }
}

.pw-glow-amber {
  animation: pwAmberGlow 3s ease-in-out infinite;
}

.pw-beacon-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #FFB800;
  border-radius: 50%;
  box-shadow: 0 0 10px #FFB800;
  animation: pwPulsingBeacon 1.8s infinite;
}

/* Cybernetic Grid Subtle Background Overlay */
.pw-cyber-grid {
  background-image: 
    linear-gradient(rgba(255, 184, 0, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 184, 0, 0.04) 1px, transparent 1px);
  background-size: 32px 32px;
}

/* --- END: pw-gradients.css --- */

/* --- START: pw-kill-white.css --- */
/* ==========================================================================
   PROFIWERKZEUGE24 — ABSOLUTE WHITE PURGE & DARK INDUSTRIAL KILL-SWITCH (V12.0)
   Eradicates residual white voids across bundles, catalog cards, clearance,
   comparison matrix, newsletter, and collection pages.
   Base: Deep Obsidian #0A0C10 | Cards: Slate #141720 | Accent: Safety Amber #FFB800
   ========================================================================== */

/* Universal Dark Surface Container Overrides */
#profi-bundles,
.pw-clearance-section,
.pw-compare,
.product-list,
.section-collection,
.main-collection-product-grid,
.collection__wrapper,
.featured-collection,
[class*="product-list"],
.collection-hero,
.product-grid-container {
  background-color: #0A0C10 !important;
  color: #F3F4F6 !important;
}

/* Universal High-Contrast Headings & Text in Dark Flow */
#profi-bundles h1, #profi-bundles h2, #profi-bundles h3, #profi-bundles h4,
.pw-clearance-section h1, .pw-clearance-section h2, .pw-clearance-section h3, .pw-clearance-section h4,
.pw-compare h1, .pw-compare h2, .pw-compare h3, .pw-compare h4,
.product-list h1, .product-list h2, .product-list h3, .product-list h4,
.pw-clearance-card h3,
.pw-bundle-card h3,
.pw-gradient-bridge-container h2,
.pw-gradient-bridge-container h3 {
  color: #FFFFFF !important;
}

#profi-bundles p,
.pw-clearance-section p,
.pw-compare p,
.pw-clearance-card p,
.pw-bundle-card p {
  color: #CBD5E1 !important;
}

.pw-compare th,
.pw-compare th span {
  color: #FFFFFF !important;
}

.pw-compare td,
.pw-compare td span {
  color: #CBD5E1 !important;
}

.pw-compare td.pw-compare__us,
.pw-compare td.pw-compare__us span {
  color: #FFFFFF !important;
}

.pw-clearance-section h2 span,
#profi-bundles h2 span,
.pw-compare h2 span,
.pw-gradient-bridge-container h3 span {
  color: #FFFFFF !important;
}

#profi-bundles ul li span,
.pw-bundle-card li span,
.pw-clearance-card p,
.pw-clearance-card li span {
  color: #CBD5E1 !important;
}

/* Eliminate Horizon Section Default White Backgrounds in Dark Flow */
#profi-bundles ~ .shopify-section,
.shopify-section:has(#profi-bundles),
.shopify-section:has(.pw-clearance-section),
.shopify-section:has(.pw-compare),
.shopify-section:has(.product-list) {
  background-color: #0A0C10 !important;
}

/* ===== PRODUCT CARDS: DARK OBSIDIAN INDUSTRIAL REBUILD ===== */
.product-card,
.card,
.card-wrapper .card,
.product-list-item,
[class*="product-card"],
.card__inner,
.product-grid__card {
  background: #141720 !important;
  background-color: #141720 !important;
  border: 1px solid #1F2432 !important;
  border-radius: 18px !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45) !important;
  color: #FFFFFF !important;
  transition: transform 180ms ease-out, border-color 180ms ease-out, box-shadow 180ms ease-out !important;
}

.product-card:hover,
.card:hover,
.card-wrapper .card:hover,
.card:hover .card__inner {
  border-color: #FFB800 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 36px rgba(255, 184, 0, 0.22), 0 0 15px rgba(255, 87, 34, 0.15) !important;
}

/* Product Card Media: Universal 1:1 Square Viewport (250px x 250px) */
.product-card .card__media,
.product-card__image-wrapper,
.card-gallery,
.card__media,
.product-media,
.product-media-container,
.resource-card__media,
slideshow-slide {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 250px !important;
  height: 250px !important;
  max-height: 250px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  padding: 15px !important;
  box-sizing: border-box !important;
}

.product-card img,
.card img,
.card-gallery img,
.card__media img,
.product-media img,
.product-media__image,
.resource-card__image,
slideshow-slide img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin: auto !important;
  transition: transform 0.3s ease !important;
}

/* Product Card Typography & Contrast */
.product-title,
.product-card .card__heading,
.product-card a.product-card__link,
.product-card .product-title h3,
.product-card .product-title a,
.product-title__text {
  color: #FFFFFF !important;
  font-family: var(--pw-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
}

/* Product Price: Radiant Safety Amber & Badges */
.product-card .price,
.product-card .price-item,
.product-card .price-item--sale,
.price__current,
.price .price-item--regular {
  color: #FFB800 !important;
  font-weight: 900 !important;
  font-size: 18px !important;
}

.product-card .price-item--regular s,
.product-card s.price-item {
  color: #64748B !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}

/* PangV Indicator on Dark Backgrounds */
.tax-shipping-info,
.product-card .tax-shipping-info,
.pw-pangv-notice {
  color: #94A3B8 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.tax-shipping-info a,
.pw-pangv-notice a {
  color: #FFB800 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}

.tax-shipping-info a:hover,
.pw-pangv-notice a:hover {
  color: #FF5722 !important;
}

/* ===== COLLECTION PAGE FILTER & SEARCH BARS ===== */
.facets-container,
.facets__wrapper,
.facet-filters,
.facet-filters__label,
.facet-filters__summary {
  background: #0A0C10 !important;
  color: #CBD5E1 !important;
  border-color: #1F2432 !important;
}

.facet-filters__sort,
.facets__disclosure {
  background: #141720 !important;
  color: #FFFFFF !important;
  border: 1px solid #1F2432 !important;
  border-radius: 8px !important;
}

/* ===== NEWSLETTER & FOOTER FORM PURGE ===== */
.footer-block__newsletter,
.newsletter-form,
.footer-newsletter {
  background: transparent !important;
}

.newsletter-form__field-wrapper input,
.footer-newsletter input[type="email"],
input.field__input {
  background: #141720 !important;
  color: #FFFFFF !important;
  border: 1px solid #2D3748 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
}

.newsletter-form__field-wrapper input:focus,
input.field__input:focus {
  border-color: #FFB800 !important;
  outline: 2px solid rgba(255, 184, 0, 0.4) !important;
}

.newsletter-form__button,
button.newsletter-form__button {
  background: #FFB800 !important;
  color: #0A0C10 !important;
  font-weight: 900 !important;
  border-radius: 8px !important;
  transition: transform 150ms ease, background 150ms ease !important;
}

.newsletter-form__button:hover {
  background: #FF5722 !important;
  color: #FFFFFF !important;
  transform: scale(1.04) !important;
}

/* Quick Add Button on Cards */
.quick-add-button,
.product-card button[name="add"] {
  background: #FFB800 !important;
  color: #0A0C10 !important;
  font-weight: 800 !important;
  border-radius: 8px !important;
  border: none !important;
  transition: transform 150ms ease, background 150ms ease !important;
}

.quick-add-button:hover,
.product-card button[name="add"]:hover {
  background: #FF5722 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
}

/* Universal Visibility & Black-Void Eradication */
.pw-bundles,
.pw-bundles__grid,
.pw-bundles-v12,
.pw-bundles-v12__grid,
.pw-bundle,
.pw-bundle-card,
.pw-bundle-v12,
.pw-clearance,
.pw-clearance__grid,
.pw-clearance-card,
.pw-comparison,
.pw-comparison__table,
.pw-compare,
.pw-compare__table-wrap,
.profi-card,
.profi-bundle-offers,
.profi-clearance-deals,
.profi-comparison,
.product-card,
.card-wrapper,
.card,
[data-animate],
[data-scroll-reveal] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.pw-bundles__grid,
.pw-bundles-v12__grid,
.pw-clearance__grid {
  display: grid !important;
}

.pw-bundles *,
.pw-bundles-v12 *,
.pw-clearance *,
.pw-comparison *,
.pw-compare * {
  opacity: 1 !important;
  visibility: visible !important;
}

.pw-bundle-v12:hover,
.pw-clearance-card:hover {
  transform: translateY(-4px) !important;
}

/* ═══════════════════════════════════════════════════════════════
   PROFIWERKZEUGE24 V19.1: COLLECTION FILTER & SORT BAR HIGH-CONTRAST
   AND INSTANT PRODUCT VISIBILITY (ZERO DELAY)
   ═══════════════════════════════════════════════════════════════ */

/* 1. ABSOLUTE ZERO DELAY ON PRODUCT CARDS & COLLECTION GRIDS */
.product-grid,
.product-grid__item,
product-card,
.product-card,
.card-wrapper,
.card,
.card__inner,
.card__media,
.product-media,
.product-media img,
.main-collection-grid,
.collection-product-list {
  opacity: 1 !important;
  visibility: visible !important;
}

.product-grid__item {
  transform: none !important;
  transition: none !important;
}

results-list[initialized] .product-grid__item {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* 2. COLLECTION FILTER BAR HIGH CONTRAST (LEFT RED CIRCLE) */
.facets-block-wrapper,
.facets,
.facets__filters-wrapper,
.facets__form {
  background: transparent !important;
}

.facets__summary,
details.facets__panel summary,
.facets__panel summary.facets__summary {
  background: #141720 !important;
  background-color: #141720 !important;
  color: #FFFFFF !important;
  border: 1px solid #2D3748 !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: border-color 150ms ease, background-color 150ms ease !important;
}

.facets__summary:hover,
details.facets__panel summary:hover,
details.facets__panel[open] summary {
  border-color: #FF5722 !important;
  background-color: #1A202C !important;
}

.facets__label {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
}

.facets__summary svg,
.facets__summary svg path,
.icon-caret svg,
.icon-caret svg path,
.facets__summary .svg-wrapper svg {
  stroke: #CBD5E1 !important;
  color: #CBD5E1 !important;
}

.facets__summary:hover svg path,
details.facets__panel[open] summary svg path {
  stroke: #FF5722 !important;
}

.facets__status,
.facet-status-component,
.facets__status-wrapper {
  color: #FF5722 !important;
  font-weight: 700 !important;
}

/* 3. PRODUCT COUNT & SORTING (RIGHT RED CIRCLE) */
.products-count-wrapper,
.products-count-wrapper span,
[data-testid="products-count"] span,
.products-count-wrapper * {
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

.sorting-filter,
.sorting-filter__horizontal,
.sorting-filter .facets__summary,
.sorting-filter summary {
  background: #141720 !important;
  background-color: #141720 !important;
  border: 1px solid #2D3748 !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
  cursor: pointer !important;
}

.sorting-filter:hover .facets__summary,
.sorting-filter summary:hover,
.sorting-filter details[open] summary {
  border-color: #FF5722 !important;
  background-color: #1A202C !important;
}

.sorting-filter .facets__label,
#sort-label-template--29419335057734__main,
[id*="sort-label"] {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

.sorting-filter .facets__status {
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

/* 4. SORT DROPDOWN OPTIONS PANEL */
.sorting-filter__options,
.sorting-filter__options-inner,
floating-panel-component.color-custom-popover,
floating-panel-component.sorting-filter__options {
  background: #141720 !important;
  background-color: #141720 !important;
  border: 1px solid #2D3748 !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6) !important;
  color: #FFFFFF !important;
}

.sorting-filter__option {
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 10px 14px !important;
  transition: background 150ms ease, color 150ms ease !important;
}

.sorting-filter__option:hover,
.sorting-filter__option[aria-selected="true"] {
  background: #1E2433 !important;
  background-color: #1E2433 !important;
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
}

.sorting-filter__checkmark svg path {
  stroke: #FF5722 !important;
}

/* 5. GRID TOGGLE / COLUMN PICKER ICONS */
.column-options-wrapper,
.column-options,
.column-picker {
  display: inline-flex !important;
  align-items: center !important;
}

.column-picker svg,
.column-picker svg path,
.column-picker svg g path,
.column-options__option svg path {
  fill: #94A3B8 !important;
  opacity: 1 !important;
  transition: fill 150ms ease !important;
}

.column-options__option-input:checked + .column-picker svg path,
.column-options__option-input:checked + .column-picker svg g path,
.column-picker:hover svg path,
.column-picker:hover svg g path {
  fill: #FF5722 !important;
}

/* 6. FILTER DROPDOWN INPUTS (CHECKBOXES & PRICE) */
.facets__inputs,
.facets__panel-content,
details-content.color-custom-popover,
floating-panel-component.facets__inputs,
floating-panel-component.facets__panel-content {
  background: #141720 !important;
  background-color: #141720 !important;
  border: 1px solid #2D3748 !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.6) !important;
  color: #FFFFFF !important;
  padding: 16px !important;
}

.checkbox__label,
.checkbox__label-text {
  color: #E2E8F0 !important;
  -webkit-text-fill-color: #E2E8F0 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.checkbox__input {
  background: #0B0D11 !important;
  border: 1px solid #475569 !important;
}

.checkbox__input:checked {
  background: #FF5722 !important;
  border-color: #FF5722 !important;
}

.price-facet__input,
.price-facet .field__input {
  background: #0B0D11 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid #334155 !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
}

.price-facet__label,
.price-facet__separator,
.price-facet__highest-price {
  color: #94A3B8 !important;
  -webkit-text-fill-color: #94A3B8 !important;
}

.facets__clear,
.facets__clear-all-link {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
  font-weight: 700 !important;
}

/* 7. MOBILE FILTER BUTTON & DRAWER HIGH-CONTRAST */
.facets-toggle,
.facets-toggle__button,
button.facets-toggle__button,
.facets-toggle__button * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

button.facets-toggle__button {
  background: #141720 !important;
  background-color: #141720 !important;
  border: 1px solid #2D3748 !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.facets-toggle__button:hover {
  border-color: #FF5722 !important;
  background-color: #1A202C !important;
}

.facets-toggle__button svg path {
  stroke: #CBD5E1 !important;
}

#filters-drawer,
.facets-drawer,
.drawer__content,
.drawer__header {
  background: #0A0C10 !important;
  background-color: #0A0C10 !important;
  color: #FFFFFF !important;
}

/* Eradicate any white boxes on resource list headers */
.section-resource-list__header,
.product-list-header,
.product-list__header {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.section-resource-list__header h3,
.section-resource-list__header h2,
.section-resource-list__header a,
.section-resource-list__header span,
.product-list-header h3,
.product-list-header h2,
.product-list-header a {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.section-resource-list__header a:hover,
.product-list-header a:hover {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
}

/* ============================================================
   V25.5 LAYOUT POLISH, OVERLAP FIXES & CRO ENHANCEMENTS
   ============================================================ */

/* 1. Hero Layout & Button Separation */
.pw-hero,
.profi-hero-wrapper {
  position: relative !important;
  z-index: 1 !important;
  padding: 60px 24px 70px !important;
  overflow: visible !important;
}

.pw-hero__inner {
  display: grid !important;
  grid-template-columns: 1.15fr 0.85fr !important;
  gap: 50px !important;
  align-items: center !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
}

.pw-hero__left {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.pw-hero__left > * {
  position: static !important;
  margin: 0 !important;
}

.pw-hero__ctas {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin-top: 14px !important;
}

.pw-hero__ctas a {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

@media (max-width: 989px) {
  .pw-hero__inner {
    grid-template-columns: 1fr !important;
    gap: 35px !important;
    padding: 40px 16px !important;
  }
  .pw-hero__ctas {
    flex-direction: column !important;
    width: 100% !important;
  }
  .pw-hero__ctas a {
    width: 100% !important;
    text-align: center !important;
  }
}

/* 2. Announcement Marquee Scroll */
.announcement-bar,
.pw-marquee {
  overflow: hidden !important;
  white-space: nowrap !important;
  background: #FF5722 !important;
  padding: 10px 0 !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
}

.announcement-bar__message,
.pw-marquee__inner {
  display: inline-block !important;
  white-space: nowrap !important;
  animation: pwMarqueeScroll 28s linear infinite !important;
  color: #000000 !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}

.pw-marquee__inner span {
  display: inline-block !important;
  padding: 0 35px !important;
}

@keyframes pwMarqueeScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* 3. Bundle Card Internal Text Overlap Repair */
.pw-bundle-card,
.profi-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 520px !important;
  padding: 28px !important;
  position: relative !important;
  box-sizing: border-box !important;
}

.pw-bundle-card__badge {
  position: absolute !important;
  top: -13px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 10 !important;
  white-space: nowrap !important;
}

.pw-bundle-card__content {
  flex-grow: 1 !important;
  margin-bottom: 20px !important;
}

.pw-bundle-card__btn {
  margin-top: auto !important;
  width: 100% !important;
}

/* 4. Newsletter Container Separation */
.newsletter-form-container,
.footer__newsletter-form,
.email-signup {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
  max-width: 650px !important;
  margin: 20px auto 0 !important;
}

@media (min-width: 750px) {
  .newsletter-form-container,
  .footer__newsletter-form,
  .email-signup {
    flex-direction: row !important;
    align-items: center !important;
  }
}

/* 5. Automatic Dynamic Percentage Sale Badges */
.card-gallery .pw-auto-sale-badge {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #FF5722 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 14px rgba(255, 87, 34, 0.5) !important;
  letter-spacing: 0.04em !important;
  pointer-events: none !important;
  text-transform: uppercase !important;
  z-index: 15 !important;
  line-height: 1.2 !important;
}

.product-badges {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════
   PROFIWERKZEUGE24 — V26.0 MASTER PURGE & OVERLAP FIXES
   ═══════════════════════════════════════════════════════════ */

/* ═══ FIX 1: FAQ SECTION — FORCE DARK BG + READABLE TEXT ═══ */
.faq,
.faq-section,
[class*="faq"],
.pw-faq,
.pw-faq__item,
.pw-pdp-faq,
.product-faq,
[class*="product-faq"] {
  background: #0A0C10 !important;
  color: #E5E7EB !important;
}

.faq *,
.faq-section *,
[class*="faq"] *,
.pw-faq *,
.pw-pdp-faq * {
  background-color: transparent !important;
  color: #E5E7EB !important;
}

.faq__item,
.faq details,
.faq .accordion__item,
[class*="faq"] details,
.pw-faq__item,
.pw-pdp-faq details {
  background: #141720 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  margin-bottom: 12px !important;
}

.faq summary,
.pw-pdp-faq summary {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  background: transparent !important;
  background-color: transparent !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
}

.faq summary span,
.pw-pdp-faq summary span,
.pw-faq-question-text {
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
}

.pw-faq-question-text,
.faq summary span:first-child,
.pw-pdp-faq summary span:first-child {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  background: transparent !important;
  background-color: transparent !important;
}

.pw-faq-toggle,
.faq summary::after,
.faq summary::marker,
.faq details[open] summary,
details[class*="faq"] summary::marker,
.faq summary span:last-child,
.pw-pdp-faq summary span:last-child {
  color: #FFB800 !important;
  -webkit-text-fill-color: #FFB800 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  background: transparent !important;
  background-color: transparent !important;
}

.faq__answer,
.faq details p,
.faq .accordion__panel,
[class*="faq"] p,
.pw-faq__answer,
details[class*="faq"] p,
.pw-pdp-faq details > div {
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  padding-top: 12px !important;
  margin: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* FAQ title */
.faq h2,
.faq h3,
.faq__title,
[class*="faq"] h2,
[class*="faq"] h3,
.pw-pdp-faq h3 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 800 !important;
}

/* FAQ badge "FAQ" */
.faq__badge,
.faq-badge,
[class*="faq"] .badge,
span[class*="faq-badge"],
.pw-faq-badge {
  background: rgba(255, 184, 0, 0.15) !important;
  color: #FFB800 !important;
  -webkit-text-fill-color: #FFB800 !important;
  padding: 4px 12px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  display: inline-block !important;
  width: auto !important;
}


/* ═══ FIX 2: REVIEWS SECTION — FORCE DARK BG + READABLE TEXT ═══ */
.reviews,
.reviews-section,
[class*="reviews"],
[class*="review-section"],
.pw-reviews,
.profi-reviews,
.testimonials,
[class*="testimonial"],
.pw-testimonials-section,
.product-reviews,
[class*="product-review"] {
  background: #0A0C10 !important;
  color: #E5E7EB !important;
  padding: 60px 24px !important;
}

.reviews *,
.reviews-section *,
[class*="reviews"] *,
[class*="testimonial"] *,
.pw-reviews *,
.pw-testimonials-section * {
  color: #E5E7EB !important;
  -webkit-text-fill-color: inherit !important;
}

/* Reviews heading */
.reviews h2,
.reviews h3,
.reviews__title,
[class*="reviews"] h2,
[class*="reviews"] h3,
[class*="testimonial"] h2,
.pw-testimonials-section h3 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 800 !important;
  font-size: clamp(22px, 3vw, 36px) !important;
}

.reviews__subtitle,
.reviews p.subtitle,
[class*="reviews"] > p,
.pw-testimonials-section p {
  color: #9CA3AF !important;
  -webkit-text-fill-color: #9CA3AF !important;
  font-size: 15px !important;
}

/* Stars and rating */
.reviews__rating,
.reviews .stars,
[class*="reviews"] .rating,
.pw-testimonials-section div[style*="★★★★★"],
.pw-review-card div[style*="★★★★★"] {
  color: #FFB800 !important;
  -webkit-text-fill-color: #FFB800 !important;
  font-weight: 800 !important;
  font-size: 18px !important;
}

/* Review cards */
.review-card,
.review,
.reviews__card,
[class*="review-card"],
[class*="testimonial-card"],
.pw-review,
.pw-review-card {
  background: #141720 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  padding: 24px !important;
  color: #E5E7EB !important;
}

.review-card *,
.review *,
[class*="review-card"] *,
.pw-review-card * {
  color: #E5E7EB !important;
  background: transparent !important;
}

.review-card__text,
.review p,
[class*="review-card"] p,
.pw-review__text,
.pw-review-card p {
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.review-card strong,
.pw-review-card strong {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.review-card__author,
.review__author,
[class*="review-card"] .author,
.pw-review__author,
.pw-review-card div:last-child {
  color: #94A3B8 !important;
  -webkit-text-fill-color: #94A3B8 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.review-card__verified,
.review__verified,
[class*="review-card"] .verified {
  color: #10B981 !important;
  -webkit-text-fill-color: #10B981 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}


/* ═══ FIX 3: STICKY BUY BAR — PREVENT CONTENT COVERING ═══ */
.pw-sticky-buy,
#pw-sticky-buy,
[id*="sticky-buy"],
[class*="sticky-buy"],
sticky-add-to-cart,
.sticky-add-to-cart__container,
.sticky-add-to-cart__bar {
  z-index: 997 !important; /* Below WhatsApp (998) */
}

/* Background for sticky add to cart bar */
.sticky-add-to-cart__bar {
  background: rgba(10, 12, 16, 0.98) !important;
  border: 1px solid rgba(255, 184, 0, 0.4) !important;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.6) !important;
}

.sticky-add-to-cart__bar * {
  color: #FFFFFF !important;
}

.sticky-add-to-cart__button {
  background: #FF5722 !important;
  color: #FFFFFF !important;
}

/* Add padding-bottom to page body when sticky bar is active */
body.pw-has-sticky-bar,
body:has(.sticky-add-to-cart__bar[data-stuck="true"]) {
  padding-bottom: 120px !important;
}

@media (max-width: 749px) {
  body.pw-has-sticky-bar,
  body:has(.sticky-add-to-cart__bar[data-stuck="true"]) {
    padding-bottom: 140px !important;
  }
}

/* Ensure FAQ and Reviews have generous clearance when sticky bar is present */
.pw-pdp-below-fold {
  margin-bottom: 90px !important;
}

body.pw-has-sticky-bar .faq,
body.pw-has-sticky-bar [class*="faq"],
body.pw-has-sticky-bar .reviews,
body.pw-has-sticky-bar [class*="reviews"],
body.pw-has-sticky-bar .pw-pdp-below-fold {
  margin-bottom: 120px !important;
}


/* ═══ FIX 4: WHATSAPP BUTTON & FOOTER SEPARATION ═══ */
#pw-floating-whatsapp,
[id*="whatsapp"],
.whatsapp-widget,
.whatsapp-button,
.whatsapp-float,
[class*="whatsapp-float"],
a[href*="wa.me"],
a[href*="whatsapp"],
.pw-support-widget {
  position: fixed !important;
  bottom: 25px !important;
  right: 20px !important;
  z-index: 998 !important;
  transform: scale(0.88) !important;
  transform-origin: bottom right !important;
}

/* On mobile — move above sticky bar if stuck */
@media (max-width: 749px) {
  #pw-floating-whatsapp,
  [id*="whatsapp"],
  a[href*="wa.me"] {
    bottom: 25px !important;
  }

  body.pw-has-sticky-bar #pw-floating-whatsapp,
  body.pw-has-sticky-bar [id*="whatsapp"],
  body:has(.sticky-add-to-cart__bar[data-stuck="true"]) #pw-floating-whatsapp,
  body.pw-has-sticky-bar a[href*="wa.me"] {
    bottom: 85px !important;
  }
}

/* Footer compact padding — eliminate empty black void */
footer,
.footer,
.shopify-section-footer,
.profi-footer-wrapper {
  padding-bottom: 20px !important;
}

@media (max-width: 749px) {
  footer,
  .footer,
  .shopify-section-footer,
  .profi-footer-wrapper {
    padding-bottom: 24px !important;
  }
}

footer .footer__copyright,
footer .copyright__content,
.copyright__content,
.profi-footer-bottom {
  padding-bottom: 0px !important;
}


/* ═══ FIX 5: NUCLEAR: KILL ALL WHITE BACKGROUNDS GLOBALLY ═══ */
html,
body,
main,
#MainContent,
.main-content,
.shopify-section,
section,
article,
.page-width,
.container,
.wrapper,
.content,
main > div,
body > div,
[class*="section"],
[class*="wrapper"]:not(.card__inner):not([class*="svg-wrapper"]):not(.svg-wrapper):not([class*="button"]):not(button):not(a):not([class*="add-to-cart"]):not([class*="search"]) {
  background-color: #0A0C10 !important;
  color: #E5E7EB !important;
}

/* Preserve transparent SVG wrapper icons in header and navigation */
.svg-wrapper,
header .svg-wrapper,
.header .svg-wrapper,
.header-actions .svg-wrapper,
.header__icons .svg-wrapper {
  background-color: transparent !important;
  background: transparent !important;
}

/* Kill any inline white background */
[style*="background: #fff"],
[style*="background: #FFF"],
[style*="background: white"],
[style*="background-color: #fff"],
[style*="background-color: #FFF"],
[style*="background-color: white"],
[style*="background: #f5f5f5"],
[style*="background: #F5F5F5"],
[style*="background: #fafafa"],
[style*="background: #FAFAFA"],
[style*="background: #f9f9f9"],
[style*="background: #F9F9F9"],
[style*="background: #f8fafc"],
[style*="background: #F8FAFC"] {
  background-color: #0A0C10 !important;
}

/* Exception: Product images inside card containers or media containers remain clean 1:1 on white letterbox or transparent */
.product-card .card__media,
.product-card img,
.product-media img,
.pw-hero__product-card,
.pw-hero__product-card img,
.card-gallery img {
  background-color: #FFFFFF !important;
}

/* Kill white theme color schemes */
[class*="scheme-1"]:not([class*="dark"]),
[class*="scheme-2"]:not([class*="dark"]),
[class*="scheme-3"]:not([class*="dark"]),
[class*="scheme-4"]:not([class*="dark"]),
[class*="scheme-5"]:not([class*="dark"]),
[class*="color-background-1"]:not([class*="dark"]),
[class*="color-background-2"]:not([class*="dark"]),
[class*="background--white"],
[class*="background--light"] {
  background-color: #0A0C10 !important;
  color: #E5E7EB !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
[class*="title"]:not(.product-card__title):not(.resource-card__title):not([class*="resource-card"]):not([class*="hero-card"]):not(.cart-item__title),
[class*="heading"]:not([class*="resource-card"]):not([class*="hero-card"]) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* ═══════════════════════════════════════════════════════════
   UNIVERSAL VISIBILITY FIX — V28.0
   Every text must be visible. No exceptions.
   ═══════════════════════════════════════════════════════════ */

/* ─── 1. KILL ALL WHITE BACKGROUNDS (EXCLUDING SEARCH MODAL, HEADER & HERO V27) ─── */
html, body, main, #MainContent, .main-content,
.shopify-section:not(#search-modal):not([class*="search"]):not([id*="header"]):not([class*="header"]):not([id*="hero"]):not([class*="hero"]):not(.pw-hero-white-orange),
section:not(#search-modal):not([class*="search"]):not([id*="header"]):not([class*="header"]):not([id*="hero"]):not([class*="hero"]):not(.pw-hero-white-orange),
article,
.page-width:not([class*="search"]):not([class*="pw-hero"]):not([id*="hero"]):not(.pw-hero-white-orange),
.container:not([class*="search"]):not([class*="pw-hero"]):not(.pw-hero-white-orange),
.wrapper:not([class*="search"]):not([class*="resource-card"]):not([class*="header"]):not([id*="header"]):not([class*="pw-hero"]):not(.pw-hero-white-orange),
.content:not([class*="search"]):not([class*="predictive"]):not([class*="pw-hero"]):not(.pw-hero-white-orange),
main > div:not([class*="search"]):not([class*="pw-hero"]):not([id*="hero"]):not(.pw-hero-white-orange),
body > div:not([class*="search"]):not(#search-modal):not([id*="header"]):not([class*="header"]):not([id*="hero"]):not([class*="hero"]):not(.pw-hero-white-orange),
[class*="section"]:not([class*="search"]):not(#search-modal):not([class*="header"]):not([id*="header"]):not([class*="hero"]):not([id*="hero"]):not(.pw-hero-white-orange),
[class*="wrapper"]:not(.card__inner):not([class*="svg-wrapper"]):not(.svg-wrapper):not([class*="button"]):not(button):not(a):not([class*="add-to-cart"]):not([class*="search"]):not([class*="resource-card"]):not(.resource-card__wrapper):not([class*="header"]):not([id*="header"]):not([class*="hero"]):not(.pw-hero-white-orange),
[class*="content"]:not([class*="search"]):not([class*="predictive"]):not([class*="resource-card"]):not([class*="hero"]):not(.pw-hero-white-orange),
[class*="scheme-1"]:not([class*="dark"]):not([class*="search"]):not(#search-modal):not([class*="header"]):not([id*="header"]):not([class*="hero"]):not(.pw-hero-white-orange),
[class*="scheme-2"]:not([class*="dark"]):not([class*="search"]):not(#search-modal):not([class*="header"]):not([id*="header"]):not([class*="hero"]):not(.pw-hero-white-orange),
[class*="scheme-3"]:not([class*="dark"]):not([class*="search"]):not(#search-modal):not([class*="header"]):not([id*="header"]):not([class*="hero"]):not(.pw-hero-white-orange),
[class*="scheme-4"]:not([class*="dark"]):not([class*="search"]):not(#search-modal):not([class*="header"]):not([id*="header"]):not([class*="hero"]):not(.pw-hero-white-orange),
[class*="color-background-1"]:not([class*="dark"]):not([class*="search"]):not(#search-modal):not([class*="header"]):not([id*="header"]):not([class*="hero"]):not(.pw-hero-white-orange),
[class*="color-background-2"]:not([class*="dark"]):not([class*="search"]):not(#search-modal):not([class*="header"]):not([id*="header"]):not([class*="hero"]):not(.pw-hero-white-orange),
[class*="background--white"]:not([class*="search"]):not(#search-modal):not([class*="header"]):not([id*="header"]):not([class*="hero"]):not(.pw-hero-white-orange),
[class*="background--light"]:not([class*="search"]):not(#search-modal):not([class*="header"]):not([id*="header"]):not([class*="hero"]):not(.pw-hero-white-orange) {
  background-color: #0A0C10 !important;
  color: #E5E7EB !important;
}

/* Kill inline white backgrounds (except search modal, header & hero) */
[style*="background: #fff"]:not([class*="search"]):not([class*="predictive"]):not([class*="resource-card"]):not([class*="hero"]):not([id*="hero"]):not(.pw-hero-white-orange):not([class*="pw-hero"]):not(header):not([class*="header"]),
[style*="background: #FFF"]:not([class*="search"]):not([class*="predictive"]):not([class*="resource-card"]):not([class*="hero"]):not([id*="hero"]):not(.pw-hero-white-orange):not([class*="pw-hero"]):not(header):not([class*="header"]),
[style*="background: white"]:not([class*="search"]):not([class*="predictive"]):not([class*="resource-card"]):not([class*="hero"]):not([id*="hero"]):not(.pw-hero-white-orange):not([class*="pw-hero"]):not(header):not([class*="header"]),
[style*="background-color: #fff"]:not([class*="search"]):not([class*="predictive"]):not([class*="resource-card"]):not([class*="hero"]):not([id*="hero"]):not(.pw-hero-white-orange):not([class*="pw-hero"]):not(header):not([class*="header"]),
[style*="background-color: #FFF"]:not([class*="search"]):not([class*="predictive"]):not([class*="resource-card"]):not([class*="hero"]):not([id*="hero"]):not(.pw-hero-white-orange):not([class*="pw-hero"]):not(header):not([class*="header"]),
[style*="background-color: white"]:not([class*="search"]):not([class*="predictive"]):not([class*="resource-card"]):not([class*="hero"]):not([id*="hero"]):not(.pw-hero-white-orange):not([class*="pw-hero"]):not(header):not([class*="header"]),
[style*="background: #f5f5f5"]:not([class*="search"]):not([class*="predictive"]):not([class*="resource-card"]):not([class*="hero"]):not([id*="hero"]):not(.pw-hero-white-orange):not([class*="pw-hero"]):not(header):not([class*="header"]),
[style*="background: #F5F5F5"]:not([class*="search"]):not([class*="predictive"]):not([class*="resource-card"]):not([class*="hero"]):not([id*="hero"]):not(.pw-hero-white-orange):not([class*="pw-hero"]):not(header):not([class*="header"]),
[style*="background: #fafafa"]:not([class*="search"]):not([class*="predictive"]):not([class*="resource-card"]):not([class*="hero"]):not([id*="hero"]):not(.pw-hero-white-orange):not([class*="pw-hero"]):not(header):not([class*="header"]),
[style*="background: #FAFAFA"]:not([class*="search"]):not([class*="predictive"]):not([class*="resource-card"]):not([class*="hero"]):not([id*="hero"]):not(.pw-hero-white-orange):not([class*="pw-hero"]):not(header):not([class*="header"]) {
  background-color: #0A0C10 !important;
  color: #E5E7EB !important;
}

/* ─── 2. FORCE ALL HEADINGS TO WHITE (EXCLUDING SEARCH, CARDS, HEADER & HERO) ─── */
h1:not(.pw-hero-white-orange *):not([class*="hero"] *):not(header *):not(.header *),
h2:not(.pw-hero-white-orange *):not([class*="hero"] *):not(header *):not(.header *),
h3:not(.pw-hero-white-orange *):not([class*="hero"] *):not(header *):not(.header *),
h4:not(.pw-hero-white-orange *):not([class*="hero"] *):not(header *):not(.header *),
h5:not(.pw-hero-white-orange *):not([class*="hero"] *):not(header *):not(.header *),
h6:not(.pw-hero-white-orange *):not([class*="hero"] *):not(header *):not(.header *),
.h1:not(.pw-hero-white-orange *):not([class*="hero"] *):not(header *):not(.header *),
.h2:not(.pw-hero-white-orange *):not([class*="hero"] *):not(header *):not(.header *),
.h3:not(.pw-hero-white-orange *):not([class*="hero"] *):not(header *):not(.header *),
.h4:not(.pw-hero-white-orange *):not([class*="hero"] *):not(header *):not(.header *),
.h5:not(.pw-hero-white-orange *):not([class*="hero"] *):not(header *):not(.header *),
.h6:not(.pw-hero-white-orange *):not([class*="hero"] *):not(header *):not(.header *),
[class*="title"]:not(.product-card__title):not(.resource-card__title):not([class*="resource-card"]):not([class*="hero-card"]):not([class*="hero"]):not(.pw-hero-white-orange *):not([class*="subtitle"]):not(.cart-item__title):not(header *):not(.header *),
[class*="heading"]:not([class*="subheading"]):not([class*="resource-card"]):not([class*="hero-card"]):not([class*="hero"]):not(.pw-hero-white-orange *):not(header *):not(.header *) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background-color: transparent !important;
}

/* ─── 3. FORCE ALL BODY TEXT TO LIGHT (EXCLUDING HERO & HEADER) ─── */
p:not(.pw-hero-white-orange *):not([class*="hero"] *):not(header *):not(.header *),
li:not(.pw-hero-white-orange *):not([class*="hero"] *):not(header *):not(.header *),
span:not(.icon):not([class*="arrow"]):not(.pw-hero-white-orange *):not([class*="hero"] *):not(header *):not(.header *),
label:not(.pw-hero-white-orange *):not(header *):not(.header *),
small:not(.pw-hero-white-orange *):not(header *):not(.header *),
.text:not(.pw-hero-white-orange *):not(header *):not(.header *),
.rte:not(.pw-hero-white-orange *),
.rte p:not(.pw-hero-white-orange *),
.rte li:not(.pw-hero-white-orange *),
.product__description, .product-single__description,
.description:not(.pw-hero-white-orange *),
.body-text:not(.pw-hero-white-orange *),
.content-text:not(.pw-hero-white-orange *) {
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
}

/* ─── 4. LINKS — VISIBLE AMBER ─── */
a:not([class*="btn"]):not([class*="button"]):not([class*="badge"]):not(.header__icon) {
  color: #FFB800 !important;
  -webkit-text-fill-color: #FFB800 !important;
}

a:hover {
  color: #FFD966 !important;
}

/* ─── 5. PRICES — AMBER ─── */
.price, .price__container, .price-item,
.price--on-sale, .price__sale,
[class*="price__"] {
  color: #FFB800 !important;
  -webkit-text-fill-color: #FFB800 !important;
  font-weight: 800 !important;
}

/* ─── 6. KILL DARK-ON-DARK AND WHITE-ON-WHITE ─── */
/* If parent has dark bg, force light text */
.pw-hero *, .pw-bundles-v12 *, .pw-bundles *,
.pw-clearance *, .pw-compare *, .pw-comparison *,
.product *, .product-card *, .card *,
footer *, .footer *, .shopify-section-footer *,
.newsletter *, [class*="bundle"] *, [class*="review"] *,
.faq *, [class*="faq"] * {
  -webkit-text-fill-color: inherit;
}

/* But force the key text elements */
.pw-hero h1, .pw-hero h2, .pw-hero h3,
.pw-bundles-v12 h2, .pw-bundles-v12 h3,
.pw-clearance h2, .pw-clearance h3,
.pw-compare h2, .pw-compare h3,
.product h1, .product h2, .product h3,
.product-card h3, .card h3,
footer h3, footer h4,
.newsletter h2, .newsletter h3,
[class*="review"] h3, [class*="review"] h4,
.faq h3, .faq h4 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.pw-hero p, .pw-hero span,
.pw-bundles-v12 p, .pw-bundles-v12 li,
.pw-clearance p, .pw-clearance li,
.pw-compare p, .pw-compare li,
.product p, .product li,
.product-card p, .card p,
footer p, footer li,
.newsletter p, .newsletter li,
[class*="review"] p,
.faq p, .faq li,
[class*="feature"] p, [class*="feature"] li {
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
}

/* ─── 7. BUTTONS — HIGH CONTRAST ─── */
button:not(:disabled),
.btn, .button,
[class*="btn-primary"],
[class*="button--primary"],
input[type="submit"],
.shopify-payment-button__button {
  font-weight: 800 !important;
  border-radius: 10px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

/* Primary CTA — amber with black text */
button[type="submit"],
.pw-btn-primary,
[class*="btn-primary"],
[class*="button--primary"],
.shopify-payment-button__button,
a.button--primary {
  background: linear-gradient(135deg, #FFB800 0%, #FF8A00 100%) !important;
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
  padding: 16px 32px !important;
  box-shadow: 0 0 25px rgba(255, 184, 0, 0.35) !important;
}

button[type="submit"]:hover,
.pw-btn-primary:hover,
[class*="btn-primary"]:hover {
  box-shadow: 0 0 40px rgba(255, 184, 0, 0.65) !important;
  transform: translateY(-2px) !important;
}

/* Secondary — dark with white text */
.pw-btn-secondary,
[class*="btn-secondary"],
[class*="button--secondary"] {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  padding: 16px 28px !important;
}

.pw-btn-secondary:hover {
  background: rgba(255, 184, 0, 0.12) !important;
  border-color: #FFB800 !important;
  color: #FFB800 !important;
  -webkit-text-fill-color: #FFB800 !important;
}

/* ─── 8. CARDS — DARK BG, WHITE TEXT ─── */
.product-card, .card, .card-wrapper,
.card__content, .card__information,
[class*="card-wrapper"], [class*="product-card"] {
  background-color: #141720 !important;
  color: #E5E7EB !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 14px !important;
}

.card__heading, .card__heading a,
.card h3, .card h4,
.product-card__title, .product-card__title a,
[class*="card__heading"] {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* ─── 9. REVIEWS — VISIBLE ─── */
.review-card, [class*="review-card"],
.reviews__card, [class*="testimonial-card"],
.reviews-section, [class*="reviews"] {
  background-color: #0A0C10 !important;
  color: #E5E7EB !important;
}

.review-card, [class*="review-card"],
[class*="testimonial-card"] {
  background-color: #141720 !important;
  padding: 20px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  margin-bottom: 16px !important;
}

/* Reduce review title size (was too big) */
[class*="review"] h3,
[class*="review"] h4,
.review-card__title,
[class*="review-card"] h3,
[class*="review-card"] h4 {
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  margin: 0 0 8px 0 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Review body text */
[class*="review"] p,
.review-card__text {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
  margin: 8px 0 !important;
}

/* Review author name */
[class*="review"] .author,
.review-card__author {
  font-size: 13px !important;
  color: #9CA3AF !important;
  -webkit-text-fill-color: #9CA3AF !important;
  font-weight: 600 !important;
}

/* Kill giant quote marks */
[class*="review"]::before,
[class*="review"]::after,
[class*="review-card"]::before,
[class*="review-card"]::after {
  display: none !important;
  content: none !important;
}

/* ─── 10. FAQ — VISIBLE ─── */
.faq, [class*="faq"] {
  background-color: #0A0C10 !important;
  color: #E5E7EB !important;
}

.faq details, [class*="faq"] details,
.faq summary, [class*="faq"] summary {
  background-color: #141720 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  margin-bottom: 12px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

.faq p, [class*="faq"] p,
.faq details > div, [class*="faq"] details > div {
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
  padding-top: 12px !important;
}

/* ─── 11. PDP — PRODUCT PAGE ─── */
.product, .main-product, .product-page,
.product__info-wrapper, .product__media-wrapper,
.product__info-container, .product__info {
  background-color: #0A0C10 !important;
  color: #E5E7EB !important;
}

.product__title, .product h1,
.main-product h1,
[class*="product__title"] h1 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 800 !important;
}

/* Product specs table */
.product table, .product table th, .product table td,
[class*="specs"] table, [class*="specs"] td, [class*="specs"] th {
  background-color: transparent !important;
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.product table th, [class*="specs"] th {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Feature icons row (Industrie-Qualität, 2 Jahre Garantie, 2-3 Tage DHL) */
[class*="feature"], [class*="usp"], [class*="trust"],
[class*="benefit"], [class*="badge-row"] {
  color: #FFFFFF !important;
}

[class*="feature"] h3, [class*="feature"] h4,
[class*="usp"] h3, [class*="benefit"] h3,
[class*="feature"] strong, [class*="usp"] strong {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
}

[class*="feature"] p, [class*="feature"] span,
[class*="usp"] p, [class*="usp"] span,
[class*="benefit"] p, [class*="benefit"] span {
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
}

/* ─── 12. KILL EMPTY SPACES ─── */
.shopify-section:empty,
.shopify-section > div:empty,
section:empty,
div:empty:not([class]):not([id]),
.pw-hero:empty,
[class*="section"]:empty {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

/* ─── 13. KILL DUPLICATE SECTIONS (if any) ─── */
/* The same section appearing twice — hide the second one */
section + section[class*="same-name"] {
  display: none !important;
}

/* ─── 14. NO OVERLAPPING ─── */
.pw-sticky-buy,
[id*="sticky-buy"],
[class*="sticky-buy"] {
  z-index: 997 !important;
}

[id*="whatsapp"],
.whatsapp-widget,
[class*="whatsapp-float"],
.pw-support-widget {
  z-index: 998 !important;
  bottom: 20px !important;
  right: 20px !important;
}

footer, .footer, .shopify-section-footer {
  padding-bottom: 0 !important;
}

/* ─── V28.5 TARGETED FIXES ─── */

/* FIX: SVG icons inside amber/primary buttons → force white (not black currentColor) */
button[type="submit"] svg,
button[type="submit"] svg path,
button[type="submit"] svg use,
.pw-btn-primary svg,
.pw-btn-primary svg path,
[class*="btn-primary"] svg,
[class*="btn-primary"] svg path,
[class*="button--primary"] svg,
[class*="button--primary"] svg path,
a.button--primary svg,
a.button--primary svg path,
.shopify-payment-button__button svg,
.shopify-payment-button__button svg path,
.product-form__cart-submit svg,
.product-form__cart-submit svg path,
[data-testid="Checkout-button"] svg,
[data-testid="Checkout-button"] svg path {
  fill: #FFFFFF !important;
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* Also force the icon element color (for use with currentColor) */
button[type="submit"] .icon,
button[type="submit"] .btn__icon,
[class*="button--primary"] .icon,
[class*="button--primary"] .btn__icon,
.product-form__cart-submit .icon {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* FIX: Hero product cards global override — keep white bg + black titles (immune from V28.0 dark section sweep) */
.pw-hero-card,
a.pw-hero-card {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

.pw-hero-card__title,
.pw-hero-card h3,
.pw-hero-card h4 {
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
}

.pw-hero-price--sale {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
}

.pw-hero-price--orig {
  color: #94A3B8 !important;
  -webkit-text-fill-color: #94A3B8 !important;
}

/* ─── V28.6 NAVBAR SEPARATION & DEAL BUTTON CENTERING ─── */
.pw-marquee-wrapper,
.announcement-bar,
[id*="header_announcements"],
#shopify-section-sections--29419335090502__header_announcements_9jGBFp {
  border-bottom: 2px solid #E64A19 !important;
}

#shopify-section-sections--29419335090502__header_section,
header.shopify-section,
#header-component {
  height: 72px !important;
  min-height: 72px !important;
}

#header-component .header__row,
#header-component .header__columns,
#header-component .header__column,
#header-component header-menu,
#header-component .header-menu__inner,
#header-component .menu-list,
#header-component overflow-list,
#header-component .overflow-menu {
  height: 100% !important;
  min-height: 72px !important;
  display: flex !important;
  align-items: center !important;
}

#header-component .menu-list__list-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#header-component .pw-nav-link,
#header-component .menu-list__link {
  margin: auto 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

#header-component .header__menu-item[href*="all"],
#header-component a[href*="lager"],
#header-component .pw-nav-link[href*="all"],
#header-component .pw-nav-link[href*="lager"],
#header-component .pw-nav-deal {
  background: linear-gradient(135deg, #FF5722 0%, #E64A19 100%) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 4px 14px rgba(255, 87, 34, 0.4) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: auto 10px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  box-sizing: border-box !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease !important;
}

#header-component .pw-nav-deal span,
#header-component .pw-nav-deal .pw-deal-tag {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* ═══ V28.7 HERO SHOWCASE CARDS: COVER IMAGES & SOLID BLACK PRICES ═══ */
.pw-hero-card,
.pw-hero .pw-hero-card,
.pw-hero__right .pw-hero-card,
a.pw-hero-card {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.09) !important;
}

.pw-hero-card h3,
.pw-hero-card h4,
.pw-hero-card .pw-hero-card__title,
.pw-hero .pw-hero-card h3,
.pw-hero .pw-hero-card h4,
.pw-hero .pw-hero-card .pw-hero-card__title,
.pw-hero__right .pw-hero-card h3,
.pw-hero__right .pw-hero-card h4 {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-family: var(--pw-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  font-weight: 800 !important;
}

/* User requirement: "price dirhom k7l" (make prices deep black #000000) */
.pw-hero-card .pw-hero-price--sale,
.pw-hero .pw-hero-card .pw-hero-price--sale,
.pw-hero__right .pw-hero-card .pw-hero-price--sale,
.pw-hero-card span.pw-hero-price--sale,
.pw-hero-card [class*="price--sale"] {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-weight: 900 !important;
}

.pw-hero-card .pw-hero-price--orig,
.pw-hero .pw-hero-card .pw-hero-price--orig,
.pw-hero-card span.pw-hero-price--orig {
  color: #64748B !important;
  -webkit-text-fill-color: #64748B !important;
  text-decoration: line-through !important;
}

.pw-hero-card .pw-hero-discount-pill,
.pw-hero-card [class*="discount-pill"] {
  background: #FFF1F0 !important;
  color: #E11D48 !important;
  -webkit-text-fill-color: #E11D48 !important;
  border: 1px solid #FECDD3 !important;
  font-weight: 800 !important;
}

.pw-hero-card .pw-hero-card__shipping,
.pw-hero .pw-hero-card .pw-hero-card__shipping {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

.pw-hero-card .pw-hero-card__shipping-link,
.pw-hero .pw-hero-card .pw-hero-card__shipping-link {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  text-decoration: underline !important;
}

/* ═══════════════════════════════════════════════════════════
   SURGICAL REPAIRS V26.0: BUTTONS, NAVBAR, SEARCH, BADGE, DRAWER
   ═══════════════════════════════════════════════════════════ */

/* 1. QUICK-ADD & ATC BUTTONS: ZERO BLACK OVERLAYS, PURE WHITE TEXT */
.quick-add__button,
.add-to-cart-button,
.quick-add__submit,
.pw-quick-add-btn,
button.quick-add__button {
  background: #FF5722 !important;
  background-color: #FF5722 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(255, 87, 34, 0.35) !important;
  position: relative !important;
  overflow: visible !important;
}

.quick-add__button,
.quick-add__button span,
.quick-add__button .add-to-cart-text,
.add-to-cart-button,
.add-to-cart-button span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
}

.quick-add__button .svg-wrapper,
.add-to-cart-button .svg-wrapper,
.quick-add .svg-wrapper,
.svg-wrapper.add-to-cart-icon,
.svg-wrapper.add-to-cart__added-icon,
.add-to-cart-icon,
.add-to-cart__added,
.add-to-cart__added-icon {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.quick-add__button .add-to-cart-icon svg,
.add-to-cart-button .add-to-cart-icon svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
  fill: none !important;
}

.add-to-cart-button:not([data-added="true"]) .add-to-cart__added,
.quick-add__button:not([data-added="true"]) .add-to-cart__added {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.quick-add__submit .loading__spinner,
.quick-add__submit .loading-overlay__spinner,
.quick-add__submit .spinner,
.product-card .loading__spinner,
.quick-add-modal__content-info .loading__spinner,
.loading__spinner,
.loading-overlay__spinner {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

/* 2. NAVBAR: REMOVE BLACK BORDER ON [Mehr] & SMOOTH SPACING */
.header__menu-item--overflow,
summary.header__menu-item,
.menu-list__link-more,
overflow-list summary,
.header-menu summary {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
}

/* Spacing between announcement bar and navbar deal button */
.header,
#header-component {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.header__menu-item[href*="all"],
a[href*="lager"],
.pw-nav-link[href*="all"],
.pw-nav-link[href*="lager"],
.pw-nav-deal {
  margin: 4px 10px !important;
  height: 38px !important;
  min-height: 38px !important;
}

/* 3. SEARCH MODAL: LOUPE PADDING & CRISP WHITE DROPDOWN */
.search-modal input.search-input,
.predictive-search input[type="search"],
input.search-input {
  padding-left: 50px !important;
  height: 52px !important;
  font-size: 15px !important;
  background-color: #FFFFFF !important;
  color: #0A0C10 !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
}

.predictive-search__icon {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  color: #64748B !important;
  z-index: 5 !important;
  pointer-events: none !important;
  background: transparent !important;
}

.search-modal__content,
predictive-search-component,
.predictive-search-form__header-inner,
.predictive-search-form__header,
.predictive-search-results,
.predictive-search-form__content,
.predictive-search-form__content-wrapper {
  background-color: #FFFFFF !important;
  color: #0A0C10 !important;
}

.predictive-search-form__header-inner {
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

/* 4. GERMAN TRUST BADGE CAPSULE IN DESKTOP HEADER */
.pw-desktop-de-flag-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 9999px !important;
  padding: 5px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  -webkit-text-fill-color: #0F172A !important;
  white-space: nowrap !important;
  letter-spacing: 0.01em !important;
  margin-right: 10px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

@media (max-width: 989px) {
  .pw-desktop-de-flag-badge {
    display: none !important;
  }
}

/* 5. MOBILE DRAWER NAVIGATION RESTORATION */
.menu-drawer__navigation {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 16px var(--drawer-padding, 20px) !important;
}

.menu-drawer__menu {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.menu-drawer__list-item--flat,
.menu-drawer__list-item {
  display: flex !important;
  width: 100% !important;
}

.menu-drawer__menu-item {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 12px 14px !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  -webkit-text-fill-color: #0F172A !important;
  text-decoration: none !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

.menu-drawer__menu-item:hover,
.menu-drawer__menu-item:active {
  background: #F1F5F9 !important;
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
}

.menu-drawer__menu-item--deal {
  background: linear-gradient(135deg, #FF5722 0%, #E64A19 100%) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(255, 87, 34, 0.35) !important;
}

.menu-drawer__featured-content-list {
  display: none !important;
}

/* 6. PREDICTIVE SEARCH MODAL & CARDS — CLEAN ARCHITECTURE & HIGH-CONTRAST */
.search-modal,
.search-modal__content,
.search-modal dialog,
predictive-search-component,
predictive-search-component product-component,
predictive-search-component .resource-card__wrapper,
predictive-search-component .resource-card,
predictive-search-component .resource-card__content,
.search-modal product-component,
.search-modal .resource-card__wrapper,
.search-modal .resource-card,
.search-modal .resource-card__content,
.predictive-search,
.predictive-search-dropdown,
.predictive-search-form,
.predictive-search-form__header,
.predictive-search-form__content,
.predictive-search-form__content-wrapper,
.predictive-search-results,
.predictive-search-results__inner,
.predictive-search-results__popular-queries,
.predictive-search-results__products,
.predictive-search-results__list {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #0A0C10 !important;
}

/* Modal sizing & border */
.search-modal__content {
  border-radius: 16px !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15) !important;
  max-width: 900px !important;
  overflow: hidden !important;
}

/* Search input field */
.search-modal .predictive-search-form__header-inner {
  position: relative !important;
  width: 100% !important;
  padding: 12px 16px !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

.search-modal input.search-input,
.predictive-search input[type="search"] {
  background: #F8FAFC !important;
  background-color: #F8FAFC !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 10px !important;
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
  padding: 12px 42px 12px 46px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  width: 100% !important;
  outline: none !important;
  box-shadow: none !important;
}

.search-modal input.search-input:focus {
  border-color: #FF5722 !important;
  background: #FFFFFF !important;
}

.search-modal .predictive-search__icon {
  position: absolute !important;
  left: 30px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #64748B !important;
  width: 18px !important;
  height: 18px !important;
  pointer-events: none !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
}

.search-modal .predictive-search__icon svg {
  fill: #64748B !important;
  stroke: #64748B !important;
  width: 18px !important;
  height: 18px !important;
}

.search-modal .predictive-search__reset-button {
  position: absolute !important;
  right: 26px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #64748B !important;
  font-size: 14px !important;
  cursor: pointer !important;
  z-index: 2 !important;
  background: transparent !important;
  border: none !important;
  padding: 4px 8px !important;
}

/* Query suggestion pills */
.predictive-search-results__wrapper-queries {
  padding: 10px 16px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  background: #FFFFFF !important;
}

.predictive-search-results__pill {
  background: #F1F5F9 !important;
  background-color: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
  -webkit-text-fill-color: #0F172A !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 6px 14px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  transition: all 0.15s ease !important;
}

.predictive-search-results__pill:hover {
  background: #FF5722 !important;
  background-color: #FF5722 !important;
  border-color: #FF5722 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Section title in search modal */
.search-modal .predictive-search-results__title,
predictive-search-component .predictive-search-results__title {
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 8px 16px !important;
  margin: 0 !important;
  border-bottom: 1px solid #F1F5F9 !important;
}

/* Products grid inside search */
.search-modal .predictive-search-results__products,
predictive-search-component .predictive-search-results__products {
  padding: 12px 16px !important;
}

.predictive-search-results__wrapper-products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
  padding: 4px 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

@media (max-width: 749px) {
  .predictive-search-results__wrapper-products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}

/* Individual product card */
.predictive-search-results__card--product {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
  padding: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  overflow: hidden !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
  box-sizing: border-box !important;
}

.predictive-search-results__card--product:hover {
  border-color: #CBD5E1 !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-2px) !important;
}

/* OVERRIDE THE 250px UNIVERSAL IMAGE HEIGHT SPECIFICALLY FOR SEARCH */
.search-modal .resource-card__media,
predictive-search-component .resource-card__media,
.predictive-search-results__card--product .resource-card__media {
  width: 100% !important;
  height: 120px !important;
  max-height: 120px !important;
  min-height: 120px !important;
  aspect-ratio: 1 / 1 !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px !important;
  margin: 0 auto 8px auto !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

@media (max-width: 749px) {
  .search-modal .resource-card__media,
  predictive-search-component .resource-card__media,
  .predictive-search-results__card--product .resource-card__media {
    height: 100px !important;
    max-height: 100px !important;
    min-height: 100px !important;
  }
}

.search-modal .resource-card__image,
predictive-search-component .resource-card__image,
.predictive-search-results__card--product .resource-card__image {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin: auto !important;
}

/* Card content */
.predictive-search-results__card--product .resource-card__content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  background: transparent !important;
  gap: 3px !important;
}

/* PRODUCT TITLES IN SEARCH: CRISP BOLD JET BLACK */
.search-modal .resource-card__title,
predictive-search-component .resource-card__title,
.predictive-search-results__card--product .resource-card__title,
.search-modal [class*="resource-card__title"],
predictive-search-component [class*="resource-card__title"],
.predictive-search-results__card--product [class*="resource-card__title"] {
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 0 0 4px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-height: 35px !important;
  height: 35px !important;
  text-align: left !important;
}

/* PRODUCT PRICES IN SEARCH: 100% SOLID JET BLACK */
.search-modal .price,
.search-modal .price *,
.search-modal .price-item,
.search-modal .price-item *,
predictive-search-component .price,
predictive-search-component .price *,
predictive-search-component .price-item,
predictive-search-component .price-item *,
.predictive-search-results__card--product .price,
.predictive-search-results__card--product .price *,
.predictive-search-results__card--product [class*="price"],
.predictive-search-results__card--product [class*="price"] * {
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  margin: 0 !important;
}

/* Strikethrough compare-at price in search */
.search-modal .price-item--regular:not(:only-child),
.search-modal .price-item--regular:not(:only-child) *,
.search-modal .compare-at-price,
.search-modal .compare-at-price *,
predictive-search-component .price-item--regular:not(:only-child),
predictive-search-component .price-item--regular:not(:only-child) *,
.predictive-search-results__card--product .compare-at-price,
.predictive-search-results__card--product .compare-at-price * {
  color: #94A3B8 !important;
  -webkit-text-fill-color: #94A3B8 !important;
  font-size: 12px !important;
  text-decoration: line-through !important;
  font-weight: 500 !important;
  margin-right: 4px !important;
}

/* PANGV SHIPPING INFO IN SEARCH: ULTRA-LEGIBLE */
.search-modal .profi-pangv-notice,
.search-modal .profi-pangv-notice *,
.search-modal .profi-tax-included,
.search-modal .profi-shipping-included,
predictive-search-component .profi-pangv-notice,
predictive-search-component .profi-pangv-notice *,
predictive-search-component .profi-tax-included,
predictive-search-component .profi-shipping-included,
.predictive-search-results__card--product .profi-pangv-notice,
.predictive-search-results__card--product .profi-pangv-notice *,
.predictive-search-results__card--product .profi-tax-included,
.predictive-search-results__card--product .profi-shipping-included {
  color: #64748B !important;
  -webkit-text-fill-color: #64748B !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  display: block !important;
  margin-top: 2px !important;
  font-weight: 500 !important;
}

.search-modal .profi-shipping-included a,
predictive-search-component .profi-shipping-included a,
.predictive-search-results__card--product .profi-shipping-included a,
.search-modal .profi-pangv-notice a,
predictive-search-component .profi-pangv-notice a,
.predictive-search-results__card--product .profi-pangv-notice a {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
}

/* FOOTER "ALLE ANZEIGEN" BUTTON: STATIC & CLEAN WITH BREATHING ROOM */
.predictive-search-form__footer {
  display: block !important;
  position: static !important;
  margin-top: 24px !important;
  margin-bottom: 8px !important;
  padding: 12px 16px 16px 16px !important;
  text-align: center !important;
  width: 100% !important;
  background: transparent !important;
}

.predictive-search__search-button {
  background: #FF5722 !important;
  background-color: #FF5722 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  padding: 13px 32px !important;
  border-radius: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  box-shadow: 0 4px 14px rgba(255, 87, 34, 0.35) !important;
  display: inline-block !important;
  width: auto !important;
  margin: 0 auto !important;
  border: none !important;
  cursor: pointer !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.predictive-search__search-button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(255, 87, 34, 0.45) !important;
}

/* 7. MOBILE DRAWER WHATSAPP CTA — VIBRANT GREEN BUTTON */
.pw-mobile-drawer-whatsapp a,
.menu-drawer .pw-mobile-drawer-whatsapp a {
  background: #25D366 !important;
  background-color: #25D366 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.4) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 14px 20px !important;
}

.pw-mobile-drawer-whatsapp a span,
.pw-mobile-drawer-whatsapp a svg {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* ═══════════════════════════════════════════════════════════
   V27.0 HERO REBIRTH — CLEAN WHITE & VIBRANT ORANGE
   Immune from dark sweeps, matches Orthomax clean aesthetic
   ═══════════════════════════════════════════════════════════ */

/* 1. Header Enforcement: Pure White & Crisp Charcoal Links */
header,
header.shopify-section,
.shopify-section-group-header-group,
#header-group,
#header-component,
.header,
.header-wrapper {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-bottom: 2px solid #E2E8F0 !important;
}

#header-component .header__heading-link,
#header-component .profi-logo-text,
#header-component .pw-nav-link,
#header-component .header__menu-item,
#header-component .menu-list__link,
#header-component a:not([class*="btn"]):not([class*="button"]),
header a:not([class*="btn"]):not([class*="button"]),
.header a:not([class*="btn"]):not([class*="button"]) {
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
}

/* 2. Hero Section Container: Pure White Gradient */
.pw-hero-white-orange,
.pw-hero,
.pw-hero-3d,
[id*="profi_hero"],
#shopify-section-profi_hero_3d,
[id*="shopify-section-profi_hero"] {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF9F7 60%, #FFF5F2 100%) !important;
  background-color: #FFFFFF !important;
  color: #0F172A !important;
}

/* 3. Hero Typography: Dark Charcoal & Safety Orange */
.pw-hero-white-orange .pw-hero-main-title,
.pw-hero-white-orange h1,
[id*="profi_hero"] h1 {
  color: #0F172A !important;
  -webkit-text-fill-color: #0F172A !important;
}

.pw-hero-white-orange h1 span,
.pw-hero-white-orange .pw-hero-main-title span {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
}

.pw-hero-white-orange .pw-hero-sub-text,
.pw-hero-white-orange p,
[id*="profi_hero"] p {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

.pw-hero-white-orange .pw-hero-trust-row span {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

/* 4. Hero Clean Product Cards (Right Column) */
.pw-hero-clean-card,
a.pw-hero-clean-card,
[id*="profi_hero"] .pw-hero-clean-card {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #0F172A !important;
}

.pw-hero-clean-card strong,
.pw-hero-clean-card h3,
.pw-hero-clean-card h4 {
  color: #0F172A !important;
  -webkit-text-fill-color: #0F172A !important;
}

.pw-hero-clean-card span,
.pw-hero-clean-card p,
.pw-hero-clean-card div {
  color: inherit;
  -webkit-text-fill-color: inherit;
}

.pw-hero-img-box {
  background: #F8FAFC !important;
  background-color: #F8FAFC !important;
}


/* --- END: pw-kill-white.css --- */

/* --- START: pw-section-gradients.css --- */
/* ═══════════════════════════════════════════════════════════
   SECTION GRADIENT TRANSITIONS — SMOOTH BLEND
   ═══════════════════════════════════════════════════════════ */

/* Base palette */
:root {
  --pw-obsidian: #0A0C10;
  --pw-deep: #05070A;
  --pw-slate: #141720;
  --pw-amber: #FFB800;
  --pw-orange: #FF5722;
  --pw-cyan: #00E5FF;
}

/* ─── GLOBAL: ensure every section has a gradient bg ─── */
.shopify-section {
  background: transparent !important;
}

/* ─── HERO: CLEAN WHITE & ORANGE (V27.0) ─── */
.pw-hero-white-orange,
.pw-hero,
.pw-hero-3d,
section[id*="hero"],
[id*="profi_hero"],
#shopify-section-profi_hero_3d {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF9F7 60%, #FFF5F2 100%) !important;
  background-color: #FFFFFF !important;
  position: relative;
}

.pw-hero::after,
.pw-hero-3d::after,
.pw-hero-white-orange::after {
  display: none !important;
}

/* ─── BUNDLE SECTION (Spar-Sets) ─── */
.pw-bundles-v12,
.pw-bundles,
#profi-bundles,
section[id*="bundle"] {
  background: linear-gradient(180deg,
    #0A0C10 0%,
    #0F1218 30%,
    #0A0C10 100%) !important;
  background-image: linear-gradient(180deg,
    #0A0C10 0%,
    #0F1218 30%,
    #0A0C10 100%) !important;
  position: relative;
}

/* ─── CLEARANCE SECTION (Lager-Schnäppchen) ─── */
.pw-clearance,
.pw-clearance-section,
section[id*="clearance"] {
  background: linear-gradient(180deg,
    #0A0C10 0%,
    #1A1208 40%,
    #0F1218 70%,
    #0A0C10 100%) !important;
  background-image: linear-gradient(180deg,
    #0A0C10 0%,
    #1A1208 40%,
    #0F1218 70%,
    #0A0C10 100%) !important;
  position: relative;
}

/* ─── FEATURED COLLECTION / PRODUCT GRID ─── */
.featured-collection,
section[id*="featured"],
.section-featured-collection {
  background: linear-gradient(180deg,
    #0A0C10 0%,
    #0F1218 50%,
    #0A0C10 100%) !important;
  background-image: linear-gradient(180deg,
    #0A0C10 0%,
    #0F1218 50%,
    #0A0C10 100%) !important;
}

/* ─── COMPARISON SECTION ─── */
.pw-compare,
.pw-comparison,
section[id*="comparison"] {
  background: linear-gradient(180deg,
    #0A0C10 0%,
    #0D1016 50%,
    #0A0C10 100%) !important;
  background-image: linear-gradient(180deg,
    #0A0C10 0%,
    #0D1016 50%,
    #0A0C10 100%) !important;
}

/* ─── NEWSLETTER ─── */
.newsletter,
section[id*="newsletter"] {
  background: linear-gradient(180deg,
    #0A0C10 0%,
    #13161F 50%,
    #0A0C10 100%) !important;
}

/* ─── FOOTER (glowing top edge) ─── */
footer, .footer, .shopify-section-footer {
  background: linear-gradient(180deg,
    #0A0C10 0%,
    #05070A 100%) !important;
  position: relative;
}

footer::before,
.shopify-section-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    #FFB800 50%,
    transparent 100%);
  box-shadow: 0 0 30px 4px rgba(255, 184, 0, 0.35);
  pointer-events: none;
}

/* ─── GLOWING HAIRLINE DIVIDERS ─── */
.pw-section-divider,
.pw-divider-glow {
  display: block;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255, 184, 0, 0.5) 50%,
    transparent 100%);
  margin: 0;
  position: relative;
}

.pw-section-divider::before,
.pw-divider-glow::before {
  content: '';
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 240px;
  height: 30px;
  background: radial-gradient(ellipse, rgba(255, 184, 0, 0.35) 0%, transparent 70%);
  filter: blur(10px);
  pointer-events: none;
}

/* Animated glow orbs */
.pw-glow-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
  opacity: 0.4;
}

.pw-glow-orb--1 {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(255, 184, 0, 0.4) 0%, transparent 70%);
  top: 10%;
  left: -10%;
  animation: pw-float-orb 12s ease-in-out infinite;
}

.pw-glow-orb--2 {
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(0, 229, 255, 0.25) 0%, transparent 70%);
  bottom: 10%;
  right: -5%;
  animation: pw-float-orb 15s ease-in-out infinite reverse;
}

@keyframes pw-float-orb {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(30px, -40px) scale(1.1); }
  66% { transform: translate(-20px, 30px) scale(0.9); }
}

/* Bundle tier active state */
.ortho-tier-card.is-active,
.pw-tier.is-active {
  border-color: #FFB800 !important;
  background: rgba(255, 184, 0, 0.08) !important;
  box-shadow: 0 0 25px rgba(255, 184, 0, 0.3);
}

.ortho-tier-card input[type="radio"]:checked,
.pw-tier input[type="radio"]:checked {
  accent-color: #FFB800;
}

/* ═══════════════════════════════════════════════════════════
   POPUP — WELCOME / DISCOUNT
   ═══════════════════════════════════════════════════════════ */
.pw-popup {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.pw-popup[hidden] { display: none; }
.pw-popup.is-open {
  opacity: 1;
  visibility: visible;
  display: flex !important;
}
.pw-popup__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(6px);
}
.pw-popup__card {
  position: relative;
  max-width: 460px;
  width: 100%;
  background: linear-gradient(180deg, #141720 0%, #0F1218 100%);
  border: 1px solid rgba(255, 184, 0, 0.35);
  border-radius: 20px;
  padding: 40px 32px 32px;
  text-align: center;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7),
              0 0 60px rgba(255, 184, 0, 0.15);
  animation: pw-popup-in 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes pw-popup-in {
  from { transform: scale(0.94) translateY(20px); opacity: 0; }
  to   { transform: scale(1) translateY(0); opacity: 1; }
}
.pw-popup__close {
  position: absolute;
  top: 14px;
  right: 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  width: 36px;
  height: 36px;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.pw-popup__close:hover {
  background: rgba(255, 184, 0, 0.15);
  border-color: #FFB800;
  color: #FFB800;
}
.pw-popup__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(255, 184, 0, 0.1);
  border: 1px solid rgba(255, 184, 0, 0.3);
  margin: 0 auto 20px;
  box-shadow: 0 0 40px rgba(255, 184, 0, 0.25);
}
.pw-popup__eyebrow {
  display: block;
  font-family: 'Space Grotesk', monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.15em;
  color: #FFB800;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.pw-popup__title {
  font-size: 26px;
  font-weight: 800;
  color: #FFFFFF !important;
  line-height: 1.2;
  margin: 0 0 12px;
}
.pw-popup__text {
  font-size: 15px;
  color: #9CA3AF;
  line-height: 1.6;
  margin: 0 0 24px;
}
.pw-popup__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}
.pw-popup__input {
  background: #0A0C10 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  color: #FFFFFF !important;
  font-size: 15px !important;
}
.pw-popup__input:focus {
  border-color: #FFB800 !important;
  box-shadow: 0 0 0 3px rgba(255, 184, 0, 0.15) !important;
}
.pw-popup__submit {
  background: linear-gradient(135deg, #FFB800 0%, #FF8A00 100%) !important;
  color: #0A0C10 !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 16px !important;
  border-radius: 10px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.25s ease;
  box-shadow: 0 0 25px rgba(255, 184, 0, 0.4);
}
.pw-popup__submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 40px rgba(255, 184, 0, 0.7);
}
.pw-popup__legal {
  font-size: 11px;
  color: #6B7280;
  margin: 12px 0 16px;
  line-height: 1.5;
}
.pw-popup__legal a {
  color: #9CA3AF;
  text-decoration: underline;
}
.pw-popup__dismiss {
  background: none;
  border: none;
  color: #6B7280;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  transition: color 0.2s;
}
.pw-popup__dismiss:hover { color: #9CA3AF; }

@media (max-width: 479px) {
  .pw-popup__card { padding: 32px 20px 24px; }
  .pw-popup__title { font-size: 22px; }
}

/* ═══════════════════════════════════════════════════════════
   MOBILE CONTAINMENT — ZERO HORIZONTAL OVERFLOW AT 375PX
   ═══════════════════════════════════════════════════════════ */
html {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-width: 100vw !important;
}

body {
  overflow-x: hidden !important;
  overflow-y: visible !important;
  max-width: 100vw !important;
}

@media (max-width: 768px) {
  header nav,
  nav.pw-nav,
  .pw-nav {
    display: none !important;
  }
  .pw-compare__table-wrap,
  .pw-compare {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .pw-compare__table {
    min-width: 580px;
  }
}


/* --- END: pw-section-gradients.css --- */

/* --- START: pw-pdp-spacing.css --- */
/* ═══════════════════════════════════════════════════════════
   PDP SPACING CLEANUP — KILL EMPTY VOIDS
   ═══════════════════════════════════════════════════════════ */

/* Remove any hard min-height on gallery/product wrappers */
.product,
.main-product,
.product-single,
.product__info-wrapper,
.product__media-wrapper {
  min-height: 0 !important;
  height: auto !important;
}

/* Ensure content flows without gaps */
.product__info-container,
.product__info,
.product-single__meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* Tighten description area */
.product__description,
.product-single__description,
.rte.product__description {
  margin-top: 24px !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  line-height: 1.7 !important;
  color: #CBD5E1 !important;
}

/* Hide theme-generated empty placeholders */
.product__placeholder,
.product-placeholder-svg,
.placeholder-svg,
[class*="placeholder"]:empty {
  display: none !important;
}

/* Collapse any white sections */
.product__info-wrapper:empty,
.product__media-wrapper:empty,
.product-block:empty {
  display: none !important;
}

/* Ensure sections flow with consistent spacing */
.main-product > .shopify-section,
.product-page > .shopify-section {
  margin: 0 !important;
  padding: 0 !important;
}

/* Section wrappers that follow the PDP hero */
.product-page section,
.main-product section {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

/* Kill any awkward vertical gaps */
.product-page *:empty:not(img):not(br):not(hr):not(input) {
  display: none !important;
}

/* --- END: pw-pdp-spacing.css --- */

/* --- START: pw-buttons-v14.css --- */
/* ═══════════════════════════════════════════════════════════
   PREMIUM BUTTONS — HOVER + GLOW + REDIRECT FEEDBACK
   ═══════════════════════════════════════════════════════════ */

/* ─── PRIMARY BUTTONS ─── */
button[type="submit"],
.btn, .button, [class*="btn"],
.shopify-payment-button__button,
.pw-btn,
.pw-btn-primary,
a.button,
a.btn {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border-radius: 10px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Primary amber button */
.pw-btn-primary,
.btn--primary,
button[type="submit"]:not(.pw-btn-secondary),
a.button--primary {
  background: linear-gradient(135deg, #FFB800 0%, #FF8A00 100%) !important;
  color: #0A0C10 !important;
  padding: 16px 32px !important;
  box-shadow: 0 0 25px rgba(255, 184, 0, 0.35),
              0 4px 12px rgba(0, 0, 0, 0.3);
}

/* Shine sweep on hover */
.pw-btn-primary::before,
.btn--primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s ease;
}

.pw-btn-primary:hover::before,
.btn--primary:hover::before {
  left: 100%;
}

/* Hover state */
.pw-btn-primary:hover,
.btn--primary:hover,
button[type="submit"]:hover:not(.pw-btn-secondary),
a.button--primary:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 0 45px rgba(255, 184, 0, 0.7),
              0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

/* Active (press) state */
.pw-btn-primary:active,
.btn--primary:active,
button[type="submit"]:active {
  transform: translateY(-1px) scale(0.98) !important;
  box-shadow: 0 0 20px rgba(255, 184, 0, 0.5) !important;
}

/* ─── SECONDARY BUTTONS ─── */
.pw-btn-secondary,
.btn--secondary,
button.button--secondary {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  padding: 16px 28px !important;
}

.pw-btn-secondary:hover,
.btn--secondary:hover {
  background: rgba(255, 184, 0, 0.1) !important;
  border-color: #FFB800 !important;
  color: #FFB800 !important;
  transform: translateY(-2px);
  box-shadow: 0 0 25px rgba(255, 184, 0, 0.25);
}

/* ─── CLEARANCE / HOT DEAL BUTTONS ─── */
.pw-clearance-button,
a[href*="lager"] {
  background: linear-gradient(135deg, #FF5722 0%, #FF8A00 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 25px rgba(255, 87, 34, 0.5);
}

.pw-clearance-button:hover {
  box-shadow: 0 0 45px rgba(255, 87, 34, 0.8);
  transform: translateY(-2px) scale(1.02);
}

/* ─── FOCUS STATE (accessibility) ─── */
button:focus-visible,
a.button:focus-visible,
a.btn:focus-visible {
  outline: 3px solid #FFB800 !important;
  outline-offset: 3px !important;
}

/* ─── DISABLED ─── */
button:disabled,
.btn:disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  filter: grayscale(0.5);
}

/* Ensure all anchor links have visible pointer */
a[href]:not([href=""]):not([href="#"]) {
  cursor: pointer;
}

/* Prevent buttons from being swallowed by JS */
button:not([disabled]),
a[href]:not([href=""]):not([href="#"]),
.pw-btn,
.pw-bundle-v12__cta {
  pointer-events: auto !important;
  position: relative;
  z-index: 2;
}

/* Ensure links are clickable inside dark overlays */
.pw-bundle-v12__cta,
.ortho-tier-card,
.product-form__buttons button {
  z-index: 10;
}

/* Remove any pointer-events: none inherited */
.shopify-section *[style*="pointer-events: none"]:not(.pw-divider-glow):not(.pw-glow-orb) {
  pointer-events: auto !important;
}

/* ═══════════════════════════════════════════════════════════
   FIX 2 — NAVBAR CONTRAST (SOLID JET-BLACK #0A0C10 ON WHITE HEADER)
   ═══════════════════════════════════════════════════════════ */
header a,
.header a,
.header-wrapper a,
.header__menu-item,
.header__inline-menu a,
nav.header-nav a,
.pw-nav a,
.pw-nav-link {
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
  background: transparent !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

header a span,
.header a span,
.header-wrapper a span,
.header__menu-item span,
.pw-nav-link span {
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
}

header a:hover,
.header a:hover,
.header__menu-item:hover,
.pw-nav-link:hover {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
  background: rgba(255, 87, 34, 0.06) !important;
  transform: translateY(-1px) !important;
}

header a:hover span,
.header a:hover span,
.pw-nav-link:hover span {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
}

/* Special clearance button (Lagerabverkauf) */
.header__menu-item[href*="all"],
a[href*="lager"],
.pw-nav-link[href*="all"],
.pw-nav-link[href*="lager"] {
  background: linear-gradient(135deg, #FF5722 0%, #E64A19 100%) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 900 !important;
  padding: 6px 14px !important;
  border-radius: 50px !important;
  box-shadow: 0 2px 10px rgba(255, 87, 34, 0.35) !important;
}

.header__menu-item[href*="all"] span,
a[href*="lager"] span,
.pw-nav-link[href*="all"] span,
.pw-nav-link[href*="lager"] span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.header__menu-item[href*="all"]:hover,
a[href*="lager"]:hover,
.pw-nav-link[href*="all"]:hover,
.pw-nav-link[href*="lager"]:hover {
  background: linear-gradient(135deg, #FF7043 0%, #FF5722 100%) !important;
  box-shadow: 0 6px 24px rgba(255, 87, 34, 0.6) !important;
  transform: scale(1.03) !important;
}

/* Header Cart Button High Contrast */
header a[href*="cart"],
.header__icon--cart,
.pw-header-cart,
.header-cart,
.cart-button {
  background: #0A0C10 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-radius: 8px !important;
  padding: 10px 18px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  transition: all 0.25s ease !important;
}

header a[href*="cart"] *,
.header__icon--cart *,
.pw-header-cart *,
.header-cart *,
.cart-button *,
header [style*="background: #0A0C10"] *,
header [style*="background:#0A0C10"] * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Navigation Links: Solid Jet-Black (#0A0C10) on White Header */
.pw-nav-link:not([href*="all"]):not([href*="lager"]),
.pw-nav-link:not([href*="all"]):not([href*="lager"]) span,
.pw-nav-link:not([href*="all"]):not([href*="lager"]) *,
header nav a:not([href*="all"]):not([href*="lager"]),
header nav a:not([href*="all"]):not([href*="lager"]) span,
.header__menu-item:not([href*="all"]):not([href*="lager"]),
.header__menu-item:not([href*="all"]):not([href*="lager"]) span {
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
}

.pw-nav-link:not([href*="all"]):not([href*="lager"]):hover,
.pw-nav-link:not([href*="all"]):not([href*="lager"]):hover span,
.pw-nav-link:not([href*="all"]):not([href*="lager"]):hover *,
header nav a:not([href*="all"]):not([href*="lager"]):hover,
header nav a:not([href*="all"]):not([href*="lager"]):hover span,
.header__menu-item:not([href*="all"]):not([href*="lager"]):hover,
.header__menu-item:not([href*="all"]):not([href*="lager"]):hover span {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
}

header a[href*="cart"] svg,
.header__icon--cart svg,
.pw-header-cart svg {
  stroke: #FFB800 !important;
  color: #FFB800 !important;
}

header a[href*="cart"]:hover,
.header__icon--cart:hover,
.pw-header-cart:hover,
.header-cart:hover,
.cart-button:hover {
  background: #FFB800 !important;
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
  border-color: #FFB800 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(255, 184, 0, 0.45) !important;
}

header a[href*="cart"]:hover *,
.header__icon--cart:hover *,
.pw-header-cart:hover *,
.header-cart:hover *,
.cart-button:hover * {
  color: #F3F4F6 !important;
  -webkit-text-fill-color: #F3F4F6 !important;
}

header a[href*="cart"]:hover svg,
.header__icon--cart:hover svg,
.pw-header-cart:hover svg {
  stroke: #FFB800 !important;
  color: #FFB800 !important;
}

/* Header SVGs & Icons — High Contrast Off-White (#F3F4F6) */
.header__icon svg,
.header__icon,
.pw-nav-icon,
header nav svg {
  color: #F3F4F6 !important;
  stroke: #F3F4F6 !important;
}

.header__icon:hover svg,
.pw-nav-link:hover .pw-nav-icon,
.pw-nav-link:hover svg {
  color: #FFB800 !important;
  stroke: #FFB800 !important;
  transform: scale(1.08) !important;
}

/* Focus ring for accessibility */
header a:focus-visible,
.header__menu-item:focus-visible,
.pw-nav-link:focus-visible {
  outline: 3px solid #FFB800 !important;
  outline-offset: 3px !important;
}

/* ═══ WCAG 2.2 AA Minimum Touch Targets (>= 44px x 44px) ═══ */
button,
a.button,
a.btn,
.button,
.pw-btn,
.pw-btn-primary,
.header__icon,
.cart-drawer__close,
.modal__close-button,
a[href*="/collections/"],
a[href*="/products/"] {
  min-height: 44px;
}

.button, a.button, .pw-btn, .pw-btn-primary {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 24px !important;
}

/* ═══ Eradicate the Black Box Overlay on Add-to-Cart Buttons (V26.0) ═══ */
.quick-add__submit .loading__spinner,
.quick-add__submit .loading-overlay__spinner,
.quick-add__submit .spinner,
.product-card .loading__spinner,
.quick-add-modal__content-info .loading__spinner,
.loading__spinner,
.loading-overlay__spinner {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

.quick-add__submit,
.pw-quick-add-btn,
.product-card .quick-add__submit,
.quick-add__button,
.add-to-cart-button {
  position: relative !important;
  background-color: #FF5722 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.quick-add__submit span,
.quick-add__submit,
.quick-add__button span,
.quick-add__button {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.quick-add__button .svg-wrapper,
.add-to-cart-button .svg-wrapper,
.quick-add .svg-wrapper,
.svg-wrapper.add-to-cart-icon,
.svg-wrapper.add-to-cart__added-icon,
.add-to-cart-icon,
.add-to-cart__added,
.add-to-cart__added-icon {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.quick-add__button .add-to-cart-icon svg,
.add-to-cart-button .add-to-cart-icon svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
  fill: none !important;
}

.add-to-cart-button:not([data-added="true"]) .add-to-cart__added,
.quick-add__button:not([data-added="true"]) .add-to-cart__added {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* --- END: pw-buttons-v14.css --- */

/* --- START: pw-headings-fix.css --- */
/* ═══════════════════════════════════════════════════════════
   H1-H6 HIGH-CONTRAST FORCE — WCAG 2.1 COMPLIANT
   ═══════════════════════════════════════════════════════════ */

/* Dark section headings — Pure White #FFFFFF */
.pw-hero__title,
.pw-hero h1,
#profi-bundles h1, #profi-bundles h2, #profi-bundles h3,
.pw-bundles h2, .pw-bundles-v12 h2,
.pw-clearance-section h2, .pw-clearance h2,
.pw-compare h2, .pw-comparison h2,
.pw-gradient-bridge-container h2,
.profi-footer-wrapper h3, .footer h3 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

/* Homepage hero title — allow amber accent on span */
.pw-hero__title span.pw-hero__title-accent,
.pw-hero__title-accent,
.pw-hero h1 span {
  color: #FFB800 !important;
  -webkit-text-fill-color: #FFB800 !important;
  background: linear-gradient(90deg, #FFB800 0%, #FFD966 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Hero subtitle & Trust Indicators — Pure White #FFFFFF (V19.4) */
.pw-hero p,
.pw-hero__trust,
.pw-hero__trust div,
.pw-hero__trust span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* PDP Title & Core Elements — Pure White #FFFFFF on Dark Industrial Surface */
.product__title,
.product__title h1,
.product-single__title,
.product-details h1,
.main-product h1,
.product-information h1,
.product h1,
h1.product__title,
[class*="product-title"] h1,
[class*="product__title"] h1 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: clamp(26px, 3.2vw, 42px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  background: none !important;
}

/* PDP Bundle Selection Cards */
.pw-tier-box strong,
.pw-bundle-tiers strong {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.pw-tier-box.active-bestseller strong {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
}

/* PDP Testimonials / Reviews Section */
.pw-testimonials-section h2,
.pw-testimonials-section h3 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.pw-testimonials-section strong {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.pw-testimonials-section p {
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
}

/* PDP FAQ Accordion */
.pw-pdp-faq h2,
.pw-pdp-faq h3,
.pw-pdp-faq summary {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.pw-pdp-faq p {
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
}

/* Heading anchors inherit parent high-contrast color */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-decoration: none !important;
}

/* --- END: pw-headings-fix.css --- */

/* --- START: pw-kill-frames.css --- */
/* ═══════════════════════════════════════════════════════════
   PROFIWERKZEUGE24 — IMAGE FRAMES KILL + CURVE ONLY (V16.1 UNIFIED)
   ═══════════════════════════════════════════════════════════ */

/* ─── 1. KILL ALL FRAMES GLOBALLY ─── */
img {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 16px !important;
  background: transparent !important;
}

/* ─── 2. IMAGE CONTAINERS — NO FRAME, NO WHITE BOX ─── */
.product__media,
.product-media-container,
.product-gallery,
.product-single__photo,
.product__media-wrapper,
.product-media-wrapper,
.main-product__media,
.product__media-list,
.product-thumbnails,
.thumbnail-list,
[class*="product-media"],
[class*="product__media"],
[class*="media-gallery"],
[class*="gallery"],
[class*="card__media"],
.card__media,
.product-card__image-wrapper,
.thumbnail,
.thumbnail-list__item {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ─── 3. KILL PSEUDO-ELEMENT FRAMES ─── */
.product__media::before,
.product__media::after,
.product-gallery::before,
.product-gallery::after,
[class*="product-media"]::before,
[class*="product-media"]::after,
[class*="gallery"]::before,
[class*="gallery"]::after,
img::before,
img::after,
.card__media::before,
.card__media::after {
  display: none !important;
  content: none !important;
}

/* ─── 4. PDP IMAGES — FULL SIZE, CURVED, NO FRAME ─── */
.product__media img,
.product-media-container img,
.product-gallery img,
.product-single__photo img,
.main-product__media img,
[class*="product-media"] img,
.product__media-list img,
.product-thumbnails img,
.thumbnail img {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 16px !important;
  background: transparent !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Thumbnails = smaller curve */
.product-thumbnails img,
.thumbnail img,
.product__media-list img {
  border-radius: 10px !important;
}

/* ─── 5. ACTIVE THUMBNAIL — ring only, no frame ─── */
.thumbnail.is-active,
.thumbnail-list__item.is-active,
.product__media-list li.is-active,
[class*="thumbnail"].is-active {
  box-shadow: 0 0 0 2px #FFB800 !important;
  border: 0 !important;
  border-radius: 10px !important;
}

/* ─── 6. MODAL / LIGHTBOX — NO FRAME ─── */
[role="dialog"] img,
dialog img,
.product-image-modal img,
.product-media-modal img,
.media-modal img,
.image-lightbox img,
.lightbox img,
[class*="lightbox"] img,
[class*="modal"] img,
[class*="zoom"] img {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 16px !important;
  background: transparent !important;
  padding: 0 !important;
  max-width: 100% !important;
}

.product-image-modal,
.media-modal,
[class*="lightbox"],
[role="dialog"]::backdrop,
.modal-backdrop {
  background: rgba(0, 0, 0, 0.92) !important;
  backdrop-filter: blur(8px) !important;
}

/* ─── 7. PDP H1 — PURE WHITE ─── */
.product__title,
.product__title h1,
.product-single__title,
.main-product h1,
h1.product__title,
[class*="product-title"],
[class*="product__title"] h1,
.main-product .h1,
.main-product .h2,
h1,
.h1,
.collection-hero__title,
.collection h1,
.main-collection h1,
.template-collection h1 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
}

/* ─── 8. PDP & STOREWIDE OBSIDIAN DARK BACKGROUND ─── */
html,
body,
main,
#MainContent,
.main-content,
.shopify-section:not(.header-section):not(.shopify-section-group-header-group):not(header),
section,
article,
.page-width,
.container,
.page-wrapper,
.content-for-layout,
.product,
.product-page,
.main-product,
.product__info-wrapper,
.product__media-wrapper,
.product__info-container,
.product__info,
section[id*="product"],
main[class*="product"],
.collection,
.collection-page,
.template-collection,
.main-collection,
.main-collection-product-grid,
.section-collection,
.shopify-section--collection,
.collection-hero,
.collection-hero__wrapper,
.facets-container,
.facets__wrapper {
  background-color: #0A0C10 !important;
  color: #E5E7EB !important;
}

/* ─── 9. PDP BODY TEXT ─── */
.product__description,
.product-single__description,
.rte,
.rte p,
.rte li,
.product__text {
  color: #CBD5E1 !important;
  background: transparent !important;
}

/* ─── 10. PDP PRICE — AMBER ─── */
.product .price,
.product .price__container,
.product .price-item,
.main-product .price,
[class*="product"] .price-item--regular {
  color: #FFB800 !important;
  font-weight: 800 !important;
  background: transparent !important;
}

/* ─── 11. FORCE VISIBILITY ON PRODUCT & CARD IMAGES ─── */
.card__media img,
.product__media img,
.card .media img,
.card-wrapper img,
.card-gallery img,
.product-media img,
.product-media__image,
.resource-card__image {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Ensure Full-Width & Prevents Flex Collapse on Card Galleries & Slideshows */
.card-gallery,
.card-gallery > *,
slideshow-component,
slideshow-container,
slideshow-slides,
slideshow-slide,
.product-media,
.product-media-container {
  width: 100% !important;
  min-width: 100% !important;
  flex: 1 1 100% !important;
}


/* ─── 12. KILL WHITE BOXES FROM THEME SCHEMES ─── */
[class*="scheme-1"]:not([class*="dark"]),
[class*="scheme-2"]:not([class*="dark"]),
[class*="color-background-1"]:not([class*="dark"]),
[class*="color-background-2"]:not([class*="dark"]),
[class*="background--white"] {
  background-color: #0A0C10 !important;
  color: #E5E7EB !important;
}

/* ─── 13. KILL WHITE PRODUCT CARD BACKGROUNDS ─── */
.card,
.card-wrapper,
.product-card,
.card__content,
.card__information {
  background: #141720 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #E5E7EB !important;
}

.card__heading,
.card__heading a,
.product-card__title,
.product-card__title a {
  color: #FFFFFF !important;
}

/* ─── 14. VIDEO / MEDIA — SAME RULE ─── */
video,
iframe,
.model,
media-gallery {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 16px !important;
}

/* ─── 15. FORCE VISIBILITY ON ANIMATED SECTIONS ─── */
.pw-bundles,
.pw-bundles__grid,
.pw-bundles-v12,
.pw-bundle-v12,
.pw-clearance,
.pw-clearance-card,
.pw-comparison,
.pw-compare__table-wrap,
.pw-bundle-card {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* ─── 16. HEADER PURGE: CRISP WHITE BACKGROUND & SOLID JET-BLACK LINKS ─── */
#header-group,
#header-component,
.header-section,
.shopify-section-group-header-group,
header.header {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

#header-component .header__column,
#header-component .header-logo,
#header-component .header-actions,
#header-component .header-actions__action {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  position: static !important;
}

#header-component,
.header-wrapper,
.header-section,
.shopify-section-group-header-group {
  border-bottom: 2px solid #E2E8F0 !important;
}

#header-component a,
#header-component span,
#header-component .header__menu-item,
#header-component .header__heading-link,
#header-component .pw-nav-link,
#header-component nav a {
  color: #0A0C10 !important;
  -webkit-text-fill-color: #0A0C10 !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#header-component a:hover,
#header-component span:hover,
#header-component .header__menu-item:hover,
#header-component .pw-nav-link:hover,
#header-component nav a:hover {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
}

#header-component svg,
#header-component svg path,
#header-component .header__icon,
#header-component .pw-nav-icon {
  color: #0A0C10 !important;
  fill: #0A0C10 !important;
  stroke: #0A0C10 !important;
}

#header-component a:hover svg,
#header-component .header__icon:hover svg,
#header-component .pw-nav-link:hover .pw-nav-icon {
  color: #FF5722 !important;
  fill: #FF5722 !important;
  stroke: #FF5722 !important;
}

/* ─── 17. ANNOUNCEMENT BAR: SAFETY ORANGE WITH JET-BLACK TEXT (V19.0) ─── */
.pw-marquee-wrapper,
.pw-marquee,
.announcement-bar,
[id*="header_announcements"],
#shopify-section-sections--29419335090502__header_announcements_9jGBFp {
  background: #FF5722 !important;
  background-color: #FF5722 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border: none !important;
}

.pw-marquee *,
.announcement-bar *,
.pw-announcement-bar * {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-weight: 800 !important;
}

/* ─── 18. FOOTER HIGH-CONTRAST TEXT & HEADINGS (V19.0) ─── */
footer,
.footer,
.profi-footer-wrapper,
#footer-group {
  background: #0B0D11 !important;
  background-color: #0B0D11 !important;
  border-top: 3px solid #FF5722 !important;
}

.footer h2,
.footer h3,
.footer h4,
.footer .footer-block__heading,
.profi-footer-col h3 {
  color: #FF5722 !important;
  -webkit-text-fill-color: #FF5722 !important;
}

.footer p,
.footer span,
.footer li,
.footer a,
.footer .rte,
.profi-footer-wrapper p,
.profi-footer-wrapper span,
.profi-footer-wrapper li,
.profi-footer-wrapper a,
.profi-footer-col,
.profi-footer-col p,
.profi-footer-col span,
.profi-footer-col li,
.profi-footer-col div {
  color: #CBD5E1 !important;
  -webkit-text-fill-color: #CBD5E1 !important;
}

.profi-footer-col strong,
.footer strong {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 700 !important;
}


/* --- END: pw-kill-frames.css --- */