/* ==========================================================================
   Fitmin – obsah kategorií (třídy fmn-)

   POZOR: toto CSS je v Shoptetu nahrané pro CELÝ e-shop. Proto:
   - každý selektor musí začínat třídou .fmn-  (nikdy body, *, h1–h6, p, a,
     section, ul, li samostatně – změnily by vzhled celého e-shopu)
   - nepřebíjíme písmo e-shopu (žádné font-family), blok dědí to jeho
   - barvy značky jsou POUZE tyto tři: zelená, hnědá, béžová (+ bílá)
   - velikost běžného textu NENASTAVUJEME – dědí se od e-shopu (font-size
     smí být jen u nadpisů)
   ========================================================================== */

:root{
  
  --fmn-green:#95ac23;
  --fmn-brown:#46140c;
  --fmn-beige:#FEE6C4;

  --fmn-radius:0;

  
    
  --fmn-green-dark:var(--fmn-brown);
  --fmn-brown-soft:var(--fmn-brown);
  --fmn-text:var(--fmn-brown);
  --fmn-text-soft:var(--fmn-brown);
  --fmn-tan:var(--fmn-beige);
  --fmn-tan-line:var(--fmn-beige);
  --fmn-cream:var(--fmn-beige);
  
}

/* ---------- ZÁKLAD (jen uvnitř našich bloků) ---------- */
.fmn-hero,
.fmn-hero *,
.fmn-wrap,
.fmn-wrap *{
  box-sizing:border-box;
}

.fmn-hero,
.fmn-wrap{
  color:var(--fmn-brown);
  line-height:1.6;
}

.fmn-wrap{
  padding:56px 24px 80px;
}

.fmn-wrap section{ margin-bottom:56px; }

.fmn-wrap h2,
.fmn-wrap h3{
  color:var(--fmn-brown);
  margin:0 0 16px;
  line-height:1.2;
}
.fmn-wrap h2{ font-size:26px; }
.fmn-wrap h3{ font-size:22px; }

.fmn-hero p,
.fmn-wrap p,
.fmn-wrap li{
  color:var(--fmn-brown);
}

.fmn-wrap ul{
  list-style:disc;
  margin:0 0 12px;
  padding-left:20px;
}
.fmn-wrap ul li{
  list-style:disc;
  line-height:1.6;
}
.fmn-wrap ul li::marker{ color:var(--fmn-green); }
.fmn-wrap ul li + li{ margin-top:4px; }

.fmn-hero a,
.fmn-wrap a{
  color:var(--fmn-brown);
  font-weight:600;
  text-decoration:none;
  border-bottom:2px solid var(--fmn-green);
}
.fmn-hero a:hover,
.fmn-wrap a:hover{
  color:var(--fmn-brown);
  border-color:var(--fmn-brown);
}

/* ---------- HERO (blok nad produkty) ---------- */
.fmn-hero{
  padding-bottom:36px;
  border-bottom:2px solid var(--fmn-beige);
  margin-bottom:48px;
}
.fmn-hero .fmn-eyebrow{
  display:inline-block;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--fmn-brown);
  font-weight:600;
  background:var(--fmn-beige);
  padding:6px 14px;
  margin-bottom:18px;
}
.fmn-hero p{
  margin:14px auto 0;
}

/* ---------- ÚVOD SEKCE ---------- */

.fmn-section-intro > p{
  margin:0 auto 8px;
}

/* ---------- KARTY (řady / typy produktů) ---------- */
.fmn-lines{
  display:flex;
  flex-direction:column;
  gap:24px;
  margin-top:36px;
}
.fmn-line-card{
  background:#fff;
  border:2px solid var(--fmn-beige);
  border-radius:var(--fmn-radius);
  padding:28px 30px;
  position:relative;
  overflow:hidden;
}
.fmn-line-card::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:6px;
  background:var(--fmn-green);
}
.fmn-line-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  margin-bottom:6px;
}
.fmn-line-head h3{
  font-size:22px;
  margin:0;
}
.fmn-meat-meter{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:180px;
}
.fmn-meat-meter .fmn-meter-track{
  flex:1;
  height:10px;
  background:var(--fmn-beige);
  overflow:hidden;
}
.fmn-meat-meter .fmn-meter-fill{
  height:100%;
  background:var(--fmn-green);
}
.fmn-meat-meter .fmn-meter-label{
  font-weight:600;
  color:var(--fmn-brown);
  white-space:nowrap;
}
.fmn-line-card p{
  margin:14px 0 0;
}
.fmn-line-card .fmn-recipes{
  margin-top:16px;
  padding-top:16px;
  border-top:2px dashed var(--fmn-beige);
}

/* ---------- CALLOUT (jak vybrat) ---------- */
.fmn-callout{
  background:var(--fmn-beige);
  border-radius:var(--fmn-radius);
  padding:32px 34px;
}
.fmn-callout h2{
  margin-bottom:14px;
}
.fmn-callout p + p{ margin-top:12px; }

/* ---------- ODBORNÍCI / ZDROJE + BADGE ---------- */
.fmn-experts{
  display:flex;
  gap:28px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.fmn-experts-text{ flex:1 1 340px; }
.fmn-badges{
  flex:0 0 200px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.fmn-badge{
  background:#fff;
  border:2px solid var(--fmn-beige);
  padding:12px 16px;
  font-weight:600;
  color:var(--fmn-brown);
  text-align:center;
}

/* ---------- FAQ ---------- */
.fmn-faq h2{
  text-align:center;
  margin-bottom:28px;
}
.fmn-faq-item{
  background:#fff;
  border:2px solid var(--fmn-beige);
  margin-bottom:12px;
  overflow:hidden;
}
.fmn-faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:18px 22px;
  font-weight:600;
  color:var(--fmn-brown);
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.fmn-faq-item summary::-webkit-details-marker{ display:none; }
.fmn-faq-item summary::after{
  content:"+";
  font-size:22px;
  color:var(--fmn-green);
  font-weight:600;
  margin-left:16px;
  transition:transform .2s ease;
}
.fmn-faq-item[open] summary::after{ transform:rotate(45deg); }
.fmn-faq-item .fmn-faq-body{
  padding:0 22px 20px;
  color:var(--fmn-brown);
}

/* ---------- ODBORNÉ ZDROJE (citace na konci) ---------- */
.fmn-sources{
  border-top:2px solid var(--fmn-beige);
  padding-top:28px;
}
.fmn-wrap .fmn-sources h2{
  font-size:20px;
}