/** Shopify CDN: Minification failed

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

**/
/* ============================================================
   GEVE TANA — Design System (aus Claude Design portiert)
   Ported 2026-04
   ============================================================ */

:root {
  /* Colors */
  --tana-navy: #082567;
  --tana-navy-deep: #061a4a;
  --tana-cream: #F5EDE3;
  --tana-cream-warm: #EFE4D4;
  --tana-charcoal: #1A1A1A;
  --tana-red: #9E1B32;
  --tana-violet: #6C3082;
  --tana-gold: #B8956A;
  --tana-gold-soft: #D4B893;

  /* Fonts */
  --tana-serif: "Cormorant Garamond", "Didot", "Bodoni 72", Didot, serif;
  --tana-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --tana-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;

  /* Spacing */
  --tana-gutter: clamp(24px, 5vw, 64px);
  --tana-section-py: clamp(80px, 12vw, 140px);
}

/* Google Fonts import */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Inter:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap');

/* ============================================================
   Typography helpers
   ============================================================ */

.tana-eyebrow {
  font-family: var(--tana-mono);
  font-size: 10px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  opacity: 0.65;
  font-weight: 400;
}

.tana-headline {
  font-family: var(--tana-serif);
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.08;
  margin: 0;
}

.tana-headline--xl {
  font-size: clamp(48px, 8vw, 100px);
  line-height: 1.02;
  letter-spacing: 0.005em;
}

.tana-headline--lg {
  font-size: clamp(42px, 6vw, 72px);
  line-height: 1.05;
}

.tana-headline--md {
  font-size: clamp(32px, 4.5vw, 56px);
  line-height: 1.08;
}

.tana-italic {
  font-style: italic;
}

.tana-body {
  font-family: var(--tana-sans);
  font-size: 15px;
  line-height: 1.8;
  font-weight: 400;
  color: rgba(26, 26, 26, 0.78);
  max-width: 75ch;
}

.tana-body-sm {
  font-family: var(--tana-sans);
  font-size: 13px;
  line-height: 1.7;
  color: rgba(26, 26, 26, 0.7);
}

.tana-label {
  font-family: var(--tana-mono);
  font-size: 10px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  opacity: 0.6;
}

/* ============================================================
   Buttons
   ============================================================ */

.tana-btn {
  font-family: var(--tana-sans);
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  background: transparent;
  color: var(--tana-charcoal);
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 22px;
  text-decoration: none;
  transition: all 0.25s ease;
}
.tana-btn::after {
  content: '→';
  opacity: 0.8;
  transition: transform 0.25s ease;
}
.tana-btn:hover::after { transform: translateX(4px); }

.tana-btn--solid {
  background: var(--tana-gold);
  color: var(--tana-navy-deep);
  padding: 16px 32px;
  border-radius: 999px;
  font-weight: 500;
}
.tana-btn--solid:hover {
  background: var(--tana-violet);
  color: var(--tana-cream);
}

.tana-btn--ghost {
  border: 1px solid var(--tana-charcoal);
  padding: 14px 28px;
  border-radius: 999px;
}
.tana-btn--ghost:hover {
  background: var(--tana-charcoal);
  color: var(--tana-cream);
}

.tana-btn--underline {
  padding: 0 0 4px;
  border-bottom: 1px solid currentColor;
}

.tana-btn--light { color: var(--tana-cream); }
.tana-btn--light.tana-btn--ghost { border-color: var(--tana-cream); }
.tana-btn--light.tana-btn--ghost:hover {
  background: var(--tana-cream);
  color: var(--tana-navy);
}

/* ============================================================
   Layout helpers
   ============================================================ */

.tana-section {
  padding: var(--tana-section-py) var(--tana-gutter);
}

.tana-section--cream { background: var(--tana-cream); color: var(--tana-charcoal); }
.tana-section--cream-warm { background: var(--tana-cream-warm); color: var(--tana-charcoal); }
.tana-section--navy {
  background: linear-gradient(to bottom, var(--tana-violet) 0%, #4b1f60 100%);
  color: var(--tana-cream);
}
.tana-section--navy-deep {
  background: linear-gradient(to bottom, var(--tana-violet) 0%, #3a1849 100%);
  color: var(--tana-cream);
}

.tana-container {
  max-width: 1100px;
  margin: 0 auto;
}
.tana-container-wide {
  max-width: 1400px;
  margin: 0 auto;
}

.tana-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(40px, 6vw, 100px);
  align-items: center;
}
.tana-grid-2--editorial {
  grid-template-columns: 1fr 1.2fr;
}
.tana-grid-manifest {
  display: grid;
  grid-template-columns: 1fr 2.2fr;
  gap: 64px;
  align-items: flex-start;
}
.tana-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  background: rgba(26, 26, 26, 0.12);
}
.tana-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid rgba(26, 26, 26, 0.2);
  border-bottom: 1px solid rgba(26, 26, 26, 0.2);
}

@media (max-width: 768px) {
  .tana-grid-2, .tana-grid-2--editorial, .tana-grid-manifest {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .tana-grid-3 { grid-template-columns: 1fr; }
  .tana-grid-4 { grid-template-columns: 1fr 1fr; }
}

/* ============================================================
   Trust bar
   ============================================================ */

.tana-trust-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(20px, 4vw, 56px);
  padding: 22px var(--tana-gutter);
  font-family: var(--tana-mono);
  font-size: 10px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: rgba(26, 26, 26, 0.6);
  border-bottom: 1px solid rgba(26, 26, 26, 0.08);
  text-align: center;
}
.tana-trust-bar span::before { content: '✓'; margin-right: 6px; color: var(--tana-gold); }

/* ============================================================
   Manifest quote block
   ============================================================ */

.tana-manifest {
  border-top: 1px solid var(--tana-gold);
}
.tana-manifest__quote {
  font-family: var(--tana-serif);
  font-size: clamp(28px, 4.5vw, 56px);
  line-height: 1.18;
  font-weight: 400;
  font-style: italic;
  margin: 0;
  letter-spacing: 0.005em;
  color: rgba(245, 237, 227, 0.95);
}
.tana-manifest__attribution {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 48px;
}
.tana-manifest__attribution::before {
  content: '';
  width: 48px;
  height: 1px;
  background: var(--tana-gold);
  flex-shrink: 0;
}
.tana-manifest__attribution span {
  font-family: var(--tana-mono);
  font-size: 10px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--tana-gold-soft);
}

/* ============================================================
   Collection grid (TANAs)
   ============================================================ */

.tana-collection {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: rgba(26, 26, 26, 0.12);
}
@media (max-width: 900px) {
  .tana-collection { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .tana-collection { grid-template-columns: 1fr; }
}

.tana-card {
  background: var(--tana-cream);
  padding: 56px 36px 44px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: background 0.3s ease;
  text-decoration: none;
  color: inherit;
}
.tana-card:hover { background: var(--tana-cream-warm); }
.tana-card__num {
  font-family: var(--tana-mono);
  font-size: 10px;
  letter-spacing: 0.25em;
  opacity: 0.5;
  margin-bottom: 20px;
}
.tana-card__name-es {
  font-family: var(--tana-serif);
  font-size: 32px;
  margin-top: 32px;
  font-style: italic;
  letter-spacing: 0.03em;
}
.tana-card__name-code {
  font-family: var(--tana-mono);
  font-size: 10px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  margin-top: 8px;
  opacity: 0.6;
}
.tana-card__meaning {
  font-family: var(--tana-sans);
  font-size: 13px;
  line-height: 1.65;
  margin-top: 18px;
  max-width: 260px;
  color: rgba(26, 26, 26, 0.72);
}
.tana-card__tagline {
  margin-top: 24px;
  font-family: var(--tana-serif);
  font-style: italic;
  font-size: 15px;
}

/* ============================================================
   Process steps (Aktivierung)
   ============================================================ */

.tana-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid rgba(26, 26, 26, 0.2);
  border-bottom: 1px solid rgba(26, 26, 26, 0.2);
}
@media (max-width: 900px) {
  .tana-steps { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .tana-steps { grid-template-columns: 1fr; }
}
.tana-step {
  padding: 48px 28px;
  border-left: 1px solid rgba(26, 26, 26, 0.12);
}
.tana-step:first-child { border-left: none; }
@media (max-width: 900px) {
  .tana-step:nth-child(3) { border-left: none; border-top: 1px solid rgba(26, 26, 26, 0.12); }
  .tana-step:nth-child(4) { border-top: 1px solid rgba(26, 26, 26, 0.12); }
}
@media (max-width: 560px) {
  .tana-step { border-left: none; border-top: 1px solid rgba(26, 26, 26, 0.12); }
  .tana-step:first-child { border-top: none; }
}

.tana-step__num {
  font-family: var(--tana-serif);
  font-style: italic;
  font-size: 48px;
  color: var(--tana-gold);
  line-height: 1;
}
.tana-step__label {
  font-family: var(--tana-mono);
  font-size: 10px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  margin-top: 24px;
  margin-bottom: 12px;
}
.tana-step__text {
  font-family: var(--tana-sans);
  font-size: 13px;
  line-height: 1.7;
  color: rgba(26, 26, 26, 0.7);
}

/* ============================================================
   Hero (video + overlay)
   ============================================================ */

.tana-hero {
  position: relative;
  width: 100%;
  min-height: 85vh;
  max-height: 900px;
  overflow: hidden;
  background: var(--tana-navy-deep);
  color: var(--tana-cream);
  display: flex;
  flex-direction: column;
}
.tana-hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.tana-hero__gradient {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg,
    rgba(6, 17, 45, 0.55) 0%,
    rgba(6, 17, 45, 0.18) 28%,
    rgba(6, 17, 45, 0.25) 55%,
    rgba(6, 17, 45, 0.88) 100%);
}
.tana-hero__content {
  position: relative;
  z-index: 3;
  margin-top: auto;
  padding: clamp(40px, 6vw, 88px) var(--tana-gutter);
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: clamp(40px, 6vw, 80px);
  align-items: flex-end;
}
@media (max-width: 900px) {
  .tana-hero__content { grid-template-columns: 1fr; gap: 24px; }
}
.tana-hero__label {
  font-family: var(--tana-mono);
  font-size: 10px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--tana-gold-soft);
  margin-bottom: 28px;
}
.tana-hero__headline {
  font-family: var(--tana-serif);
  font-weight: 400;
  font-size: clamp(40px, 8vw, 100px);
  line-height: 1.02;
  letter-spacing: 0.005em;
  margin: 0;
  color: var(--tana-cream);
}
.tana-hero__headline em {
  font-style: italic;
  color: var(--tana-gold-soft);
}
.tana-hero__body {
  font-family: var(--tana-sans);
  font-size: 14px;
  line-height: 1.85;
  color: rgba(245, 237, 227, 0.82);
  margin: 0 0 30px;
  max-width: 380px;
}
.tana-hero__ctas {
  display: flex;
  gap: 18px;
  align-items: center;
  flex-wrap: wrap;
}

/* Announcement strip (inside hero) */
.tana-announce {
  position: relative;
  z-index: 3;
  padding: 10px var(--tana-gutter);
  font-family: var(--tana-mono);
  font-size: 10px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  text-align: center;
  color: rgba(245, 237, 227, 0.72);
  border-bottom: 1px solid rgba(245, 237, 227, 0.1);
  background: transparent;
}

/* ============================================================
   Activation CTA row (product page + cart notice)
   ============================================================ */

.tana-activation-notice {
  background: var(--tana-cream-warm);
  border-left: 3px solid var(--tana-gold);
  padding: 16px 20px;
  font-family: var(--tana-sans);
  font-size: 13px;
  line-height: 1.6;
  color: var(--tana-charcoal);
  margin: 16px 0;
}
.tana-activation-notice strong {
  font-weight: 500;
  color: var(--tana-navy);
}

/* ============================================================
   Editorial quote / pull-block (Frida, etc.)
   ============================================================ */

.tana-pull-quote {
  font-family: var(--tana-serif);
  font-style: italic;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.25;
  font-weight: 400;
  color: var(--tana-charcoal);
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0.01em;
}
.tana-pull-quote cite {
  display: block;
  margin-top: 32px;
  font-family: var(--tana-mono);
  font-style: normal;
  font-size: 10px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  opacity: 0.6;
}

/* ============================================================
   Page header override on Shopify header nav
   ============================================================ */

/* Make Shopify header match our nav — minimal, letter-spaced uppercase */
body .header a.header__menu-item,
body .header .header__menu-item {
  font-family: var(--tana-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}

/* Override Atelier default font on all headings */
body h1, body h2, body h3, body .h1, body .h2, body .h3 {
  font-family: var(--tana-serif) !important;
  letter-spacing: 0.01em;
}

/* ============================================================
   Logo replacement — florales Wreath-Logo ausblenden,
   schlichtes GEVE TANA einblenden
   ============================================================ */

/* LOGO: floral TANA komplett ausblenden — alle bekannten Shopify-Logo-Klassen */
.header-logo__image,
.header-logo__image-container img,
.header-logo img,
.logo-block__image,
.logo-block img,
img[class*="logo"][src*="hf_"],
header img[src*="hf_"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}

.header-logo,
.header-logo a,
a.logo-block,
.logo-block {
  position: relative;
}
.header-logo::after,
a.logo-block::after,
.logo-block::after {
  content: 'GEVE TANA';
  font-family: var(--tana-serif);
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 0.4em;
  line-height: 1;
  color: inherit;
  display: inline-block;
  white-space: nowrap;
  padding: 0 0 0 0.4em;
}

/* Light-mode fallback when on hero overlay */
.color-scheme-5 .header-logo::after,
.color-scheme-4 .header-logo::after,
.color-scheme-5 .logo-block::after,
.color-scheme-4 .logo-block::after {
  color: var(--tana-cream);
}

/* Header: alle Striche, Borders, Shadows weg — aggressiv */
.header,
.header-wrapper,
header.header,
header.section-header,
.section-header,
.header > *,
.header nav,
.header__navigation,
.header__inline-menu,
.header-menu,
.navigation-bar,
.header__row,
.header-bottom,
.header-top {
  border-bottom: none !important;
  border-top: none !important;
  box-shadow: none !important;
  outline: none !important;
}
/* separator elements */
.header::after,
.header::before,
.header-wrapper::after,
.header-wrapper::before,
header::after,
header::before,
.header hr,
.header-wrapper hr,
.shopify-section--header hr,
.shopify-section--header::after,
.shopify-section-header::after {
  display: none !important;
}
/* Any <hr> in header or right after header */
hr.header-divider,
.header + hr,
.shopify-section-header + hr {
  display: none !important;
}

/* Announcement bar: mehr Abstand zum Header */
.announcement-bar,
[class*="announcement-bar"] {
  padding-top: 12px;
  padding-bottom: 12px;
}

/* ============================================================
   Shop card polish — closer to Claude Design
   ============================================================ */

.tana-product-card {
  position: relative;
  overflow: hidden;
}
.tana-product-card:hover {
  background: var(--tana-cream-warm) !important;
}
.tana-product-card:hover img,
.tana-product-card:hover svg {
  transform: scale(1.05);
}
.tana-product-card img,
.tana-product-card svg {
  transition: transform 0.6s ease;
}

/* Customer/Login/Account styling — entfernt auf User-Wunsch (Regression) */

/* ============================================================
   Header polish — scoped to header-logo area only (non-invasive)
   ============================================================ */

.header-logo::after {
  font-size: 22px;
  letter-spacing: 0.4em;
}

/* Make buttons with rounded red background rounded — safe selector */
.tana-hero__ctas .tana-btn--solid,
.tana-section button[type="submit"],
button.tana-btn--solid,
a.tana-btn--solid {
  border-radius: 999px !important;
}

/* Product page add-to-cart rounded */
.tana-product-form button[type="submit"] {
  border-radius: 999px !important;
}

/* Cart checkout button rounded */
#tana-cart-form button[name="checkout"] {
  border-radius: 999px !important;
}

/* ============================================================
   MOBILE FIXES — überall wo inline-styled Grids feste Spalten haben
   ============================================================ */

/* Alle 2-Spalten-Inline-Grids stacken ab <=768px */
@media (max-width: 768px) {
  .tana-product [style*="grid-template-columns:1.3fr 1fr"],
  .tana-philosophie [style*="grid-template-columns:1fr 1.4fr"],
  .tana-kontakt [style*="grid-template-columns:1fr 1.2fr"],
  .tana-ueber-mich [style*="grid-template-columns:1fr 1.05fr"],
  .tana-cart [style*="grid-template-columns:1.6fr 1fr"],
  .tana-legal [style*="grid-template-columns:240px 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  /* Produkt: Sticky-Info-Spalte nicht sticky auf mobile */
  .tana-product [style*="position:sticky"] {
    position: static !important;
  }

  /* Produkt: Thumbnails auf 4 bleiben, aber kleiner */
  .tana-product [style*="grid-template-columns:repeat(4,1fr)"] {
    gap: 8px !important;
  }

  /* Philosophie: 3-col Belief-Grid auf navy → 1 Spalte */
  .tana-philosophie [style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: 1fr !important;
  }
  .tana-philosophie [style*="grid-template-columns:repeat(3,1fr)"] > div {
    padding: 40px 28px !important;
  }

  /* Anatomy: 6 Versprechen-Icons 3-col → 2-col */
  .tana-anatomy [style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px 20px !important;
  }
  /* Anatomy: Aktivierungs-Flow steps 140px/1fr → stack */
  .tana-anatomy [style*="grid-template-columns:140px 1fr"] {
    grid-template-columns: 60px 1fr !important;
    gap: 16px !important;
    padding: 20px 0 !important;
  }
  .tana-anatomy [style*="grid-template-columns:140px 1fr"] > div:first-child {
    font-size: 32px !important;
  }

  /* Cart: Item-Grid 160/1fr/auto → kompakter */
  .tana-cart-item {
    gap: 16px !important;
  }

  /* Section-Paddings auf mobile halbieren */
  .tana-section {
    padding-left: var(--tana-gutter);
    padding-right: var(--tana-gutter);
  }
  .tana-section[style*="padding-top:120px"],
  .tana-section[style*="padding-top: 120px"] { padding-top: 64px !important; }
  .tana-section[style*="padding-bottom:120px"],
  .tana-section[style*="padding-bottom: 120px"] { padding-bottom: 64px !important; }
  .tana-section[style*="padding-top:140px"] { padding-top: 72px !important; }
  .tana-section[style*="padding-bottom:140px"] { padding-bottom: 72px !important; }
  .tana-section[style*="padding-top:160px"] { padding-top: 80px !important; }
  .tana-section[style*="padding-bottom:160px"] { padding-bottom: 80px !important; }
  .tana-section[style*="padding-top:100px"] { padding-top: 56px !important; }
  .tana-section[style*="padding-bottom:100px"] { padding-bottom: 56px !important; }
  .tana-section[style*="padding-top:96px"] { padding-top: 56px !important; }
  .tana-section[style*="padding-bottom:96px"] { padding-bottom: 56px !important; }

  /* Product page: Section-Padding außen kleiner */
  .tana-product section[style*="padding:56px"] {
    padding: 32px 16px 64px !important;
  }
  .tana-product section[style*="padding:56px"] > div {
    gap: 32px !important;
  }

  /* Headline-Größen drosseln auf mobile */
  .tana-headline--xl,
  .tana-product h1.tana-headline--lg {
    font-size: clamp(36px, 9vw, 52px) !important;
    line-height: 1.05 !important;
  }

  /* Breadcrumb kompakt */
  .tana-cart [style*="justify-content:space-between"][style*="flex-wrap:wrap"],
  .tana-product > div[style*="padding:20px"] {
    font-size: 9px !important;
    letter-spacing: 0.15em !important;
  }

  /* Activation toggle: Texte kleiner damit Pill nicht überläuft */
  .tana-activation-btn {
    padding: 14px 8px !important;
  }
  .tana-activation-btn > div:first-child {
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
  }
  .tana-activation-btn > div:nth-child(2) {
    font-size: 10px !important;
  }

  /* Filter-Pills: gleichmäßig */
  .tana-filter-pill {
    padding: 10px 18px !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
  }

  /* Home: Color-Switcher Kreise kleiner damit 6 in eine Reihe passen */
  .tana-product [title] {
    width: 36px !important;
    height: 36px !important;
  }

  /* Home: Handwerkskunst-Zitat kompakter */
  .tana-manifest__quote {
    font-size: clamp(22px, 5vw, 32px) !important;
  }

  /* Collection-List-Grid: 3→1 col auf mobile */
  .tana-collection-list [style*="grid-template-columns:repeat(3,1fr)"],
  .tana-collection-list [style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* Generic: Alle 2-Spalten-Editorial-Grids auf tana-grid-2 patterns */
  [style*="grid-template-columns:1.6fr 1fr 1fr 1fr"] {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
  }
}

/* Mobile-Menü: Featured Products / Collections ausblenden (User-Wunsch) */
@media (max-width: 900px) {
  .menu-drawer__featured-content,
  .menu-drawer__featured-content-list,
  .menu-drawer__featured-content-list-item,
  .menu-drawer__featured-content-list-item--product,
  .menu-drawer__featured-content-list-item--collection {
    display: none !important;
  }
}

/* Sehr schmal: alles in 1 Spalte */
@media (max-width: 480px) {
  .tana-anatomy [style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: 1fr !important;
  }
  [style*="grid-template-columns:1.6fr 1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  /* Activation toggle auf sehr schmal: untereinander */
  .tana-activation-btn {
    padding: 12px 8px !important;
  }
  /* Preis kleiner */
  .tana-price-current {
    font-size: 34px !important;
  }
  .tana-headline--xl,
  .tana-hero__headline {
    font-size: clamp(30px, 10vw, 44px) !important;
  }
}