/* =========================================================
   Proteinathor (kategorie, panáček Thor, kreatin, kloubní výživa, BCAA, EAA, glutamin, balíčky) – styly značky
   Samostatný soubor, ať se práce na jedné značce nepere s ostatními v MMclaude.css (agents.md).
   V Shoptetu se načítá v záhlaví za MMclaude.css. Společné prvky (přepínač balení, ikonky příchutí,
   tabulka složení, lišta důvěry, karty nabídky, předplatné…) jsou v MMclaude.css.
   ========================================================= */

/* ---------- Horní banner ---------- */
/* Podle wireframu: celý řádek žlutý a výrazný („od 23 Kč za odměrku“) */
.category-headline .mm-pt-hero__cena { margin: 6px 0 20px; color: #ffc500; font-size: 20px; font-weight: 800; line-height: 1.2; }
.category-headline .mm-pt-hero__cena strong { color: #ffc500; font-size: 30px; font-weight: 800; }
@media (max-width: 767px) {
  .category-headline .mm-pt-hero__cena { font-size: 17px; }
  .category-headline .mm-pt-hero__cena strong { font-size: 24px; }
}

/* ---------- Lišta důvěry pod bannerem (ikony v žlutých kolečkách) ---------- */
.mm-pt-duvera { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.mm-pt-duvera li {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 0;
  padding: 16px 18px;
  background: #f4f4f4;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.35;
  color: #45474b;
}
.mm-pt-duvera li::before,
.mm-pt-duvera li::marker { content: none; }
.mm-pt-duvera img { flex: 0 0 69px; width: 69px; height: 69px; padding: 13px; border-radius: 50%; background: #ffc500; }
.mm-pt-duvera strong { color: #000; }
@media (max-width: 991px) { .mm-pt-duvera { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 479px) {
  .mm-pt-duvera li { padding: 12px; gap: 8px; font-size: 12.5px; }
  .mm-pt-duvera img { flex-basis: 51px; width: 51px; height: 51px; padding: 9px; }
}

/* ---------- Společné pro naše sekce ve spodním popisu ---------- */
.mm-pt-sekce { max-width: 1200px; margin: 0 auto; padding: 48px 16px; }
.mm-pt-uvod { max-width: 640px; margin: 0 auto 24px; text-align: center; color: #45474b; }
.mm-pt-poznamka { margin-top: 12px; font-size: 12px; color: #6a6d72; }

/* ---------- Příchutě (kolečka → detail s vybranou příchutí) ---------- */
.mm-pt-prichute__hlava { position: relative; display: flex; align-items: center; justify-content: center; gap: 12px; }
.mm-pt-prichute__hlava .homepage-group-title { margin: 0; }
.mm-pt-prichute__thor { width: 84px; height: auto; }
.mm-pt-prichute__seznam {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mm-pt-prichute__seznam li { margin: 0; padding: 0; }
.mm-pt-prichute__seznam li::before,
.mm-pt-prichute__seznam li::marker { content: none; }
.mm-pt-prichute__seznam a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 8px 4px;
  border-radius: 8px;
  color: #1a1a1a;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  transition: background-color .15s;
}
.mm-pt-prichute__seznam a:hover,
.mm-pt-prichute__seznam a:focus-visible { background: #fff6d6; }
.mm-pt-prichute__seznam img { width: 100%; max-width: 100px; height: auto; aspect-ratio: 1; border-radius: 50%; }
.mm-pt-prichute__seznam em {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 2px 8px;
  border-radius: 10px;
  background: #000;
  color: #ffc500;
  font-size: 11px;
  font-style: normal;
}
@media (max-width: 991px) { .mm-pt-prichute__seznam { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 575px) {
  .mm-pt-prichute__seznam { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .mm-pt-prichute__thor { width: 64px; }
}

/* ---------- Časté dotazy: místo fotky Thor s otazníky ---------- */
.mm-pt-dotazy .mm-pt-dotazy__thor { display: flex; align-items: center; justify-content: center; background: none; }
.mm-pt-dotazy .mm-pt-dotazy__thor img { width: 100%; max-width: 320px; height: auto; object-fit: contain; }
@media (max-width: 767px) { .mm-pt-dotazy .mm-pt-dotazy__thor img { max-width: 180px; } }

/* ---------- Hodnocení (vykreslí MMclaude.js do [data-mm-recenze="proteinathor"]) ---------- */
.mm-pt-recenze:not(.mm-recenze--hotovo):not(:has(.mm-recenze--hotovo)) { display: none; }
.mm-pt-recenze .mm-recenze__nadpis { margin: 0; font-size: 28px; font-weight: 800; text-transform: uppercase; text-align: center; }
.mm-pt-recenze .mm-recenze__prumer { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #45474b; }
.mm-pt-recenze .mm-recenze__prumer strong { color: #000; }
.mm-pt-recenze .mm-hvezdy__plne { color: #ffc500; }
.mm-pt-recenze .mm-recenze__pruh { background: #e6e6e6; }
.mm-pt-recenze .mm-recenze__pruh span { background: #ffc500; }
.mm-pt-recenze .mm-recenze__rozpad { display: grid; gap: 4px; min-width: 220px; flex: 1 1 220px; max-width: 360px; margin: 0; padding: 0; list-style: none; }
.mm-pt-recenze .mm-recenze__rozpad li { display: grid; grid-template-columns: 34px 1fr 36px; align-items: center; gap: 8px; font-size: 12.5px; color: #45474b; }
.mm-pt-recenze .mm-recenze__zdroj { margin: 0; font-size: 12px; color: #6a6d72; }
.mm-pt-recenze .mm-recenze__prazdne { max-width: 560px; margin: 0; font-size: 16px; color: #45474b; }
.mm-pt-recenze .mm-recenze__seznam { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.mm-pt-recenze .mm-recenze__polozka { padding: 16px 18px; border: 1px solid #e3e3e3; border-radius: 8px; background: #fff; }
.mm-pt-recenze .mm-recenze__polozka::before { content: none; }
.mm-pt-recenze .mm-recenze__polozka[hidden],
.mm-pt-recenze .mm-recenze__vice[hidden] { display: none; }
.mm-pt-recenze .mm-recenze__autor { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; font-size: 14px; }
.mm-pt-recenze .mm-recenze__text { margin: 8px 0 0; font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
.mm-pt-recenze .mm-recenze__odpoved { margin: 10px 0 0; padding: 10px 12px; border-left: 3px solid #ffc500; background: #f6f6f6; font-size: 13px; color: #45474b; }
.mm-pt-recenze .mm-recenze__vice {
  margin: 0;
  min-height: 44px;
  padding: 0 22px;
  border: 2px solid #000;
  border-radius: 4px;
  background: #fff;
  color: #000;
  font: inherit;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
}
.mm-pt-recenze .mm-recenze__vice.mm-recenze__napsat { background: #ffc500; border-color: #ffc500; color: #000; }
@media (max-width: 991px) { .mm-pt-recenze .mm-recenze__seznam { grid-template-columns: 1fr; } }
@media (max-width: 479px) { .mm-pt-recenze .mm-recenze__nadpis { font-size: 22px; } }

/* =========================================================
   Proteinathor – panáček Thor v sekcích (jen ve stylech, HTML se nemění)
   Obrázky: upload/detail-popis/proteinathor/thor/*.webp (oříznuté nastroje/orez-obrazku.js)
   Kategorie: body.type-category[data-mm-znacka="proteinathor"], detail: body[data-mm-detail="proteinathor"]
   ========================================================= */

/* ---------- Kategorie ---------- */
/* Banner: Thor s dózou na rozhraní textu a fotky (jen počítač) */
@media (min-width: 992px) {
  body.type-category[data-mm-znacka="proteinathor"] .mm-pt-hero { position: relative; overflow: visible; }
  body.type-category[data-mm-znacka="proteinathor"] .mm-pt-hero::after {
    content: "";
    position: absolute;
    z-index: 3;
    left: calc(50% - 95px);
    bottom: 0;
    width: 130px;
    height: 270px;
    background: url("/user/documents/upload/detail-popis/proteinathor/thor/thor-doza.webp") bottom center / contain no-repeat;
    pointer-events: none;
  }
}

/* Řádek podkategorií na střed (šablona ho zarovnává doleva) */
body.type-category[data-mm-znacka="proteinathor"] ul.subcategories { justify-content: center; }

/* Thor stojí na čáře pod nadpisem sekce (vpravo): nabídka (čára = spodní okraj h2#scroll-2),
   Co je v odměrce a Srovnání (čára = .active-profile__line), Doplň stack (čára = spodní okraj nadpisu) */
body.type-category[data-mm-znacka="proteinathor"] h2#scroll-2,
body.type-category[data-mm-znacka="proteinathor"] #scroll-1 > .active-profile__line,
body.type-category[data-mm-znacka="proteinathor"] .collagen-comparison > .active-profile__line,
body.type-category[data-mm-znacka="proteinathor"] .custom-product-section > .homepage-group-title { position: relative; overflow: visible; }
body.type-category[data-mm-znacka="proteinathor"] h2#scroll-2::after,
body.type-category[data-mm-znacka="proteinathor"] #scroll-1 > .active-profile__line::after,
body.type-category[data-mm-znacka="proteinathor"] .collagen-comparison > .active-profile__line::after,
body.type-category[data-mm-znacka="proteinathor"] .custom-product-section > .homepage-group-title::after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 8px;
  bottom: 0;
  width: 110px;
  height: 160px;
  background: bottom center / contain no-repeat;
  pointer-events: none;
}
/* Nabídka: nad nadpisem víc místa, ať Thor stojí uvnitř žlutého pásu */
@media (min-width: 768px) {
  body.type-category[data-mm-znacka="proteinathor"] h2#scroll-2 { padding-top: 90px; padding-right: 150px; }
}
/* Čára = horní okraj odstavce pod nadpisem (20 px pod ním) */
body.type-category[data-mm-znacka="proteinathor"] h2#scroll-2::after { bottom: -20px; height: 180px; width: 124px; background-image: url("/user/documents/upload/detail-popis/proteinathor/thor/thor-biceps.webp"); }
body.type-category[data-mm-znacka="proteinathor"] #scroll-1 > .active-profile__line::after { background-image: url("/user/documents/upload/detail-popis/proteinathor/thor/thor-michani.webp"); }
body.type-category[data-mm-znacka="proteinathor"] .collagen-comparison > .active-profile__line::after { background-image: url("/user/documents/upload/detail-popis/proteinathor/thor/thor-ruce-zkrizene.webp"); }
body.type-category[data-mm-znacka="proteinathor"] .custom-product-section > .homepage-group-title::after { bottom: -20px; width: 150px; background-image: url("/user/documents/upload/detail-popis/proteinathor/thor/thor-cinka.webp"); }

/* Příchutě: místo starého odznaku s kladivem Thor se shakerem */
.mm-pt-prichute__thor { display: none; }
.mm-pt-prichute__hlava::after {
  content: "";
  flex: 0 0 auto;
  width: 64px;
  height: 160px;
  background: url("/user/documents/upload/detail-popis/proteinathor/thor/thor-prichute.webp") bottom center / contain no-repeat;
}

/* Hodnocení (kategorie i detail): Thor drží ceduli s výzvou */
.mm-pt-recenze.mm-recenze--prazdne,
.mm-pt-recenze .mm-recenze--prazdne { position: relative; }
@media (min-width: 768px) {
  .mm-pt-recenze .mm-recenze--prazdne,
  .mm-pt-recenze.mm-recenze--prazdne { padding-left: 230px; min-height: 380px; }
  .mm-pt-recenze .mm-recenze--prazdne::before,
  .mm-pt-recenze.mm-recenze--prazdne::before {
    content: "";
    position: absolute;
    left: max(0px, calc(50% - 420px));
    top: 0;
    width: 185px;
    height: 380px;
    background: url("/user/documents/upload/detail-popis/proteinathor/thor/thor-cedule.webp") top center / contain no-repeat;
  }
  /* Text na ceduli (cedule je asi 19–95 % šířky a 26–51 % výšky obrázku) */
  .mm-pt-recenze .mm-recenze--prazdne::after,
  .mm-pt-recenze.mm-recenze--prazdne::after {
    content: "Tvoje\A recenze\A sem!";
    white-space: pre;
    position: absolute;
    left: calc(max(0px, calc(50% - 420px)) + 38px);
    top: 104px;
    width: 140px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-3deg);
  }
}

/* Mobil: Thor s cedulí nad nadpisem, uprostřed (cedule 19–95 % šířky, 26–51 % výšky obrázku) */
@media (max-width: 767px) {
  .mm-pt-recenze .mm-recenze--prazdne,
  .mm-pt-recenze.mm-recenze--prazdne { padding-top: 250px; }
  .mm-pt-recenze .mm-recenze--prazdne::before,
  .mm-pt-recenze.mm-recenze--prazdne::before {
    content: "";
    position: absolute;
    left: calc(50% - 59px);
    top: 0;
    width: 117px;
    height: 240px;
    background: url("/user/documents/upload/detail-popis/proteinathor/thor/thor-cedule.webp") top center / contain no-repeat;
  }
  .mm-pt-recenze .mm-recenze--prazdne::after,
  .mm-pt-recenze.mm-recenze--prazdne::after {
    content: "Tvoje\A recenze\A sem!";
    white-space: pre;
    position: absolute;
    left: calc(50% - 59px + 22px);
    top: 62px;
    width: 89px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-3deg);
  }
}

/* Časté dotazy: místo Thora s otazníky Thor se zdviženým prstem */
.mm-pt-dotazy .mm-pt-dotazy__thor img { display: none; }
.mm-pt-dotazy .mm-pt-dotazy__thor {
  min-height: 420px;
  background: url("/user/documents/upload/detail-popis/proteinathor/thor/thor-premysli.webp") center / contain no-repeat;
}

@media (max-width: 767px) {
  body.type-category[data-mm-znacka="proteinathor"] h2#scroll-2 { padding-right: 90px; }
  body.type-category[data-mm-znacka="proteinathor"] h2#scroll-2::after,
  body.type-category[data-mm-znacka="proteinathor"] #scroll-1 > .active-profile__line::after,
  body.type-category[data-mm-znacka="proteinathor"] .collagen-comparison > .active-profile__line::after,
  body.type-category[data-mm-znacka="proteinathor"] .custom-product-section > .homepage-group-title::after { width: 72px; height: 110px; right: 4px; }
  .mm-pt-dotazy .mm-pt-dotazy__thor { min-height: 220px; }
}

/* ---------- Detail proteinu ---------- */
/* Úvod: místo Thora s kladivem Thor s dózou, přesahuje dolní okraj černého boxu */
.mm-pt-d-uvod { overflow: visible; }
.mm-pt-d-uvod .mm-pt-d-uvod__thor { display: none; }
.mm-pt-d-uvod::after {
  content: "";
  flex: 0 0 130px;
  align-self: flex-end;
  height: 250px;
  margin: -40px 0 -24px;
  background: url("/user/documents/upload/detail-popis/proteinathor/thor/thor-doza-2.webp") bottom center / contain no-repeat;
}
/* Příprava: Thor se shakerem vedle kroků */
.mm-pt-d-sekce:has(> .mm-pt-d-kroky) { position: relative; }
@media (min-width: 768px) {
  .mm-pt-d-sekce:has(> .mm-pt-d-kroky) { padding-right: 130px; }
  .mm-pt-d-sekce:has(> .mm-pt-d-kroky)::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 110px;
    height: 210px;
    background: url("/user/documents/upload/detail-popis/proteinathor/thor/thor-shaker.webp") bottom center / contain no-repeat;
  }
  /* Časté dotazy: Thor se zdviženým prstem */
  .mm-pt-d-otazky { position: relative; padding-right: 170px; }
  .mm-pt-d-otazky::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 140px;
    height: 360px;
    background: url("/user/documents/upload/detail-popis/proteinathor/thor/thor-premysli.webp") top center / contain no-repeat;
  }
}
@media (max-width: 767px) {
  .mm-pt-d-uvod::after { flex-basis: auto; width: 80px; height: 150px; margin: -20px 0 -16px auto; }
}

/* =========================================================
   Proteinathor Kreatin – detail (html/proteinathor-kreatin-popis.html, .mm-pt-kr)
   Karty ve stylu Vilgainu v barvách Proteinathoru; nákupní blok: varianty jako velké karty (detail › variantyKarty)
   ========================================================= */
/* Varianty Natural / Mango jako dvě velké karty s popisem */
#simple-variants.mm-varianty--karty { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
#simple-variants.mm-varianty--karty .mm-varianta {
  display: grid;
  grid-template-columns: 44px 1fr;
  column-gap: 10px;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px 12px;
  border-radius: 10px;
}
#simple-variants.mm-varianty--karty .mm-varianta__kolecko { grid-row: 1 / span 3; width: 44px; height: 44px; }
#simple-variants.mm-varianty--karty .mm-varianta__nazev { font-size: 14px; font-weight: 700; }
.mm-varianta__popis { color: #6a6d72; font-size: 12px; font-weight: 400; line-height: 1.3; }
#simple-variants.mm-varianty--karty label.advanced-parameter { display: block; }
#simple-variants.mm-varianty--karty label.advanced-parameter:has(input:checked) .mm-varianta { border-color: #000; box-shadow: inset 0 0 0 1px #000; background: #fffbea; }

/* Karty popisu */
.mm-pt-kr { display: flex; flex-direction: column; gap: 16px; }
.mm-kr-karta { position: relative; padding: 32px 28px; border-radius: 16px; text-align: center; }
.mm-pt-kr .mm-kr-karta h2 { margin: 0 0 12px; font-size: 26px; font-weight: 800; line-height: 1.2; }
.mm-kr-karta > p { max-width: 640px; margin: 0 auto 10px; color: #45474b; }
.mm-kr-karta--cerna { background: #0b0b0b; color: #fff; }
.mm-pt-kr .mm-kr-karta--cerna h2 { color: #fff; }
.mm-kr-karta--cerna p { color: #c9c9c9; }
.mm-kr-karta--zluta { background: #fff4cc; }
.mm-kr-karta--seda { background: #f3f3f3; }
.mm-kr-karta--bila { background: #fff; border: 1px solid #e3e3e3; }
.mm-kr-zvyraznit { color: #c99a00; }
/* Úvod s Thorem */
.mm-kr-uvod { display: flex; align-items: center; gap: 24px; text-align: left; overflow: visible; }
.mm-kr-uvod__text { flex: 1; }
.mm-pt-kr .mm-kr-uvod h2 { color: #ffc500; }
.mm-kr-uvod p { margin: 0; }
.mm-kr-thor { flex: 0 0 120px; width: 120px; height: auto; margin: -50px 0 -32px; align-self: flex-end; }
.mm-kr-thor--maly { position: absolute; right: 16px; bottom: 0; width: 90px; margin: 0; }
/* Čísla */
.mm-kr-cisla { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.mm-kr-cisla li { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 18px 10px; border-radius: 14px; background: #000; }
.mm-kr-cisla li::before { content: none; }
.mm-kr-cisla strong { color: #ffc500; font-size: 32px; font-weight: 800; line-height: 1; }
.mm-kr-cisla span { color: #fff; font-size: 12.5px; line-height: 1.3; }
/* Graf */
.mm-kr-graf { display: block; width: 100%; max-width: 680px; height: auto; margin: 14px auto 0; }
/* Sporty */
.mm-kr-sporty { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 16px; margin: 20px 0 0; padding: 0; list-style: none; }
.mm-kr-sporty li { display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 0; }
.mm-kr-sporty li::before { content: none; }
.mm-kr-sporty img { width: 48px; height: 48px; margin-bottom: 4px; }
.mm-kr-sporty strong { color: #fff; font-size: 14px; }
.mm-kr-sporty span { color: #bdbdbd; font-size: 12.5px; }
/* Pruhy forem kreatinu */
.mm-kr-pruhy { max-width: 560px; margin: 18px auto 6px; padding: 0; list-style: none; text-align: left; }
.mm-kr-pruhy li { position: relative; margin: 0 0 12px; padding-top: 22px; font-size: 13px; color: #45474b; }
.mm-kr-pruhy li::before { content: none; }
.mm-kr-pruhy span { position: absolute; top: 0; left: 0; height: 16px; border-radius: 8px; background: #cfcfcf; }
.mm-kr-pruhy strong { margin-right: 6px; color: #1a1a1a; }
.mm-kr-pruhy .mm-kr-pruhy__nas span { background: #ffc500; }
.mm-kr-pruhy .mm-kr-pruhy__nas { font-weight: 700; color: #1a1a1a; }
/* Natural vs mango */
.mm-kr-dve { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; text-align: left; }
.mm-kr-volba { display: flex; flex-direction: column; gap: 6px; padding: 18px; border: 2px solid #ffc500; border-radius: 14px; }
.mm-kr-volba img { width: 64px; height: 64px; border-radius: 50%; }
.mm-kr-volba strong { font-size: 16px; }
.mm-kr-volba span { font-size: 13.5px; color: #45474b; }
.mm-kr-volba em { align-self: flex-start; margin-top: auto; padding: 3px 10px; border-radius: 10px; background: #000; color: #ffc500; font-size: 12px; font-style: normal; font-weight: 700; }
/* Jak ho brát (sekce je zároveň cíl záložky DÁVKOVÁNÍ – .daily-beauty šablony bez jejího pozadí) */
.mm-pt-kr .mm-kr-priprava.daily-beauty { margin: 0; padding: 32px 120px 32px 28px; background: #f3f3f3; text-align: left; }
.mm-pt-kr .mm-kr-priprava.daily-beauty::before,
.mm-pt-kr .mm-kr-priprava.daily-beauty::after { content: none; display: none; }
.mm-kr-priprava .mm-pt-d-kroky li { background: #fff; }
/* Šablona dává seznamům v popisu spodní okraj 30 px – v kartách ho nechceme */
.mm-pt-kr .mm-kr-cisla, .mm-pt-kr .mm-kr-sporty { margin-bottom: 0; }

/* Zdroje */
.mm-kr-zdroje { margin-bottom: 14px; padding: 12px 16px; border-radius: 10px; background: #f6f6f6; }
.mm-kr-zdroje summary { font-weight: 700; cursor: pointer; }
.mm-kr-zdroje ol { margin: 10px 0 0; padding-left: 20px; font-size: 13px; color: #45474b; }

@media (max-width: 767px) {
  .mm-kr-karta { padding: 24px 16px; }
  .mm-pt-kr .mm-kr-karta h2 { font-size: 21px; }
  .mm-kr-uvod { flex-direction: column-reverse; align-items: flex-start; }
  .mm-kr-thor { width: 80px; flex-basis: auto; margin: -36px 0 -24px auto; }
  .mm-kr-cisla { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mm-kr-sporty { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mm-kr-dve { grid-template-columns: 1fr; }
  .mm-pt-kr .mm-kr-priprava.daily-beauty { padding: 24px 16px 0; }
  /* Na mobilu Thor pod kroky, vpravo, stojí na spodní hraně karty */
  .mm-kr-thor--maly { position: static; display: block; width: 70px; margin: 8px 0 0 auto; }
}
@media (max-width: 400px) {
  #simple-variants.mm-varianty--karty { grid-template-columns: 1fr; }
}

/* =========================================================
   Proteinathor Kloubní výživa Joint Support – detail (html/proteinathor-kloubni-vyziva-popis.html, .mm-pt-kv)
   Staví na kartách kreatinu (.mm-pt-kr, mm-kr-*), tady jen to, co přibylo
   ========================================================= */
/* Pruhy látek: pod názvem šedé vysvětlení „co to je“ */
.mm-kv-latky em { display: block; margin-top: 2px; color: #6b6d71; font-size: 12.5px; font-style: normal; font-weight: 400; }
/* Karta s fotkou vedle textu (Peptan®, nápoj) */
.mm-kv-foto { display: flex; align-items: center; gap: 28px; text-align: left; }
.mm-kv-foto > img { flex: 0 0 42%; width: 42%; height: auto; border-radius: 12px; }
.mm-kv-foto > img.mm-kv-foto__produkt { border-radius: 0; }
.mm-kv-foto--obracene { flex-direction: row-reverse; }
.mm-kv-foto__text { flex: 1; position: relative; }
.mm-kv-foto__text p { margin: 0 0 10px; color: #45474b; }
.mm-kv-fakta { margin: 14px 0 0; padding: 0; list-style: none; }
.mm-pt-kv .mm-kv-fakta { margin-bottom: 0; }
.mm-kv-fakta li { margin: 0 0 6px; }
.mm-kv-fakta li::before { content: none; }
.mm-kv-fakta strong { display: inline-block; min-width: 82px; font-size: 18px; font-weight: 800; }
/* Dvě fotky „pro koho“ nad ikonami */
.mm-kv-fotky { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 18px 0 0; }
.mm-kv-fotky img { width: 100%; height: 220px; object-fit: cover; border-radius: 12px; }
/* Ikony na světlé kartě (na černé jsou popisky bílé) */
.mm-kr-karta--bila .mm-kr-sporty strong { color: #1a1a1a; }
.mm-kr-karta--bila .mm-kr-sporty span { color: #6b6d71; }
/* Vitamin C: tři ikony s celým zněním tvrzení */
.mm-kv-vitamin span { max-width: 220px; line-height: 1.4; }
/* Úvod kategorie /kloubni-vyziva-proteinathor/ (html/proteinathor-kloubni-vyziva-kategorie.html) – menší Thor, odkaz žlutě */
.mm-kv-kategorie { margin: 0 0 24px; }
.mm-kv-kategorie .mm-kr-uvod p + p { margin-top: 10px; }
.mm-kv-kategorie .mm-kv-kategorie__odkaz { color: #ffc500; font-weight: 700; text-decoration: none; }
.mm-kv-kategorie .mm-kv-kategorie__odkaz:hover { text-decoration: underline; }
.mm-kv-kategorie .mm-pt-poznamka { color: #8a8a8a; font-size: 12px; }
.mm-kv-kategorie .mm-kr-thor { flex-basis: 90px; width: 90px; margin: -40px 0 -32px; }
/* Jen jedna příchuť – volba příchutě ve složení nemá smysl */
.mm-pt-kv .mm-slozeni__volby { display: none; }

@media (max-width: 767px) {
  .mm-kv-foto, .mm-kv-foto--obracene { flex-direction: column; align-items: stretch; gap: 16px; }
  .mm-kv-foto > img { flex: none; width: 100%; }
  .mm-kv-foto > img.mm-kv-foto__produkt { width: 70%; margin: 0 auto; }
  .mm-kv-fotky img { height: 150px; }
  .mm-kv-vitamin { grid-template-columns: 1fr; }
  /* V úvodu kategorie na mobilu bez Thora – karta je nad výpisem a má být krátká */
  .mm-kv-kategorie .mm-kr-thor { display: none; }
}

/* =========================================================
   Proteinathor BCAA – detail (html/proteinathor-bcaa-popis.html, .mm-pt-bcaa; karty sdílí styly kreatinu .mm-kr-*)
   ========================================================= */
.mm-pt-bcaa .mm-bcaa-foto { display: block; width: 100%; max-width: 760px; height: auto; margin: 24px auto 0; border-radius: 12px; }
.mm-pt-bcaa .mm-kr-volba a { color: #000; font-weight: 700; text-decoration: underline; }
.mm-pt-bcaa .mm-kr-karta--seda .mm-kr-volba { background: #fff; }
.mm-pt-bcaa .mm-kr-sporty { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.mm-bcaa-srovnani { max-width: 760px; margin: 0 auto; text-align: left; }
.mm-bcaa-srovnani th:not(:first-child) { color: #000; }
.mm-bcaa-srovnani td:nth-child(2) { background: #fff6d6; font-weight: 700; }
@media (max-width: 767px) {
  .mm-pt-bcaa .mm-kr-sporty { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mm-bcaa-srovnani { font-size: 12.5px; }
}

/* =========================================================
   Proteinathor EAA – detail (html/proteinathor-eaa-popis.html, .mm-pt-eaa; karty sdílí styly kreatinu .mm-kr-*)
   ========================================================= */
.mm-pt-eaa .mm-eaa-foto { display: block; width: 100%; max-width: 760px; height: auto; margin: 24px auto 0; border-radius: 12px; }
.mm-pt-eaa .mm-kr-sporty { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.mm-pt-eaa .mm-kr-sporty.mm-eaa-proc, .mm-pt-eaa .mm-kr-sporty.mm-eaa-kdy { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mm-pt-eaa .mm-kr-karta--seda .mm-kr-sporty strong { color: #1a1a1a; }
.mm-pt-eaa .mm-kr-karta--seda .mm-kr-sporty span { color: #6b6d71; }
@media (max-width: 767px) {
  .mm-pt-eaa .mm-kr-sporty, .mm-pt-eaa .mm-kr-sporty.mm-eaa-proc, .mm-pt-eaa .mm-kr-sporty.mm-eaa-kdy { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* =========================================================
   Proteinathor Glutamin – detail (html/proteinathor-glutamin-popis.html, .mm-pt-glut; karty sdílí styly kreatinu .mm-kr-*)
   ========================================================= */
.mm-pt-glut .mm-glut-foto { display: block; width: 100%; max-width: 760px; height: auto; margin: 24px auto 0; border-radius: 12px; }
.mm-pt-glut .mm-kr-sporty.mm-glut-ctyri { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mm-pt-glut .mm-kr-karta--seda .mm-kr-sporty strong { color: #1a1a1a; }
.mm-pt-glut .mm-kr-karta--seda .mm-kr-sporty span { color: #6b6d71; }
@media (max-width: 767px) {
  .mm-pt-glut .mm-kr-sporty.mm-glut-ctyri { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* =========================================================
   Proteinathor balíčky – detail (html/proteinathor-balicek-*-popis.html, .mm-pt-bal; karty sdílí styly kreatinu .mm-kr-*)
   a štítek úspory na kartách balíčků ve výpisech (MMclaude.js › vlozBalicek, stitkyUsporyBalicku)
   ========================================================= */
.mm-bal-uspora { margin: 4px 0 8px; font-size: 14px; color: #1a1a1a; }
.mm-bal-uspora__zbytek { white-space: nowrap; }
@media (max-width: 479px) { .mm-bal-uspora__zbytek { display: block; margin-top: 4px; white-space: normal; } }
.mm-bal-uspora strong { display: inline-block; margin-right: 4px; padding: 3px 9px; border-radius: 6px; background: #c8161d; color: #fff; font-weight: 800; }
.mm-bal-produkty { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 20px 0 0; padding: 0; list-style: none; text-align: left; }
.mm-bal-produkty--1 { grid-template-columns: minmax(0, 360px); justify-content: center; }
.mm-bal-produkty--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mm-bal-produkty li { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 16px; border: 1px solid #e3e3e3; border-radius: 14px; background: #fff; }
.mm-bal-produkt__foto { display: block; border-radius: 10px; background: #fff; }
.mm-bal-produkt__foto img { display: block; width: 100%; height: 180px; object-fit: contain; }
.mm-bal-produkty strong { font-size: 16px; font-weight: 800; line-height: 1.25; }
.mm-bal-produkt__popis { color: #6b6d71; font-size: 13px; }
.mm-bal-produkt__cena { font-size: 13px; font-weight: 700; color: #1a1a1a; }
.mm-bal-produkt__text { flex: 1; font-size: 14px; line-height: 1.45; color: #45474b; }
.mm-pt-kr .mm-bal-produkt__odkaz { font-size: 14px; font-weight: 800; color: #1a1a1a; text-decoration: underline; text-decoration-color: #ffc500; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.mm-bal-obsah .mm-pt-poznamka { margin: 14px 0 0; font-size: 12px; color: #6b6d71; text-align: left; }
.mm-bal-dalsi { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 16px 0 0; padding: 0; list-style: none; }
.mm-bal-dalsi li { margin: 0; }
.mm-bal-dalsi a { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 10px; border: 1px solid #e3e3e3; border-radius: 12px; color: #1a1a1a; text-decoration: none; }
.mm-bal-dalsi a:hover { border-color: #ffc500; }
.mm-bal-dalsi__foto { position: relative; display: block; aspect-ratio: 1; border-radius: 8px; background: #fff; }
.mm-bal-dalsi__foto img { display: block; width: 100%; height: 100%; object-fit: contain; }
.mm-bal-dalsi strong { font-size: 14px; font-weight: 800; }
.mm-bal-dalsi__cena { font-size: 13px; }
/* Štítek úspory – na detailu u dalších balíčků i na kartách šablony (a.image je obal fotky) */
.mm-bal-stitek { position: absolute; top: 8px; left: 8px; z-index: 2; padding: 3px 8px; border-radius: 6px; background: #c8161d; color: #fff; font-size: 12px; font-style: normal; font-weight: 800; line-height: 1.3; }
.product a.image { position: relative; }
@media (max-width: 991px) {
  .mm-bal-dalsi { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .mm-bal-produkty, .mm-bal-produkty--2 { grid-template-columns: minmax(0, 1fr); }
  .mm-bal-produkty li { display: grid; grid-template-columns: 96px minmax(0, 1fr); column-gap: 14px; align-content: start; }
  .mm-bal-produkty li > * { grid-column: 2; }
  .mm-bal-produkty li > .mm-bal-produkt__foto { grid-column: 1; grid-row: 1 / span 5; align-self: start; }
  .mm-bal-produkt__foto img { height: 96px; }
  .mm-bal-dalsi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}