/* =========================================================
   BICOM / pages/alergie.css
   ========================================================= */


/* =========================================================
   PAGE BASE
   ========================================================= */

.bicom-page--allergy{
    width:100%;
    background:var(--bicom-white);
}

.bicom-page--allergy img{
    max-width:100%;
    height:auto;
}

/* Na této stránce držíme stejnou hierarchii nadpisů jako na homepage */

.bicom-page--allergy .bicom-heading{
    margin:0;
    font-weight:var(--bicom-weight-regular);
}

.bicom-page--allergy .bicom-heading strong{
    font-weight:var(--bicom-weight-bold);
}


/* =========================================================
   BENEFITS / ÚVOD
   ========================================================= */

.bicom-allergy-benefits{
    width:100%;
    padding:82px 0 88px;
    background:var(--bicom-white);
}

.bicom-allergy-benefits__head{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(330px,.62fr);
    gap:clamp(55px,7vw,105px);
    align-items:end;
    margin-bottom:58px;
}

.bicom-allergy-benefits__head > div{
    min-width:0;
}

.bicom-allergy-benefits__head p{
    max-width:500px;
    margin:0;
    color:var(--bicom-text);
    font-size:16px;
    line-height:1.68;
    font-weight:var(--bicom-weight-medium);
}

.bicom-allergy-benefits__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(38px,5vw,70px);
}

.bicom-allergy-benefit{
    min-width:0;
    text-align:center;
}

.bicom-allergy-benefit__icon{
    display:flex;
    align-items:center;
    justify-content:center;
    height:78px;
    margin-bottom:22px;
}

.bicom-allergy-benefit__icon img{
    display:block;
    width:auto;
    max-width:74px;
    height:auto;
    max-height:70px;
    object-fit:contain;
}

.bicom-allergy-benefit h3{
    max-width:270px;
    margin:0 auto;
    color:var(--bicom-navy);
    font-size:20px;
    line-height:1.25;
    font-weight:var(--bicom-weight-bold);
    letter-spacing:-.02em;
}

.bicom-allergy-benefit p{
    max-width:290px;
    margin:10px auto 0;
    color:var(--bicom-muted);
    font-size:16px;
    line-height:1.58;
    font-weight:var(--bicom-weight-medium);
}


/* =========================================================
   METODA DR. RUMMELA
   ========================================================= */

.bicom-allergy-rummel{
    width:100%;
    padding:84px 0;
    background:var(--bicom-surface-soft);
}

.bicom-allergy-rummel__grid{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:clamp(65px,8vw,125px);
    align-items:center;
}

.bicom-allergy-rummel__visual{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:450px;
}

.bicom-allergy-rummel__visual img{
    display:block;
    width:100%;
    max-width:580px;
    height:auto;
    object-fit:contain;
}

.bicom-allergy-rummel__content{
    width:100%;
    max-width:610px;
}

.bicom-allergy-rummel__content .bicom-heading{
    margin-top:0;
}

.bicom-allergy-rummel__content > .bicom-copy{
    max-width:590px;
    margin-top:25px;
}

.bicom-allergy-rummel__statement{
    max-width:590px;
    margin-top:32px;
    padding:2px 0 2px 22px;
    border-left:3px solid var(--bicom-green);
}

.bicom-allergy-rummel__statement p{
    margin:0;
    color:var(--bicom-navy);
    font-size:20px;
    line-height:1.5;
    font-weight:var(--bicom-weight-semibold);
    letter-spacing:-.015em;
}


/* =========================================================
   SHOWCASE / RUMMEL V ČÍSLECH
   ========================================================= */

.bicom-allergy-showcase{
    position:relative;
    width:100%;
    min-height:520px;
    overflow:hidden;
    background:
        var(--bicom-dark)
        url("/wp-content/uploads/2026/09/rgm1-1.webp")
        70% center / cover no-repeat;
}

.bicom-allergy-showcase::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(
        90deg,
        rgba(7,37,52,.97) 0%,
        rgba(7,37,52,.91) 31%,
        rgba(7,37,52,.68) 51%,
        rgba(7,37,52,.27) 72%,
        rgba(7,37,52,.02) 100%
    );
    pointer-events:none;
}

.bicom-allergy-showcase::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(
        180deg,
        rgba(7,37,52,0) 50%,
        rgba(7,37,52,.35) 100%
    );
    pointer-events:none;
}

.bicom-allergy-showcase__inner{
    position:relative;
    z-index:2;
    min-height:520px;
    display:flex;
    align-items:center;
}

.bicom-allergy-showcase__content{
    width:min(620px,54%);
}

.bicom-allergy-showcase__title{
    margin:0;
    color:var(--bicom-white);
    font-size:clamp(46px,4.2vw,64px);
    line-height:.97;
    font-weight:var(--bicom-weight-regular);
    letter-spacing:-.05em;
}

.bicom-allergy-showcase__title strong{
    font-weight:var(--bicom-weight-bold);
}

.bicom-allergy-showcase__copy{
    max-width:560px;
    margin:24px 0 0;
    line-height:1.66;
}

.bicom-allergy-showcase__stats{
    display:flex;
    align-items:flex-start;
    gap:45px;
    margin-top:36px;
}

.bicom-allergy-showcase__stat{
    min-width:0;
}

.bicom-allergy-showcase__stat strong{
    display:block;
    color:var(--bicom-green);
    font-size:31px;
    line-height:1;
    font-weight:var(--bicom-weight-bold);
    letter-spacing:-.04em;
}

.bicom-allergy-showcase__stat span{
    display:block;
    max-width:190px;
    margin-top:7px;
    color:rgba(255,255,255,.72);
    font-size:16px;
    line-height:1.45;
    font-weight:var(--bicom-weight-medium);
}


/* =========================================================
   STUDIE / KLINICKÁ PRAXE
   ========================================================= */

.bicom-allergy-study{
    width:100%;
    padding:88px 0 94px;
    background:var(--bicom-white);
}

/*
 * HTML má v headeru jen jeden obsahový blok.
 * Proto zde není starý dvousloupcový grid.
 */

.bicom-allergy-study__head{
    max-width:760px;
    margin-bottom:48px;
}

.bicom-allergy-study__numbers{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    max-width:980px;
    margin-bottom:55px;
    border-top:1px solid var(--bicom-line);
    border-bottom:1px solid var(--bicom-line);
}

.bicom-allergy-study__number{
    min-width:0;
    padding:25px 34px 25px 0;
}

.bicom-allergy-study__number + .bicom-allergy-study__number{
    padding-left:34px;
    border-left:1px solid var(--bicom-line);
}

.bicom-allergy-study__number strong{
    display:block;
    color:var(--bicom-navy);
    font-size:42px;
    line-height:1;
    font-weight:var(--bicom-weight-bold);
    letter-spacing:-.045em;
}

.bicom-allergy-study__number span{
    display:block;
    max-width:260px;
    margin-top:9px;
    color:var(--bicom-muted);
    font-size:16px;
    line-height:1.45;
    font-weight:var(--bicom-weight-medium);
}


/* =========================================================
   CHART
   ========================================================= */

.bicom-allergy-chart{
    width:100%;
    max-width:1050px;
}

.bicom-allergy-chart__rows{
    display:grid;
    gap:24px;
}

.bicom-allergy-chart__row{
    display:grid;
    grid-template-columns:190px minmax(0,1fr) 58px;
    gap:22px;
    align-items:center;
}

.bicom-allergy-chart__label{
    color:var(--bicom-navy);
    font-size:16px;
    line-height:1.3;
    font-weight:var(--bicom-weight-semibold);
}

.bicom-allergy-chart__track{
    position:relative;
    height:18px;
    overflow:hidden;
    background:var(--bicom-surface);
}

.bicom-allergy-chart__bar{
    height:100%;
    min-width:2px;
    background:var(--bicom-green);
}

.bicom-allergy-chart__value{
    color:var(--bicom-navy);
    font-size:16px;
    line-height:1;
    font-weight:var(--bicom-weight-bold);
    text-align:right;
}

.bicom-allergy-chart__info{
    display:grid;
    grid-template-columns:190px minmax(0,1fr);
    gap:40px;
    align-items:start;
    max-width:1050px;
    margin-top:42px;
    padding:28px 32px;
    background:var(--bicom-surface);
}

.bicom-allergy-chart__info strong{
    color:var(--bicom-navy);
    font-size:16px;
    line-height:1.4;
    font-weight:var(--bicom-weight-bold);
}

.bicom-allergy-chart__info p{
    max-width:720px;
    margin:0;
    color:var(--bicom-muted);
    font-size:16px;
    line-height:1.6;
    font-weight:var(--bicom-weight-medium);
}


/* =========================================================
   PDF / STUDIE KE STAŽENÍ
   ========================================================= */

.bicom-allergy-pdfs{
    width:100%;
    padding:76px 0;
    background:var(--bicom-surface);
}

.bicom-allergy-pdfs__grid{
    display:grid;
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
    gap:clamp(60px,8vw,120px);
    align-items:center;
}

.bicom-allergy-pdfs__intro{
    width:100%;
    max-width:510px;
}

.bicom-allergy-pdfs__intro .bicom-copy{
    max-width:470px;
    margin-top:22px;
}

.bicom-allergy-pdfs__links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.bicom-allergy-pdf,
.bicom-allergy-pdf:visited,
.bicom-allergy-pdf:hover,
.bicom-allergy-pdf:focus,
.bicom-allergy-pdf:active{
    color:var(--bicom-navy);
    text-decoration:none;
}

.bicom-allergy-pdf{
    position:relative;
    display:flex;
    min-width:0;
    min-height:190px;
    flex-direction:column;
    justify-content:space-between;
    padding:26px;
    background:var(--bicom-white);
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.bicom-allergy-pdf__type{
    display:block;
    color:var(--bicom-green);
    font-size:16px;
    line-height:1.2;
    font-weight:var(--bicom-weight-bold);
    letter-spacing:.1em;
    text-transform:uppercase;
}

.bicom-allergy-pdf > strong{
    display:block;
    max-width:280px;
    margin-top:28px;
    color:var(--bicom-navy);
    font-size:22px;
    line-height:1.2;
    font-weight:var(--bicom-weight-bold);
    letter-spacing:-.02em;
}

.bicom-allergy-pdf__bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:24px;
    color:var(--bicom-muted);
    font-size:16px;
    line-height:1.3;
    font-weight:var(--bicom-weight-medium);
}

.bicom-allergy-pdf__arrow{
    flex:0 0 auto;
    color:var(--bicom-navy);
    transition:transform .25s ease;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.bicom-allergy-summary{
    width:100%;
    padding:84px 0;
    background:var(--bicom-white);
}

.bicom-allergy-summary__grid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:clamp(65px,8vw,125px);
    align-items:start;
}

.bicom-allergy-summary__grid > div:first-child{
    max-width:650px;
}

.bicom-allergy-summary__content{
    max-width:650px;
}

.bicom-allergy-summary__statement{
    margin:0;
    color:var(--bicom-navy);
    font-size:clamp(28px,2.6vw,40px);
    line-height:1.16;
    font-weight:var(--bicom-weight-regular);
    letter-spacing:-.035em;
}

.bicom-allergy-summary__statement strong{
    font-weight:var(--bicom-weight-bold);
}

.bicom-allergy-summary__note{
    max-width:620px;
    margin:29px 0 0;
    padding-top:24px;
    border-top:1px solid var(--bicom-line);
    color:var(--bicom-muted);
    font-size:16px;
    line-height:1.65;
    font-weight:var(--bicom-weight-medium);
}


/* =========================================================
   HOVER
   ========================================================= */

@media(hover:hover){

    .bicom-allergy-pdf:hover{
        transform:translateY(-3px);
        box-shadow:0 24px 50px -38px rgba(11,48,65,.32);
    }

    .bicom-allergy-pdf:hover .bicom-allergy-pdf__arrow{
        transform:translate(2px,-2px);
    }
}


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

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

    .bicom-allergy-benefits,
    .bicom-allergy-rummel,
    .bicom-allergy-study,
    .bicom-allergy-pdfs,
    .bicom-allergy-summary{
        padding-top:64px;
        padding-bottom:64px;
    }

    .bicom-allergy-benefits__head{
        margin-bottom:42px;
    }

    .bicom-allergy-rummel__visual{
        min-height:380px;
    }

    .bicom-allergy-showcase,
    .bicom-allergy-showcase__inner{
        min-height:450px;
    }

    .bicom-allergy-study__head{
        margin-bottom:38px;
    }

    .bicom-allergy-study__numbers{
        margin-bottom:42px;
    }
}


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

@media(max-width:1024px){

    .bicom-allergy-benefits__head{
        grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
        gap:42px;
    }

    .bicom-allergy-benefits__grid{
        gap:40px;
    }

    .bicom-allergy-rummel__grid{
        gap:55px;
    }

    .bicom-allergy-showcase__content{
        width:68%;
    }

    .bicom-allergy-study__numbers{
        max-width:100%;
    }

    .bicom-allergy-study__number{
        padding-right:24px;
    }

    .bicom-allergy-study__number + .bicom-allergy-study__number{
        padding-left:24px;
    }

    .bicom-allergy-pdfs__grid{
        gap:55px;
    }

    .bicom-allergy-summary__grid{
        gap:55px;
    }
}


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

@media(max-width:767px){

    .bicom-allergy-benefits,
    .bicom-allergy-rummel,
    .bicom-allergy-study,
    .bicom-allergy-pdfs,
    .bicom-allergy-summary{
        padding-top:60px;
        padding-bottom:60px;
    }


    /* BENEFITS */

    .bicom-allergy-benefits__head{
        grid-template-columns:minmax(0,1fr);
        gap:22px;
        margin-bottom:42px;
    }

    .bicom-allergy-benefits__head p{
        max-width:560px;
    }

    .bicom-allergy-benefits__grid{
        grid-template-columns:minmax(0,1fr);
        gap:38px;
    }

    .bicom-allergy-benefit{
        max-width:420px;
        margin:0 auto;
    }

    .bicom-allergy-benefit__icon{
        margin-bottom:15px;
    }


    /* RUMMEL */

    .bicom-allergy-rummel__grid{
        grid-template-columns:minmax(0,1fr);
        gap:38px;
    }

    .bicom-allergy-rummel__content{
        max-width:100%;
    }

    .bicom-allergy-rummel__visual{
        min-height:300px;
        order:2;
    }

    .bicom-allergy-rummel__visual img{
        max-width:480px;
    }

    .bicom-allergy-rummel__statement{
        margin-top:26px;
    }


    /* SHOWCASE */

    .bicom-allergy-showcase{
        min-height:570px;
        background-position:68% center;
    }

    .bicom-allergy-showcase::before{
        background:linear-gradient(
            180deg,
            rgba(7,37,52,.67) 0%,
            rgba(7,37,52,.72) 34%,
            rgba(7,37,52,.97) 100%
        );
    }

    .bicom-allergy-showcase::after{
        display:none;
    }

    .bicom-allergy-showcase__inner{
        min-height:570px;
        align-items:flex-end;
        padding:55px 0;
    }

    .bicom-allergy-showcase__content{
        width:100%;
        max-width:600px;
    }

    .bicom-allergy-showcase__title{
        font-size:clamp(38px,10vw,48px);
        line-height:1;
    }

    .bicom-allergy-showcase__copy{
        margin-top:20px;
    }

    .bicom-allergy-showcase__stats{
        gap:30px;
        margin-top:30px;
    }


    /* STUDY */

    .bicom-allergy-study__head{
        max-width:100%;
        margin-bottom:38px;
    }

    .bicom-allergy-study__numbers{
        grid-template-columns:repeat(2,minmax(0,1fr));
        margin-bottom:42px;
    }

    .bicom-allergy-study__number{
        padding:22px 20px 22px 0;
    }

    .bicom-allergy-study__number + .bicom-allergy-study__number{
        padding-left:20px;
    }

    .bicom-allergy-study__number:nth-child(3){
        grid-column:1/-1;
        padding-left:0;
        border-left:0;
        border-top:1px solid var(--bicom-line);
    }

    .bicom-allergy-study__number strong{
        font-size:36px;
    }


    /* CHART */

    .bicom-allergy-chart__rows{
        gap:26px;
    }

    .bicom-allergy-chart__row{
        grid-template-columns:minmax(0,1fr) auto;
        gap:10px 16px;
    }

    .bicom-allergy-chart__label{
        grid-column:1;
        grid-row:1;
    }

    .bicom-allergy-chart__value{
        grid-column:2;
        grid-row:1;
    }

    .bicom-allergy-chart__track{
        grid-column:1/-1;
        grid-row:2;
        height:14px;
    }

    .bicom-allergy-chart__info{
        grid-template-columns:minmax(0,1fr);
        gap:9px;
        margin-top:34px;
        padding:24px;
    }


    /* PDF */

    .bicom-allergy-pdfs__grid{
        grid-template-columns:minmax(0,1fr);
        gap:35px;
    }

    .bicom-allergy-pdfs__intro{
        max-width:600px;
    }

    .bicom-allergy-pdfs__links{
        grid-template-columns:minmax(0,1fr);
    }

    .bicom-allergy-pdf{
        min-height:170px;
    }


    /* SUMMARY */

    .bicom-allergy-summary__grid{
        grid-template-columns:minmax(0,1fr);
        gap:34px;
    }

    .bicom-allergy-summary__grid > div:first-child,
    .bicom-allergy-summary__content{
        max-width:100%;
    }

    .bicom-allergy-summary__statement{
        font-size:clamp(27px,7.5vw,36px);
    }
}


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

@media(max-width:480px){

    .bicom-allergy-showcase__title{
        font-size:38px;
    }

    .bicom-allergy-showcase__stats{
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
        gap:24px;
    }

    .bicom-allergy-showcase__stat strong{
        font-size:28px;
    }

    .bicom-allergy-study__numbers{
        grid-template-columns:minmax(0,1fr);
    }

    .bicom-allergy-study__number,
    .bicom-allergy-study__number + .bicom-allergy-study__number,
    .bicom-allergy-study__number:nth-child(3){
        grid-column:auto;
        padding:20px 0;
        border-left:0;
        border-top:1px solid var(--bicom-line);
    }

    .bicom-allergy-study__number:first-child{
        border-top:0;
    }

    .bicom-allergy-study__number strong{
        font-size:34px;
    }

    .bicom-allergy-chart__info{
        padding:22px 20px;
    }

    .bicom-allergy-pdf{
        padding:23px 21px;
    }

    .bicom-allergy-pdf > strong{
        font-size:21px;
    }

    .bicom-allergy-summary__statement{
        font-size:28px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    .bicom-allergy-pdf,
    .bicom-allergy-pdf__arrow{
        transition:none!important;
    }
}


/* =========================================================
   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á slova v nadpisech a výrocích se zalomí místo přetečení */
    .bicom-allergy-showcase__title,
    .bicom-allergy-summary__statement,
    .bicom-allergy-rummel__statement p,
    .bicom-allergy-pdf > strong,
    .bicom-allergy-benefit h3{
        overflow-wrap:break-word;
    }

    /* statistiky v showcase se podle šířky zalomí na další řádek */
    .bicom-allergy-showcase__stats{
        flex-wrap:wrap;
    }

    /* popisek u grafu se nesmí vejít pod hodnotu */
    .bicom-allergy-chart__label{
        min-width:0;
        overflow-wrap:break-word;
    }

    /* PDF karty nepřesáhnou šířku sloupce */
    .bicom-allergy-pdf{
        max-width:100%;
    }
}