/* =========================================================
   Orca Collagen – styly značky (kategorie /orca-collagen/, detaily, předplatné, článek na blogu)
   Samostatný soubor, ať se práce na Orca Collagen nepere s ostatními značkami v MMclaude.css.
   V Shoptetu se načítá hned za MMclaude.css (Editor › HTML kód › záhlaví), proměnné a společné
   prvky (lišta důvěry, karty nabídky…) jsou v MMclaude.css.
   Kategorie: body.type-category[data-mm-znacka="orca-collagen"], detail: body[data-mm-detail="orca-collagen"]
   ========================================================= */

/* ---------- Detail: kolečka příchutí v barvách značky (dřív v MMclaude.css u Proteinathoru) ---------- */
body[data-mm-detail="orca-collagen"] .mm-param__ikona { border-color: #ddd1c3; }
body[data-mm-detail="orca-collagen"] .mm-param__volba:hover .mm-param__ikona { border-color: #b08d57; }
body[data-mm-detail="orca-collagen"] .mm-param__volba--vybrana .mm-param__ikona { border-color: #b08d57; box-shadow: 0 0 0 2px #efe0bb; }
body[data-mm-detail="orca-collagen"] .mm-param__volba { color: #2b2622; }

/* =========================================================
   Orca Collagen – kategorie /orca-collagen/ a detail produktu
   Kategorie: body.type-category[data-mm-znacka="orca-collagen"], detail: body[data-mm-detail="orca-collagen"]
   Popisy: html/orca-collagen-kategorie-popis1/2.html, html/orca-collagen-popis.html (třídy mm-oc-*)
   Návrh: docs/orca-collagen/wireframy.html (verze 2 – image produkt, krémová / zlatá / černá)
   ========================================================= */
.mm-oc, .mm-oc-hero, .mm-oc-duvera { --mm-oc-tmava: #2b2622; --mm-oc-zlata-tmava: #9a6b2c; --mm-oc-zlata: #b08d57; --mm-oc-krem: #f6f0e8; --mm-oc-cerna: #141210; }

/* ---------- Hero kategorie (na počítači převráceno – viz doplňky dole) ---------- */
.mm-oc-hero .category-headline__title { color: var(--mm-oc-tmava); font-weight: 300; }
.mm-oc-hero .category-headline__title strong { font-weight: 800; }
.mm-oc-hero__nadtitulek { margin: 0 0 6px; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: #6e625a; }
.mm-oc-hero__perex { margin: 0 0 10px; font-size: 17px; line-height: 1.45; color: var(--mm-oc-tmava); }
.category-headline .mm-oc-hero__cena { margin: 4px 0 16px; color: var(--mm-oc-zlata-tmava); font-size: 18px; font-weight: 700; }
.category-headline .mm-oc-hero__cena strong { font-size: 28px; font-weight: 800; color: var(--mm-oc-zlata-tmava); }
.mm-oc-hero__tlacitka { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.mm-oc-hero .btn, .mm-oc .btn { border-radius: 30px; }
.btn.mm-oc-btn-obrys { background: transparent; border: 2px solid var(--mm-oc-tmava); color: var(--mm-oc-tmava); }
.btn.mm-oc-btn-obrys:hover { background: var(--mm-oc-tmava); color: #fff; }
@media (min-width: 992px) {
  body[data-mm-znacka="orca-collagen"] .mm-oc-hero .mm-slider.category-headline__image { left: 36%; }
  body[data-mm-znacka="orca-collagen"] .mm-oc-hero .mm-slider::after { display: none; }
  body[data-mm-znacka="orca-collagen"] .mm-oc-hero .category-headline__content { max-width: 34%; }
  .mm-oc-hero .mm-slider__snimek img, .mm-oc-hero .mm-slider__nahradni { object-position: center center; }
}

/* ---------- Lišta důvěry pod hero – drobné piktogramy ---------- */
/* 4 ikony (29. 10.: doprava zdarma s předplatným pryč – je u ceny a na detailu) */
.mm-oc-duvera { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.mm-oc-duvera li { display: flex; align-items: center; gap: 10px; margin: 0; padding: 10px 12px; border-radius: 12px; background: var(--mm-oc-krem); color: #5a4f47; font-size: 12.5px; line-height: 1.3; }
.mm-oc-duvera li::before, .mm-oc-duvera li::marker { content: none; }
.mm-oc-duvera img { flex: 0 0 64px; width: 64px; height: 64px; }
.mm-oc-duvera strong { color: var(--mm-oc-tmava); }
@media (max-width: 991px) { .mm-oc-duvera { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 479px) { .mm-oc-duvera li { padding: 8px 10px; font-size: 12px; } .mm-oc-duvera img { flex-basis: 48px; width: 48px; height: 48px; } }

/* ---------- Společné sekce popisů ---------- */
.mm-oc { color: var(--mm-oc-tmava); }
.mm-oc-sekce { margin: 0 0 48px; }
.mm-oc p { color: #5a4f47; font-size: 15px; line-height: 1.55; }
.mm-oc .mm-oc-nadpis { margin: 0 0 10px; color: var(--mm-oc-tmava); font-size: 28px; font-weight: 300; line-height: 1.2; text-transform: none; }
.mm-oc .mm-oc-nadpis strong { font-weight: 800; }
.mm-oc .mm-oc-nadpis img { width: 36px; height: 36px; vertical-align: middle; margin-right: 6px; }
.mm-oc-hlava { max-width: 640px; margin: 0 auto 18px; text-align: center; }
.mm-oc .mm-oc-hlava p { margin: 0; font-size: 14px; }
.mm-oc .mm-oc-pozn { font-size: 12px; color: #8a7d72; margin: 8px 0 0; }
.mm-oc .mm-oc-stred { text-align: center; max-width: 720px; margin: 14px auto 0; }
.mm-oc img { max-width: 100%; height: auto; }
.mm-oc .mm-oc-velky { display: block; width: 100%; border-radius: 16px; }
.mm-oc a:not(.btn) { color: var(--mm-oc-zlata-tmava); }
.btn.mm-oc-btn, .btn.mm-oc-btn-svetle { display: inline-block; padding: 12px 26px; border: 0; font-weight: 700; }
.btn.mm-oc-btn { background: var(--mm-oc-tmava); color: #fff; }
.btn.mm-oc-btn-svetle { background: #fff; color: #000; }
@media (max-width: 767px) { .mm-oc .mm-oc-nadpis { font-size: 23px; } .mm-oc-sekce { margin-bottom: 36px; } }

/* Půl fotka, půl text */
.mm-oc-pul { display: grid; grid-template-columns: 1.3fr 1fr; gap: 32px; align-items: center; }
.mm-oc-pul__obrazek img { display: block; width: 100%; border-radius: 16px; }
.mm-oc-pul--tma { grid-template-columns: 1fr 1.1fr; padding: 32px; border-radius: 20px; background: var(--mm-oc-cerna); }
.mm-oc .mm-oc-pul--tma .mm-oc-nadpis, .mm-oc .mm-oc-pul--tma strong { color: #fff; }
.mm-oc .mm-oc-pul--tma p, .mm-oc .mm-oc-pul--tma li, .mm-oc .mm-oc-pul--tma span { color: #d9cfc3; }
.mm-oc .mm-oc-pul--tma .mm-oc-pozn { color: #a8987f; }
.mm-oc-pul--svetle { padding: 28px; border-radius: 20px; background: var(--mm-oc-krem); }
.mm-oc-pul__text > img { margin-top: 14px; border-radius: 12px; }
@media (max-width: 767px) {
  .mm-oc-pul, .mm-oc-pul--tma { grid-template-columns: 1fr; gap: 18px; }
  .mm-oc-pul--tma, .mm-oc-pul--svetle { padding: 20px 16px; }
  .mm-oc-pul .mm-oc-pul__obrazek { order: -1; }
}

/* Seznam s malými ikonami vlevo, fajfky */
.mm-oc .mm-oc-seznam-ikon { margin: 14px 0; padding: 0; list-style: none; }
.mm-oc .mm-oc-seznam-ikon li { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; padding: 0; font-size: 14px; }
.mm-oc .mm-oc-seznam-ikon li::before { content: none; }
.mm-oc .mm-oc-seznam-ikon img { flex: 0 0 34px; width: 34px; height: 34px; }
.mm-oc .mm-oc-fajfky { font-size: 13px; }
.mm-oc .mm-oc-fajfky-seznam { margin: 10px 0; padding: 0; list-style: none; font-size: 13px; line-height: 1.5; color: #5a4f47; }
.mm-oc .mm-oc-fajfky-seznam li { position: relative; margin: 0 0 6px; padding-left: 22px; }
.mm-oc .mm-oc-fajfky-seznam li::before { content: "✓"; position: absolute; left: 0; color: var(--mm-oc-zlata-tmava); font-weight: 800; }

/* Řádek drobných ikon pod nadpisem */
.mm-oc .mm-oc-ikony { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin: 0 0 18px; padding: 0; list-style: none; }
.mm-oc .mm-oc-ikony li { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 110px; margin: 0; padding: 0; font-size: 12px; line-height: 1.25; text-align: center; color: #5a4f47; }
.mm-oc .mm-oc-ikony li::before { content: none; }
.mm-oc .mm-oc-ikony img { width: 44px; height: 44px; }
@media (max-width: 479px) { .mm-oc .mm-oc-ikony li { width: 74px; font-size: 11px; } .mm-oc .mm-oc-ikony img { width: 36px; height: 36px; } }

/* Čísla (úvod) a čísla elektrolytů (jen mobil – v infografice jsou tam drobná) */
.mm-oc .mm-oc-cisla { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 12px 0 0; padding: 0; list-style: none; }
.mm-oc .mm-oc-cisla li { margin: 0; padding: 0; font-size: 13px; }
.mm-oc .mm-oc-cisla li::before { content: none; }
.mm-oc .mm-oc-cisla strong { display: block; font-size: 26px; font-weight: 800; line-height: 1.1; }
.mm-oc .mm-oc-cisla--elektrolyty { display: none; justify-content: center; text-align: center; }
@media (max-width: 767px) { .mm-oc .mm-oc-cisla--elektrolyty { display: grid; grid-template-columns: repeat(2, 1fr); } }


/* Příchutě – barevné dlaždice */
.mm-oc .mm-oc-prichute__seznam { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.mm-oc .mm-oc-prichut { margin: 0; padding: 0; border-radius: 16px; overflow: hidden; }
.mm-oc .mm-oc-prichut::before { content: none; }
.mm-oc .mm-oc-prichut > a, .mm-oc .mm-oc-prichut > span { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; min-height: 230px; padding: 18px 14px; color: var(--mm-oc-tmava); text-align: center; text-decoration: none; }
.mm-oc .mm-oc-prichut img { width: 96px; height: 96px; margin-bottom: auto; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, .12); }
.mm-oc .mm-oc-prichut strong { font-size: 18px; color: var(--mm-oc-tmava); }
.mm-oc .mm-oc-prichut > a > span { font-size: 12.5px; color: #4a4038; }
.mm-oc .mm-oc-prichut > a:hover strong { text-decoration: underline; }
@media (max-width: 767px) {
  .mm-oc .mm-oc-prichute__seznam { grid-template-columns: 1fr; }
  .mm-oc .mm-oc-prichut > a, .mm-oc .mm-oc-prichut > span { display: grid; grid-template-columns: 64px 1fr; align-items: center; column-gap: 14px; min-height: 0; text-align: left; }
  .mm-oc .mm-oc-prichut img { grid-row: span 2; width: 64px; height: 64px; margin: 0; }
}

/* Banner – fotka přes celou šířku s textem vlevo */
.mm-oc-banner { position: relative; overflow: hidden; border-radius: 20px; }
.mm-oc-banner > img { display: block; width: 100%; height: 440px; object-fit: cover; object-position: center 30%; }
.mm-oc-banner__text { position: absolute; inset: 0 auto 0 0; display: flex; flex-direction: column; justify-content: center; max-width: 540px; padding: 32px 36px; background: linear-gradient(90deg, rgba(20, 18, 16, .86), rgba(20, 18, 16, .55) 70%, rgba(20, 18, 16, 0)); }
.mm-oc .mm-oc-banner__text .mm-oc-nadpis, .mm-oc .mm-oc-banner__text strong, .mm-oc .mm-oc-banner__text li { color: #fff; }
.mm-oc .mm-oc-banner__text p { color: #efe7dc; font-size: 14px; }
.mm-oc-banner__text .btn { align-self: flex-start; }
@media (max-width: 767px) {
  .mm-oc-banner > img { height: 260px; }
  .mm-oc-banner__text { position: static; max-width: none; padding: 20px 16px; background: var(--mm-oc-cerna); }
}

/* Tmavá sekce s infografikou (GCTGmax) */
.mm-oc-tma { padding: 0 0 20px; border-radius: 20px; background: #141210; }
.mm-oc-tma .mm-oc-velky { border-radius: 20px 20px 0 0; }
.mm-oc .mm-oc-tma p, .mm-oc .mm-oc-tma strong { color: #e8dfd2; }
.mm-oc .mm-oc-tma p { padding: 0 16px; }


/* Příprava – 3 fotky */
.mm-oc .mm-oc-kroky { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.mm-oc .mm-oc-kroky li { margin: 0; padding: 0; }
.mm-oc .mm-oc-kroky li::before { content: none; }
.mm-oc .mm-oc-kroky img { display: block; width: 100%; height: 230px; object-fit: cover; border-radius: 14px; }
.mm-oc .mm-oc-kroky strong { display: block; margin-top: 10px; font-size: 15px; }
.mm-oc .mm-oc-kroky span { font-size: 13px; color: #5a4f47; }
.mm-oc .mm-oc-kroky-text { margin: 12px 0; padding-left: 20px; }
.mm-oc .mm-oc-kroky-text li { margin: 0 0 8px; font-size: 14px; }
@media (max-width: 767px) { .mm-oc .mm-oc-kroky { grid-template-columns: 1fr; } .mm-oc .mm-oc-kroky img { height: 200px; } }

/* Tabulky (srovnání za den, složení) */
.mm-oc-tabulka-obal { overflow-x: auto; }
.mm-oc .mm-oc-tabulka { width: 100%; border-collapse: collapse; font-size: 14px; color: var(--mm-oc-tmava); }
.mm-oc .mm-oc-tabulka th, .mm-oc .mm-oc-tabulka td { padding: 10px 8px; border: 0; border-bottom: 1px solid #e4d8c8; text-align: left; background: none; }
.mm-oc .mm-oc-tabulka th { font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #8a7d72; }
.mm-oc .mm-oc-tabulka__nase td { background: var(--mm-oc-krem); font-weight: 700; }
.mm-oc .mm-oc-tabulka--slozeni td:not(:first-child), .mm-oc .mm-oc-tabulka--slozeni th:not(:first-child) { white-space: nowrap; }
@media (max-width: 479px) { .mm-oc .mm-oc-tabulka { font-size: 12px; } .mm-oc .mm-oc-tabulka th, .mm-oc .mm-oc-tabulka td { padding: 8px 4px; } }

/* Rozbalovací bloky (složení, dotazy na detailu) */
.mm-oc .mm-oc-rozbal { border-bottom: 1px solid #e4d8c8; }
.mm-oc .mm-oc-rozbal summary { padding: 12px 0; cursor: pointer; font-weight: 700; }
.mm-oc .mm-oc-rozbal p { margin: 0 0 12px; font-size: 14px; }

/* Časté dotazy a SEO text v kategorii */
.mm-oc-dotazy__obrazek img { border-radius: 16px; object-fit: cover; }
.mm-oc-seo { padding: 24px; border-radius: 16px; background: var(--mm-oc-krem); }
.mm-oc-seo h3 { margin: 14px 0 6px; font-size: 17px; color: var(--mm-oc-tmava); }

/* Části jen pro předplatné / jen pro jednorázový nákup (body[data-mm-druh] nastaví MMclaude.js) */
.mm-oc-jen-predplatne { display: none; }
body[data-mm-druh="predplatne"] .mm-oc-jen-predplatne { display: grid; }
body[data-mm-druh="predplatne"] .mm-oc-jen-jednorazove { display: none; }
@media (max-width: 767px) { body[data-mm-druh="predplatne"] .mm-oc-jen-predplatne { display: grid; grid-template-columns: 1fr; } }

/* ---------- Detail produktu: přepínač balení, příchutě, cena za den v barvách značky ---------- */
body[data-mm-detail="orca-collagen"] .mm-velikosti__volba { border-radius: 12px; border-color: #ddd1c3; color: #2b2622; }
body[data-mm-detail="orca-collagen"] a.mm-velikosti__volba:hover { border-color: #2b2622; color: #2b2622; }
body[data-mm-detail="orca-collagen"] .mm-velikosti__volba--vybrana { border-color: #2b2622; background: #f6f0e8; color: #2b2622; }
body[data-mm-detail="orca-collagen"] .mm-velikosti__volba span { font-size: 11.5px; color: #6e625a; }
body[data-mm-detail="orca-collagen"] .mm-varianta { border-color: #ddd1c3; }
body[data-mm-detail="orca-collagen"] #simple-variants.mm-varianty label.advanced-parameter:hover .mm-varianta,
body[data-mm-detail="orca-collagen"] #simple-variants.mm-varianty label.advanced-parameter:has(input:checked) .mm-varianta { border-color: #2b2622; box-shadow: inset 0 0 0 1px #2b2622; }
body[data-mm-detail="orca-collagen"] #simple-variants.mm-varianty label.advanced-parameter:has(input:focus-visible) .mm-varianta { outline-color: #b08d57; }
body[data-mm-detail="orca-collagen"] .mm-detail-porce { color: #9a6b2c; }
body[data-mm-detail="orca-collagen"] .mm-detail-duvera li { background: #f6f0e8; color: #2b2622; }
body[data-mm-detail="orca-collagen"] .mm-detail-duvera img { padding: 0; background: none; }

/* ---------- Orca Collagen – hodnocení (vykreslí MMclaude.js do [data-mm-recenze="orca-collagen"]) ---------- */
.mm-oc-recenze:not(.mm-recenze--hotovo):not(:has(.mm-recenze--hotovo)) { display: none; }
.mm-oc-recenze .mm-recenze__nadpis { margin: 0; font-size: 28px; font-weight: 800; color: #2b2622; text-align: center; }
.mm-oc-recenze .mm-recenze__prumer { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #45474b; }
.mm-oc-recenze .mm-recenze__prumer strong { color: #2b2622; }
.mm-oc-recenze .mm-hvezdy__plne { color: #b08d57; }
.mm-oc-recenze .mm-recenze__pruh { background: #e6e6e6; }
.mm-oc-recenze .mm-recenze__pruh span { background: #b08d57; }
.mm-oc-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-oc-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-oc-recenze .mm-recenze__zdroj { margin: 0; font-size: 12px; color: #6a6d72; }
.mm-oc-recenze .mm-recenze__prazdne { max-width: 560px; margin: 0; font-size: 16px; color: #45474b; }
.mm-oc-recenze .mm-recenze__seznam { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.mm-oc-recenze .mm-recenze__polozka { padding: 16px 18px; border: 1px solid #e3e3e3; border-radius: 8px; background: #fff; }
.mm-oc-recenze .mm-recenze__polozka::before { content: none; }
.mm-oc-recenze .mm-recenze__polozka[hidden],
.mm-oc-recenze .mm-recenze__vice[hidden] { display: none; }
.mm-oc-recenze .mm-recenze__autor { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; font-size: 14px; }
.mm-oc-recenze .mm-recenze__text { margin: 8px 0 0; font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
.mm-oc-recenze .mm-recenze__odpoved { margin: 10px 0 0; padding: 10px 12px; border-left: 3px solid #b08d57; background: #f6f6f6; font-size: 13px; color: #45474b; }
.mm-oc-recenze .mm-recenze__vice {
  margin: 0;
  min-height: 44px;
  padding: 0 22px;
  border: 2px solid #2b2622;
  border-radius: 30px;
  background: #fff;
  color: #2b2622;
  font: inherit;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
}
.mm-oc-recenze .mm-recenze__vice.mm-recenze__napsat { background: #2b2622; border-color: #2b2622; color: #fff; }
@media (max-width: 991px) { .mm-oc-recenze .mm-recenze__seznam { grid-template-columns: 1fr; } }
@media (max-width: 479px) { .mm-oc-recenze .mm-recenze__nadpis { font-size: 22px; } }
.mm-oc-pul--tma .mm-oc-pul__obrazek img { max-height: 400px; object-fit: contain; background: #fff; }

.mm-oc .mm-oc-pul__text .btn { margin: 4px 6px 4px 0; }
/* ---------- Orca Collagen – doplňky (krémová, zlatá, černá; nadpisy tenké + tučné slovo) ---------- */
/* Hero: žena je na fotce vlevo → na počítači fotka vlevo (2/3) a text vpravo na krémovém pozadí */
@media (min-width: 992px) {
  body[data-mm-znacka="orca-collagen"] .mm-oc-hero .mm-slider.category-headline__image { left: calc((100vw - 100%) / -2); right: 34%; }
  body[data-mm-znacka="orca-collagen"] .mm-oc-hero .category-headline__content { max-width: 32%; margin-left: auto; }
  body[data-mm-znacka="orca-collagen"] .mm-oc-hero .mm-slider__snimek img,
  body[data-mm-znacka="orca-collagen"] .mm-oc-hero .mm-slider__nahradni { object-position: left center; }
  /* Proužek hodnocení: šablona ho protahuje bílým pruhem doleva přes celou šířku – u textu vpravo by ležel přes fotku */
  .mm-oc-hero .category-headline__rating { padding: 8px 18px; border-radius: 30px; background: #fff; }
  .mm-oc-hero .category-headline__rating::before { content: none; }
}
.mm-oc-hero .btn, .mm-oc .btn { border-radius: 4px; letter-spacing: .06em; text-transform: uppercase; font-size: 13px; }
.btn.mm-oc-btn { background: var(--mm-oc-zlata); color: #fff; }
.btn.mm-oc-btn:hover { background: var(--mm-oc-zlata-tmava); color: #fff; }
.btn.mm-oc-btn-obrys { background: transparent; border: 1.5px solid var(--mm-oc-zlata); color: var(--mm-oc-zlata-tmava); }
.btn.mm-oc-btn-obrys:hover { background: var(--mm-oc-zlata); color: #fff; }
.mm-oc-duvera li { background: #fff; border: 1px solid #eadfd2; }
.mm-oc .mm-oc-nadtitul { margin: 0 0 6px; font-size: 11.5px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--mm-oc-zlata); }
.mm-oc .mm-oc-zvyrazneni { margin-top: 10px; font-size: 18px; font-weight: 700; color: var(--mm-oc-tmava); }
.mm-oc .mm-oc-ikony--vlevo { justify-content: flex-start; }
.mm-oc .mm-oc-ikony--vlevo li { width: 96px; }
.mm-oc .mm-oc-ikony img { width: 48px; height: 48px; }
.mm-oc-pul--obracene .mm-oc-pul__text { order: -1; }
.mm-oc-pul__obrazek img { max-height: 540px; object-fit: cover; object-position: center 30%; }
.mm-oc-pul--tma .mm-oc-pul__obrazek img { background: none; }
@media (max-width: 767px) { .mm-oc-pul__obrazek img { max-height: 380px; } }
.mm-oc .mm-oc-pul--tma .mm-oc-nadtitul { color: #d9b878; }

/* Tmavá infografika 8 000 mg přes celou šířku + dvě čísla pod ní */
.mm-oc-tma { padding: 0 0 18px; overflow: hidden; border-radius: 20px; background: var(--mm-oc-cerna); text-align: center; }
.mm-oc-tma > img { display: block; width: 100%; max-width: 760px; height: auto; margin: 0 auto; }
.mm-oc .mm-oc-dvojice { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 36px; margin: 14px 0 0; padding: 0; list-style: none; }
.mm-oc .mm-oc-dvojice li { margin: 0; padding: 0; font-size: 13px; color: #d9cfc3; }
.mm-oc .mm-oc-dvojice li::before { content: none; }
.mm-oc .mm-oc-dvojice strong { display: block; font-size: 24px; font-weight: 300; color: #d9b878; }
.mm-oc .mm-oc-pul__text .mm-oc-dvojice { justify-content: flex-start; }

/* Karty zdrojů (jako Vilgain): text nahoře, velká fotka dole */
.mm-oc .mm-oc-zdroje { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.mm-oc-sekce > .mm-oc-tma + .mm-oc-zdroje { margin-top: 16px; }
.mm-oc .mm-oc-karta { display: flex; flex-direction: column; overflow: hidden; border: 1px solid #eadfd2; border-radius: 12px; background: #fff; }
.mm-oc .mm-oc-karta__text { padding: 22px 24px 14px; }
.mm-oc .mm-oc-karta h3 { margin: 0 0 8px; font-size: 20px; color: var(--mm-oc-tmava); }
.mm-oc .mm-oc-karta p { margin: 0 0 6px; font-size: 14px; }
.mm-oc .mm-oc-karta > img { display: block; width: 100%; height: 260px; margin-top: auto; object-fit: cover; }
.mm-oc-svetla { padding: 32px 28px; border-radius: 20px; background: var(--mm-oc-krem); }
@media (max-width: 767px) {
  .mm-oc .mm-oc-zdroje { grid-template-columns: 1fr; }
  .mm-oc .mm-oc-karta > img { height: 200px; }
  .mm-oc-svetla { padding: 22px 14px; }
}

/* Kolagen je základ: řádky se zlatým nadpisem a schváleným tvrzením, 6 látek */
.mm-oc .mm-oc-tvrzeni { margin: 14px 0 0; padding: 0; list-style: none; }
.mm-oc .mm-oc-tvrzeni li { display: flex; gap: 14px; align-items: flex-start; margin: 0; padding: 12px 0; border-top: 1px solid #e4d3b6; }
.mm-oc .mm-oc-tvrzeni li::before { content: none; }
.mm-oc .mm-oc-tvrzeni img { flex: 0 0 40px; width: 40px; height: 40px; }
.mm-oc .mm-oc-tvrzeni span { font-size: 14px; line-height: 1.5; color: #5a4f47; }
.mm-oc .mm-oc-tvrzeni strong { display: block; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--mm-oc-zlata); }
.mm-oc .mm-oc-latky { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin: 20px 0 0; padding: 0; list-style: none; }
.mm-oc .mm-oc-latky li { margin: 0; padding: 14px 6px; border: 1px solid #eadfd2; border-radius: 10px; background: #fff; font-size: 12px; line-height: 1.3; text-align: center; color: #5a4f47; }
.mm-oc .mm-oc-latky li::before { content: none; }
.mm-oc .mm-oc-latky strong { display: block; margin-bottom: 4px; font-size: 18px; font-weight: 700; color: var(--mm-oc-zlata-tmava); }
@media (max-width: 767px) { .mm-oc .mm-oc-latky { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Banner: text vpravo na krémovém přechodu (žena na fotkách je vlevo) */
.mm-oc-banner > img { height: 460px; object-position: left center; }
.mm-oc-banner__text { inset: 0 0 0 auto; max-width: 520px; padding: 32px 40px 32px 90px; background: linear-gradient(270deg, rgba(246, 240, 232, .96) 55%, rgba(246, 240, 232, 0)); }
.mm-oc .mm-oc-banner__text .mm-oc-nadpis, .mm-oc .mm-oc-banner__text strong, .mm-oc .mm-oc-banner__text li { color: var(--mm-oc-tmava); }
.mm-oc .mm-oc-banner__text p { color: #5a4f47; font-size: 15px; }
@media (max-width: 767px) {
  .mm-oc-banner > img { height: 240px; }
  .mm-oc-banner__text { padding: 20px 16px; background: var(--mm-oc-krem); }
}

/* Příchutě: 4 karty s fotkou krabičky a nápoje; na detailu kolečka */
.mm-oc .mm-oc-prichute__seznam { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mm-oc .mm-oc-prichute__seznam li { margin: 0; padding: 0; overflow: hidden; border: 1px solid #eadfd2; border-radius: 12px; background: #fff; }
.mm-oc .mm-oc-prichute__seznam li::before { content: none; }
.mm-oc .mm-oc-prichute__seznam a { display: flex; flex-direction: column; gap: 2px; padding: 0 0 14px; color: var(--mm-oc-tmava); text-align: center; text-decoration: none; }
.mm-oc .mm-oc-prichute__seznam img { display: block; width: 100%; height: 180px; margin-bottom: 8px; object-fit: contain; background: #fff; }
.mm-oc .mm-oc-prichute__seznam strong { font-size: 16px; }
.mm-oc .mm-oc-prichute__seznam span { padding: 0 10px; font-size: 12.5px; color: #6e625a; }
.mm-oc .mm-oc-prichute__seznam a:hover strong { text-decoration: underline; }
.mm-oc .mm-oc-prichute__kolecka { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; text-align: center; }
.mm-oc .mm-oc-prichute__kolecka li { margin: 0; padding: 0; font-size: 13px; color: #6e625a; }
.mm-oc .mm-oc-prichute__kolecka li::before { content: none; }
.mm-oc .mm-oc-prichute__kolecka img { display: block; width: 80px; height: 80px; margin: 0 auto 6px; }
.mm-oc .mm-oc-prichute__kolecka strong { display: block; font-size: 15px; color: var(--mm-oc-tmava); }
@media (max-width: 767px) {
  .mm-oc .mm-oc-prichute__seznam, .mm-oc .mm-oc-prichute__kolecka { grid-template-columns: 1fr 1fr; }
  .mm-oc .mm-oc-prichute__seznam img { height: 120px; }
}

/* Příprava: 3 fotky na výšku, kroky výroby */
.mm-oc .mm-oc-kroky img { height: 340px; object-position: center 60%; }
@media (max-width: 767px) { .mm-oc .mm-oc-kroky img { height: 240px; } }
.mm-oc .mm-oc-cisla-kroku { margin: 10px 0 14px; padding-left: 0; list-style: none; }
.mm-oc .mm-oc-cisla-kroku li { margin: 0 0 6px; font-size: 14px; color: #5a4f47; }
.mm-oc .mm-oc-cisla-kroku li::before { content: none; }
.mm-oc .mm-oc-cisla-kroku strong { color: var(--mm-oc-zlata-tmava); }

/* Předplatné: cena, přeškrtnutá cena, 4 výhody */
.mm-oc-predplatne { padding: 32px; border-radius: 20px; background: var(--mm-oc-krem); }
.mm-oc .mm-oc-cena-predplatne { margin: 10px 0 0; font-size: 44px; font-weight: 800; line-height: 1; color: var(--mm-oc-tmava); }
.mm-oc .mm-oc-cena-predplatne small { font-size: 16px; font-weight: 400; color: #6e625a; }
.mm-oc .mm-oc-sleva { margin: 4px 0 12px; font-size: 15px; }
.mm-oc .mm-oc-vyhody { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0 0 16px; padding: 0; list-style: none; }
.mm-oc .mm-oc-vyhody li { margin: 0; padding: 0 8px 0 0; border-right: 1px solid #e4d3b6; font-size: 12px; line-height: 1.35; color: #5a4f47; }
.mm-oc .mm-oc-vyhody li:last-child { border-right: 0; }
.mm-oc .mm-oc-vyhody li::before { content: none; }
.mm-oc .mm-oc-vyhody strong { display: block; font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--mm-oc-zlata-tmava); }
.mm-oc .mm-oc-pul--tma .mm-oc-vyhody li { color: #d9cfc3; border-color: #4a4038; }
.mm-oc .mm-oc-pul--tma .mm-oc-vyhody strong { color: #d9b878; }
body[data-mm-predplatne="ano"] .mm-oc-pul.mm-jen-predplatne { display: grid !important; }
@media (max-width: 767px) {
  .mm-oc-predplatne { padding: 20px 16px; }
  .mm-oc .mm-oc-vyhody { grid-template-columns: 1fr 1fr; }
  .mm-oc .mm-oc-vyhody li { border-right: 0; }
}

/* Výsledky (karta nad hodnocením) */
.mm-oc-vysledky { max-width: 720px; margin-left: auto; margin-right: auto; padding: 24px 20px; border: 1px solid #e4d3b6; border-radius: 12px; background: #fff; text-align: center; }
.mm-oc .mm-oc-vysledky p { margin: 0; }
.mm-oc .mm-oc-vysledky .mm-oc-nadpis { margin-bottom: 6px; }

/* Časté dotazy ve 3 skupinách */
.mm-oc .mm-oc-otazky__skupiny { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 28px; }
.mm-oc .mm-oc-otazky .mm-oc-nadtitul { margin-top: 12px; }
.mm-oc .mm-oc-rozbal summary { font-size: 14.5px; color: var(--mm-oc-tmava); }
.mm-oc .mm-oc-dalsi { margin-top: 18px; }
@media (max-width: 991px) { .mm-oc .mm-oc-otazky__skupiny { grid-template-columns: 1fr; } }

/* Úvod detailu – čísla */
.mm-oc .mm-oc-cisla strong { color: var(--mm-oc-zlata-tmava); }

/* Hodnocení v barvách značky */
.mm-oc-recenze .mm-hvezdy__plne { color: #c9a45c; }
.mm-oc-recenze .mm-recenze__pruh span { background: #c9a45c; }
.mm-oc-recenze .mm-recenze__odpoved { border-left-color: #c9a45c; }
.mm-oc-recenze .mm-recenze__vice { border-radius: 4px; border-color: #b08d57; color: #9a6b2c; }
.mm-oc-recenze .mm-recenze__vice.mm-recenze__napsat { background: #b08d57; border-color: #b08d57; color: #fff; }

/* Složení po příchutích (společné styly jsou černo-žluté jako Proteinathor) */
body[data-mm-detail="orca-collagen"] .mm-slozeni__volby { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 520px; }
body[data-mm-detail="orca-collagen"] .mm-slozeni__volba[aria-selected="true"] { border-color: #b08d57; background: #f6f0e8; }
body[data-mm-detail="orca-collagen"] .mm-slozeni__tabulka th { background: #2b2622; color: #e8d3a6; }

/* SEO text */
.mm-oc-seo { background: var(--mm-oc-krem); }

/* Jednotná tlačítka (25. 10.): hlavní tmavé zaoblené jako Do košíku a karty nabídky, vedlejší tmavý obrys.
   Zlatá zůstává jen jako doplňková barva (nadtitulky, hvězdy, čísla). */
.mm-oc-hero .btn, .mm-oc .btn { min-height: 46px; padding: 12px 26px; border-radius: 30px; letter-spacing: 0; text-transform: none; font-size: 14px; font-weight: 700; }
/* 29. 10. (AUTOR): tlačítka čistě černá – tmavě hnědošedá #2b2622 zůstává jen v textech */
.btn.mm-oc-btn { background: #000; color: #fff; }
.btn.mm-oc-btn:hover { background: #333; color: #fff; }
.btn.mm-oc-btn-obrys { background: transparent; border: 2px solid #000; color: #000; }
.btn.mm-oc-btn-obrys:hover { background: #000; color: #fff; }
/* (hodnocení na detailu je mimo .mm-oc, kde proměnné barev nejsou – proto barvy přímo) */
.mm-oc-recenze .mm-recenze__vice { border-radius: 30px; border-color: #000; color: #000; }
.mm-oc-recenze .mm-recenze__vice.mm-recenze__napsat { background: #000; border-color: #000; color: #fff; }

/* Nadpisy šablony převedené na „tenké + tučné“ (MMclaude.js › nadpisyVeStyluZnacky); třída 3× kvůli pravidlům
   šablony typu .h4.homepage-group-title */
body h2.mm-oc-nadpis-sablona.mm-oc-nadpis-sablona.mm-oc-nadpis-sablona { color: #2b2622; font-size: 28px; font-weight: 300; line-height: 1.2; letter-spacing: 0; text-transform: none; }
body h2.mm-oc-nadpis-sablona.mm-oc-nadpis-sablona.mm-oc-nadpis-sablona strong { font-weight: 800; }
@media (max-width: 767px) { body h2.mm-oc-nadpis-sablona.mm-oc-nadpis-sablona.mm-oc-nadpis-sablona { font-size: 23px; } }

/* Infografika látek a kolečka příchutí i v kategorii (stejné jako na detailu) */
.mm-oc .mm-oc-pul + .mm-oc-velky { max-width: 960px; margin: 20px auto 0; }
.mm-oc .mm-oc-velky + .mm-oc-stred { margin-top: 16px; }
.mm-oc .mm-oc-prichute__kolecka a { display: block; color: inherit; text-decoration: none; }
.mm-oc .mm-oc-prichute__kolecka a:hover strong { text-decoration: underline; }
.mm-oc .mm-oc-prichute__kolecka span { display: block; }
@media (min-width: 768px) { .mm-oc .mm-oc-prichute__kolecka img { width: 96px; height: 96px; } .mm-oc .mm-oc-prichute__kolecka strong { font-size: 16px; } }

/* Hodnocení přesunuté pod popis detailu (MMclaude.js › presunRecenzeNaDetailu) */
.mm-recenze-detail { margin: 48px 0; }

/* Orca Collagen – vlastní dlouhý popis předplatného (html/orca-collagen-predplatne-popis.html, .mm-oc-predpl) */
.mm-oc-predpl-kroky ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; counter-reset: mm-oc-krok; }
.mm-oc .mm-oc-predpl-kroky li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 0; padding: 22px 14px 18px; border: 1px solid #eadfd2; border-radius: 16px; font-size: 14px; line-height: 1.4; text-align: center; color: #5a4f47; counter-increment: mm-oc-krok; }
.mm-oc .mm-oc-predpl-kroky li::before { content: counter(mm-oc-krok); position: absolute; top: 10px; left: 12px; width: 24px; height: 24px; border-radius: 50%; background: var(--mm-oc-zlata); color: #fff; font-size: 13px; font-weight: 700; line-height: 24px; text-align: center; }
.mm-oc .mm-oc-predpl-kroky img { width: 48px; height: 48px; margin: 0 0 6px; }
.mm-oc .mm-oc-predpl-kroky li strong { font-size: 16px; color: var(--mm-oc-tmava); }
/* Úvod předplatného je v užším sloupci vedle nákupního panelu – 4 výhody po dvou */
.mm-oc-predpl .mm-oc-pul--tma .mm-oc-vyhody { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
.mm-oc-predpl .mm-oc-pul--tma .mm-oc-vyhody li:nth-child(2n) { border-right: 0; }
.mm-oc-predpl-osa__body { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 8px 0 18px; padding: 0; list-style: none; }
.mm-oc-predpl-osa__body::before { content: ""; position: absolute; top: 9px; left: 10px; right: 0; height: 2px; background: #d9c9b0; }
.mm-oc .mm-oc-predpl-osa__body li { position: relative; display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 30px 0 0; font-size: 13px; line-height: 1.35; color: #5a4f47; }
.mm-oc .mm-oc-predpl-osa__body li::before { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: var(--mm-oc-zlata); }
.mm-oc .mm-oc-predpl-osa__body li.mm-oc-predpl-osa__dnes::before { background: var(--mm-oc-tmava); }
.mm-oc .mm-oc-predpl-osa__body li.mm-oc-predpl-osa__dal::before { background: #fff; border: 2px solid var(--mm-oc-zlata); box-sizing: border-box; }
.mm-oc .mm-oc-predpl-osa__body span { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--mm-oc-zlata-tmava); }
.mm-oc .mm-oc-predpl-osa__body strong { font-size: 22px; font-weight: 800; color: var(--mm-oc-tmava); }
.mm-oc-predpl-uspora ul { display: flex; flex-direction: column; gap: 12px; max-width: 640px; margin: 0 auto; padding: 0; list-style: none; }
.mm-oc .mm-oc-predpl-uspora li { display: grid; grid-template-columns: 90px 1fr 90px; gap: 14px; align-items: center; margin: 0; padding: 0; font-size: 14px; font-weight: 700; }
.mm-oc .mm-oc-predpl-uspora li::before { content: none; }
.mm-oc .mm-oc-predpl-uspora li > strong { font-size: 18px; text-align: right; white-space: nowrap; color: var(--mm-oc-tmava); }
.mm-oc .mm-oc-predpl-uspora li:last-child > strong { color: var(--mm-oc-zlata-tmava); }
.mm-oc-predpl-uspora__pruh { display: block; height: 28px; border-radius: 6px; background: var(--mm-oc-krem); overflow: hidden; }
.mm-oc-predpl-uspora__pruh span { display: block; height: 100%; border-radius: 6px; background: var(--mm-oc-zlata); }
.mm-oc-predpl-blok { display: flex; gap: 20px; align-items: flex-start; }
.mm-oc-predpl-blok > img { flex: 0 0 56px; width: 56px; height: 56px; }
.mm-oc .mm-oc-predpl-blok p { font-size: 14px; }
.mm-oc-predpl-loga { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; padding: 0; list-style: none; }
.mm-oc .mm-oc-predpl-loga li { margin: 0; padding: 4px 12px; border: 1px solid #d9c9b0; border-radius: 20px; background: #fff; font-size: 12px; font-weight: 700; color: #5a4f47; }
.mm-oc .mm-oc-predpl-loga li::before { content: none; }
.mm-oc-predpl-cesty { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 14px; padding: 0; list-style: none; }
.mm-oc .mm-oc-predpl-cesty li { display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 0; padding: 18px 12px; border-radius: 16px; background: var(--mm-oc-krem); font-size: 13px; line-height: 1.4; text-align: center; color: #5a4f47; }
.mm-oc .mm-oc-predpl-cesty li::before { content: none; }
.mm-oc .mm-oc-predpl-cesty img { width: 40px; height: 40px; margin: 0 0 4px; }
.mm-oc .mm-oc-predpl-cesty strong { font-size: 15px; color: var(--mm-oc-tmava); }
.mm-oc-predpl-fajfky { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 24px; margin: 0; padding: 0; list-style: none; }
.mm-oc .mm-oc-predpl-fajfky li { margin: 0; padding: 0; font-size: 14px; font-weight: 700; }
.mm-oc .mm-oc-predpl-fajfky li::before { content: "✓ "; color: var(--mm-oc-zlata); }
.mm-oc-predpl-prechod { margin-top: 64px; }
/* Doprava zdarma – výhoda jen předplatného Orca, zvýrazněná zlatým pruhem */
.mm-oc-predpl-doprava { display: flex; gap: 22px; align-items: center; padding: 24px 28px; border: 2px solid var(--mm-oc-zlata); border-radius: 20px; background: #efe0bb; }
.mm-oc-predpl-doprava > img { flex: 0 0 64px; width: 64px; height: 64px; }
.mm-oc .mm-oc-predpl-doprava .mm-oc-nadpis { margin-bottom: 4px; }
.mm-oc .mm-oc-predpl-doprava p { margin: 0; font-size: 14px; }
.mm-oc .mm-oc-predpl-doprava .mm-oc-nadtitul { margin-bottom: 4px; color: var(--mm-oc-zlata-tmava); }
.mm-oc .mm-oc-stitek-doprava { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 10px; background: var(--mm-oc-zlata); color: #fff; font-size: 11px; font-weight: 700; white-space: nowrap; vertical-align: middle; }
@media (max-width: 767px) {
  .mm-oc-predpl-kroky ol, .mm-oc-predpl-cesty { grid-template-columns: 1fr; }
  .mm-oc-predpl-osa__body { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; }
  .mm-oc-predpl-osa__body::before { display: none; }
  .mm-oc .mm-oc-predpl-uspora li { grid-template-columns: 70px 1fr auto; gap: 10px; }
  .mm-oc-predpl-blok { flex-direction: column; gap: 10px; }
  .mm-oc-predpl-prechod { margin-top: 44px; }
  .mm-oc-predpl-doprava { flex-direction: column; align-items: flex-start; gap: 10px; padding: 20px 16px; }
}

/* Orca: 2 zdroje kolagenu jako infografika v tmavém bloku pod obrázkem 8 000 mg (místo fotek ryb a prasat) */
.mm-oc .mm-oc-zdroje2 { display: grid; grid-template-columns: 1fr auto 1fr; gap: 16px 20px; align-items: stretch; max-width: 900px; margin: 18px auto 6px; padding: 0 24px; text-align: left; }
.mm-oc .mm-oc-zdroj { padding: 22px 24px; border: 1px solid #4a4038; border-radius: 16px; background: #1e1b18; }
.mm-oc .mm-oc-zdroj > img { display: block; width: 44px; height: 44px; margin: 0 0 10px; }
.mm-oc .mm-oc-tma .mm-oc-zdroj .mm-oc-nadtitul { margin: 0; padding: 0; color: #d9b878; }
.mm-oc .mm-oc-tma .mm-oc-zdroj__mg { margin: 2px 0 0; padding: 0; font-size: 34px; font-weight: 300; line-height: 1.1; color: #e8d3a6; }
.mm-oc .mm-oc-zdroj h3 { margin: 2px 0 10px; font-size: 20px; color: #fff; }
.mm-oc .mm-oc-zdroj ul { margin: 0; padding: 0; list-style: none; }
.mm-oc .mm-oc-zdroj li { position: relative; margin: 0 0 6px; padding: 0 0 0 18px; font-size: 13.5px; line-height: 1.45; color: #d9cfc3; }
.mm-oc .mm-oc-zdroj li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #d9b878; font-weight: 800; }
.mm-oc .mm-oc-tma .mm-oc-zdroje2__plus { align-self: center; margin: 0; padding: 0; font-size: 36px; font-weight: 300; color: #d9b878; }
.mm-oc .mm-oc-tma .mm-oc-zdroje2__soucet { grid-column: 1 / -1; margin: 4px 0 0; padding: 0; text-align: center; font-size: 15px; color: #d9cfc3; }
.mm-oc .mm-oc-tma .mm-oc-zdroje2__soucet strong { color: #e8d3a6; font-size: 20px; }
@media (max-width: 767px) {
  .mm-oc .mm-oc-zdroje2 { grid-template-columns: 1fr; gap: 10px; padding: 0 14px; }
  .mm-oc .mm-oc-tma .mm-oc-zdroje2__plus { justify-self: center; font-size: 28px; line-height: 1; }
  .mm-oc .mm-oc-zdroj { padding: 18px; }
}

/* Orca: 3 kroky přípravy – jedna fotka a očíslované kroky (místo tří skoro stejných fotek) */
.mm-oc .mm-oc-kroky2 { display: grid; grid-template-columns: 300px 1fr; gap: 32px; align-items: center; max-width: 900px; margin: 0 auto; }
.mm-oc .mm-oc-kroky2 > img { display: block; width: 100%; height: 380px; object-fit: cover; object-position: center 60%; border-radius: 16px; }
.mm-oc .mm-oc-kroky2 ol { margin: 0; padding: 0; list-style: none; counter-reset: mm-krok; }
.mm-oc .mm-oc-kroky2 li { position: relative; margin: 0 0 22px; padding: 4px 0 0 72px; min-height: 52px; counter-increment: mm-krok; }
.mm-oc .mm-oc-kroky2 li:last-child { margin-bottom: 0; }
.mm-oc .mm-oc-kroky2 li::before { content: counter(mm-krok); position: absolute; left: 0; top: 0; width: 52px; height: 52px; border-radius: 50%; background: var(--mm-oc-tmava); color: #e8d3a6; font-size: 24px; font-weight: 800; line-height: 52px; text-align: center; }
.mm-oc .mm-oc-kroky2 li:not(:last-child)::after { content: ""; position: absolute; left: 25px; top: 58px; bottom: -18px; width: 2px; background: #e4d3b6; }
.mm-oc .mm-oc-kroky2 strong { display: block; font-size: 18px; color: var(--mm-oc-tmava); }
.mm-oc .mm-oc-kroky2 span { display: block; margin-top: 2px; font-size: 14.5px; line-height: 1.5; color: #5a4f47; }
@media (max-width: 767px) {
  .mm-oc .mm-oc-kroky2 { grid-template-columns: 1fr; gap: 20px; }
  .mm-oc .mm-oc-kroky2 > img { height: 240px; }
  .mm-oc .mm-oc-kroky2 li { padding-left: 62px; }
  .mm-oc .mm-oc-kroky2 li::before { width: 44px; height: 44px; font-size: 20px; line-height: 44px; }
  .mm-oc .mm-oc-kroky2 li:not(:last-child)::after { left: 21px; top: 50px; }
}

/* Orca: graf výsledků studie v sekci „Výsledky už do 2 týdnů“ – 4 malé grafy (každé měření má jiné jednotky,
   proto vlastní měřítko), „bez kolagenu“ šedě (pozadí), „s kolagenem“ zlatě; hodnoty vždy vypsané u pruhu */
.mm-oc-vysledky:has(.mm-oc-graf) { max-width: 1040px; padding: 28px 24px 22px; }
.mm-oc .mm-oc-graf { margin: 20px 0 0; }
.mm-oc .mm-oc-graf__mrizka { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; text-align: left; }
.mm-oc .mm-oc-graf__karta { margin: 0; padding: 16px 16px 14px; border-radius: 12px; background: var(--mm-oc-krem); }
.mm-oc .mm-oc-graf__karta::before { content: none; }
.mm-oc .mm-oc-vysledky .mm-oc-graf__zmena { margin: 0; font-size: 30px; font-weight: 800; line-height: 1.1; color: var(--mm-oc-zlata-tmava); }
.mm-oc .mm-oc-graf__karta h3 { margin: 2px 0 12px; font-size: 14px; font-weight: 700; color: var(--mm-oc-tmava); }
.mm-oc .mm-oc-vysledky .mm-oc-graf__radek { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; margin: 0 0 10px; font-size: 12.5px; color: #5a4f47; }
.mm-oc .mm-oc-graf__popis { grid-column: 1 / -1; }
.mm-oc .mm-oc-graf__drah { display: block; height: 10px; align-self: center; }
.mm-oc .mm-oc-graf__pruh { display: block; height: 100%; min-width: 4px; border-radius: 0 4px 4px 0; background: #cdbfae; }
.mm-oc .mm-oc-graf__radek--s .mm-oc-graf__pruh { background: #9a6b2c; }
.mm-oc .mm-oc-graf__hodnota { font-weight: 700; color: var(--mm-oc-tmava); white-space: nowrap; }
.mm-oc .mm-oc-graf figcaption { margin: 12px 0 0; font-size: 12px; line-height: 1.45; color: #8a7d72; text-align: center; }
@media (max-width: 991px) { .mm-oc .mm-oc-graf__mrizka { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 479px) { .mm-oc .mm-oc-graf__mrizka { gap: 8px; } .mm-oc .mm-oc-graf__karta { padding: 12px; } .mm-oc .mm-oc-vysledky .mm-oc-graf__zmena { font-size: 24px; } }

/* Orca Collagen – článek na blogu (html/blog-vysledky-uz-do-2-tydnu.html, obal .mm-oc .mm-oc-clanek) */
.mm-oc-clanek { max-width: 860px; font-size: 16px; line-height: 1.65; }
.mm-oc-clanek h2 { margin: 30px 0 10px; font-size: 24px; color: var(--mm-oc-tmava); }
.mm-oc-clanek .mm-oc-clanek__perex { font-size: 18px; color: var(--mm-oc-tmava); }
.mm-oc-clanek ul { margin: 0 0 14px; padding-left: 20px; }
.mm-oc-clanek li { margin: 0 0 6px; }
.mm-oc-clanek .mm-oc-vysledky { max-width: none; margin: 18px 0 8px; }
.mm-oc-clanek__obrazek { margin: 18px 0; text-align: center; }
.mm-oc-clanek__obrazek img { max-width: 100%; height: auto; border: 1px solid #eadfd2; border-radius: 8px; }
.mm-oc-clanek__obrazek figcaption { margin-top: 6px; font-size: 13px; color: #6e625a; }
.mm-oc-clanek__vyzva { margin: 30px 0 18px; padding: 24px; border-radius: 16px; background: var(--mm-oc-krem); text-align: center; }
.mm-oc-clanek__vyzva .btn { margin: 4px; }
@media (max-width: 767px) { .mm-oc-clanek .mm-oc-graf__mrizka { grid-template-columns: 1fr 1fr; } }


/* Dárky k předplatnému (MMclaude.js › upravDarkyPredplatneho): věta pod nadpisem, štítek na fotce, cena „nebo hned za“ */
.mm-darky .mm-darky__text { margin: -6px 0 18px; font-size: 15px; color: #5a4f47; }
.mm-darky .p a.image { position: relative; }
.mm-darky__stitek { position: absolute; top: 8px; left: 8px; z-index: 2; padding: 4px 10px; border-radius: 30px; background: #2b2622; color: #e8d3a6; font-size: 12px; font-style: normal; font-weight: 700; line-height: 1.3; }
.mm-darky .p .price-final .mm-darky__pred { font-size: 13px !important; font-weight: 400; color: #6e625a; }