/** Shopify CDN: Minification failed

Line 146:17 Unexpected "*"

**/
/* ==========================================================================
   Sennu Brand v2 — Royal Plum + Wedge + Mixed Radius + Spacious
   Last updated: 2026-05-19
   --------------------------------------------------------------------------
   Ziel: Premium-DTC Look mit Wedge-Strategie (Halal als Qualitätssignal,
   nicht nur als Religion). Royal Plum bewahrt die Brand-DNA, Mixed Radius
   gibt freundliche Buttons + saubere Karten, Spacious bringt Atmen.

   Einbau:
   1) Datei nach assets/sennu-brand-v2.css hochladen.
   2) In layout/theme.liquid einbinden (NACH base.css und sennu-custom.css):
        {{ 'sennu-brand-v2.css' | asset_url | stylesheet_tag }}
   3) Cache-Bust ggf. durch Theme-Editor-Reload erzwingen.
   ========================================================================== */

/* Font loading moved to layout/theme.liquid via <link rel="preload"> for render-blocking prevention */

/* ──────────────────────────────────────────────────────────────────────────
   CLS-FIX — metrisch angepasste Fallback-Schriften
   Verhindert den Layout-Shift des Hero-Headings (Inter 900), wenn die
   Webschrift nachlädt: die Fallback-Fonts belegen (per size-adjust +
   ascent/descent-override) denselben Platz wie Inter bzw. DM Serif Display,
   daher springt beim Swap nichts. Direkt nach der Webschrift in die
   Font-Token-Stacks eingehängt. Wirkt dort, wo Arial/Georgia vorhanden sind
   (Desktop voll, Android weitgehend).
   ────────────────────────────────────────────────────────────────────────── */
@font-face {
  font-family: 'Inter Fallback';
  src: local('Arial');
  ascent-override: 89.45%;
  descent-override: 22.27%;
  line-gap-override: 0%;
  size-adjust: 108.3%; /* im Browser gemessen: Inter/Arial-Breite bei Mischtext (Hero-Subtext) */
}
/* Uppercase-Variante: Bei GROSSBUCHSTABEN ist Arial fast exakt so breit wie
   Inter (gemessen: 99,7%) — die 108%-Streckung der Body-Variante macht
   Uppercase-Zeilen ~6% zu breit und erzwingt beim Font-Swap einen Umbruch-
   Shift im Hero (CLS 0,177). Darum eigene Familie für Uppercase-Styles. */
@font-face {
  font-family: 'Inter Fallback Caps';
  src: local('Arial');
  ascent-override: 95.64%;
  descent-override: 23.81%;
  line-gap-override: 0%;
  size-adjust: 101.3%; /* iterativ im Browser kalibriert (Hero-Heading + Badge) */
}
@font-face {
  font-family: 'DM Serif Fallback';
  src: local('Georgia');
  ascent-override: 92%;
  descent-override: 24%;
  line-gap-override: 0%;
  size-adjust: 113%;
}
/* DM Sans (Promo-Bar, --font-body in sennu-custom.css): ohne Fallback-Metriken
   bricht die Promo-Bar-Zeile beim Font-Swap um (Code-Chip springt in Zeile 2)
   und schiebt Ticker + Hero nach unten — gemessener CLS-Anteil 0,18.
   Im Browser gemessen: DM Sans/Arial-Breite 102,6% (w400/700), 104,4% (w500). */
@font-face {
  font-family: 'DM Sans Fallback';
  src: local('Arial');
  ascent-override: 96.1%;  /* 99% ÷ 1,03 size-adjust */
  descent-override: 30.1%; /* 31% ÷ 1,03 size-adjust */
  line-gap-override: 0%;
  size-adjust: 103%;
}

/* ──────────────────────────────────────────────────────────────────────────
   DESIGN TOKENS — Royal Plum
   AA-Kontrast geprüft: alle Text-Farben ≥ 4.5:1 auf eigenem Background.
   ────────────────────────────────────────────────────────────────────────── */
:root {
  /* Royal Plum palette */
  --sennu-ink: #1A1023;        /* warm deep plum-black, 17:1 auf Weiß */
  --sennu-ink-soft: #2E1F3F;   /* secondary body text, 11:1 */
  --sennu-ink-mute: #4A3D5E;   /* muted but still AAA, 6:1 */
  --sennu-line: #E8E0F0;
  --sennu-line-strong: #C9BAE0;
  --sennu-surface: #FFFFFF;
  --sennu-bone: #F4F0FB;       /* warmes Lila-Cream, brand-aligned */
  --sennu-bone-deep: #E8E0F0;
  --sennu-brand: #4A1F8F;      /* tief lila, 8.5:1 auf Weiß — AA Text */
  --sennu-brand-deep: #2D1057;
  --sennu-brand-tint: #ECE3FA;
  --sennu-accent: #A87520;     /* warmer Amber, 4.7:1 — AA Text */
  --sennu-accent-soft: #F4E8CC;
  --sennu-sale: #B0184A;
  --sennu-halal: #166A3F;      /* deep green pulse-dot */
  --on-brand: #FFFFFF;
  --on-ink: #FFFFFF;

  /* Spacing — Spacious */
  --pad-section: 144px;
  --pad-section-mobile: 88px;

  /* Geometry — Mixed (friendly buttons, structured cards) */
  --r-btn: 12px;
  --r-card: 4px;
  --r-pill: 999px;
  --r-image: 8px;

  /* Type — Fallback-Fonts (siehe @font-face oben) stehen direkt nach der
     Webschrift, damit der Text beim Font-Swap nicht springt (CLS-Fix). */
  --f-display: 'Inter', 'Inter Fallback', 'Helvetica Neue', system-ui, sans-serif;
  /* Für text-transform:uppercase-Styles (Hero, Section-Titles, Buttons, Menü) */
  --f-display-caps: 'Inter', 'Inter Fallback Caps', 'Helvetica Neue', system-ui, sans-serif;
  --f-editorial: 'DM Serif Display', 'DM Serif Fallback', Georgia, serif;
  --f-body: 'Inter', 'Inter Fallback', 'DM Sans', system-ui, sans-serif;
  --f-mono: ui-monospace, 'SF Mono', monospace;

  /* Transitions */
  --t-fast: 150ms ease;
  --t-base: 280ms ease;
}

@media (max-width: 749px) {
  :root { --pad-section: var(--pad-section-mobile); }
}

/* ──────────────────────────────────────────────────────────────────────────
   GLOBAL — Body, Typo Base
   ────────────────────────────────────────────────────────────────────────── */
body {
  font-family: var(--f-body) !important;
  color: var(--sennu-ink) !important;
  background: var(--sennu-surface);
  font-feature-settings: "ss01", "cv11";
}

/* Subtle paper-grain — premium tactile feel without weighing the page down */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.035;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  mix-blend-mode: multiply;
}
#shopify-section-* { position: relative; z-index: 1; }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--f-display) !important;
  /* Ueberschriften erben die Textfarbe ihres Containers: dunkle Sektionen
     (color:#fff) bekommen helle Headings, helle Sektionen dunkle. Verhindert
     dunkel-auf-dunkel (z. B. Newsletter-Popup, Plum-Sektionen). */
  color: inherit !important;
  letter-spacing: -0.02em;
}

/* H1/Hero/Editorial-Moment bleibt DM Serif Display */
h1, .h1,
.banner__heading, .sennu-hero__heading {
  font-family: var(--f-editorial) !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.05 !important;
}

/* Section-Headlines mit kräftiger Inter 800 in uppercase */
.section-header__title,
.section .title,
.collection-hero__title,
.sennu-section__heading {
  font-family: var(--f-display-caps) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.02em !important;
  font-size: clamp(3.2rem, 5vw, 6.4rem) !important;
}

/* ──────────────────────────────────────────────────────────────────────────
   BRAND COLOR REMAP — überschreibt die alten Lila/Gold Variablen
   ────────────────────────────────────────────────────────────────────────── */
:root {
  --sennu-primary: var(--sennu-brand) !important;
  --sennu-dark: var(--sennu-ink) !important;
  --sennu-lila-light: var(--sennu-brand) !important;
  --sennu-text: var(--sennu-ink) !important;
  --sennu-text-soft: var(--sennu-ink-soft) !important;
  --sennu-light: var(--sennu-bone) !important;
  --sennu-cream: var(--sennu-bone) !important;
  --sennu-gold: var(--sennu-accent) !important;
}

/* ──────────────────────────────────────────────────────────────────────────
   BUTTONS — Mixed radius, kräftige Hierarchie
   ────────────────────────────────────────────────────────────────────────── */
.button:not(.sennu-btn),
.shopify-payment-button__button--unbranded,
.product-form__submit,
button[name="add"] {
  font-family: var(--f-display-caps) !important;
  font-weight: 700 !important;
  font-size: 1.4rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border-radius: var(--r-btn) !important;
  padding: 1.5rem 2.6rem !important;
  transition: all var(--t-fast) !important;
}

.button--primary,
.product-form__submit,
button[name="add"],
.shopify-payment-button__button--unbranded {
  background: var(--sennu-brand) !important;
  background-color: var(--sennu-brand) !important;
  color: var(--on-brand) !important;
  border: 2px solid var(--sennu-brand) !important;
}
.button--primary:hover,
.product-form__submit:hover,
button[name="add"]:hover,
.shopify-payment-button__button--unbranded:hover {
  background: var(--sennu-brand-deep) !important;
  background-color: var(--sennu-brand-deep) !important;
  border-color: var(--sennu-brand-deep) !important;
}

.button--secondary {
  background: transparent !important;
  color: var(--sennu-ink) !important;
  border: 2px solid var(--sennu-ink) !important;
}
.button--secondary:hover {
  background: var(--sennu-ink) !important;
  color: var(--on-ink) !important;
}

.sennu-btn { border-radius: var(--r-btn) !important; }
.sennu-btn--primary {
  background: var(--sennu-brand) !important;
  color: var(--on-brand) !important;
}
.sennu-btn--primary:hover {
  background: var(--sennu-brand-deep) !important;
}
.sennu-btn--gold {
  background: var(--sennu-accent) !important;
  color: var(--on-ink) !important;
}
.sennu-btn--outline {
  background: transparent !important;
  color: var(--sennu-ink) !important;
  border-color: var(--sennu-ink) !important;
}
.sennu-btn--outline:hover {
  background: var(--sennu-ink) !important;
  color: var(--on-ink) !important;
}

/* ──────────────────────────────────────────────────────────────────────────
   PRODUCT CARDS — Mixed (4px radius, sauberer Etiketten-Look)
   ────────────────────────────────────────────────────────────────────────── */
.card,
.card-wrapper,
.product-card,
.sennu-product-card {
  border-radius: var(--r-card) !important;
}

.card__media,
.media,
.product-card__media {
  border-radius: var(--r-image) !important;
}

.card__heading,
.card__heading a,
.card-information__text {
  font-family: var(--f-display) !important;
  font-weight: 700 !important;
  font-size: 1.8rem !important;
  letter-spacing: -0.005em !important;
  color: var(--sennu-ink) !important;
  line-height: 1.25 !important;
}

.card__heading a:hover { color: var(--sennu-brand) !important; }

.price__regular .price-item,
.price__sale .price-item,
.price-item--regular,
.price-item--last {
  font-family: var(--f-display) !important;
  font-weight: 800 !important;
  font-size: 2rem !important;
  color: var(--sennu-ink) !important;
  letter-spacing: -0.01em !important;
}

/* ──────────────────────────────────────────────────────────────────────────
   HERO — Wedge Messaging Support (Hero-Layout: Split, Produkt rechts)
   Updates für sennu-hero.liquid bei Royal-Setup
   ────────────────────────────────────────────────────────────────────────── */
.sennu-hero {
  background: var(--sennu-bone) !important;
  color: var(--sennu-ink) !important;
  text-align: left !important;
  padding: 0 !important;
  min-height: auto !important;
  border-bottom: 1px solid var(--sennu-line) !important;
}

.sennu-hero__overlay { display: none !important; }

.sennu-hero__inner {
  max-width: 1320px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 80px 28px 100px !important;
  position: relative !important;
}

.sennu-hero__heading {
  font-family: var(--f-display-caps) !important;
  font-weight: 900 !important;
  font-size: clamp(4.8rem, 7vw, 9.2rem) !important;
  text-transform: uppercase !important;
  color: var(--sennu-ink) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.035em !important;
}

/* The "Ohne Kompromisse." line gets the brand-accent — wrap that part of
   your heading in a <span class="sennu-hero__accent"> in sennu-hero.liquid */
.sennu-hero__accent {
  color: var(--sennu-brand) !important;
}

.sennu-hero__subtext {
  font-size: 1.8rem !important;
  line-height: 1.55 !important;
  color: var(--sennu-ink-soft) !important;
  max-width: 480px !important;
  margin-top: 2.4rem !important;
}

.sennu-hero__badge {
  font-family: var(--f-display-caps) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 14px !important;
  border: 1.5px solid var(--sennu-ink) !important;
  background: transparent !important;
  color: var(--sennu-ink) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  margin-bottom: 2.4rem !important;
}
.sennu-hero__badge::before {
  content: "";
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--sennu-halal);
  display: inline-block;
}

.sennu-hero__btn {
  border-radius: var(--r-btn) !important;
  padding: 1.5rem 2.6rem !important;
}
.sennu-hero__btn--primary {
  background: var(--sennu-ink) !important;
  color: var(--on-ink) !important;
}
.sennu-hero__btn--primary:hover {
  background: var(--sennu-brand) !important;
  color: var(--on-brand) !important;
}
.sennu-hero__btn--outline {
  background: transparent !important;
  color: var(--sennu-ink) !important;
  border-color: var(--sennu-ink) !important;
}
.sennu-hero__btn--outline:hover {
  background: var(--sennu-ink) !important;
  color: var(--on-ink) !important;
}

.sennu-hero__trust {
  margin-top: 4.8rem !important;
  gap: 28px !important;
  justify-content: flex-start !important;
}
.sennu-hero__trust-item {
  color: var(--sennu-ink) !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  border-left: 2px solid var(--sennu-brand) !important;
  padding-left: 14px !important;
}
.sennu-hero__trust-divider { display: none !important; }

/* ──────────────────────────────────────────────────────────────────────────
   SECTIONS — Spacious + Bone-Alternate
   ────────────────────────────────────────────────────────────────────────── */
.shopify-section--sennu-vorteile,
.shopify-section--sennu-bestsellers,
.shopify-section--sennu-categories,
.shopify-section--sennu-halal-story,
.shopify-section--sennu-faq,
.shopify-section--sennu-brand-story {
  padding-block: var(--pad-section) !important;
}

/* Alternating section backgrounds for visual rhythm */
.shopify-section--sennu-bestsellers,
.shopify-section--sennu-halal-story,
.shopify-section--sennu-brand-story {
  background: var(--sennu-bone);
}
.shopify-section--sennu-vorteile,
.shopify-section--sennu-categories,
.shopify-section--sennu-faq {
  background: var(--sennu-surface);
}

/* ──────────────────────────────────────────────────────────────────────────
   HEADER & NAVIGATION
   ────────────────────────────────────────────────────────────────────────── */
.header {
  border-bottom: 1px solid var(--sennu-line) !important;
}
.header__menu-item,
.header__menu-item:link,
.header__menu-item:visited,
.header__menu-item span {
  font-family: var(--f-display-caps) !important;
  font-weight: 700 !important;
  font-size: 1.3rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--sennu-ink) !important;
  opacity: 1 !important;
}
.header__menu-item:hover {
  color: var(--sennu-brand) !important;
}

.header__logo .header__heading-logo {
  font-family: var(--f-editorial) !important;
}

/* A11y-Kontrastfix: Das LIVE-Theme rendert noch die alte Vorteile-Section
   (ohne --v2) mit color:#888 im Section-<style> (3.16:1 auf Bone-BG). Das
   Repo-Redesign (v2, nutzt --sennu-ink-soft) ist noch nicht deployt — bis
   dahin hebt dieser gescopte Override nur das Alt-Markup auf AA (≥4.5:1). */
.sennu-vorteile:not(.sennu-vorteile--v2) .sennu-vorteile__subtext {
  color: #5F5F5F !important;
}

/* ──────────────────────────────────────────────────────────────────────────
   PROMO BAR / ANNOUNCEMENT
   ────────────────────────────────────────────────────────────────────────── */
.announcement-bar,
.sennu-promo-bar {
  background: var(--sennu-ink) !important;
  color: var(--on-ink) !important;
  padding: 10px 16px !important;
  font-family: var(--f-display) !important;
  font-size: 1.3rem !important;
  letter-spacing: 0.02em !important;
}

/* Fix: Dawn's announcement-bar child <p> overrides parent color → black on black */
.announcement-bar p,
.announcement-bar .announcement-bar__message,
.announcement-bar__message,
.announcement-bar a {
  color: var(--on-ink) !important;
}

/* Utility-bar background bone-cream so the announcement-bar reads as standalone strip */
.utility-bar {
  background: var(--sennu-bone, #F4F0FB) !important;
}

/* ──────────────────────────────────────────────────────────────────────────
   FORM ELEMENTS — Mixed radius, kein 0 mehr
   ────────────────────────────────────────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
textarea,
select {
  border-radius: var(--r-btn) !important;
  border: 1.5px solid var(--sennu-line-strong) !important;
  padding: 1.4rem 1.6rem !important;
  font-family: var(--f-body) !important;
  font-size: 1.5rem !important;
  background: var(--sennu-surface) !important;
  color: var(--sennu-ink) !important;
}
input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: var(--sennu-brand) !important;
  box-shadow: 0 0 0 3px var(--sennu-brand-tint) !important;
}

/* ──────────────────────────────────────────────────────────────────────────
   CART DRAWER
   ────────────────────────────────────────────────────────────────────────── */
.cart-drawer,
.drawer__inner {
  background: var(--sennu-surface) !important;
  color: var(--sennu-ink) !important;
}
#CartDrawer-Checkout,
.cart__checkout-button,
.cart-drawer__footer .button {
  background: var(--sennu-brand) !important;
  color: var(--on-brand) !important;
  border-color: var(--sennu-brand) !important;
  border-radius: var(--r-btn) !important;
}
#CartDrawer-Checkout:hover,
.cart__checkout-button:hover {
  background: var(--sennu-brand-deep) !important;
}

/* ── UVP-Label vor dem Streichpreis (DE-Pflicht: Hersteller-UVP klar kennzeichnen) ── */
.sennu-uvp { display: inline-flex; align-items: baseline; gap: 0.35em; }
.sennu-uvp__label {
  font-size: 0.72em;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--sennu-ink-mute, #4A3D5E);
  text-transform: uppercase;
}

/* Streichpreis (UVP) kleiner & dezenter als der aktuelle Verkaufspreis —
   klarere Preis-Hierarchie, der Aktivpreis dominiert optisch.
   Höhere Spezifität als die .price-item-Basisregel (2rem/800), gewinnt daher. */
.sennu-uvp s.price-item,
.sennu-uvp .price-item--regular,
.sennu-uvp .variant-item__old-price {
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  color: var(--sennu-ink-mute, #4A3D5E) !important;
  letter-spacing: 0 !important;
}
/* Label an die neue, kleinere Streichpreis-Größe angleichen */
.sennu-uvp .sennu-uvp__label { font-size: 1.15rem; }

/* ── Modernes Framing: runde Ecken, weiche Frames ──────────────── */
/* Panel: runde linke Ecken + weicher Schatten statt harter Linie */
.drawer__inner {
  border: 0 !important;
  border-radius: 22px 0 0 22px !important;
  box-shadow: -14px 0 44px rgba(45, 16, 87, 0.13) !important;
}

/* Produktbilder als moderne gerahmte Tiles */
.cart-drawer .cart-item__image {
  border-radius: 14px !important;
  border: 1px solid var(--sennu-line) !important;
  background: var(--sennu-bone) !important;
}

/* Weichere Zeilen-Trenner statt harter Tabellenlinien */
.cart-drawer .cart-items th {
  border-bottom-color: var(--sennu-line) !important;
}
.cart-drawer .cart-item {
  border-bottom: 1px solid var(--sennu-line) !important;
}

/* Mengen-Auswahl als gerundeter Pill-Stepper */
.cart-drawer quantity-input.quantity {
  border-radius: var(--r-pill) !important;
  overflow: hidden;
  border: 1px solid var(--sennu-line) !important;
}
.cart-drawer .quantity__input {
  background: transparent !important;
}
.cart-drawer .quantity__button {
  border-radius: 0 !important;
}

/* Cross-Sell-Bilder konsistent zu den Cart-Item-Tiles */
.sennu-cart-recs__img {
  border-radius: 14px !important;
  border: 1px solid var(--sennu-line);
}

/* Versand-Fortschrittsbalken: als abgerundete Karte absetzen */
.sennu-cart-shipping-bar {
  margin: 10px 0 4px;
  border: 1px solid var(--sennu-line) !important;
  border-radius: 14px !important;
}

/* ──────────────────────────────────────────────────────────────────────────
   FOCUS — Accessibility
   ────────────────────────────────────────────────────────────────────────── */
:focus-visible {
  outline: 3px solid var(--sennu-accent) !important;
  outline-offset: 2px !important;
}

/* ──────────────────────────────────────────────────────────────────────────
   CATEGORY TILES — Hover-Glow im Royal-Setup
   ────────────────────────────────────────────────────────────────────────── */
.sennu-category-card,
.sennu-categories__card {
  transition: transform var(--t-base), box-shadow var(--t-base) !important;
  border-radius: var(--r-image) !important;
}
.sennu-category-card:hover,
.sennu-categories__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px -16px rgba(74, 31, 143, 0.55), 0 0 0 1px rgba(74, 31, 143, 0.3);
}

/* ──────────────────────────────────────────────────────────────────────────
   FOOTER
   ────────────────────────────────────────────────────────────────────────── */
.footer {
  background: var(--sennu-bone) !important;
  color: var(--sennu-ink) !important;
  border-top: 1px solid var(--sennu-line) !important;
}
.footer__heading,
.footer-block__heading {
  font-family: var(--f-display-caps) !important;
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--sennu-brand) !important;
}
.footer__menu a {
  color: var(--sennu-ink-soft) !important;
  font-size: 1.4rem !important;
}
.footer__menu a:hover {
  color: var(--sennu-ink) !important;
}

/* ──────────────────────────────────────────────────────────────────────────
   MOBILE — Spacious-Padding wird kleiner
   ────────────────────────────────────────────────────────────────────────── */
@media (max-width: 749px) {
  .sennu-hero__inner { padding: 64px 20px 72px !important; }
  .sennu-hero__heading { font-size: clamp(4rem, 9vw, 5.6rem) !important; }
  .sennu-hero__ctas { flex-direction: column !important; gap: 12px !important; }
  .sennu-hero__btn { width: 100% !important; }
}

/* ──────────────────────────────────────────────────────────────────────────
   COOKIE-BANNER — GDPR: Ablehnen-Button gleichwertig zu Akzeptieren
   Shopify Privacy Consent API verwendet .shopify-pc__* Klassen
   ────────────────────────────────────────────────────────────────────────── */
.shopify-pc__btn--secondary,
[class*="cookie"] button[class*="decline"],
[class*="cookie"] button[class*="reject"],
[class*="consent"] button[class*="decline"] {
  background: transparent !important;
  border: 2px solid var(--sennu-brand, #4A1F8F) !important;
  color: var(--sennu-brand, #4A1F8F) !important;
  font-weight: 600 !important;
  min-width: 120px !important;
}
.shopify-pc__btn--secondary:hover,
[class*="cookie"] button[class*="decline"]:hover,
[class*="cookie"] button[class*="reject"]:hover {
  background: var(--sennu-brand-tint, #ECE3FA) !important;
}
/* ══════════════════════════════════════════════════════════════════════════
   MOBILE FIXES — Fügt gezielt @media(max-width:749px)-Overrides hinzu.
   WICHTIG: Diesen Block ganz ans ENDE von sennu-brand-v2.css einfügen
   (nicht in sennu-custom.css!) — sennu-brand-v2.css lädt als letzte
   CSS-Datei, nur so gewinnen diese !important-Regeln zuverlässig gegen
   die bestehenden Desktop-!important-Regeln in beiden Dateien.

   Warum das nötig war: eure Custom-CSS setzt fast überall !important mit
   festen rem-Werten, aber nur eine Handvoll Stellen hatten überhaupt eine
   Mobile-Anpassung (u. a. .section-header__title in sennu-custom.css —
   deren Regel hatte aber KEIN !important und wurde dadurch von der
   späteren !important-Regel in sennu-brand-v2.css überstimmt, obwohl sie
   die Mobile-Media-Query erfüllt. Das war der Hauptgrund, warum Überschriften
   auf dem Handy genauso riesig blieben wie am Desktop.
   ══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 749px) {

  /* --- Basis-Lesegröße etwas zurücknehmen (war 1.8rem / 28.8px) --- */
  body { font-size: 1.6rem !important; }

  /* --- Section- & Collection-Headlines: Hauptursache für Überlauf ---
     Vorher effektiv clamp(3.2rem,5vw,6.4rem) = min. 51px auf jedem Handy */
  .section-header__title,
  .section .title,
  .collection-hero__title,
  .sennu-section__heading {
    font-size: clamp(2rem, 7vw, 3rem) !important;
    line-height: 1.15 !important;
  }

  /* --- Hero-Headline (Startseite) --- */
  .sennu-hero__heading {
    font-size: clamp(2.4rem, 9vw, 3.6rem) !important;
  }
  .sennu-hero__subtext {
    font-size: 1.5rem !important;
    line-height: 1.5 !important;
  }
  .sennu-hero__badge {
    font-size: 1rem !important;
  }
  .sennu-hero__trust {
    margin-top: 2.4rem !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
  }
  .sennu-hero__trust-item {
    font-size: 1.1rem !important;
  }

  /* --- Generische sennu-* Überschriften (Vier Sicherheiten, Halal-Sektion, etc.) --- */
  [class*="sennu-"]:not([class*="sennu-nl-"]) h1,
  [class*="sennu-"]:not([class*="sennu-nl-"]) .sennu-section__heading,
  [class*="sennu-"]:not([class*="sennu-nl-"]) [class*="__heading"]:not(.sennu-hero__heading):not(.sennu-nl-title) {
    font-size: clamp(2rem, 7vw, 2.6rem) !important;
  }
  [class*="sennu-"]:not([class*="sennu-nl-"]) h2:not(.sennu-hero__heading) {
    font-size: clamp(1.6rem, 6vw, 2rem) !important;
  }
  [class*="sennu-"]:not([class*="sennu-nl-"]) h3 {
    font-size: clamp(1.3rem, 5vw, 1.6rem) !important;
  }

  /* --- Über-uns / Zahlen-Sektion — 4rem (64px) Stat-Zahlen waren der
     größte Einzel-Überlauf-Kandidat auf schmalen Screens --- */
  .sennu-about-stat__number { font-size: 2.4rem !important; }
  .sennu-about-stat__label  { font-size: 1.15rem !important; }
  .sennu-about-value__title { font-size: 1.7rem !important; }
  .sennu-about-value__text,
  .sennu-about-value p      { font-size: 1.5rem !important; line-height: 1.6 !important; }
  .sennu-about-banner__heading { font-size: clamp(2rem, 8vw, 2.8rem) !important; }
  .sennu-about-banner__text    { font-size: 1.5rem !important; line-height: 1.6 !important; }

  /* --- Karten, Preise, Buttons --- */
  .card__heading,
  .card__heading a,
  .card-information__text {
    font-size: 1.5rem !important;
  }
  .price__regular .price-item,
  .price__sale .price-item,
  .price-item--regular,
  .price-item--last {
    font-size: 1.7rem !important;
  }
  .sennu-uvp s.price-item,
  .sennu-uvp .price-item--regular,
  .sennu-uvp .variant-item__old-price {
    font-size: 1.2rem !important;
  }
  .sennu-uvp .sennu-uvp__label { font-size: 1rem !important; }

  .button:not(.sennu-btn),
  .shopify-payment-button__button--unbranded,
  .product-form__submit,
  button[name="add"] {
    font-size: 1.2rem !important;
  }
  /* NICHT anfassen: Formularfelder bleiben bei min. 1.6rem/16px+, sonst
     zoomt Safari/iOS beim Antippen automatisch rein (bekannter iOS-Bug). */

  /* --- Navigation & Ticker --- */
  .header__menu-item,
  .header__menu-item:link,
  .header__menu-item:visited,
  .header__menu-item span {
    font-size: 1.15rem !important;
  }
  .announcement-bar,
  .sennu-promo-bar {
    font-size: 1.1rem !important;
    padding: 8px 12px !important;
  }

  /* --- Footer --- */
  .footer__heading,
  .footer-block__heading {
    font-size: 1.1rem !important;
  }
  .footer__menu a {
    font-size: 1.3rem !important;
  }
}