:root
{
    --ptn-color: #f29400;
    --ptn-color-rgb: 242,148,0;
    --ptn-color-hover: #cb7c00;
    --ptn-color-hover-rgb: 203,124,0;
    --ptn-color-light: #ffe3b7;
    --ptn-color-light-rgb: 255,227,183;

    --bs-link-color: var(--ptn-color);
    --bs-link-color-rgb: var(--ptn-color-rgb);
    --bs-link-hover-color: var(--ptn-color-hover);
    --bs-link-color-hover-rgb: var(--ptn-color-hover-rgb);

}


html
{
    background-color: var(--bs-body-bg);
}

body {
    background-color: var(--bs-body-bg);
}

/* prepis */
.pagination
{
    --bs-pagination-active-bg: var(--ptn-color);
    --bs-pagination-active-border-color: var(--ptn-color);
}

.justify-items-center
{justify-items: center;}


/* horni nabidka ################################################################ */

#navbar_main_PTN, #navbar_main_PTN .dropdown-menu
{
    background-color: var(--bs-body-bg);
}

#navbar_main_PTN .nav-link, #navbar_main_PTN .dropdown-item
{
    color: rgba(var(--bs-body-color-rgb),0.6);
}

#navbar_main_PTN .nav-link:hover, #navbar_main_PTN .dropdown-item:hover
{
    color: rgba(var(--bs-body-color-rgb),1);
}

#navbar_main_PTN .nav-link:focus, #navbar_main_PTN .dropdown-item:focus
{
    color: rgba(var(--bs-body-color-rgb),1);
}

#navbar_main_PTN .nav-link.active, #navbar_main_PTN .dropdown-item:active
{
    color: rgba(var(--bs-body-color-rgb),1);
}

#navbar_main_PTN .dropdown-item
{ background-color: rgba(var(--bs-body-bg-rgb),1); transition: background-color .15s ease-in-out; }

#navbar_main_PTN .dropdown-item:hover
{ background-color: rgba(var(--bs-body-color-rgb),.16); }

#navbar_main_PTN .dropdown-item:focus
{ background-color: rgba(var(--bs-body-color-rgb),.24); }

#navbar_main_PTN .dropdown-item:active
{ background-color: rgba(var(--bs-body-color-rgb),.24); }

/* telo ######################################################################## */

.oddelovac_PTN
{
    width:100%;
    height:5px;
    background: radial-gradient(50% 50% at 50% 50%, #FF5000 0%, #FF854D 33.33%, #FFCBB3 66.67%, #FFFFFF 100%);
}

.vid_PTN_div
{
    max-width:800px;
}

.vid_PTN
{
    max-width:800px;
    width: 100%;
    height: auto;
}

.btn_PTN
{
    background-color: var(--ptn-color);
    color: var(--bs-body-bg);
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out, box-shadow .3s ease-in-out;
}

.btn_PTN:hover
{
    background-color: var(--ptn-color-hover);
    color: var(--bs-body-bg);
}

.btn_PTN:focus
{
    background-color: var(--ptn-color);
    color: var(--bs-body-bg);
    
    box-shadow: 0 0 0 .25rem rgba(var(--ptn-color-rgb),0.5);
}


/* footer ###################################################################### */

.footer_PTN
{
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}


a.orange_link_PTN, a.orange_link_PTN:link
{
    color: var(--bs-body-color);
    transition: color 0.2s ease-in-out;
}

a.orange_link_PTN:hover, a.orange_link_PTN:visited
{
    color: rgba(var(--bs-body-color-rgb),0.7);
}

a.orange_link_PTN:active
{
    color: var(--ptn-color-hover);
}

a.white_link_PTN, a.white_link_PTN:link
{
    color: var(--ptn-color);
}

a.white_link_PTN:hover, a.white_link_PTN:visited
{
    color: var(--ptn-color-hover);
}

a.white_link_PTN:active
{
    color: var(--ptn-color-hover);
}

/* MENU VYPIS PRODUKTU */

.thumb_PTN
{

    max-height: 400px;
    max-width: 100%;
    transition: opacity .3s ease-in-out;
}

img.thumb_PTN:hover
{
    opacity:0.6;
}

.antilink_PTN
{
    color: var(--bs-body-color);
    text-decoration:none;

}

.antilink_PTN:hover
{
    color:var(--bs-body-color);
}

.antilink_PTN:focus .fig_PTN
{
    box-shadow: 0 0 0 2px rgba(var(--bs-body-color-rgb),0.2);
}


/* VIDEO STYL */

.content_PTN_vlozene iframe
{
    max-width: 100%;
    max-height: 100%;
}


/* CENA STYL */
.cena_PTN
{
    color: var(--ptn-color);
}


/* TEMNA DOBA TLACITEK VIEWRU */

.view_backbut_PTN
{
    width:10%;
    transition: color .1s ease-in-out, background-color .1s ease-in-out, opacity .1s ease-in-out, box-shadow .1s ease-in-out;
    box-shadow: 0rem 0rem 0rem 0rem rgba(0,0,0,0) inset;
    
}

.carousel-control-prev.view_backbut_PTN:hover
{
        box-shadow: 3rem 0rem 1.5rem -1.5rem rgba(0,0,0,0.2) inset;
}

.carousel-control-next.view_backbut_PTN:hover
{
        box-shadow: -3rem 0rem 1.5rem -1.5rem rgba(0,0,0,0.2) inset;
}


                .tedne
                {
                    cursor:not-allowed !important;
                }
.opacity-15{opacity:.15 !important;}

.ptn-col {flex: 0 0 auto; width: 100%;}

@media (min-width: 992px) {
.ptn-col {flex: 1 1 auto;}
.ptn-col-mini{flex: 1 1 25%;}
.ptn-col-s{flex: 1 1 50%;}
.ptn-col-img{flex: 1 1 75%;}
.ptn-col-m{flex: 1 1 100%;}
.ptn-col-l{flex: 1 1 125%;}
.ptn-col-xl{flex: 1 1 150%;}
.ptn-row{flex-wrap:nowrap;}
}
@media (max-width: 992px) {
    .ptn-col {order: 2;}
    .ptn-col-img{order:1;}
}

.ptn-sipka
{
    position: fixed;
    right: 2.5%;
    border: 0px solid var(--bs-body-color);
    border-radius: 6px;
    opacity: 0.6;
    padding: 16px;
    z-index: 100;
    background-color: var(--bs-body-color);
    bottom: 0%;
    transform: translateY(100%);
    transition: bottom ease-in-out 0.5s, transform ease-in-out 0.5s, opacity ease-in-out 0.2s;
}

.ptn-sipka.ukaz
{
    bottom: 5%;
    transform: translateY(0%);
}

.ptn-sipka .ptn-sipka-prvek
{
    border-top: 4px solid var(--bs-body-bg);
    border-right: 4px solid var(--bs-body-bg);
    border-radius: 1px;
    padding: 8px;
    transform: rotate(315deg) translate(-12.5%,12.5%);
}

.ptn-sipka:hover
{
    opacity: 0.8;
}

.dropdown-menu
{--bs-dropdown-border-color: var(--bs-border-color);}

.ptn-container{text-align: center;}
.ptn-container>*:not(img){text-align: start;}
/*.ptn-container>div{text-align: start;}*/

/*.ptn-container>img{text-align: center;}*/

.ptn-nav-popis
{
    grid-column: 1/-1;
    padding-left: 1rem;
    background-color: var(--bs-gray-200);
    width: calc(100% + 2 * var(--bs-dropdown-item-padding-x)) !important;
    height: calc(100% + 2 * var(--bs-dropdown-item-padding-y));
    margin-bottom: 0rem;
    border-radius: var(--bs-border-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.text-ptn{color:var(--ptn-color);}
.text-ptn-dark{color:var(--ptn-color-hover);}
.text-ptn-light{color:var(--ptn-color-light);}

.bg-ptn{background-color:var(--ptn-color);}
.bg-ptn-dark{background-color:var(--ptn-color-hover);}
.bg-ptn-light{background-color:var(--ptn-color-light);}

.ptn-blog-autor{display:flex; gap: 0.5rem; align-items:center;}
.ptn-blog-autor img{max-width: 2rem;}

/*.ptn-blog-vypis{display: grid; grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr)); gap: 1rem;}*/
.ptn-blog-vypis{display: grid; grid-template-columns: repeat(2, minmax(17.5rem, 1fr)); gap: 2rem;}
.ptn-blog-vypis-pod{display: grid; grid-template-columns: repeat(4, minmax(15rem, 1fr)); gap: 1rem; margin-top: 2rem;}
.ptn-blog-vypis-index{display: grid; grid-template-columns: repeat(3, minmax(17.5rem, 1fr)); gap: 1rem; margin-top: 2rem;}
.ptn-blog-vypis-produkt{display: grid; grid-template-columns: repeat(1, minmax(10rem, 1fr)); gap: 2rem;}

.ptn-blog-vypis .ptn-blog-top-wrap{height: 24rem; overflow:hidden;}
.ptn-blog-vypis-pod .ptn-blog-top-wrap{height: 12rem; overflow:hidden;}
.ptn-blog-vypis-index .ptn-blog-top-wrap{height: 18rem; overflow:hidden;}
.ptn-blog-vypis-produkt .ptn-blog-top-wrap{height: 12rem; overflow:hidden;}
.ptn-blog-top-img{width: 100%; height: 100%; object-fit:cover;}

@media screen and (max-width: 1400px)
{
    .ptn-blog-vypis-pod{grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));}
}

@media screen and (max-width: 992px)
{
    .ptn-blog-vypis-index{grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));}
    .ptn-blog-vypis{grid-template-columns: 1fr;}
    .ptn-blog-vypis-pod{grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));}
}

@media screen and (max-width: 576px)
{
    .ptn-blog-vypis-index{grid-template-columns: 1fr;}
    .ptn-blog-vypis-pod{grid-template-columns: 1fr;}
}


.ptn-prod-ostatni{/*display:flex;  justify-content: space-between;*/ display:grid; grid-template-columns: 3fr 1fr; gap:2rem; padding-top:1rem;}

.ptn-prod-podobne{display:grid; grid-template-columns: repeat(6, minmax(7.5rem, 1fr)); gap: 1rem;}

@media screen and (max-width: 1200px) {
    .ptn-prod-ostatni{grid-template-columns: 1fr;}
    .ptn-blog-vypis-produkt{grid-template-columns: repeat(3, 1fr);}

}

@media screen and (max-width: 992px) {
    .ptn-prod-podobne{ grid-template-columns: repeat(3, minmax(7.5rem, 1fr));}
    .ptn-blog-vypis-produkt{grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width: 576px) {
    .ptn-prod-podobne{ grid-template-columns: 1fr 1fr;}
    .ptn-blog-vypis-produkt{grid-template-columns: 1fr;}
}



/* 1320 x 198, padding 24 x 3.6, takze vzdy vyska minus 4, kdo bude mit vetsi rem, obrazek seknu, sekam ho i tak bo jinak to vypada takove nic moc kdyz je to male */ 

.ptn-nadpis
{
    text-align: center;
    color: var(--bs-body-bg);
    max-width: 1320px;
    min-height: 194px;
    position:relative;

    background-image:url(/powerton_test/img/test/IMG_20240509_152222.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
    
}


@media screen and (max-width: 1400px){.ptn-nadpis{max-width: 1140px; min-height:167px;}}
@media screen and (max-width: 1200px){.ptn-nadpis{max-width: 960px; min-height:140px;}}
@media screen and (max-width: 992px){.ptn-nadpis{max-width: 720px; min-height:140px;}}
@media screen and (max-width: 768px){.ptn-nadpis{max-width: 540px; min-height:140px;}}
@media screen and (max-width: 576px){.ptn-nadpis{max-width: initial; min-height:140px;}}

.ptn-nadpis::after
{
    position:absolute;
    left:0; top:0;
    height: 100%;
    width: 100%;
    content: " ";
    background-color: rgba(0,0,0,0.5);
    
}

.ptn-nadpis h1, .ptn-nadpis .h1
{
    position:relative;
    z-index: 1;
    font-size:3rem;
    font-weight:300;
}

.ptn-podnadpis
{
    font-weight:bold;
    color: var(--ptn-color);
    font-size: 1.5rem;
    padding-bottom: 1rem;
}

.ptn-podpodnadpis
{
    
    font-weight:bold;
    color: var(--bs-body-color);
    font-size: 1.75rem;
    padding-bottom: 1rem;
}

.ptn-podnadpis+.ptn-podpodnadpis
{margin-top: -1rem;}


.ptn-kat-vypis
{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 1rem;
}

.ptn-kat-1 {
    border: 1px solid var(--bs-gray-300);
    border-radius: 0.375rem;
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    gap: 0.5rem;
    padding: 1rem 2rem;
}

.ptn-kat-1{transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out;}
.ptn-kat-1:hover{background-color:var(--bs-tertiary-bg); border: 1px solid var(--bs-secondary-bg);}
.ptn-kat-1 .ptn-vypis-ikona{opacity:1; transition: opacity 0.2s ease-in-out;}
.ptn-kat-1:hover .ptn-vypis-ikona{opacity:0.6;}

.list-group-horizontal > .list-group-item:last-child{border-bottom-left-radius: .25rem;}


/* footer - mailing */

.ptn-nl-grid{display:flex; justify-content: center; align-items: center;}

.ptn-nl-pravy-nadpis{padding-bottom:1rem;}

.ptn-nl-pravy-wrap{display:flex; flex-direction: column; align-items: end; align-content: end; z-index: 1;}
.ptn-nl-pravy{display:flex;}

.ptn-nl-img{transform:rotate(-30deg) translate(3rem,1.5rem); /*padding-right: 3rem;*/ color: var(--ptn-color); opacity: 0.25;}

.ptn-nl-form{align-items:end;}

@media screen and (max-width: 992px)
{
    .ptn-nl-img{position:absolute;}
    .ptn-nl-email-wrap{flex-wrap:wrap; justify-content: center;}
    .ptn-nl-email-wrap>.form-floating{width: 100%;}
    .ptn-nl-form{align-items:center;}
}

.ptn-index-rady{/*display:grid; grid-template-columns: 1fr 1fr 1fr 1fr;*/ display:flex; flex-wrap: wrap; gap:2.5rem; justify-content: center; }
@media screen and (min-width: 1200px)
    {

    .ptn-index-rady>div{width: calc(100% / 4 - 2.5rem); flex: 1 0 auto; transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out; border-radius: var(--bs-border-radius); padding-bottom: 1rem; border: 1px solid transparent;}
    .ptn-index-rady>div:nth-child(4n):nth-last-child(2),.ptn-index-rady>div:nth-child(4n):nth-last-child(2)+div{width: calc(100% / 2 - 2.5rem); flex: 1 0 auto;}
    .ptn-index-rady>div:nth-child(5n):nth-last-child(2),.ptn-index-rady>div:nth-child(5n):nth-last-child(2)+div{width: calc(100% / 3 - 2.5rem); flex: 0 0 auto;}
    }
.ptn-index-rady>div:hover{ background-color:var(--bs-tertiary-bg); border: 1px solid var(--bs-secondary-bg); }


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

    .ptn-index-rady>div{width: calc(100% / 3 - 2.5rem); flex: 1 0 auto; transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out; border-radius: var(--bs-border-radius); padding-bottom: 1rem; border: 1px solid transparent;}
    .ptn-index-rady>div:nth-child(3n):nth-last-child(2),.ptn-index-rady>div:nth-child(3n):nth-last-child(2)+div{width: calc(100% / 2 - 2.5rem); flex: 1 0 auto;}
    .ptn-index-rady>div:nth-child(4n):nth-last-child(2),.ptn-index-rady>div:nth-child(4n):nth-last-child(2)+div{width: calc(100% / 3 - 2.5rem); flex: 0 0 auto;}
}

@media screen and (max-width: 768px) {
    .ptn-index-rady>div{width: calc(100%); flex: 1 0 auto; transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out; border-radius: var(--bs-border-radius); padding-bottom: 1rem; border: 1px solid transparent;}
}

.ptn-ft-ikona{transition:color 0.2s ease-in-out;}
.ptn-ft-ikona:hover{color:var(--ptn-color-hover);}

.ptn-ft-ig-wrap{margin-top: 2rem; margin-bottom: 2rem;}
.ptn-ft-ig-embed{max-height: 320px; margin-top:1rem; margin-bottom: 1rem;}


/*.ptn-vypis-ikona{filter: hue-rotate(32deg) brightness(1.4);}
.ptn-nav-ikona{filter: hue-rotate(32deg) brightness(1.4);}*/

.ptn-img-autor{border-radius: 50%;}

.ptn-odborny-nazor
{
    background-color: rgba(var(--ptn-color-light-rgb), 0.375);
    border: 1px solid var(--ptn-color-light);
    border-radius: var(--bs-border-radius);
    max-width: var(--bs-breakpoint-lg);
    padding: 1.5rem 2.5rem;
    margin: 2.5rem 0rem;
}

@media screen and (max-width: 768px){.ptn-odborny-nazor{flex-direction: column;}}


.ptn-ft-ikona{display:flex; align-items:center; transition: opacity 0.2s ease-in-out;}
.ptn-ft-ikona:hover{opacity:0.6;}

.form-floating > label.ptn-label-float-lg
{
    font-size: 1.25rem;
    padding: 0.75rem;
}

.form-control:not(:placeholder-shown) ~ label.ptn-label-float-lg, .form-floating > .form-control:focus ~ label.ptn-label-float-lg
{font-size: var(--bs-body-font-size); padding: 1rem .75rem;}


.ptn-nav-lng-droplist{min-width: 7.5rem;}

@media screen and (max-width: 992px) {
    .ptn-nav-lng-droplist.show{min-width: 7.5rem; display:flex; position:static; justify-content: space-evenly; flex-wrap:wrap;}
    
    .ptn-nav-lng-dropdown{width: 100%;}
}
@media screen and (max-width: 576px) {
    .ptn-nav-lng-dropbtn{width: 100%;}
    .ptn-nav-lng-droplist.show{flex-direction:column; justify-content: start;}
}



.ptn-container .ptn-citace
{
    padding: 3rem;
    text-align:center;
    color: var(--ptn-color);
    background-color:var(--bs-tertiary-bg);
}

.ptn-nav-ul{display:none;}
    .ptn-nav-ul.active{display:grid; grid-template-columns: repeat(auto-fit,minmax(15rem,1fr)); justify-items: center; padding: 0.5rem 1rem;}
    /*.ptn-nav-ul.active{display:flex; flex-wrap: wrap;}
    .ptn-nav-ul.active:not(.ptn-nav-main)>*{width: 200px; flex: 1 0 auto;}*/
    .ptn-nav-ul.active.ptn-nav-main:not(.ptn-nav-vert){ 
        display:flex; justify-content: center; gap:1rem; align-items: center;
        display: grid;
        justify-items: center;
        grid-template-columns: repeat(auto-fit,minmax(min-content,10rem));
    }

    .ptn-nav-ul.active.ptn-nav-main.ptn-nav-vert{ 
        justify-content: center; gap:1rem; align-items: center;
        display: grid;
        justify-items: center;
        grid-template-columns: 1fr;
    }



    .ptn-nav-ul.active.ptn-nav-main:not(.ptn-nav-vert) .ptn-nav-ul.active:not(.ptn-nav-main){ border-top-left-radius: 0; border-top-right-radius: 0; }
    .ptn-nav-ul.active.ptn-nav-main.ptn-nav-vert .ptn-nav-ul.active:not(.ptn-nav-main){ border-top-left-radius: 0; }

    .ptn-nav-btn-main.active::before
    {
        display:block; display:none;
        position:fixed;
        top:0; left:0; width: 100%; height:100%;
        content: " ";
        z-index: 1;
    }

    .ptn-nav-main>.nav-item, .ptn-nav-main>.nav-item>.nav-link {height:100%; width:100%; justify-content: center;}

    @media screen and (max-width:1400px)
    {
        .nav-link{--bs-nav-link-font-size: 18px;}
    }
    @media screen and (max-width:1200px)
    {
        .nav-link{--bs-nav-link-font-size: 16px;}
    }
    @media screen and (max-width:992px)
    {
        .nav-link{--bs-nav-link-font-size: 20px;}
    }
    
    .ptn-nav-main:not(.ptn-nav-vert)>.nav-item>.ptn-nav-dropdown{ border-top-left-radius: var(--bs-border-radius); border-top-right-radius: var(--bs-border-radius);}
    .ptn-nav-main.ptn-nav-vert>.nav-item>.ptn-nav-dropdown{ border-top-left-radius: var(--bs-border-radius); border-bottom-left-radius: var(--bs-border-radius);}

    .ptn-nav-main:not(.ptn-nav-vert)>.nav-item>.ptn-nav-dropdown.active{background-color: var(--bs-border-color);}
    .ptn-nav-main.ptn-nav-vert>.nav-item>.ptn-nav-dropdown.active{background-color: var(--bs-border-color);}

    .ptn-nav-dd-btn-main
    {
        display:flex;
        align-items:center;
        gap:0.25rem;
        font-size:1.25rem;
        flex-direction:column;
    }

    .ptn-nav-main.ptn-nav-vert .ptn-nav-dd-btn-main
    {
        padding: 0.75rem 1.25rem;
    }

    @media screen and (max-width: 992px)
    {
        .ptn-nav-ul.active{max-width: 100%; width: auto !important;}
        .ptn-nav-ul.active.ptn-nav-main:not(.ptn-nav-vert), .ptn-nav-ul.active.ptn-nav-main.ptn-nav-vert
        {
            display:block; width: initial !important;
        }
        .ptn-nav-btn-main.active::before{display:none;}

        .ptn-nav-dd-btn-main
        {
            display:flex;
            align-items:center;
            gap:0.25rem;
            font-size:1.25rem;
            flex-direction:row;
        }
        .ptn-nav-dd-btn-main img{max-width: 48px;}

        .ptn-nav-dropdown:not(.ptn-nav-btn-main){width: 100%;}

        
    }

    .ptn-nav-li{width:100%;}

    #ptn-index-carousel .carousel-item img
            {
                width: 100%; height: 100%; object-fit: cover;
            }

            /* 1320 x 572, bude to hlavne nad obrazkem, takze vysku technicky tolik resit nemusim */

            #ptn-index-carousel .carousel-item
            {
                max-width: 1320px;
                max-height: 572px;
            }

            @media screen and (max-width: 1400px){#ptn-index-carousel .carousel-item{max-width: 1140px; max-height:494px;}}
            @media screen and (max-width: 1200px){#ptn-index-carousel .carousel-item{max-width: 960px; max-height:416px;}}
            @media screen and (max-width: 992px){#ptn-index-carousel .carousel-item{max-width: 720px; max-height:312px;} #ptn-index-carousel .carousel-caption{width: initial !important;} #ptn-index-carousel .carousel-caption>*{font-size: 1.125rem !important;}#ptn-index-carousel .carousel-caption>.h1{font-size: 1.375rem !important;} }
            @media screen and (max-width: 768px){#ptn-index-carousel .carousel-item{max-width: 540px; max-height: 320px; height:320px;} #ptn-index-carousel .carousel-caption>*{font-size: 1rem !important;}#ptn-index-carousel .carousel-caption>.h1{font-size: 1.25rem !important;} }
            @media screen and (max-width: 576px){#ptn-index-carousel .carousel-item{max-width: initial; max-height: 576px; height:576px;}}

            #ptn-index-carousel .carousel-caption
            {
                top: 0;
                bottom: 0;
                text-align: start;
                align-items: start;
                width: 36rem;
                max-width: 100%;
                flex-direction: column;
                justify-content: center;
            }

            .ptn-car-item-bg
            {
                width:100%;
                height:100%;
                background-color: rgba(0,0,0,0.5);
                position: absolute;
                top:0;
                left:0;
            }


        .ptn-dl-vypis
        {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
            gap: 1rem;
        }

        @media screen and (max-width: 768px)
        {
            .ptn-dl-vypis
            {grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));}
        }
        @media screen and (max-width: 576px)
        {
            .ptn-dl-vypis
            {grid-template-columns: 1fr;}
            .ptn-dl-img-wrap>img{max-height: 240px;}
        }

        .ptn-dl-img-wrap
        {
            display:flex;
            align-items:center;
            justify-content:center;
        }
        .ptn-dl-dl
        {
            display: flex;
            align-items: center;
            gap: 0.25rem;
        }
        .ptn-dl-nadpis
        {
            padding-top:2rem;
            font-size: 1.75rem;
            /*text-align:left;*/
            margin-bottom: 0.5rem;
            /*border-bottom: 1px solid var(--bs-body-color);*/
        }

        .ptn-blog-full-h1{justify-content:center; margin-bottom:5rem;}
        .ptn-blog-full-h1-img-wrap{flex: 0 1 auto;}

        @media screen and (max-width: 992px) {
            .ptn-blog-full-h1
            {
                flex-wrap: wrap;
            }
            .ptn-blog-full-h1-img-wrap img{ width: 100%;}
        }
       
        .ptn-nope-hero{font-size: 10rem;}
        .ptn-nope-hero-img{max-width: 10rem;}

        .ptn-blog-img-nahled{max-width:576px; text-align:center;}

        .ptn-blog-prev{grid-column:1/1;}
        .ptn-blog-next{grid-column:2/2;}

        .ptn-blog-prevnext-wrap
        {
            display:grid; max-width:992px; grid-template-columns: 1fr 1fr; margin:0 auto;
        }

        .ptn-tabulka
        {
            max-width: 100%;
            width: 768px;
            
        }

        .ptn-autor-pfp
        {
            max-width:8rem;
            text-align:end;
        }

        .ptn-vyhledavani
        {
            display:grid; grid-template-columns: 1fr;
        }
        .ptn-nav-vyhledavani
        {
            height: max-content;
            max-width: 320px;
        }

        .form-control::placeholder
        {
            opacity: 0.75;
        }

        .ptn-mezera-velka{padding: 5rem;}
        .ptn-mezera{padding: 3rem;}
        .ptn-mezera-mala{padding: 1.375rem;}

        @media screen and (max-width: 1200px){.ptn-mezera-velka{padding: 4.75rem;} .ptn-mezera{padding: 2.5rem;} .ptn-mezera-mala{padding: 1.25rem;}}
        @media screen and (max-width: 992px){.ptn-mezera-velka{padding: 4.5rem;} .ptn-mezera{padding: 2rem;} .ptn-mezera-mala{padding: 1.125rem;}}
        @media screen and (max-width: 768px){.ptn-mezera-velka{padding: 4.25rem;} .ptn-mezera{padding: 1.5rem;} .ptn-mezera-mala{padding: 1rem;}}

        #ptn_ga_modalCookies.offcanvas.offcanvas-bottom{height: min-content;}

        .form-check-input:checked{
            background-color: var(--ptn-color);
            border-color: var(--ptn-color);
        }

        .form-check-input:focus {
            border-color: var(--ptn-color-light);
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(242, 148, 0,.25);
        }

        .form-switch .form-check-input:focus {
            --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffe3b7'/%3e%3c/svg%3e");
        }

        .form-switch .form-check-input:checked{
            --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
        }