/* BICOM / pages/o-biorezonanci.css
   Page-specific layout only.
   Shared typography/components live in global/layout/components.css. */


/* =========================================================
   01 / INTRO
   ========================================================= */

.bicom-biores-intro {
    background: var(--bicom-white);
}

.bicom-biores-intro__grid {
    display: grid;
    grid-template-columns: minmax(0,.92fr) minmax(520px,1.08fr);
    gap: clamp(66px,8vw,118px);
    align-items: center;
}

.bicom-biores-intro__content {
    max-width: 620px;
}

.bicom-biores-intro__lead {
    margin-top: 28px;
    color: var(--bicom-navy);
    font-weight: var(--bicom-weight-bold);
}

.bicom-biores-intro__copy {
    margin-top: 17px;
}

.bicom-biores-intro__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 30px;
    margin-top: 28px;
}

.bicom-biores-intro__links .bicom-link {
    margin-top: 0;
}

.bicom-biores-intro__visual {
    height: 455px;
    margin: 0;
    overflow: hidden;
    background: var(--bicom-surface);
}

.bicom-biores-intro__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* =========================================================
   02 / PROČ BIOREZONANCE
   ========================================================= */

.bicom-biores-why {
    position: relative;
    padding: 86px 0 90px;
    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(11,48,65,.96) 0%,
            rgba(11,48,65,.92) 42%,
            rgba(11,48,65,.82) 100%
        ),
        url("/wp-content/uploads/2026/10/bicom-pl5-1-scaled.webp")
        center / cover no-repeat;
}

.bicom-biores-why__inner {
    display: grid;
    grid-template-columns: minmax(0,.82fr) minmax(520px,1.18fr);
    gap: clamp(70px,8vw,125px);
    align-items: start;
}

.bicom-biores-why__heading {
    max-width: 560px;
}

.bicom-biores-why__content {
    max-width: 710px;
}

.bicom-biores-why__rows {
    margin-top: 32px;
    border-top: 1px solid rgba(255,255,255,.18);
}

.bicom-biores-why__row {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 16px;

    padding: 18px 0;

    border-bottom: 1px solid rgba(255,255,255,.18);
}

.bicom-biores-why__row > span {
    padding-top: 2px;

    color: var(--bicom-green);
    font-size: 16px;
    line-height: 1.3;
    font-weight: var(--bicom-weight-bold);
}

.bicom-biores-why__row strong {
    display: block;

    color: var(--bicom-white);
    font-size: 19px;
    line-height: 1.35;
    font-weight: var(--bicom-weight-bold);
}

.bicom-biores-why__row p {
    margin: 6px 0 0;

    color: var(--bicom-white);
    font-size: 16px;
    line-height: 1.58;
    font-weight: var(--bicom-weight-medium);
}


/* =========================================================
   03 / ČLOVĚK JAKO CELEK
   ========================================================= */

.bicom-biores-whole{
    background:var(--bicom-white);
}

.bicom-biores-whole__grid{
    display:grid;
    grid-template-columns:minmax(0,.98fr) minmax(500px,1.02fr);
    gap:clamp(68px,8vw,118px);
    align-items:center;
}

.bicom-biores-whole__content{
    max-width:620px;
}

.bicom-biores-whole__lead{
    margin-top:26px;
    color:var(--bicom-navy);
    font-weight:var(--bicom-weight-bold);
}

.bicom-biores-whole__copy{
    margin-top:17px;
}

.bicom-biores-whole__points{
    margin-top:30px;
    border-top:1px solid var(--bicom-line);
}

.bicom-biores-whole__point{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    gap:14px;

    padding:15px 0;

    border-bottom:1px solid var(--bicom-line);
}

.bicom-biores-whole__point > span{
    padding-top:2px;

    color:var(--bicom-green);
    font-size:16px;
    line-height:1.3;
    font-weight:var(--bicom-weight-bold);
}

.bicom-biores-whole__point strong{
    display:block;

    color:var(--bicom-navy);
    font-size:17px;
    line-height:1.35;
    font-weight:var(--bicom-weight-bold);
}

.bicom-biores-whole__point p{
    margin:5px 0 0;

    color:var(--bicom-text);
    font-size:16px;
    line-height:1.55;
    font-weight:var(--bicom-weight-medium);
}


/* VIDEO PLAYER */
.bicom-biores-whole__media{position:relative;margin:0;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bicom-dark)}.bicom-biores-whole__media video{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:cover;background:var(--bicom-dark)}


/* =========================================================
   04 / JAK BICOM PRACUJE
   ========================================================= */

.bicom-biores-process {
    background: var(--bicom-green);
}

.bicom-biores-process__grid {
    display: grid;
    grid-template-columns: minmax(360px,.78fr) minmax(0,1.22fr);
    gap: clamp(70px,8vw,125px);
    align-items: start;
}

.bicom-biores-process__intro {
    max-width: 520px;
}

.bicom-biores-process__copy {
    margin-top: 26px;
    color: var(--bicom-navy);
}

.bicom-biores-process__link {
    color: var(--bicom-navy);
}

.bicom-biores-process__steps {
    border-top: 1px solid rgba(23,63,82,.28);
}

.bicom-biores-process__step {
    display: grid;
    grid-template-columns: 48px minmax(0,1fr);
    gap: 18px;

    padding: 23px 0;

    border-bottom: 1px solid rgba(23,63,82,.28);
}

.bicom-biores-process__step > span {
    padding-top: 2px;

    color: var(--bicom-navy);
    font-size: 16px;
    line-height: 1.4;
    font-weight: var(--bicom-weight-bold);
}

.bicom-biores-process__step h3 {
    margin: 0;

    color: var(--bicom-navy);
    font-size: 23px;
    line-height: 1.28;
    font-weight: var(--bicom-weight-bold);
    letter-spacing: -.025em;
}

.bicom-biores-process__step p {
    margin: 8px 0 0;

    color: var(--bicom-navy);
    font-size: 16px;
    line-height: 1.58;
    font-weight: var(--bicom-weight-semibold);
}


/* =========================================================
   05 / BIOFYZIKÁLNÍ POHLED
   ========================================================= */

.bicom-biores-context {
    background: var(--bicom-surface);
}

.bicom-biores-context__head {
    display: grid;
    grid-template-columns: minmax(0,.95fr) minmax(420px,1.05fr);
    gap: clamp(70px,8vw,125px);
    align-items: end;

    margin-bottom: 46px;
}

.bicom-biores-context__lead {
    max-width: 650px;
}

.bicom-biores-context__rows {
    border-top: 1px solid var(--bicom-line);
}

.bicom-biores-context__row {
    display: grid;
    grid-template-columns: 60px minmax(220px,.65fr) minmax(0,1.35fr);
    gap: 28px;
    align-items: start;

    padding: 25px 0;

    border-bottom: 1px solid var(--bicom-line);
}

.bicom-biores-context__row > span {
    color: var(--bicom-green);
    font-size: 16px;
    line-height: 1.4;
    font-weight: var(--bicom-weight-bold);
}

.bicom-biores-context__row h3 {
    margin: 0;

    color: var(--bicom-navy);
    font-size: 21px;
    line-height: 1.35;
    font-weight: var(--bicom-weight-bold);
    letter-spacing: -.02em;
}

.bicom-biores-context__row p {
    max-width: 720px;
    margin: 0;

    color: var(--bicom-text);
    font-size: 16px;
    line-height: 1.65;
    font-weight: var(--bicom-weight-medium);
}


/* =========================================================
   06 / KDE SE BICOM VYUŽÍVÁ
   ========================================================= */

.bicom-biores-use {
    background: var(--bicom-white);
}

.bicom-biores-use__head {
    max-width: 790px;
    margin-bottom: 43px;
}

.bicom-biores-use__lead {
    max-width: 700px;
    margin-top: 25px;
}

.bicom-biores-use__list {
    border-top: 1px solid var(--bicom-line);
}

.bicom-biores-use__item {
    display: grid;
    grid-template-columns: 70px minmax(0,1fr) auto;
    gap: 28px;
    align-items: center;

    padding: 27px 0;

    border-bottom: 1px solid var(--bicom-line);
}

.bicom-biores-use__number {
    color: var(--bicom-green);
    font-size: 16px;
    line-height: 1;
    font-weight: var(--bicom-weight-bold);
}

.bicom-biores-use__content {
    max-width: 720px;
}

.bicom-biores-use__content h3 {
    margin: 0;

    color: var(--bicom-navy);
    font-size: 24px;
    line-height: 1.28;
    font-weight: var(--bicom-weight-bold);
    letter-spacing: -.025em;
}

.bicom-biores-use__content p {
    margin: 8px 0 0;

    color: var(--bicom-text);
    font-size: 16px;
    line-height: 1.6;
    font-weight: var(--bicom-weight-medium);
}

.bicom-biores-use__link {
    margin-top: 0;
    white-space: nowrap;
}


/* =========================================================
   07 / ÚČINNOST A STUDIE
   ========================================================= */

.bicom-biores-evidence {
    position: relative;
    padding: 88px 0 94px;
    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(11,48,65,.97) 0%,
            rgba(11,48,65,.93) 45%,
            rgba(11,48,65,.82) 100%
        ),
        url("/wp-content/uploads/2026/09/bicom-prednaska-1-scaled.webp")
        center / cover no-repeat;
}

.bicom-biores-evidence__grid {
    display: grid;
    grid-template-columns: minmax(0,.82fr) minmax(520px,1.18fr);
    gap: clamp(70px,8vw,125px);
    align-items: start;
}

.bicom-biores-evidence__heading {
    max-width: 560px;
}

.bicom-biores-evidence__content {
    max-width: 720px;
}

.bicom-biores-evidence__rows {
    margin-top: 32px;
    border-top: 1px solid rgba(255,255,255,.18);
}

.bicom-biores-evidence__row {
    display: grid;
    grid-template-columns: 190px minmax(0,1fr);
    gap: 24px;

    padding: 17px 0;

    border-bottom: 1px solid rgba(255,255,255,.18);
}

.bicom-biores-evidence__row strong {
    color: var(--bicom-white);
    font-size: 16px;
    line-height: 1.5;
    font-weight: var(--bicom-weight-bold);
}

.bicom-biores-evidence__row span {
    color: var(--bicom-white);
    font-size: 16px;
    line-height: 1.55;
    font-weight: var(--bicom-weight-medium);
}

.bicom-biores-evidence__link {
    margin-top: 28px;
}


/* =========================================================
   08 / VÍCE DO DETAILU
   ========================================================= */

.bicom-biores-depth {
    background: var(--bicom-white);
}

.bicom-biores-depth__head {
    max-width: 760px;
    margin-bottom: 42px;
}

.bicom-biores-depth__list {
    border-top: 1px solid var(--bicom-line);
}

.bicom-biores-depth__item {
    display: grid;
    grid-template-columns: 150px minmax(0,1fr) 24px;
    gap: 26px;
    align-items: center;

    min-height: 82px;
    padding: 20px 0;

    border-bottom: 1px solid var(--bicom-line);

    color: var(--bicom-navy);
    text-decoration: none;
}

.bicom-biores-depth__item > span:first-child {
    color: var(--bicom-muted);
    font-size: 16px;
    line-height: 1.3;
    font-weight: var(--bicom-weight-bold);
}

.bicom-biores-depth__item strong {
    color: var(--bicom-navy);
    font-size: 20px;
    line-height: 1.35;
    font-weight: var(--bicom-weight-bold);
}

.bicom-biores-depth__item .bicom-arrow {
    justify-self: end;
    color: var(--bicom-green);
}


/* =========================================================
   09 / DŮLEŽITÁ POZNÁMKA
   ========================================================= */

.bicom-biores-note {
    padding: 34px 0 38px;
    background: var(--bicom-surface);
}

.bicom-biores-note__inner {
    display: grid;
    grid-template-columns: 190px minmax(0,1fr);
    gap: 48px;
    align-items: start;
}

.bicom-biores-note strong {
    color: var(--bicom-navy);
    font-size: 16px;
    line-height: 1.5;
    font-weight: var(--bicom-weight-bold);
}

.bicom-biores-note p {
    max-width: 930px;
    margin: 0;

    color: var(--bicom-muted);
    font-size: 16px;
    line-height: 1.68;
    font-weight: var(--bicom-weight-medium);
}


/* =========================================================
   COMPACT DESKTOP
   ========================================================= */

@media (min-width:1025px) and (max-height:960px) {

    .bicom-biores-intro__visual {
        height: 405px;
    }

    .bicom-biores-why {
        padding: 68px 0 72px;
    }

    .bicom-biores-whole__media {
        height: 420px;
    }

    .bicom-biores-evidence {
        padding: 70px 0 74px;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1024px) {

    .bicom-biores-intro__grid,
    .bicom-biores-whole__grid {
        grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr);
        gap: 48px;
    }

    .bicom-biores-why__inner,
    .bicom-biores-process__grid,
    .bicom-biores-evidence__grid {
        grid-template-columns: minmax(0,1fr) minmax(0,1fr);
        gap: 48px;
    }

    .bicom-biores-context__head {
        grid-template-columns: minmax(0,1fr) minmax(0,1fr);
        gap: 48px;
    }

    .bicom-biores-context__row {
        grid-template-columns: 48px minmax(180px,.6fr) minmax(0,1.4fr);
        gap: 22px;
    }

    .bicom-biores-use__item {
        grid-template-columns: 50px minmax(0,1fr);
    }

    .bicom-biores-use__link {
        grid-column: 2;
        justify-self: start;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:767px) {

    .bicom-biores-intro__grid,
    .bicom-biores-whole__grid,
    .bicom-biores-why__inner,
    .bicom-biores-process__grid,
    .bicom-biores-evidence__grid,
    .bicom-biores-context__head {
        grid-template-columns: minmax(0,1fr);
        gap: 36px;
    }

    .bicom-biores-intro__visual {
        height: 330px;
    }

    .bicom-biores-intro__links {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .bicom-biores-why {
        padding: 60px 0 64px;

        background:
            linear-gradient(
                180deg,
                rgba(11,48,65,.95) 0%,
                rgba(11,48,65,.91) 100%
            ),
            url("/wp-content/uploads/2026/10/bicom-pl11-1-scaled.webp")
            center / cover no-repeat;
    }

    .bicom-biores-whole__media {
        height: 360px;
    }

    .bicom-biores-process__steps {
        margin-top: 2px;
    }

    .bicom-biores-context__head,
    .bicom-biores-use__head,
    .bicom-biores-depth__head {
        margin-bottom: 32px;
    }

    .bicom-biores-context__row {
        grid-template-columns: 36px minmax(0,1fr);
        gap: 12px 16px;
        padding: 21px 0;
    }

    .bicom-biores-context__row h3 {
        grid-column: 2;
    }

    .bicom-biores-context__row p {
        grid-column: 2;
    }

    .bicom-biores-use__item {
        grid-template-columns: 36px minmax(0,1fr);
        gap: 15px;
        padding: 23px 0;
    }

    .bicom-biores-use__link {
        grid-column: 2;
    }

    .bicom-biores-evidence {
        padding: 62px 0 68px;

        background:
            linear-gradient(
                180deg,
                rgba(11,48,65,.96) 0%,
                rgba(11,48,65,.91) 100%
            ),
            url("/wp-content/uploads/2026/09/bicom-prednaska-1-scaled.webp")
            center / cover no-repeat;
    }

    .bicom-biores-evidence__row {
        grid-template-columns: minmax(0,1fr);
        gap: 5px;
    }

    .bicom-biores-depth__item {
        grid-template-columns: minmax(0,1fr) 24px;
        gap: 8px 16px;

        min-height: 78px;
        padding: 18px 0;
    }

    .bicom-biores-depth__item > span:first-child {
        grid-column: 1;
    }

    .bicom-biores-depth__item strong {
        grid-column: 1;
    }

    .bicom-biores-depth__item .bicom-arrow {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: center;
    }

    .bicom-biores-note__inner {
        grid-template-columns: minmax(0,1fr);
        gap: 8px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width:480px) {

    .bicom-biores-intro__visual {
        height: 285px;
    }

    .bicom-biores-whole__media {
        height: 320px;
    }

    .bicom-biores-why__row,
    .bicom-biores-whole__point,
    .bicom-biores-process__step {
        grid-template-columns: 34px minmax(0,1fr);
    }
}

/* =========================================================
   RESPONZIVITA: DOPLŇKY PRO MOBILY
   Pouze přidává vlastnosti, žádný stávající selektor
   ani jeho specificitu nemění.
   ========================================================= */

@media (max-width:767px) {

  /* dlouhé nadpisy se zalomí místo přetečení mimo obrazovku */
  .bicom-biores-process__step h3,
  .bicom-biores-context__row h3,
  .bicom-biores-use__content h3,
  .bicom-biores-depth__item strong,
  .bicom-biores-why__row strong,
  .bicom-biores-whole__point strong,
  .bicom-biores-evidence__row strong {
    overflow-wrap: break-word;
  }

}