body
{
}

main {
    padding: 30px;
    margin: 0px auto;
    width: 100%;
    max-width: 1800px;
}



    main h1, h2, h3 {
        text-align: center;
    }

    main h1 {
        text-align: center;
        font-size: clamp(3rem, 2.8vw, 3.6rem);
        letter-spacing: -0.5px;
        color: #336F01;
        line-height: 1.2;
    }

    main h2 {
        font-size: clamp(1.7rem, 2vw, 2rem);
        text-align: center;
    }

    main h3 {
        font-size: clamp(1.2rem, 1.6vw, 1.4rem);
        color: #1e293b;
    }

    main h4 {
        font-size: 1.1rem;
        color: #334155;
        font-weight: 600;
    }

    main p {
        margin: 0.6em 0 1em;
        line-height: 1.2;
        color: #374151;
        font-size: 1.3rem;
        font-weight:bold;
    }


.tuk {
    font-weight: bold;
}


/*.znak {
    display: inline-block;
    font-size: 22px;
    font-family: Verdana, sans-serif;
    color: #336F01;
    font-weight: bold;
    margin: 3px 1px;
}*/


.pozvani {
    font: 30px Verdana, sans-serif;
    font-weight: bold;
    color: #336F01;
}

#primary-container{
    line-height:1.2;
}

.znak {
    display: inline-block;
    font-size: 25px;
    font-family: Verdana, sans-serif;
    color: #336F01;
    font-weight: bold;
    margin: 3px 1px;
}

.znakkriz {
    display: inline-block;
    font-size: 20px;
    font-family: Verdana, sans-serif;
    color: #336F01;
    font-weight: bold;
    margin: 3px 1px;
}

/*.sortiment {
    font-size: 15px;
    font-family: Verdana, sans-serif;
    color: #6b6262;
    font-weight: bold;
    margin: 1px;
}
*/
.sortiment {
    font-size: 1.3rem;
    font-family: Verdana, sans-serif;
    color: #374151;
    font-weight: bold;
    margin: 1px;
}




#my {
    font-size: 30px;
}


#platmoz {
    
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    flex-wrap: wrap; /* umožní zalomení na menších obrazovkách */
}


.platmoz {
    text-align: center;
    font-size: clamp(2.5rem, 2.8vw, 3.6rem);
/*    letter-spacing: -0.5px;*/
    color: #336F01;
    line-height: 1.2;

    
}



.poukazvaldek {
    height: 600px;
    width: 60%;
    max-width: 1200px;
    margin: 5px;
}

.vyhody {
    width: 45%;
}



.pharmapoint{
    margin:20px;
}



.pharmalogo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 25%;
    width: 25%;
    min-height:75px;
    min-width:200px;
    margin-top: 10px;
}

.popisloga {
    display: flex;
    justify-content: center;
    color: #7F7F7E;
    font-size: clamp(1rem, 1vw, 3.6rem);
    text-align: center;
}





@media (max-width: 1100px) {




    .poukazvaldek {
        height: 350px;
        width: 60%;
        margin: 5px;
    }
}



@media (max-width: 900px) {




    .poukazvaldek {
        height: 300px;
        width: 60%;
        margin: 5px;
    }

    .vyhody {
        width: 70%;
    }
}





















@media (max-width: 600px) {



    main h1 {
        text-align: center;
        font-size: clamp(2rem, 2.8vw, 2.6rem);
        letter-spacing: -0.5px;
        color: #336F01;
        line-height: 1.2;
    }

    .poukazvaldek {
        height: 250px;
        width: 60%;
        margin: 5px;
    }


}


@media (max-width: 450px) {

    main {
        padding: 10px;
    }

        main p {
            margin: 0.6em 0 0.5em;
        }



    .poukazvaldek {
        height: 170px;
        width: 60%;
        margin: 5px;
    }
}


@media (prefers-color-scheme: dark) {
    main {
        background: linear-gradient(180deg, #0f172a, #1e293b);
        color: #e5e7eb;
        box-shadow: 0 4px 16px rgba(0,0,0,0.4);
    }

        main h1,
        main h2,
        main h3,
        main h4 {
            color: #f1f5f9;
            border-bottom-color: rgba(241,245,249,0.15);
        }


        main h3 {
            color: #d1d5db;
        }

        main h4 {
            color: #cbd5e1;
        }

            main h1:hover,
            main h2:hover,
            main h3:hover,
            main h4:hover {
                color: #93c5fd;
            }

        main p {
            color: #cbd5e1;
        }
}