/* ==========================================================================
   !!! TENTO SUBOR UZ NIE JE ZIVY — ZLUCENY 15.9.2026 !!!
   Obsah je od 15.9.2026 na KONCI biocen-styles.css, sekcia
   "KRATKY POPIS PRODUKTU (.bc-w)". Uprav ho TAM, nie tu.
   Tu zostava len ako historia; <link> na neho uz v poli HEAD nie je
   (bol to samostatna blokujuca poziadavka na kazdej stranke vratane titulky,
   hoci plati len pre detail produktu).
   ========================================================================== */
/* ==========================================================================
   BIOCEN — CSS bloku krátkeho popisu produktu (.bc-w)
   Súbor: user/documents/upload/Head_footer/  |  <link> je v poli HEAD.
   Po každej úprave zvýš ?v=N v tom <link>-u, inak drží CDN cache.

   Toto CSS bolo predtým v <style> vnútri krátkeho popisu KAŽDÉHO z 12
   produktov a tvorilo 40 az 51 % obsahu toho poľa. Shoptet z krátkeho popisu
   skladá meta itemprop="description" pre schema.org/Product a feedy
   pricemania.xml aj universal.xml doňho sypú surové HTML — CSS teda končilo
   v štruktúrovaných dátach aj v produktových exportoch.

   Existovalo v 5 verziách rozídených kopírovaním. Zlúčené do jednej,
   83 selektorov, žiadny konflikt hodnôt. Dva skutočné rozdiely:
    - Pillbox nemal spodný odstup na .bc-del (je tam posledný prvok)
      -> rieši pravidlo .bc-w .bc-del:last-child na konci súboru,
    - Pillbox nemal 4 nepoužívané CSS premenné -> pridané, bez vplyvu.

   POZOR pri úpravách: .bc-ch{color:inherit} a .bc-ch-vegan{color:#2e7d32}
   majú rovnakú špecificitu, takže rozhoduje poradie. Pravidlá .bc-ch-* musia
   zostať ZA .bc-ch, inak čipy stratia farbu.

   Do krátkeho popisu produktu sa toto UŽ NESMIE vracať.
   ========================================================================== */
.bc-w{--bc-dark:#003B3D;--bc-green:#4FAA46;--bc-copper:#C48349;--bc-cream:#F4F2EA;--bc-sage:#CAE0D6;--bc-muted:#6b7e7f;--bc-line:rgba(0,59,61,.06);--bc-ease:cubic-bezier(.22,1,.36,1);font-family:'Montserrat',system-ui,-apple-system,sans-serif;color:#1a2a2b;line-height:1.6;max-width:100%;font-size:14px}
.bc-w *,.bc-w *::before,.bc-w *::after{box-sizing:border-box;margin:0;padding:0}
@keyframes bcR{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.bc-w>[class]{animation:bcR .7s var(--bc-ease) both}
.bc-w>[class]:nth-child(2){animation-delay:.05s}
.bc-w>[class]:nth-child(3){animation-delay:.1s}
.bc-w>[class]:nth-child(4){animation-delay:.15s}
.bc-w>[class]:nth-child(5){animation-delay:.2s}
.bc-w>[class]:nth-child(6){animation-delay:.25s}
.bc-w>[class]:nth-child(7){animation-delay:.3s}
.bc-intro{font-size:13.5px;line-height:1.75;color:#1a1a1a;margin-bottom:18px}
.bc-del,.bc-use{display:flex;align-items:center;gap:10px;background:var(--bc-cream);border-radius:24px;padding:11px 18px;transition:box-shadow .4s var(--bc-ease)}
.bc-del:hover,.bc-use:hover{box-shadow:0 2px 12px rgba(0,59,61,.06)}
.bc-del{margin-bottom:14px}
.bc-del svg{flex-shrink:0;width:18px;height:18px;color:var(--bc-green);opacity:.8}
.bc-del-txt{font-size:12.5px;color:var(--bc-dark);font-weight:500}
.bc-del-txt strong{font-weight:700;color:var(--bc-green)}
.bc-use svg{flex-shrink:0;width:18px;height:18px;color:var(--bc-copper);opacity:.8}
.bc-use-txt{font-size:12.5px;color:var(--bc-dark);font-weight:500}
.bc-card{border:1px solid var(--bc-line);border-radius:16px;overflow:hidden;margin-bottom:14px;background:#fff;transition:box-shadow .4s var(--bc-ease)}
.bc-card:hover{box-shadow:0 4px 24px rgba(0,59,61,.05)}
.bc-grid{display:grid;grid-template-columns:1fr 1fr}
.bc-c{padding:14px 16px;display:flex;align-items:center;gap:10px}
.bc-c:nth-child(1){border-bottom:1px solid var(--bc-line);border-right:1px solid var(--bc-line)}
.bc-c:nth-child(2){border-bottom:1px solid var(--bc-line)}
.bc-c:nth-child(3){border-right:1px solid var(--bc-line)}
.bc-ic{flex-shrink:0;width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}
.bc-ic svg{width:16px;height:16px}
.bc-ic img{width:18px;height:18px;object-fit:contain}
.bc-ic-1{background:var(--bc-sage);color:var(--bc-dark)}
.bc-ic-2{background:#dcedc8;color:#558b2f}
.bc-ic-3{background:#fde8d0;color:var(--bc-copper)}
.bc-ic-4{background:var(--bc-cream);color:var(--bc-dark)}
.bc-lbl{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--bc-muted);margin-bottom:2px}
.bc-val{font-size:13.5px;font-weight:700;color:var(--bc-dark)}
.bc-bds{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.bc-bd{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:20px;font-size:10.5px;font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:opacity .2s}
.bc-bd:hover{opacity:.75}
.bc-bd svg{width:11px;height:11px}
.bc-bd-energy{background:#fff8e1;color:#e65100;border:1px solid #ffe0b2}
.bc-bd-immunity{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}
.bc-bd-balance{background:#e8eaf6;color:#3949ab;border:1px solid #c5cae9}
.bc-bd-focus{background:#fce4ec;color:#c62828;border:1px solid #f8bbd0}
.bc-bd-beauty{background:#f3e5f5;color:#7b1fa2;border:1px solid #e1bee7}
.bc-bd-nervy{background:#ede7f6;color:#4527a0;border:1px solid #d1c4e9}
.bc-bd-travenie{background:#f1f8e9;color:#558b2f;border:1px solid #dcedc8}
.bc-bens{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:12px}
.bc-ben{display:flex;align-items:flex-start;gap:6px;padding:7px 10px;background:#fff;border:1px solid var(--bc-line);border-radius:10px;transition:border-color .3s var(--bc-ease),box-shadow .3s var(--bc-ease),transform .3s var(--bc-ease)}
.bc-ben:hover{border-color:var(--bc-sage);box-shadow:0 3px 12px rgba(0,59,61,.05);transform:translateY(-1px)}
.bc-ben-ic{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--bc-cream);display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.bc-ben-ic svg{width:10px;height:10px;color:var(--bc-green);opacity:.8}
.bc-ben-lbl{font-size:10.5px;font-weight:500;color:var(--bc-dark);line-height:1.3}
.bc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.bc-ch{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:20px;font-size:10.5px;font-weight:600;border:1px solid transparent;text-decoration:none;color:inherit;transition:transform .3s var(--bc-ease),box-shadow .3s var(--bc-ease)}
.bc-ch:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.05)}
.bc-ch svg{width:12px;height:12px;flex-shrink:0}
.bc-ch-vegan{background:#e8f5e9;color:#2e7d32;border-color:#c8e6c9}
.bc-ch-slovak{background:#e3f2fd;color:#1565c0;border-color:#bbdefb}
.bc-ch-lab{background:#f3e5f5;color:#6a1b9a;border-color:#e1bee7}
.bc-ch-gmo{background:#fff3e0;color:#e65100;border-color:#ffe0b2}
.bc-ch-gluten{background:#fce4ec;color:#ad1457;border-color:#f8bbd0}
.bc-ch-colors{background:#e0f2f1;color:#00695c;border-color:#b2dfdb}
.bc-sep{height:1px;background:var(--bc-line);margin-bottom:14px}
@media(max-width:520px){
  .bc-grid{grid-template-columns:1fr}
  .bc-c:nth-child(1),.bc-c:nth-child(2),.bc-c:nth-child(3){border-right:none;border-bottom:1px solid var(--bc-line)}
  .bc-c:last-child{border-bottom:none}
  .bc-bens{grid-template-columns:1fr;gap:6px}
  .bc-chips{gap:5px}
  .bc-ch{font-size:10px;padding:4px 9px}
}

/* --- pravidlá len pre vitamínové balíčky --- */
.bc-pkg-head{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--bc-line);background:var(--bc-cream)}
.bc-pkg-lbl{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--bc-muted)}
.bc-pkg-list{padding:8px 16px 10px}
.bc-pkg-item{display:flex;align-items:center;gap:9px;padding:6px 0;border-bottom:1px solid var(--bc-line)}
.bc-pkg-item:last-child{border-bottom:none}
.bc-pkg-dot{width:7px;height:7px;border-radius:50%;background:var(--bc-green);flex-shrink:0;opacity:.75}
.bc-pkg-name{font-size:12.5px;font-weight:600;color:var(--bc-dark)}
.bc-pkg-note{font-size:11px;color:var(--bc-muted);margin-left:auto;padding-left:8px;white-space:nowrap}
@media(max-width:520px){.bc-pkg-note{display:none}}

/* Pillbox má .bc-del ako posledný prvok v .bc-w — tam spodný odstup byť
   nesmie, inak by pod krátkym popisom pribudlo 14 px. Presne to mala
   pôvodná verzia CSS pre Pillbox vyriešené vynechaním margin-bottom. */
.bc-w .bc-del:last-child{margin-bottom:0}