/** Shopify CDN: Minification failed

Line 93: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.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Geist+Mono:wght@400;500&display=swap');

/* ──────────────────────────────────────────────────────────────────────────
   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 */
  --f-display: 'Inter', 'Helvetica Neue', system-ui, sans-serif;
  --f-editorial: 'DM Serif Display', Georgia, serif;
  --f-body: 'Inter', 'DM Sans', system-ui, sans-serif;
  --f-mono: 'Geist 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;
  color: var(--sennu-ink) !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) !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) !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) !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) !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) !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;
}

/* ──────────────────────────────────────────────────────────────────────────
   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;
}

/* ──────────────────────────────────────────────────────────────────────────
   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;
}

/* ──────────────────────────────────────────────────────────────────────────
   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) !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; }
}