/* AKKOÇ v60.19 – RESPONSIVE-DESIGNSCHUTZ
   Dauerhafter Schutz gegen Kontrast-, Überlauf- und Gerätebreitenfehler.
   Diese Datei wird bewusst als LETZTES Stylesheet geladen.
   Keine Inhalte, EKG-Logik oder Navigation werden verändert. */

:root{
  --akkoc-guard-ink:#101b2d;
  --akkoc-guard-ink-soft:#26323a;
  --akkoc-guard-gold:#b79452;
  --akkoc-guard-gold-light:#f3d58d;
  --akkoc-guard-white:#ffffff;
  --akkoc-guard-radius:14px;
  --akkoc-guard-touch:48px;
}

/* 1) Technische Grundsicherung: Elemente dürfen nie ihre Spalte sprengen. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
body{overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
main,section,.wrap{min-width:0}
img,svg,video,canvas{max-width:100%;height:auto}
iframe{max-width:100%}
pre,code{max-width:100%;overflow-wrap:anywhere}
[class*="-grid"]>*{min-width:0}

/* 2) AKKOÇ-Hauptbuttons: immer sichtbarer Kontrast, unabhängig von älteren CSS-Regeln. */
a.btn,
button.btn,
input.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.4em!important;
  min-height:var(--akkoc-guard-touch)!important;
  max-width:100%!important;
  padding:.78rem 1.15rem!important;
  border:2px solid var(--akkoc-guard-gold)!important;
  border-radius:var(--akkoc-guard-radius)!important;
  background:var(--akkoc-guard-ink)!important;
  color:var(--akkoc-guard-gold-light)!important;
  text-decoration:none!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-shadow:none!important;
  box-shadow:0 7px 18px rgba(16,27,45,.12)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
}
a.btn:visited{color:var(--akkoc-guard-gold-light)!important}
a.btn:hover,
a.btn:focus-visible,
button.btn:hover,
button.btn:focus-visible,
input.btn:hover,
input.btn:focus-visible{
  background:var(--akkoc-guard-gold)!important;
  color:var(--akkoc-guard-ink)!important;
  border-color:var(--akkoc-guard-gold)!important;
  outline:3px solid rgba(183,148,82,.24)!important;
  outline-offset:2px!important;
}
a.btn:active,button.btn:active{transform:translateY(1px)}

/* 3) Aktionszeilen dürfen sauber umbrechen statt Text/Buttons zu quetschen. */
.hero-actions,
.contact-actions,
.sample-buttons,
.product-actions,
.founder-offers-actions,
.pr-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  min-width:0;
}
.hero-actions>*,
.contact-actions>*,
.sample-buttons>*,
.product-actions>*,
.founder-offers-actions>*,
.pr-actions>*{min-width:0;max-width:100%}

/* 4) Lange Texte/Links in Karten bleiben innerhalb ihrer Fläche. */
.goal-card,
.latest-card,
.product-card,
.quick-card,
.founder-card,
.personal-card,
.akkoc-sample-box,
.trust-strip-grid>div{
  min-width:0;
  overflow-wrap:anywhere;
}

/* 5) Tablet: vorhandene Mehrspalten bleiben erhalten, aber ohne gequetschte Viererspalten. */
@media (min-width:681px) and (max-width:1024px){
  .trust-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .goal-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-actions a.btn,.contact-actions a.btn,.sample-buttons a.btn{flex:0 1 auto}
}

/* 6) Smartphone: klare Einspalten-Logik und gut antippbare Buttons. */
@media (max-width:680px){
  .trust-strip-grid,
  .goal-guide-grid{grid-template-columns:minmax(0,1fr)!important}

  .hero-actions,
  .contact-actions,
  .sample-buttons,
  .product-actions,
  .founder-offers-actions,
  .pr-actions{align-items:stretch}

  .hero-actions a.btn,
  .contact-actions a.btn,
  .sample-buttons a.btn,
  .product-actions a.btn,
  .founder-offers-actions a.btn,
  .pr-actions a.btn,
  .pr-actions button.btn,
  p>a.btn:only-child{
    width:100%!important;
  }

  a.btn,button.btn,input.btn{
    min-height:50px!important;
    padding:.82rem 1rem!important;
  }
}

/* 7) Sehr kleine Displays: kein horizontaler Versatz durch feste Innenabstände. */
@media (max-width:390px){
  a.btn,button.btn,input.btn{font-size:.98rem!important}
}

/* 8) Tastatur und Barrierefreiheit: Fokus sichtbar, Animationen respektvoll. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  scroll-margin:90px;
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* v60.27: Preis + Produktname im EKG-Bereich dauerhaft sauber trennen.
   Der Grid-Baustein wird auf der Startseite auch ohne .trust-strip-Wrapper genutzt. */
.trust-strip-grid>div>strong,
.trust-strip-grid>div>span{display:block}
.trust-strip-grid>div>span{margin-top:.35rem}