/* ==========================================================================
   PROJEKT-MARKET – responzívne úpravy (pm_respo.css)

   Bloky sú zoradené od najširšej obrazovky po najužšiu. Na konci každého
   bloku sú „doplnky témy“ zoskupené podľa rubrík s rovnakými číslami ako
   v pm_zakladne.css. Na úplnom konci je blok pre „obmedziť pohyb“.

   Bloky: ≤ 3840 px, ≤ 3360 px, ≤ 3008 px, ≤ 2560 px, ≤ 2000 px, ≤ 1920 px,
          ≤ 1650 px, ≤ 1600 px, ≤ 1440 px, ≤ 1400 px, ≤ 1200 px, ≤ 1000 px,
          ≤ 992 px, ≤ 892 px, ≤ 782 px, ≤ 768 px, ≥ 768 px, ≤ 576 px,
          ≤ 431 px
   ========================================================================== */

@media only screen and (max-width:3840px) {

}

@media only screen and (max-width:3360px) {

}

@media only screen and (max-width:3008px) {

     .menu-jazyky a {
        font: 11px 'Avenir', Helvetica, serif !important;
        font-weight: bold !important;
    }
    .jaz-tl {
        margin: 0 0 0 5px;
        width: 34px;
        height: 34px;
        border: 1px solid #111b3b;
    }
      .o-nas-p {
        font: 24px/36px "Montserrat", Helvetica, serif;
    }

    /* --- doplnky témy ---------------------------------------------------- */

    /* 12. Rubriky a obsah stránok */
    /* RESPONZÍVNOSŤ
       Breakpointy sú zhodné s pm_respo.css. Texty z editora (.pm-obsah) kopírujú
       rebríček veľkostí pôvodnej triedy .o-nas-p, aby sa na menších obrazovkách
       zmenšovali rovnako ako v HTML návrhu. */
    .pm-obsah p,
        .pm-obsah ul,
        .pm-obsah ol { font: 24px/36px "Montserrat", Helvetica, serif; }
}

@media only screen and (max-width:2560px) {
    h1, .pm-h1 {
        font-size: 70px;
        margin-bottom: 70px;
    }
    h2, .pm-h2 {
        font: 50px/57px 'Avenir', Helvetica, serif;
        font-weight: 700;
    }
    .nadpis-vlnka {
        width: 190px;
        height: 24px;
        background-size: 190px 24px;
        margin-bottom: 75px
    }
    p {font: 18px/28px "Montserrat", Helvetica, serif}
    .tl-newsky {
        border: 3px solid #111b3b;
        font-size: 14px
    }
    .produkty-h3 {
        font-size: 70px;
    }
    .o-nas-p {
        font: 22px/33px "Montserrat", Helvetica, serif;
    }
    .nav-menu > ul > li > a {
        font: 15px 'Avenir', Helvetica, serif;
        font-weight: bold;
    }
    .nav-menu > ul > li > ul > li > a {
        font: 16px 'Avenir', Helvetica, serif;
        font-weight: normal;
        padding: 15px 0
    }
    .nav-menu > ul > li > ul {
        min-width: 260px;
    }

    /* --- doplnky témy ---------------------------------------------------- */

    /* 12. Rubriky a obsah stránok */
    .pm-obsah p,
        .pm-obsah ul,
        .pm-obsah ol { font: 22px/33px "Montserrat", Helvetica, serif; }
}

@media only screen and (max-width:2000px) {
      .produkty-h3 {
        font-size: 60px;
    }
}

@media only screen and (max-width:1920px) {
    h1, .pm-h1 {
        font-size: 60px;
        margin-bottom: 60px;
    }
    h5 {
        font: 24px "Montserrat", Helvetica, serif;
        line-height: auto;
        font-weight: 600;
        margin: 30px 0 20px 0
    }
    .nadpis-vlnka {
        width: 179px;
        height: 23px;
        background-size: 179px 23px;
        margin-bottom: 65px
    }
    header .logo {
        width: 105px;
        height: 105px;
        background: url("../media/logo/pm_logo_192x192.png") no-repeat top center;
        background-size: 105px 105px;
        margin: 0 0 0 55px;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        z-index: 600 !important;
    }
    header .logo a {
        display: block;
        border: none;
        font: 0/0 a;
        text-shadow: none;
        color: transparent;
        width: 105px;
        height: 105px;
    }
    .nav-menu > ul > li > a {
        font: 14px 'Avenir', Helvetica, serif;
        font-weight: bold;
        padding: 12px 14px;
    }

    .nav-menu > ul > li > ul {
        min-width: 230px;
    }
    .nav-menu > ul > li > ul > li > a {
        padding: 14px 0;
        font: 14px 'Avenir', Helvetica, serif;
        font-weight: normal;
    }
    .menu-jazyky a {
        font: 10px 'Avenir', Helvetica, serif !important;
        font-weight: bold !important;
    }
    .jaz-tl {
        margin: 0 0 0 5px;
        width: 30px;
        height: 30px;
        border: 1px solid #111b3b;
    }
    .rubrika {padding: 80px 100px}
    .kontakt-row {padding: 80px 100px}
    .footer-row {padding: 0 100px}
    .tl-newsky {
        border: 2px solid #111b3b;
        font-size: 13px;
        font-weight: 600;
    }
    .novinky-nadpis {
        font: 27px/29px 'Avenir', Helvetica, serif !important;
        font-weight: bold  !important;
    }
    .produkty-h3 {
        font-size: 50px;
    }
    .vlnka-hr {
        background-size: 99px 13px;
        height: 14px;
        margin-bottom: 25px
    }
    .o-nas-p {font: 20px/30px "Montserrat", Helvetica, serif}
    #kontakt  {
        font: 22px/29px 'Avenir', Helvetica, serif !important;
        font-weight: 400;
    }
    #kontakt a {font: 22px/34px 'Avenir', Helvetica, serif !important;}
    .produkt-kruh {
        min-width: 350px;
        min-height: 350px;
    }
    .svetlo-modre-hr {margin: 30px 0}

    /* --- doplnky témy ---------------------------------------------------- */

    /* 12. Rubriky a obsah stránok */
    .pm-obsah p,
        .pm-obsah ul,
        .pm-obsah ol { font: 20px/30px "Montserrat", Helvetica, serif; }

    /* 15. Produkty – podkategórie a detail produktu */
    .produkty-kruhobox-velky .produkt-kruh { width: 350px; }
}

/* Pätička sa prepína na riadky pod sebou už od 1650 px (kontaktný pás pri 1400 px). */
@media only screen and (max-width: 1650px) {
    /* 19. Päta */
    /* Pätička sa prepína na vycentrované riadky (copyright hore, tlačidlá pod
       ním) už od 1650 px – pôvodne od 1400 px (pm_respo.css). So štyrmi
       tlačidlami sa medzi 1400 a 1650 px nezmestili do jedného riadku vedľa
       copyrightu. Kontaktný pás nad pätičkou sa prepína naďalej pri 1400 px. */
    .footer-row {
            justify-content: center;
            flex-direction: column;
            text-align: center;
            margin: 0 auto;
        }
    .fot-lavy {
            margin-bottom: 30px;
        }
    .fot-pravy {
            justify-content: center;
        }
}

@media only screen and (max-width:1600px) {
    p {font: 16px/23px "Montserrat", Helvetica, serif}
    #kontakt, #kontakt a {
        font: 18px/30px 'Avenir', Helvetica, serif !important;
        font-weight: 400;
    }
    .rubrika {padding: 80px 80px}
    .kontakt-row {padding: 80px 90px}
    .footer-row {padding: 0 90px}
    .tl-newsky-viac {font-size: 10px}
    .produkty-h3 {font-size: 40px}
    .o-nas-p {font: 18px/27px "Montserrat", Helvetica, serif}

    /* --- doplnky témy ---------------------------------------------------- */

    /* 12. Rubriky a obsah stránok */
    .pm-obsah p,
        .pm-obsah ul,
        .pm-obsah ol { font: 18px/27px "Montserrat", Helvetica, serif; }
}

@media only screen and (max-width:1440px) {
    h1, .pm-h1 {
        font-size: 50px;
        margin-bottom: 50px;
    }
    h2, .pm-h2 {
        font: 40px/47px 'Avenir', Helvetica, serif;
        font-weight: 700;
    }
    h3, .produkty-h3 {
        font-size: 30px;
        line-height: normal;
    }
    .nadpis-vlnka {
        width: 169px;
        height: 22px;
        background-size: 169px 22px;
        margin-bottom: 60px
    }
    #kontakt, #kontakt a {
        font: 16px/24px 'Avenir', Helvetica, serif !important;
    }
    .rubrika {padding: 60px 60px}
    .kontakt-row {padding: 60px 60px}
    .footer-row {padding: 0 60px}
    .novinky-nadpis {
        font: 23px/26px 'Avenir', Helvetica, serif !important;
        font-weight: bold  !important;
    }
    .nav-menu > ul > li > a {
        font: 12px 'Avenir', Helvetica, serif;
        font-weight: bold;
        padding: 12px 0px;
        letter-spacing: 0.060em;
    }
}

@media only screen and (max-width:1400px) {
    h5 {
        font: 22px "Montserrat", Helvetica, serif;
        line-height: auto;
        font-weight: 600;
        margin: 30px 0 20px 0
    }
    .kontakt-row, .footer-row {
            justify-content: center;
            flex-direction: column;
            text-align: center;
            margin: 0 auto
    }
    .footer-row {padding: 0 40px}
    .fot-lavy {margin-bottom: 30px}
    .k1,
    .k2,
    .k3,
    .k4 {
            margin: 0;
            margin: 0 auto;
            padding: 0;
            display: flex;
            align-items: center
    }
    .k1, .k2, .k3 {margin-bottom: 40px}
    .rubrika {padding: 60px 40px}
    .kontakt-row {padding: 60px 30px}
    .tl-footer {margin: 0 0 15px 0}
    .tl-newsky {
        border: 2px solid #111b3b;
        font-size: 11px;
    }
    .tl-newsky-viac {
        font-size: 9px;
        margin: 16px 0 0 130px;
    }
    .novinky-datum {
        font-size: 13px;
        font-weight: 600;
        padding: 0 30px 0 30px;
    }
    .o-nas-p {font: 16px/24px "Montserrat", Helvetica, serif}
    .tl-normalne {
        margin: 0 auto;
        display: block;
        color: #fff;
        background-color: #121c3c;
        border: 3px solid #121c3c;
        font: 15px 'Avenir', sans-serif;
        font-weight: 700;
        margin-bottom: 25px
    }

    /* --- doplnky témy ---------------------------------------------------- */

    /* 12. Rubriky a obsah stránok */
    .pm-obsah p,
        .pm-obsah ul,
        .pm-obsah ol { font: 16px/24px "Montserrat", Helvetica, serif; }
    .pm-obsah h2 { font-size: 26px; margin: 45px 0 22px 0; }
    .pm-obsah h3 { font-size: 22px; margin: 32px 0 16px 0; }
    .pm-obsah h4 { font-size: 19px; margin: 24px 0 12px 0; }
    .pm-obsah-pravne p,
        .pm-obsah-pravne ul,
        .pm-obsah-pravne ol { font: 16px/28px "Montserrat", Helvetica, serif; }
    .pm-obsah-pravne h2 { font-size: 22px; }
    .pm-obsah-pravne h3 { font-size: 19px; }
    .pm-vysledok a { font-size: 22px; }
    .pm-ziadne-vysledky { font-size: 18px; line-height: 30px; }
}

@media only screen and (max-width:1200px) {

    header .logo {
        margin: 0 0 0 30px;
    }
    .menu-jazyky {
        margin: 0 40px 0 0;
    }
    .tl-newsky {
        border: 2px solid #111b3b;
        font-size: 10px;
    }
    .produkty-kruh img {max-height: 200px}
    .svetlo-modre-hr {margin: 20px 0}

    /* --- doplnky témy ---------------------------------------------------- */

    /* 21. Galéria a lightbox */
    .pm-galeria-polozka { flex-basis: calc((100% - 2 * 20px) / 3); }
    .pm-galeria-mozaika .pm-galeria-fotky { column-count: 3; }
    .pm-galeria-mozaika.pm-galeria-pocet-1 .pm-galeria-fotky { max-width: calc((100% - 2 * 20px) / 3); }
    .pm-galeria-mozaika.pm-galeria-pocet-2 .pm-galeria-fotky { max-width: calc((100% - 2 * 20px) / 3 * 2 + 20px); }
    .pm-galeria-mozaika.pm-galeria-pocet-3 .pm-galeria-fotky { max-width: none; }
}

@media only screen and (max-width:1000px) {
    p {font: 14px/22px "Montserrat", Helvetica, serif}
    h1, .pm-h1 {
        font-size: 40px;
        margin-bottom: 40px
    }
     h2, .pm-h2 {
        font: 30px/37px 'Avenir', Helvetica, serif;
        font-weight: 700;
    }
    .nadpis-vlnka {
        width: 137px;
        height: 18px;
        background-size: 137px 18px;
        margin-bottom: 45px
    }
    .tl-footer {
        font: 11px 'Avenir', sans-serif;
    }
    .intro-slider {
        height: calc(100% - 15px);
        background-color: #1a3365;
        border-radius: 25px;
        margin: 0 15px 15px 15px;
    }
    #domovske-novinky {
        margin: 0px 15px 15px 15px;
    }
    .novinky-flex {flex-direction: column;}
    .rubrika {padding: 50px 30px}
    #kontakt {margin: 0 15px 0 15px}
    #footer {
        margin: 15px 15px 15px 15px;
        font-size: 12px;
        padding: 100px 0 80px 0;
    }
    .produkty-flex {
        flex-direction: column;
        gap: 15px 0;
    }
    .produkty-big-box {
        width: 75vw;
        min-height: 150px;
        max-height: 300px;
        border-radius: 15px;
    }
    .pbgp-01, .pbgp-02, .pbgp-03, .pbgp-04 {background-size: cover}
    .pbgp-01:hover, .pbgp-02:hover, .pbgp-03:hover, .pbgp-04:hover {
        background-size: cover
    }
    .produkty-kruh {
        width: 200px;
        height: 200px;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="246px" height="246px"><path fill-rule="evenodd" fill="rgb(126, 194, 201)" d="M122.1000,0.600 C190.600,0.600 245.400,55.400 245.400,122.1000 C245.400,190.600 190.600,245.400 122.1000,245.400 C55.400,245.400 0.600,190.600 0.600,122.1000 C0.600,55.400 55.400,0.600 122.1000,0.600 Z"/></svg>') no-repeat center;
        background-size: 200px 200px
    }
    .produkt-nadpis {
        font: 25px/26px 'Avenir', Helvetica, serif;
    }
    .produkt-podnadpis {
        font: 17px 'Avenir', Helvetica, serif;
        text-transform: uppercase;
    }
    .gramaz {
        display: inline-block;
        background-color: #111b3b;
        color: #fff;
        font: 12px 'Avenir', Helvetica, serif;
        padding: 5px 11px;
        border-radius: 30px
    }
    .o-nas-ozdoba-1, .o-nas-ozdoba-2 {width: 50%; height: 200px}
    .o-nas-ozdoba-2  {
        height: 100px;
        margin: 0 auto;
        border: 0 solid transparent;
        margin-top: 20px
    }
    .o-nas-podnadpis {
        font: 25px 'Avenir', Helvetica, serif;
        font-weight: bold;
        letter-spacing: 0.130em;
        color: #111b3b;
        margin: 54px 0 45px 0;
        line-height: auto;
        text-align: center;
    }
    .b80px {
        clear: both;
        height: 40px
    }
    .respo-rev {
        flex-direction: column-reverse;
    }
    .produkt-kruh {
        min-width: 250px;
        min-height: 250px;
    }
    .svetlo-modre-hr {margin: 20px 0}

    .tl-normalne {
        margin: 0 auto;
        display: block;
        color: #fff;
        background-color: #121c3c;
        border: 3px solid #121c3c;
        font: 13px 'Avenir', sans-serif;
        font-weight: 700;
        margin-bottom: 25px
    }

    /* --- doplnky témy ---------------------------------------------------- */

    /* 02. Základné */
    /* Odkaz „Preskočiť na obsah“
       Slúži len na ovládanie klávesnicou (zobrazí sa po stlačení Tab).
       Pod 1000 px – telefóny a tablety – je úplne vypnutý. */
    .pm-preskocit {
            display: none !important;
        }

    /* 15. Produkty – podkategórie a detail produktu */
    .produkty-kruhobox-velky .produkt-kruh { width: 250px; }

    /* 20. Tlačidlá */
    /* Na mobiloch a tabletoch (do 1000 px) sa tlačidlo nezobrazuje –
       na dotykovej obrazovke sa na začiatok stránky ľahšie dostať prstom. */
    .go-top,
        .go-top.show {
            display: none !important;
        }
}

@media only screen and (max-width:992px) {
    h5 {
        font: 20px "Montserrat", Helvetica, serif;
        line-height: auto;
        font-weight: 600;
        margin: 30px 0 20px 0
    }
    header, .hornemenu {
        height: 110px;
    }
    header .logo, header .logo a {
        width: 80px;
        height: 80px;
    }
    header .logo {
        background-size: 80px 80px;
        margin: 0 0 0 15px;
    }
    #intro {
        margin-top: 110px;
        height: -webkit-calc(100vh - 110px);
        height: -moz-calc(100vh - 110px);
        height: calc(100vh - 110px);
    }
    #domovske-novinky {
        background: transparent;
        position: relative;
        margin: 0 auto;
        border-radius: 0;
        margin: 0 0 15px 0;
    }
    .rubrika {padding: 30px 20px}
    .novinky-box {
        border-radius: 0px;
        padding:0 0 40px 0;
        border: 0 solid transparent;
        cursor: pointer;
    }
    .novinky-box:hover {border: 0 solid transparent}
    .novinky-datum {
        font-size: 13px;
        font-weight: 600;
        padding: 18px 0 4px 0;
    }
    .novinky-nadpis {
        font: 19px 'Avenir', Helvetica, serif !important;
        font-weight: bold  !important;
    }
    .novinky-box-texty {
        flex-direction: column
    }
    .novinky-obrazok {
        margin: 0 0 0 0;
        border-radius: 15px;
    }
    .obr-newska {
        width: 100%;
        background-size: cover;
        border-radius: 15px;
    }
    .tl-newsky-viac {
        font-size: 9px;
        letter-spacing: 0.02em;
        margin: 15px 0 0 0;
    }
    .tl-newsky {background-color: transparent;}
    #novinky, #produkty, #distribucia, #onas, #kontakty {margin: 110px 15px 15px 15px}
    .produkty-kruh img {max-height: 180px}
    .tl-normalne {
        margin: 0 auto;
        display: block;
        color: #fff;
        background-color: #121c3c;
        border: 3px solid #121c3c;
        font: 12px 'Avenir', sans-serif;
        font-weight: 700;
        margin-bottom: 25px;
    }
    .pm-tl-stiahnut {padding: 0.9em 1.1em;}

    /* --- doplnky témy ---------------------------------------------------- */

    /* 11. Novinky */
    .pm-vypis-noviniek .novinky-box {
            background: #fff;
        }
    /* Domovská stránka: sivé pozadie sekcie aj na menších obrazovkách
       (pm_respo.css ho pod 992 px rušilo). Karty ostávajú biele. */
    #domovske-novinky {
            background: #f6f6f6;
            border-radius: 15px;
            margin: 0 15px 15px 15px;
        }
    #domovske-novinky .novinky-box {
            background: #fff;
            border-radius: 15px;
            padding: 15px 15px 25px 15px;
        }
    .novinky-flex {
            gap: 20px;
        }

    /* 13. Kontakt a mapa */
    .pm-mapa iframe, .pm-mapa-iframe { min-height: 300px; height: 360px; }
    .pm-mapa { border-radius: 15px; }
    .pm-mapa-full { margin-top: 30px; }

    /* 21. Galéria a lightbox */
    .pm-galeria { margin-top: 40px; }
    .pm-galeria-nadpis { font-size: 19px; margin-bottom: 25px; }
}

/* Mobilne menu odtialto */

@media only screen and (max-width:892px) {
    p {font: 14px/21px "Montserrat", Helvetica, serif}
    .o-nas-p {font: 14px/21px "Montserrat", Helvetica, serif}
    .menu-jazyky {
        margin: 0 0 0 0;
        flex-grow: 4;
    }
    .svetlo-modre-hr {margin: 20px 0}

    /* --- doplnky témy ---------------------------------------------------- */

    /* 11. Novinky */
    .novinka-datum { font-size: 13px; padding: 6px 16px; margin-bottom: 20px; }
    .novinka-aktualizovane { margin: -10px 0 20px 0; font-size: 12px; }
    .pm-strankovanie { margin-top: 40px; }
    .pm-strankovanie-odkazy { gap: 6px; }
    .pm-strankovanie .page-numbers {
            min-width: 38px;
            height: 38px;
            padding: 0 10px;
            font-size: 13px;
            border-width: 2px;
        }
    .pm-strankovanie .page-numbers.prev,
        .pm-strankovanie .page-numbers.next {
            padding: 0 14px;
        }
    .pm-strankovanie .page-numbers.dots { min-width: 16px; padding: 0; }
    .pm-strankovanie-info { font-size: 13px !important; }
    .novinka-hlavny-obrazok { margin-bottom: 30px; }

    /* 12. Rubriky a obsah stránok */
    .pm-obsah p,
        .pm-obsah ul,
        .pm-obsah ol { font: 14px/21px "Montserrat", Helvetica, serif; }
    .pm-obsah h2 { font-size: 21px; margin: 35px 0 16px 0; }
    .pm-obsah h3 { font-size: 18px; margin: 26px 0 12px 0; }
    .pm-obsah h4 { font-size: 16px; margin: 20px 0 10px 0; }
    .pm-obsah table { font: 13px/20px "Montserrat", Helvetica, serif; }
    .pm-obsah table th,
        .pm-obsah table td { padding: 7px 9px; }
    .pm-obsah .pm-tab-obal,
        .pm-obsah .wp-block-table { margin: 22px 0; }
    /* --- Tabuľka ako karty (pripraví js/tabulky.js) ----------------------
           Každý riadok = karta. Prvý stĺpec je nadpis karty, ostatné bunky
           majú nad hodnotou popisok z hlavičky tabuľky. */
    .pm-obsah table.pm-tab-karty,
        .pm-obsah table.pm-tab-karty tbody,
        .pm-obsah table.pm-tab-karty tfoot,
        .pm-obsah table.pm-tab-karty tr,
        .pm-obsah table.pm-tab-karty td,
        .pm-obsah table.pm-tab-karty tbody th {
            display: block;
            width: 100% !important;
            box-sizing: border-box;
        }
    .pm-obsah table.pm-tab-karty {
            table-layout: auto !important;   /* ruší „has-fixed-layout“ z editora */
            font: 14px/21px "Montserrat", Helvetica, serif;
            border: 0;
        }
    /* Hlavička ostáva pre čítačky obrazovky, vizuálne sa skryje. */
    .pm-obsah table.pm-tab-karty thead,
        .pm-obsah table.pm-tab-karty tr.pm-tab-hlavicka {
            position: absolute !important;
            width: 1px;
            height: 1px;
            overflow: hidden;
            clip: rect(0 0 0 0);
            white-space: nowrap;
        }
    .pm-obsah table.pm-tab-karty tr {
            background: #fff;
            border: 2px solid #7ec2c9;
            border-radius: 14px;
            overflow: hidden;
            margin: 0 0 14px 0;
        }
    .pm-obsah table.pm-tab-karty td,
        .pm-obsah table.pm-tab-karty tbody th {
            border: 0;
            border-bottom: 1px solid #e4e7ec;
            padding: 9px 14px;
            background: transparent;
            color: #121c3b;
            font-weight: 400;
        }
    .pm-obsah table.pm-tab-karty td:last-child {
            border-bottom: 0;
        }
    .pm-obsah table.pm-tab-karty td::before,
        .pm-obsah table.pm-tab-karty tbody th::before {
            content: attr(data-label);
            display: block;
            font-size: 11px;
            line-height: 16px;
            font-weight: 600;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: #6b7280;
            margin-bottom: 2px;
        }
    .pm-obsah table.pm-tab-karty td[data-label=""]::before,
        .pm-obsah table.pm-tab-karty tbody th[data-label=""]::before {
            content: none;
        }
    /* Prvý stĺpec = nadpis karty. */
    .pm-obsah table.pm-tab-karty tr > :first-child {
            background: #7ec2c9;
            color: #fff;
            font-weight: 700;
            font-size: 15px;
            border-bottom: 0;
        }
    .pm-obsah table.pm-tab-karty tr > :first-child::before {
            content: none;
        }
    /* Pruhovaný štýl tabuľky z editora nemá v kartách zmysel. */
    .pm-obsah .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
            background: #fff;
        }
    .pm-obsah blockquote { padding-left: 18px; margin: 22px 0; }
    .pm-obsah-pravne p,
        .pm-obsah-pravne ul,
        .pm-obsah-pravne ol { font: 14px/24px "Montserrat", Helvetica, serif; }
    .pm-obsah-pravne h2 { font-size: 19px; }
    .pm-obsah-pravne h3 { font-size: 16px; }
    .pm-vysledok a { font-size: 18px; }
    .pm-ziadne-vysledky { font-size: 15px; line-height: 25px; padding: 25px 0; }
    .pm-hladanie input[type="search"] { font-size: 14px; padding: 10px 18px; }
    /* Obrázky nech na mobile nemajú prehnané zaoblenie */
    .pm-obsah img,
        .novinka-hlavny-obrazok img,
        .novinky-obrazok-placeholder,
        .novinky-box .novinky-obrazok img { border-radius: 15px; }
    .alignleft,
        .alignright {
            float: none;
            display: block;
            margin: 20px auto;
        }

    /* 15. Produkty – podkategórie a detail produktu */
    .pm-produkt-text-pred { margin-bottom: 30px; }
    .pm-produkt-text-po   { margin-top: 40px; }

    /* 17. Distribúcia – registrácia zákazníka */
    .pm-registracia {
            padding: 30px 20px 28px 20px;
            margin-top: 34px;
            border-radius: 15px;
            scroll-margin-top: 120px;
        }
    .pm-reg-nadpis {
            font-size: 23px;
        }
    .pm-reg-uvod {
            font-size: 15px;
            line-height: 23px;
            margin-bottom: 24px;
        }
    .pm-reg-mriezka {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px 12px;
        }
    .pm-reg-pole,
        .pm-reg-polovica {
            grid-column: 1 / -1;
        }
    .pm-reg-stvrtina {
            grid-column: span 1;
        }
    .pm-reg-sekcia legend {
            font-size: 17px;
        }
    .pm-reg-ico-riadok input {
            max-width: none;
        }
    .pm-reg-check {
            font-size: 14px;
            line-height: 21px;
        }

    /* 18. Veľkoobchodná zóna */
    .pm-subor {
            gap: 16px;
            padding: 16px 18px;
            flex-wrap: wrap;
        }
    .pm-subor-ikona {
            flex: 0 0 38px;
        }
    .pm-ikona-subor {
            width: 38px;
            height: 48px;
        }
    .pm-subor-info {
            flex: 1 1 200px;
        }
    .pm-subor-nazov {
            font-size: 17px;
            line-height: 24px;
        }
    .pm-subor-popis {
            font-size: 14px;
            line-height: 21px;
        }
    .pm-subor-meta {
            font-size: 12px;
            line-height: 18px;
        }
    .pm-subor-akcia {
            flex: 1 1 100%;
        }
    .pm-heslo-popis {
            font-size: 16px;
            line-height: 26px;
        }
    .pm-heslo-formular input[type="password"] {
            flex: 1 1 100%;
            max-width: 100%;
            font-size: 15px;
            border-width: 2px;
        }

    /* 20. Tlačidlá */
    .pm-tl-stiahnut {
            width: 100%;
        }
}

/* WordPress admin lišta je na mobile vyššia (46 px). */
@media screen and (max-width: 782px) {
    /* 07. Hlavička + menu */
    body.admin-bar .header {
            top: 46px;
        }
}

@media only screen and (max-width:768px) {
    .jaz-tl {
        margin: 0 0 0 5px;
    }
    .intro-podnadpis::before, .intro-podnadpis::after  {
        display: none;
    }
    .produkty-big-box {
        height: 150px;
    }

    /* --- doplnky témy ---------------------------------------------------- */

    /* 13. Kontakt a mapa – náhrada mapy pred súhlasom */
    .pm-mapa-suhlas { gap: 16px; padding: 20px; }
    .pm-mapa-suhlas-text { font-size: 14px; line-height: 21px; }

    /* 22. Cookies – na mobile lišta na celú šírku (knižnica), zaoblený vrch */
    .cc-window.cc-pos-bottom-right { border-radius: 15px 15px 0 0; }
    .cc-window .cc-window-buttons button { flex: 1 1 calc(50% - 4px); }
    .cc-window .cc-window-buttons button.cc-btn-info { order: 3; flex-basis: 100%; }
    #cc-btn-dismiss.cc-pos-bottom-left { left: 20px; bottom: 20px; }

    /* 10. Hero – rybičky pri nadpise (na mobile by sa nadpis zalomil) */
    h1.intro-nadpis::before,
        h1.intro-nadpis::after {
            display: none;
        }
    /* Rybičky sú skryté – podnadpis v animácii nečaká na ich kroky. */
    .pm-intro-animacia { --pm-ryby: 0; }

    /* 21. Galéria a lightbox */
    .pm-galeria-fotky { gap: 14px; }
    .pm-galeria-polozka { flex-basis: calc((100% - 14px) / 2); }
    .pm-galeria-mozaika .pm-galeria-fotky,
        .pm-galeria-mozaika.pm-galeria-pocet-3 .pm-galeria-fotky { column-count: 2; column-gap: 14px; max-width: none; }
    .pm-galeria-mozaika.pm-galeria-pocet-2 .pm-galeria-fotky { max-width: none; }
    .pm-galeria-mozaika.pm-galeria-pocet-1 .pm-galeria-fotky { max-width: calc((100% - 14px) / 2); }
    .pm-galeria-mozaika .pm-galeria-polozka { margin-bottom: 14px; }
    /* Lightbox na mobile: šípky ležia na fotke, aby mala fotka celú šírku. */
    .pm-lb-lista { padding: 12px 12px 10px 16px; }
    .pm-lb-tl { width: 44px; height: 44px; }
    .pm-lb-scena { position: relative; padding: 0 0 16px 0; gap: 0; }
    .pm-lb-sipka {
            position: absolute;
            top: var(--pm-lb-sipky-y, 50%);
            z-index: 2;
            width: 44px;
            height: 44px;
            margin-top: -22px;
            background: rgba(17, 27, 59, 0.7);
            color: #fff;
        }
    .pm-lb-pred { left: 8px; }
    .pm-lb-dalsia { right: 8px; }
    .pm-lb-obr { border-radius: 0; box-shadow: none; }
    .pm-lb-popis { padding: 0 16px; font-size: 14px; line-height: 21px; }
}

/* Od 768 px vyššie – dve novinky vedľa seba. */
@media only screen and (min-width: 768px) {
    /* 11. Novinky */
    /* Stĺpce najviac 1200 px (= max. šírka karty) a pár kariet na stred.
           Pri „1fr“ by sa na veľmi širokých monitoroch stĺpce natiahli širšie
           ako karta a medzi kartami by vznikla veľká medzera. */
    .novinky-flex {
            grid-template-columns: repeat(2, minmax(0, 1200px));
            justify-content: center;
        }
}

@media only screen and (max-width:576px) {
     h1, .pm-h1 {
        font-size: 30px;
        margin-bottom: 30px
    }
    .nadpis-vlnka {
        width: 106px;
        height: 14px;
        background-size: 106px 14px;
        margin-bottom: 30px
    }

    /* --- doplnky témy ---------------------------------------------------- */

    /* 11. Novinky */
    /* Na úzkom displeji len „« Novšie · 3 · Staršie »“ – čísla ostatných
           strán by sa zalomili do druhého riadku. Kontext dáva „Strana 3 z 9“. */
    .pm-strankovanie a.page-numbers:not(.prev):not(.next),
        .pm-strankovanie .page-numbers.dots {
            display: none;
        }

    /* 12. Rubriky a obsah stránok */
    .pm-hladanie { gap: 8px; }
    .pm-hladanie input[type="search"] { flex: 1 1 100%; }

    /* 13. Kontakt a mapa */
    .pm-mapa iframe, .pm-mapa-iframe { min-height: 240px; height: 300px; }

    /* 21. Galéria a lightbox */
    .pm-galeria-fotky { gap: 10px; }
    .pm-galeria-polozka { flex-basis: calc((100% - 10px) / 2); }
    .pm-galeria-mozaika .pm-galeria-fotky,
        .pm-galeria-mozaika.pm-galeria-pocet-3 .pm-galeria-fotky { column-gap: 10px; }
    .pm-galeria-mozaika.pm-galeria-pocet-1 .pm-galeria-fotky { max-width: calc((100% - 10px) / 2); }
    .pm-galeria-mozaika .pm-galeria-polozka { margin-bottom: 10px; }
    .pm-galeria-odkaz { border-radius: 10px; }
    .pm-galeria-lupa { width: 44px; height: 44px; margin: -22px 0 0 -22px; }
}

@media only screen and (max-width:431px) {
    p {font: 13px/20px "Montserrat", Helvetica, serif}
    .o-nas-p {font: 13px/20px "Montserrat", Helvetica, serif}
    header, .hornemenu {
        height: 100px;
    }
    .hamburger {margin-right: 15px}
     #intro {
        margin-top: 100px;
        height: -webkit-calc(100vh - 100px);
        height: -moz-calc(100vh - 100px);
        height: calc(100vh - 100px);
    }

    /* --- doplnky témy ---------------------------------------------------- */

    /* 12. Rubriky a obsah stránok */
    .pm-obsah p,
        .pm-obsah ul,
        .pm-obsah ol { font: 13px/20px "Montserrat", Helvetica, serif; }
    .pm-obsah h2 { font-size: 19px; }
    .pm-obsah h3 { font-size: 16px; }
    .pm-obsah h4 { font-size: 15px; }
    .pm-obsah-pravne p,
        .pm-obsah-pravne ul,
        .pm-obsah-pravne ol { font: 13px/22px "Montserrat", Helvetica, serif; }
    .pm-vysledok a { font-size: 16px; }
    .pm-ziadne-vysledky { font-size: 14px; line-height: 22px; }

    /* 17. Distribúcia – registrácia zákazníka */
    .pm-reg-stvrtina {
            grid-column: 1 / -1;
        }
    .pm-reg-ico-riadok {
            flex-direction: column;
        }
    .pm-reg-ico-tl {
            padding: 10px 20px;
        }
}

/* ==========================================================================
   PRÍSTUPNOSŤ – používatelia s nastavením „obmedziť pohyb“
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    /* 07. Hlavička + menu */
    header .logo.pm-logo-inline:hover #pm-rybicka,
        header .logo.pm-logo-inline:focus-within #pm-rybicka {
            animation: none !important;
        }

    /* 20. Tlačidlá */
    .go-top {
            transition: opacity 0.2s, visibility 0.2s;
        }

    /* 15. Produkty – fotka v kruhu sa pri prejdení myšou nepribližuje */
    .produkty-kruh img { transition: none; }
    .produkty-kruhobox:hover .produkty-kruh img,
        a:focus-visible .produkty-kruhobox .produkty-kruh img { transform: none; }

    /* 21. Galéria a lightbox */
    .pm-galeria-obr,
        .pm-galeria-odkaz::after,
        .pm-galeria-lupa,
        .pm-lightbox,
        .pm-lb-obr {
            transition: none;
        }
    .pm-galeria-odkaz:hover .pm-galeria-obr,
        .pm-galeria-odkaz:focus-visible .pm-galeria-obr {
            transform: none;
        }
    .pm-lb-nacitanie { animation-duration: 2s; }

    /* 10. Hero – úvodná animácia vypnutá, všetko je viditeľné hneď */
    .pm-intro-animacia .intro-slider,
        .pm-intro-animacia .pm-intro-slovo,
        .pm-intro-animacia h1.intro-nadpis::before,
        .pm-intro-animacia h1.intro-nadpis::after,
        .pm-intro-animacia .pm-intro-pod-text,
        .pm-intro-animacia .intro-podnadpis::before,
        .pm-intro-animacia .intro-podnadpis::after {
            animation: none;
        }
}