html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
html, body { scroll-behavior: smooth; }
ol, ul {  }
input:focus, textarea:focus { outline:0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
label { cursor:pointer; }
img { display:block; }
iframe {  }
input[type=submit] { -webkit-appearance: none; }

::selection { text-shadow:none !important; background:#ccc; color:#111; }
::-moz-selection { text-shadow:none !important; background:#ccc; color:#111; } 

.right { float:right !important; }
.left { float:left !important; }
.clear { clear:both; display:block; height:0; overflow:hidden; }
.none { display:none !important;  }
.justnone { display:none !important; }
.br { display:block; }

.hidden {display: none;}

:root {
    --hlavni-barva: #ff7a3d;
    --uvod: 
}

button, a {
    touch-action: manipulation;
}

/*bambulab font*/
/* body { font-family: "Manrope", sans-serif !important;    -webkit-font-smoothing: antialiased;} */

/*tady se to mozna smaze nove HP*/
.page_nove_hp { font-family: "Roboto", sans-serif;}
.page_nove_hp .navigace {display: none ;}
.page_nove_hp .navigace_nova {display: block ;}

.page_pro_tvurce .navigace_nova {display: none;}
.page_pro_firmy .navigace_nova {display: none;}

.page_pro_tvurce .navigace {display: block;}
.page_pro_firmy .navigace {display: block;}


.page_nove_hp {background-color: #0f0f0f;}
.page_nove_hp .cele_hp {}
.page_nove_hp .cele_hp .pozadi {  
    /* background-image: url(../img/obrazy_bc_1.jpg); */
    background-size: cover;
    box-shadow: inset 0px -140px 190px 190px black, 0px 2px 30px 5px #0000000d;
    background-size: 160%;
    background-position-x: -190px;
    background-position-y: 0px;
    background-color: #383636;
}
.page_nove_hp .cele_hp .verze_menu_pro_mobil { width: fit-content; margin: 20px auto 10px; display: none;}
.page_nove_hp .cele_hp .verze_menu_pro_mobil a { text-decoration: none; padding: 8px 18px; background-color: #303030; color: white; font-size: 14px; border-radius: 5px;margin: 0 5px; font-weight: 500; letter-spacing: 0.3px; }
.page_nove_hp .cele_hp .obal_dlazdice {display: flex; width: 100%; margin: 0px auto; justify-content: flex-end; border-radius: 10px;gap: 0.4%; padding: 40px 2%; box-sizing: border-box; background-color: #000000a6; }
.page_nove_hp .cele_hp .obal_dlazdice .info { width: 40%; display: flex ; flex-direction: column; justify-content: center; text-align: left; padding-left: 15%; box-sizing: border-box; }
.page_nove_hp .cele_hp .obal_dlazdice .info h3 {
    font-size: 13px;
    margin-bottom: 12px;
    color: #e1e1e1;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    text-align: left;
}
.page_nove_hp .cele_hp .obal_dlazdice .info h1 {text-shadow: 4px 4px 15px black;   color: #f9f5f4; font-size: 80px; line-height: 75px; height: 145px; text-align: left; animation-name: sesunuti_ze_zhora; animation-duration: 3s; animation-fill-mode: both; 

    letter-spacing: 0px;
    font-size: 70px; 
    line-height: 70px; 
    text-transform: unset; 
    text-shadow: 5px 5px 5px #0000000a; 
    position: relative; 
    z-index: 190;

}
.page_nove_hp .cele_hp .obal_dlazdice .info p {font-size: 16px; color: #d9d9d9; letter-spacing: 1.4px; line-height: 25px; margin-top: 40px; font-weight: 300; text-align: left; width: 80%; position: relative; z-index: 150;}
.page_nove_hp .cele_hp .obal_dlazdice .info ul {margin-top: 20px;}
.page_nove_hp .cele_hp .obal_dlazdice .info ul li { color: #f9f5f4; line-height: 34px; font-size: 16px; font-weight: 300; font-weight: 600;
    list-style: none;
  position: relative;
  padding-left: 25px;
   /*  list-style-image: url(../img/li_icon.svg); */
}

.page_nove_hp .cele_hp .obal_dlazdice .info ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 12px;
    height: 2px;
       background-color: rgb(254 119 14 / 50%);
    border-radius: 3px;
  }
/* .page_nove_hp .cele_hp .obal_dlazdice .info ul li::after {
    content: "★";
    position: absolute;
    left: 2px;
    top: -1px;
    width: 7px;
    height: 7px;
    border-radius: 3px;
    font-size: 14px;
    color: white;
        -webkit-text-fill-color: white; 
        -webkit-text-stroke: 0;         
    font-family: "Arial", "Helvetica", sans-serif;
    display: inline-block;
  } */

/* .page_nove_hp .cele_hp .obal_dlazdice .info ul li span.vyrazne { background-color: white; color: black; padding: 2px 7px; border-radius: 5px; } */
.page_nove_hp .cele_hp .obal_dlazdice .info ul li span.vyrazne {color: #fe770d; }
.page_nove_hp .cele_hp .obal_dlazdice .info .dlazdice {}
.page_nove_hp .cele_hp .obal_dlazdice .dlazdice .stin { width: 100%; height: 100%; position: absolute; z-index: 15; box-shadow: inset 0px -140px 190px -10px black, 0px 2px 30px 5px #d1d1d10d; }
.page_nove_hp .cele_hp .obal_dlazdice .rozdeleni { width: 60%; display: flex ; justify-content: center; gap: 2.5%;margin-top: 20px; }
.page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice { display: flex ;width: 38%; aspect-ratio: 5/7; position: relative; border-radius: 9px; max-width: 444px;overflow: hidden;    box-shadow: inset 0px -140px 190px -10px black, 0px 2px 30px 5px #000000b8, 0 0 0 1px #000000ab;}
.page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice.poukaz {    }
.page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice video.bc {object-fit: cover; width: 100%; height: auto; position: absolute; border-radius: 10px;z-index: 10;}
.page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice img {object-fit: cover; width: 100%; height: auto; position: absolute; border-radius: 10px;z-index: 10;}
.page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice .text {     align-self: end;    padding: 25px;}
.page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice .text h2 { color: white; font-size: 26px; width: 100%;  position: relative; z-index: 30;font-weight: 800;line-height: 26px;}
.page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice .text p { margin-top: 10px; color: white;margin-bottom: 10px;width: 80%;position: relative; z-index: 30; font-weight: 400; font-size: 16px;}
.page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice .text a { display: inline-block;     width: auto; margin-top: 10px; color: white; padding: 13px 25px; border-radius: 5px; text-decoration: none; font-weight: 600; font-size: 14px; letter-spacing: 0.5px; transition: all 0.2s;     background-image: linear-gradient(to right, #068bff, #075fac); position: relative; z-index: 30; transition: all 0.2s; cursor: pointer;}
.page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice .text a.custom {  color: white; background-image: linear-gradient(to right, #fe7300, #ff9741);}
.page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice .text a.poukaz {  color: white;background-image: linear-gradient(to right, #6d1514, #be2321);}
.page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice .text a:hover {box-shadow: 0px 10px 20px -14px black; transform: translateY(-3px);}

.page_nove_hp .cele_hp .v_cislech { background-color: #000000a6;padding-bottom: 50px;}
.page_nove_hp .cele_hp .v_cislech .obal_data_cislo {max-width: 1920px;display: flex ; width: 90%; margin: 0 auto; padding: 50px 0; }
.page_nove_hp .cele_hp .v_cislech .obal_data_cislo .cislo {width: 25%; text-align: center; display: flex ; flex-direction: column-reverse;}
.page_nove_hp .cele_hp .v_cislech .obal_data_cislo .cislo p {color: #ffffff;}
.page_nove_hp .cele_hp .v_cislech .obal_data_cislo .cislo p.info { width: 100%; color: #ffffffba; font-size: 13px; font-size: 14px; font-weight: 500;}
.page_nove_hp .cele_hp .v_cislech .obal_data_cislo .cislo p.cislo_v {    font-size: 50px; font-weight: bold;letter-spacing: -2px;}


.page_nove_hp .plna_galerie { position: relative; margin-bottom: 0px; width: 99%; padding: 0 0.5% 40px; }
.page_nove_hp .plna_galerie .inner_galerie { display: flex ; gap: 5px; width: 100%; height: 400px;  max-width: 1920px; margin: 0 auto; backdrop-filter: blur(3px);
overflow: auto;
        overflow-x: scroll;
        scrollbar-width: none;

}
.page_nove_hp .plna_galerie .inner_galerie.pod_galerie {margin-top: 6px;}
.page_nove_hp .plna_galerie .inner_galerie div.fotka { width: 372px; border-radius: 10px;    box-shadow: 0 0 20px 10px #0000009c; cursor: pointer; min-width: 372px}
.page_nove_hp .plna_galerie .inner_galerie div.fotka img {width: 100%;height: 100%; object-fit: cover; border-radius: 10px; cursor: pointer;}
.page_nove_hp .plna_galerie .inner_galerie div.fotka:hover img {filter: contrast(1.1);}


.page_nove_hp .vlastni_fotka {background-image: url(../img/textura_zed.jpg);background-size: cover;box-shadow: inset 0 -100px 250px 80px #00000075;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka {padding-top: 60px;background-color: #ffffff8c;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis {    display: flex ; flex-direction: column; justify-content: center; align-items: center;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis h2 {font-size: 13px; margin-bottom: 12px; color: #fe7501; letter-spacing: 1.4px; text-transform: uppercase; text-align: left;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis h1 { font-size: 80px; text-align: left; color: #333333; margin: 0px 0 10px;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis h1 span {}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis p { font-size: 16px; color: #333333; letter-spacing: 0.6px; line-height: 25px; font-weight: 400; text-align: left; position: relative; z-index: 150; }
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis ul {margin-left: 20px; display: flex;    width: 60%; text-align: center; justify-content: center; flex-wrap: wrap;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis ul li {list-style: none; color: #000000; line-height: 30px; font-size: 16px; font-weight: 300;  }


.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni {margin: 60px auto 0; position: relative; z-index: 160;  width: 1600px; display: flex ; align-items: end; }
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni {}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .nabizene_velikosti {max-width: 520px;display: flex ; flex-wrap: wrap;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .nabizene_velikosti h2 {width: 100%; margin-top: 20px; margin-bottom: 3px; color: #7a7a7a; font-size: 14px;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .nabizene_velikosti button { width: 32%;margin: 0.5%; padding: 14px 6px; border-radius: 0.4em; background-color: #efefef;border: none;}

.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom {display: flex ; gap: 5px;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom .dlazdice { width: 40%; aspect-ratio: 5 / 7; position: relative; box-shadow: inset 0px -140px 190px -10px black, 0px 2px 30px 5px #d1d1d10d; border-radius: 9px; max-width: 444px; overflow: hidden;     display: flex ;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom .dlazdice  video {object-fit: cover; width: 100%; height: auto; position: absolute; border-radius: 10px; z-index: -10;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom .dlazdice .text {align-self: end;    padding: 25px;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom .dlazdice .text h2 {color: white; font-size: 24px; width: 100%; }
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom .dlazdice .text p {margin-top: 10px; color: white; margin-bottom: 10px; width: 100%;font-weight: 400; font-size: 16px;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom .dlazdice .text a {display: inline-block;margin-top: 10px; color: white; padding: 13px 25px; border-radius: 5px; text-decoration: none; font-weight: 600; font-size: 14px; letter-spacing: 0.5px; transition: all 0.2s; background-image: linear-gradient(to right, #fe7300, #ff9741); }
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom .dlazdice .text a:hover { box-shadow: 0px 10px 20px -14px black; transform: translateY(-3px);}

.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika { display: flex ; position: relative; margin-left: auto; border: none;flex-direction: column;align-items: flex-end;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .flex {display: flex;    align-items: end;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika > h3 {    position: relative; text-align: right; color: #333333; font-size: 24px; width: 100%; margin-bottom: 10px;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika > p {    position: relative; margin-bottom: 30px;width: 70%;text-align: right;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost { transition: all 0.2 ;background-color: #777; flex-direction: column; border: 1px solid #00000052; transition: all 0.5s; display: flex ; justify-content: center; align-items: center; overflow: hidden; position: relative; border-radius: 5px; box-shadow: inset 0px -140px 190px -10px #161616, 0px 2px 30px 5px #00000000, 0 0 0 1px #000000b8 !important; cursor: pointer; }
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost:hover {transform: translateY(-8px);}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost:hover::after { content: "⮕"; display: block; position: absolute; bottom: -2px; right: 2px; color: #fff; padding: 4px 8px; font-size: 24px; border-radius: 4px; opacity: 0.6; pointer-events: none; }



.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.hp_index {}

.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.nejvetsi_z_index {box-shadow: 0 0 10px 3px #ff7a3d50;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.nejvetsi_z_index img  {opacity: 0.55;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost h1 {color: #f5f5f5; height: fit-content; line-height: 15px; margin: 5px; position: relative; z-index: 350; }
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.mala h1 {font-size: 20px;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.stredni h1 {font-size: 26px;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.velka h1 {font-size: 30px;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost span.nejpro {

    letter-spacing: 0;
    text-transform: capitalize;
    font-size: 14px;
    text-align: center;
    margin: 20px auto 0;
    color: #ffffff;
    display: flex ;
    flex-direction: column;
    position: absolute;
    top: 0px;
    right: -30px;
    padding: 5px 8px;
    border-radius: 6px;
    box-shadow: 2px 2px 10px -5px #0000004a;
    rotate: 6deg;
    padding-right: 40px;
    background-image: linear-gradient(to right, #b70029, #fb093f);
    font-weight: 600;
}

.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost h6 {font-size: 12px; color: #a7a7a7;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost h3 {
    letter-spacing: 0;
    text-transform: capitalize;
    font-size: 18px;
    text-align: center;
    margin: 20px auto 0;
    color: white;
    display: flex ;
    flex-direction: column;
    position: absolute;
    bottom: 0px;
    padding: 8px 18px;
    border-radius: 6px;
    box-shadow: 2px 2px 10px -5px #0000004a;
    background-image: linear-gradient(to right, #b70029, #fb093f);
    transform: translate(0%, -50%);
}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost h3 span { font-size: 14px; color: #4d4d4d;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost img {transition: opacity 1s; opacity: 0; position: absolute; width: 130%; object-fit: cover; filter: invert(1); transform: rotate(180deg);}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.mala { right: 5px; z-index: 30;width: 150px; height: 200px;} .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.stredni { width: 200px; height: 300px; z-index: 20; }
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.velka { width: 250px; height: 350px; z-index: 15;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.stredni { width: 200px; height: 300px; z-index: 20;right: -5px; }

.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .odkaz_custom { display: flex ; justify-content: center;padding: 20px 0;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .odkaz_custom a.custom { padding: 17px 75px; border-radius: 5px; text-decoration: none; font-weight: 600; font-size: 16px; letter-spacing: 0.5px; transition: all 0.2s; color: white; background-image: linear-gradient(to right, #fe7300, #ff9741); margin: 0 auto; display: inline-block; width: auto; cursor: pointer; transition: all 0.2s; }
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .odkaz_custom a.custom:hover { box-shadow: 0px 10px 20px -14px black; transform: translateY(-3px); }

.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .v_cislech {background-color: #ffffff00; padding-bottom: 0px;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .v_cislech .obal_data_cislo {padding: 60px 0 50px;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .v_cislech .cislo {}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .v_cislech .cislo p.info {color: #00000094;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .v_cislech .cislo p {    color: #000000b0;}

.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .vyhody {display: flex; justify-content: space-between;    width: 60%; margin: 50px auto 0; }
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .vyhody div {width: 30%; text-align: center;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .vyhody div img {filter: contrast(0.3); width: 30%; margin: 30px auto 10px; min-height: 58px;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .vyhody div svg {filter: contrast(0.3); margin: 30px auto 10px; min-height: 28px; height: 7px;}
.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .vyhody div p {width: 50%;   margin: 0 auto; font-size: 13px;}
.page_nove_hp .vlastni_fotka .v_cislech {backdrop-filter: blur(0px);}


.page_nove_hp .galerie_vlastni { padding-bottom: 40px; position: relative; background-color: #ffffff00; padding-top: 90px; width: 99%; padding: 70px 0.5% 5px;background-color: #ffffff8c;}
.page_nove_hp .galerie_vlastni .inner_galerie {display: flex ; gap: 5px; width: 100%; height: 400px; max-width: 1920px; margin: 0 auto; }
.page_nove_hp .galerie_vlastni .inner_galerie div.fotka {width: 20%; border-radius: 10px;cursor: pointer;}
.page_nove_hp .galerie_vlastni .inner_galerie div.fotka img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px; cursor: pointer;}
.page_nove_hp .galerie_vlastni .inner_galerie div.fotka:hover img {filter: contrast(1.2);}

.page_nove_hp .recenze_nove {width: 100%; margin: 0px auto; padding: 90px 0 0; max-width: 1920px; border-radius: 0; max-height: 650px; background-color: #0f0f0f; background-image: none;}
.page_nove_hp .obal_recenze_nove {padding: 70px 100px 90px 100px; align-items: center;}
.page_nove_hp .recenze_nove h1.hlavni_nadpis { letter-spacing: -2px; font-size: 75px; line-height: 70px; width: 100%; text-shadow: 5px 5px 5px #0000000a; margin: 15px 0; position: relative; z-index: 150; color: #ffffff; text-align: center; }
.page_nove_hp .recenze_nove h2.hlavni_nadpis { text-align: center; font-size: 13px; margin-bottom: 12px; letter-spacing: 1.4px; text-transform: uppercase; text-shadow: none; color: white; }
.page_nove_hp .slider_recenze .sipka { width: 60px; height: 370px; margin-top: 80px; background-color: #0f0f0f; cursor: pointer; }
.page_nove_hp .slider_recenze .sipka.leva { position: absolute; z-index: 150; box-shadow: 20px 0 30px 0px #0f0f0f, -20px 0 40px 35px #0f0f0f; }
.page_nove_hp .slider_recenze .sipka.prava { position: absolute; z-index: 150; box-shadow: -20px 0 30px 0px #0f0f0f, 20px 0 40px 35px #0f0f0f; right: 0; }
.page_nove_hp .obal_recenze_nove .obal_s_fotkou {background-color: #e5e5e5; border: none; box-shadow: 0px 30px 50px -25px #ddc1bd40;}
.page_nove_hp .obal_recenze_nove .obal_s_fotkou p.datum {    color: #8f8f8f;}
.page_nove_hp .obal_recenze_nove .obal_s_fotkou.bez_fotky { margin-right: 0px; margin-right: 35px;}

.page_nove_hp .slider_recenze .sipka img {filter: grayscale(1);}

.page_nove_hp .socialni_site_odkazy { background-color: #f7f5f4; padding: 90px; margin-bottom: -200px;}

.page_nove_hp .socialni_site_odkazy a {transition: all 0.2s; cursor: pointer;}
.page_nove_hp .socialni_site_odkazy a:hover {    background-image: linear-gradient(to right, #fe7300, #ff9741);}

.page_nove_hp .designy {display: flex;justify-content: center;padding-bottom: 80px;gap: 0.2%;    flex-wrap: wrap;}

.page_nove_hp .designy .pulka { width: 40%; display: flex ; flex-direction: column; align-items: center; }
.page_nove_hp .designy .pulka .kategorie { width: 80%; display: flex;flex-wrap: wrap;gap: 1%; justify-content: center;}
.page_nove_hp .designy .pulka p.nazev_kat_vyb { text-align: center; margin: 30px 0 10px; letter-spacing: 0.4px; font-weight: 500; width: 100%; color: #ffffffba; font-size: 13px; }

.page_nove_hp .odkaz_kategorie { width: 100%;   display: flex ; justify-content: center; padding: 40px 0 60px;backdrop-filter: blur(3px);}
.page_nove_hp .odkaz_kategorie a { padding: 17px 75px; border-radius: 5px; text-decoration: none; font-weight: 600; font-size: 16px; letter-spacing: 0.5px; transition: all 0.2s; color: white; background-image: linear-gradient(to right, #068bff, #075fac); margin: 0 auto; display: inline-block; width: auto; cursor: pointer; transition: all 0.2s; }
.page_nove_hp .odkaz_kategorie a:hover {box-shadow: 0px 10px 20px -14px black; transform: translateY(-3px);}

.page_nove_hp .designy a.polozka_obraz {width: 19%;border-radius: 5px;}
.page_nove_hp .designy a.polozka_obraz div {width: 100%;height: auto;}
.page_nove_hp .designy a.polozka_obraz div .fotka {border-radius: 5px;}
.page_nove_hp .designy a.polozka_obraz div .fotka img {width: 100%;border-radius: 5px;}
.page_nove_hp .designy a.polozka_obraz div .popis {}
.page_nove_hp .designy a.polozka_obraz div .popis h1 {}
.page_nove_hp .designy a.polozka_obraz div .popis h2 {}
.page_nove_hp .designy a.polozka_obraz div .popis h3 {}

.page_nove_hp .kategorie_odkazy {padding: 20px 0 0px;backdrop-filter: blur(3px);}
.page_nove_hp .kategorie_odkazy p {    color: #a7a7a7; font-size: 14px; margin-left: 10%; margin-bottom: 10px;}
.page_nove_hp .kategorie_odkazy a {margin: 0 2px;    border-radius: 5px;  color: #ffffffb0; text-decoration: none; font-size: 50px; font-weight: bold; transition: all 0.2s; background-color: #000000a6;}
.page_nove_hp .kategorie_odkazy a:hover {transform: scale(1.1);}
.page_nove_hp .kategorie_odkazy .obal_odkazy_kategori_2 {    width: 100%; overflow: hidden; white-space: nowrap; display: flex ;margin-bottom: 3px;}
.page_nove_hp .kategorie_odkazy .obal_odkazy_kategori_2::-webkit-scrollbar { display: none; /* pro Chrome/Safari */ }
.page_nove_hp .kategorie_odkazy .obal_odkazy_kategori_2 a {padding: 10px; font-size: 18px; font-weight: 500;display: inline-block; white-space: nowrap;}
.page_nove_hp .kategorie_odkazy .obal_odkazy_kategori_2 a:nth-of-type(odd) {color: #ffffff;    background-color: #1366ae1f;}
.page_nove_hp .kategorie_odkazy .obal_odkazy_kategori_2 a:nth-of-type(even) {color: #ffffff;  background-color: #088afd1f;}
.page_nove_hp .kategorie_odkazy .obal_odkazy_kategori_3 {   width: 100%; overflow: hidden; white-space: nowrap; display: flex;     box-shadow: 0 0 20px 10px #00000094; }
.page_nove_hp .kategorie_odkazy .obal_odkazy_kategori_3::-webkit-scrollbar { display: none; /* pro Chrome/Safari */ }
.page_nove_hp .kategorie_odkazy .obal_odkazy_kategori_3 a {padding: 10px;display: inline-block; text-decoration: none; font-weight: bold; white-space: nowrap ; font-size: 14px; font-weight: 200; }
.page_nove_hp .kategorie_odkazy .obal_odkazy_kategori_3 a:nth-of-type(odd) {color: #ffffff;    background-color: #1366ae1f;}
.page_nove_hp .kategorie_odkazy .obal_odkazy_kategori_3 a:nth-of-type(even) {color: #ffffff;    background-color: #088afd1f;}

.poukazy {margin: 0 auto; padding: 150px 150px; text-align: center; background-color: black; position: relative;}
.poukazy h4 { color: white; font-size: 18px; width: 100%; position: relative; z-index: 30; font-weight: 400; line-height: 26px; text-align: center; margin-top: 50px; color: #ffffff; letter-spacing: 1.4px; width: 800px; margin: 65px auto 50px; }
.poukazy > h3 { color: white; font-size: 26px; width: 100%; position: relative; z-index: 30; font-weight: 800; line-height: 26px; text-align: center; font-size: 23px; margin-bottom: 12px; color: #ffffff; letter-spacing: 1.4px; text-transform: uppercase; }
.poukazy > h2 { color: #f9f5f4; font-size: 80px; line-height: 75px; text-align: left; animation-name: sesunuti_ze_zhora; animation-duration: 3s; animation-fill-mode: both; text-align: center; }
.poukazy img.masle { position: absolute; width: 951px; left: -40px; transform: translateY(-290px); rotate: -14deg; }

.poukazy img.sparkle {}

.poukazy img.sparkle { position: absolute; width: 100%; left: 0; transform: translateY(-168px); }
.poukazy > h2 span { background: linear-gradient(to right, #be2322, #841b1b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.poukazy p {color: white;}
.poukazy .popis {    text-align: center;}
.poukazy .popis p.center.mensi {margin: 50px auto 0; max-width: 800px;}
.poukazy .popis p.center {    text-shadow: 0px 0px 10px black; color: white; font-size: 18px; width: 100%; position: relative; z-index: 30; font-weight: 300; line-height: 26px; margin-bottom: 30px; text-align: center; margin-top: 50px; }   
.poukazy .template {width: 100%; margin: 50px 0 0;}
.poukazy .template img {    max-width: 1050px;width: 65%; margin: 0 auto;border-radius: 35px;    border: 3px solid #701614;}
.poukazy .flex_poukazy {    display: flex ; justify-content: center; width: 90%; margin: 50px auto 0;gap: 50px;}
.poukazy .flex_poukazy div {}
.poukazy .flex_poukazy div h2 {    color: white; font-size: 26px; width: 100%; position: relative; z-index: 30; font-weight: 800; line-height: 26px;}
.poukazy .flex_poukazy div h3 {}
.poukazy .flex_poukazy div button { display: inline-block; width: 180px; margin-top: 10px; color: white; padding: 13px 25px; border-radius: 5px; text-decoration: none; font-weight: 600; font-size: 14px; letter-spacing: 0.5px; transition: all 0.2s; color: white; /*  background-image: linear-gradient(to right, #fe7300, #ff9741); */ background-image: linear-gradient(to right, #6d1514, #be2321); position: relative; z-index: 30; transition: all 0.2s; cursor: pointer; border: none; margin: 0px auto 0px; }
.poukazy .flex_poukazy div button:hover {box-shadow: 0px 10px 20px -14px black; transform: translateY(-3px);}
.poukazy .flex_poukazy .polozka_poukaz { max-width: 300px; position: relative; display: flex ; flex-direction: column;height: 235px; justify-content: space-between; background-color: #1d1d1d36; padding: 45px 40px; border-radius: 40px; border: 1px solid #ffffff17; transition: all 0.4s; }
.poukazy .flex_poukazy .polozka_poukaz:hover {    box-shadow: 0px 0px 31px 1px #b9222078;}
.poukazy .flex_poukazy .polozka_poukaz p { font-size: 17px; font-weight: 200; margin: 0 auto; width: 270px; font-weight: 400; }
.poukazy .flex_poukazy .polozka_poukaz p strong { color: #be2322; font-weight: 900; }
.poukazy .flex_poukazy .polozka_poukaz h2 {margin-bottom: 15px;}
.poukazy .flex_poukazy .polozka_poukaz h2 span {    color: #ba2120;    display: block;}
.poukazy .flex_poukazy .polozka_poukaz h3 { color: white; font-size: 22px; text-align: center; margin: 20px auto 0; color: #5e5e5e; padding: 8px; border-radius: 6px; box-shadow: 2px 2px 10px -5px #0000004a; rotate: 8deg; background: linear-gradient(90deg, #ececec, #e9e9e9); font-weight: 700; transition: all 0.2s; display: inline-block; bottom: 80px; position: absolute; right: 70px; }

.poukazy_v_custom {
        background-color: #ffffff00;
    margin: 0 auto;
    padding: 150px 150px 50px;
    text-align: left;
    display: flex ;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 150;
}

.poukazy_v_custom h2 {   
       color: #000000;
    font-size: 22px;
    width: 100%;
    position: relative;
    z-index: 30;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 15px;
}

.poukazy_v_custom h3 {

        color: #000000;
    font-size: 36px;
    width: 100%;
    position: relative;
    z-index: 30;
    font-weight: 800;
    line-height: 26px;
    margin-bottom: 40px;
}
.poukazy_v_custom p {
    font-size: 16px;
    font-weight: 100;
    letter-spacing: 0.4px;
    margin-bottom: 30px;

}
.poukazy_v_custom a {    background-image: linear-gradient(to right, #6d1514, #be2321);
        display: inline-block;
    width: auto;
    margin-top: 10px;
        padding: 17px 75px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 30;
    transition: all 0.2s;
    cursor: pointer;
    text-decoration: none;
    color: white;
    transition: all 0.2s;
    cursor: pointer;
}

.poukazy_v_custom a:hover {    box-shadow: 0px 10px 20px -14px black; transform: translateY(-3px);}

.poukazy_v_custom .text {width: 30%;}
.poukazy_v_custom .fotka {width: 50%;}
.poukazy_v_custom .fotka img {
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
    border-radius: 35px;
    border: 3px solid #701614;
}

#dorazky_custom {
    position: relative;
    height: 1.5em; /* výška jednoho řádku, uprav podle potřeby */
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  #dorazky_custom li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: translateY(-100%);
    transition: all 0.5s ease;
  }
  
  #dorazky_custom li.active {
    opacity: 1;
    transform: translateY(0);
  }


/*tady konci to co se ma smazat nove hp */

/*banner vyskakujici styl*/
.sleva_ziskani_obal.vyskakujici_banner {
    position: fixed;
    z-index: 800;
    width: 760px;
    height: 400px;
    background-color: #0000009c;
    margin: 0;
    border-radius: 15px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    justify-content: center;
    backdrop-filter: blur(12px);
    box-shadow: 0 0 0 1px #dddddd10, 0 0 30px 0 #000000b8, 0 0 110px 0 #00000026, 0 0 0 1px #ffffff2e;
    -webkit-backdrop-filter: blur(12px);
    gap: 0;

}

.sleva_ziskani_obal.vyskakujici_banner.neviditelny { display: none !important;  }

.sleva_ziskani_obal.vyskakujici_banner div.text h2 {
    text-align: left;
    font-size: 32px;
}

.sleva_ziskani_obal.vyskakujici_banner button {
    width: 100%;
    margin-top: 10px;
    color: #ffffff;
    background-image: linear-gradient(to right, #fe7300, #ff9741);
}

.sleva_ziskani_obal.vyskakujici_banner button.tmave { 
    background-color: #00000000;
    background-image: linear-gradient(to right, #fe720000, #ff974100);
    color: white;
 }

 .sleva_ziskani_obal.vyskakujici_banner button.tmave:hover { text-decoration: underline;    transform: scale(1.00) translate(0px, 0px); box-shadow: none;}
#zavrit_slevu {    
    position: absolute;
    background-color: #00000000;
    background-image: none;
    right: 15px;
    width: auto;
    top: 15px;
    margin: 0;
    padding: 0;
    height: auto;
}
#zavrit_slevu img {width: 14px; filter: invert(1);}
#zavrit_slevu:hover {text-decoration: underline;    transform: scale(1.00) translate(0px, 0px); box-shadow: none;}

.sleva_ziskani_obal.vyskakujici_banner .text {
    text-align: left;
    height: auto;
    width: auto;
    margin: 0;

    padding: 25px 0 25px 25px;
    box-sizing: border-box;
}

.sleva_ziskani_obal.vyskakujici_banner div.input {
    width: 100%;
    padding:  0 25px;
    box-sizing: border-box;
}

.sleva_ziskani_obal.vyskakujici_banner div.odeslat {
    width: 100%;
    padding: 0 25px;
    box-sizing: border-box;
}

.sleva_ziskani_obal.vyskakujici_banner div.leva { width: 60%; }


.sleva_ziskani_obal.vyskakujici_banner div.prava { 
    width: 38%;
    transform: perspective(35em) rotateX(12deg);
    rotate: 6deg;
    box-shadow: 0px 1px 0 0px #9b9b9b, 0 0 30px 10px #0000003d;
    border-radius: 0.5em;
    overflow: hidden;
    position: relative;
    z-index: -50;
    top: -10px;
    left: -20px;
}
.sleva_ziskani_obal.vyskakujici_banner div.prava::before {
    content: ' ';
    height: 100%;
    width: 100%;
    display: inline-block;
    background-size: cover;
    position: absolute;
    top: -2px;
    background-color: #ffffffd9;
    z-index: 30;
    rotate: 0deg;
    left: 0px;
    filter: opacity(0.1) contrast(1.5);
   /*  background: url(/docasne/wars.gif) no-repeat center; */
    /* background: url(/img/studi_odlesk.jpg) no-repeat center; */
    background-size: cover;
}

.sleva_ziskani_obal.vyskakujici_banner div.prava::after {
    content: ' ';
    display: inline-block;
    position: absolute;
    z-index: -10;
    background-color: #000000c9;
    background-color: #00000096;
    height: 120px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: -90px;
    filter: blur(40px);
}

.sleva_ziskani_obal.vyskakujici_banner div.prava img {  
    height: 130%;
    position: relative;
    bottom: 15%;
    margin-left: auto;
    width: 100%;
    aspect-ratio: 5 / 7;
    object-fit: cover;
   /*  object-position: -50px; */
}

.sleva_ziskani_obal.vyskakujici_banner div.prava_nova {width: 50%; height: 100%; overflow: hidden;border-radius: 0 15px 15px 0px;}
.sleva_ziskani_obal.vyskakujici_banner div.prava_nova img {
    height: 100%;
    position: relative;
    bottom: 0%;
    margin-left: auto;
    width: auto;
    border-radius: 0 15px 15px 0px;
    left: -28px;
}


/*zkouska*/

.obraz_hp { 
    position: absolute;
    width: 460px;
    right: 10%;
    top: -210px;
}

.obraz_hp.dvojka {
    width: 370px;
    top: -34%;
    right: -16%;
    position: absolute;
    rotate: 0deg;
  
} 
.obraz_hp.trojka {
    position: absolute;
    width: 290px;
    right: 105%;
    top: -170px;
    rotate: -20deg;
    z-index: -150;
   /*  filter: blur(3px); */
  
} 

.obraz_hp.ctyrka {
    position: absolute;
    width: 420px;
    right: 105%;
    top: -30px;
    rotate: -21deg;
    z-index: -150;
    filter: blur(0px);
} 

.obraz_hp::before {
  
}
.obraz_hp::after {
    content: ' ';
    display: inline-block;
    position: absolute;
    z-index: -10;
    background-color: #000000c9;
    background-color: #00000096;
    height: 120px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: -90px;
    filter: blur(40px);
}
.obraz_hp .obal_obrazu_naklon {
    transform: perspective(35em) rotateX(12deg);
    rotate: 6deg;
    box-shadow: 0px 1px 0 0px #9b9b9b, 0 0 30px 10px #0000003d;
    border-radius: 0.5em;
    overflow: hidden;
    position: relative;
    z-index: -50;
}
.obraz_hp .obal_obrazu_naklon::before {
   /*  content: ' ';
    height: 8px;
    width: 490px;
    display: inline-block;
    margin-right: 5px;
    background-size: cover;
    position: absolute;
    top: 43px;
    background-color: #ffffffd9;
    z-index: 30;
    rotate: -20deg;
    left: -50px;
    filter: blur(2px);

   
    background: url('/img/odlesk.webp') no-repeat center;
    background-size: cover; */

    content: ' ';
    height: 100%;
    width: 100%;
    display: inline-block;
    background-size: cover;
    position: absolute;
    top: -2px;
    background-color: #ffffffd9;
    z-index: 30;
    rotate: 0deg;
    left: 0px;
    filter: opacity(0.1) contrast(1.5);
    
/*     background: url(/docasne/wars.gif) no-repeat center; */
    /* background: url(/img/studi_odlesk.jpg) no-repeat center; */
    background-size: cover;
}
.obraz_hp img {
    width: 100%;
    aspect-ratio: 5 / 7;
    object-fit: cover;
}












/*slevovyo pruh na vrchu stránky */
.radek_sleva.pro_mobil {display: block;}
.radek_sleva.normal {display: none;}

.radek_sleva {background: linear-gradient(45deg, #d54d0f, #ff793e);}
.radek_sleva .inner_sleva {display: flex; width: 80%; margin: 0 auto;     justify-content: space-between; max-width: 1200px; padding: 8px 0;}
.radek_sleva .inner_sleva h1 {    font-weight: 400; font-size: 15px;    color: white;}
.radek_sleva .inner_sleva h2 {color: black;font-size: 15px;}
.radek_sleva .inner_sleva h2 span {font-weight: 400;}
.radek_sleva .inner_sleva h3 {color: black;font-size: 15px;font-weight: 400;}
.radek_sleva .inner_sleva h3 span {color: black;font-weight: 600;}



#vyplnit_udaje {position: fixed; left: 30; top: 30; padding: 30px; background-color: red; color: white; display: none; }

#zprava_absolute { text-align: center;width: 50%;position: absolute; background-color: #ffb900; padding: 50px; box-sizing: border-box; border-radius: 15px; transform: translate(-50%, -50%) rotate(-5deg); left: 50%; top: 50%; z-index: 1500;box-shadow: 5px 5px 50px 10px #0000004f;}
#zprava_absolute h1 {font-size: 60px; color: white;text-shadow: 3px 3px #00000026;}
#zprava_absolute h2 {font-size: 22px; color: white;text-align: center;font-weight: 300;}

.cookie_lista { width: 100%; background-color: #ffffff; position: fixed; bottom: 0; z-index: 5000000; box-shadow: 0px 0px 0 0 black, 0px -10px 50px 0 #00000057; }
.cookie_lista .inner_lista { width: 80%; margin: 0 auto; display: flex ; gap: 30px; justify-content: center; align-items: center; padding: 20px; }
.cookie_lista .inner_lista p { font-size: 16px; line-height: 16px; width: 60%;font-weight: 300;}
.cookie_lista .inner_lista button { background-color: #ff793e; border: none; color: white; text-transform: uppercase; padding: 15px 40px; height: fit-content; z-index: 500; cursor: pointer; font-size: 13px; font-weight: 800; border-radius: 10px; width: fit-content; transition: all 0.3s;
    background-image: linear-gradient(to right, #fe7300, #ff9741); }

#zakaz_cookie {
    padding: 0;
    color: #0d0d0d;
    font-weight: 100;
    font-size: 16px;
    background-color: white;
    box-shadow: none;
    display: inline-block;
    line-height: 16px;
    text-transform: lowercase;
    font-weight: 100;
    width: auto;
    display: inline-block;
    text-decoration: underline;
    background-image: none;
    font-family: sans-serif;
}

#povolit_cookie {cursor: pointer; transition: all 0.2s;}

#povolit_cookie:hover {    transform: scale(1.03);}

/*recenze slider */
.recenze_inner {overflow: hidden; width: 100% !important;}
.obal_recenze {

    display: flex;
    background-color: #373737;
    padding: 50px 0px;
    color: white;
    box-shadow: 170px 0px 0px #373737, -170px 0 0 #373737;
    flex-wrap: wrap;
    width: 100%;
}

.obal_recenze .nadpis {width: 100%; max-width: 1600px; margin: 0 auto;}
.obal_recenze .nadpis h1 {    letter-spacing: -2px;
    color: #f9f5f4;
    font-size: 50px;
    line-height: 40px;
    width: 50%;
    text-transform: uppercase;
    text-shadow: 5px 5px 5px #0000000a;
    margin: 15px 0 55px;
    position: relative;
    z-index: 190;}
.obal_recenze .slider { display: flex; white-space: nowrap; animation: scroll 650s linear infinite; gap:50px; align-items: center;}
.obal_recenze .jednotka:not(.fotka) {/* text-align: center; */ display: inline-block; width: 33%; }
.obal_recenze .jednotka p { margin: 10px 0;width: 60%;}
.obal_recenze .jednotka h2 { color: #ffac3d;}
.obal_recenze .fotka {display: inline-block;}
.obal_recenze .fotka img {object-fit: cover;width: inherit;    box-shadow: 2px 2px 11px 0px #ffffff0d; border-radius: 5px;max-height: 220px;}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.up .jazyky {display: inline-block;}
.up .obal_jazyk a.now {    padding: 8px 0px 8px 15px; position: relative;}
.obal_jazyk .other { display: flex; flex-direction: column;display: none;position: absolute; background-color: #424242; z-index: 170; border-radius: 5px;}
.obal_jazyk .other a { padding: 8px 15px; border-radius: 5px;}
.obal_jazyk .other a:hover { background-color: #ff7b3d; }

/*recenze nove vice oficialni*/
.recenze_nove {
    width: 100%;
    margin: 0px auto;
    background-image: url(../img/recenze_bc_4.jpg);
    background-size: cover;
    padding: 240px 0 0;
    max-width: 1920px;
    border-radius: 35px;
    max-height: 900px;

}
.page_custom-obraz .recenze_nove {background-image: none;padding: 70px 0 0;} 
.recenze_nove h1.hlavni_nadpis {
    letter-spacing: -2px;
    font-size: 75px;
    line-height:70px;
    width: 100%;
    text-shadow: 5px 5px 5px #0000000a;
    margin: 15px 0;
    position: relative;
    z-index: 190;
    color: #373737;
    text-align: center;
    text-shadow: 5px 4px 20px #ffffffb3;
} 
.page_custom-obraz .recenze_nove h1.hlavni_nadpis {text-transform: uppercase;}
.page_custom-obraz .recenze_nove h1.hlavni_nadpis {font-size: 45px; text-transform: initial; color: black;}
.recenze_nove h2.hlavni_nadpis { font-size: 18px; color: #2e2e2e; letter-spacing: 1px; font-weight: 300; margin-bottom: 12px; text-align: center; } 
.obal_recenze_nove {margin: 0px auto; display: flex;overflow-x: scroll;
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    padding: 70px 100px 330px 100px;
    width: 100%;
    
    position: relative;
    cursor: grab;
    overflow-x: scroll;
    scrollbar-width: none;        /* pro Firefox */
    -ms-overflow-style: none;  
   
}

.obal_recenze_nove::-webkit-scrollbar {
    display: none;              /* pro Chrome, Safari */
  }
.page_custom-obraz .obal_recenze_nove {padding: 15px 100px 60px 100px;align-items: center;}
.obal_recenze_nove .recenze {max-width: 200px; padding: 25px;margin: 7px; width: 200px;
    flex: 0 0 auto; /* Zabrání roztažení položek a zajistí, že budou vedle sebe */
    margin-right: 10px; /* Mezera mezi prvky */
     /* Volitelné: Pozadí pro vizualizaci */
    display: flex;
    flex-direction: column;
    border-radius: 15px 0px 0px 15px;
    position: relative;
}
.obal_recenze_nove .celo_radius {border-radius: 15px;}

.obal_recenze_nove .s_fotkou {width: auto; display: flex; padding: 7px;margin-left: -13px;
    flex: 0 0 auto; /* Zabrání roztažení položek a zajistí, že budou vedle sebe */
    
     /* Volitelné: Pozadí pro vizualizaci */
    padding: 20px;
    max-height: 268px;
    margin: 7px 7px 7px -40px;
    max-width: 180px;
    min-width: 180px;
    border-radius: 0px 15px 15px 0px;
    justify-content: center;
    align-items: center;

    position: relative;
    top: 1px;
    left: 80px;
    
}
.obal_recenze_nove .s_fotkou img { 
    object-fit: cover;max-height: 90%;max-width: 475px;width: 220%;   border-radius: 7px;
    border: 1px solid #f7f7f72b;
    box-shadow: 5px 5px 30px 0px #0000002e;
    max-width: 320px;
    pointer-events: none;
}
.obal_recenze_nove .obal_s_fotkou  {display: flex;
    display: flex;
    background-color: #f0f0f0cc;
    border-radius: 15px;
    margin: 10px;
    height: max-content;
    /* min-height: 330px; */
    backdrop-filter: blur(3px);
    box-shadow: 0px 30px 50px -25px #ddc1bd73;
    border: 1px solid #ffffff6e;
    position: relative;
    margin-right: 160px;
}

.obal_recenze_nove .obal_s_fotkou.bez_fotky {margin-right: 35px;}
.obal_recenze_nove .recenze h1 { font-size: 14px; text-align: center; margin-bottom: 2px; font-weight: 400; }
.obal_recenze_nove .recenze h2 {text-align: center;font-size: 14px; color: #fbbc02;letter-spacing: 1px;object-fit: cover;margin-bottom: 10px;}
.obal_recenze_nove .recenze p.datum {text-align: center; color: lightgray; font-size: 12px;margin-bottom: 12px; display: none;}
.obal_recenze_nove .recenze p.text {text-align: center;max-width:200px ;margin-bottom: 7px;  white-space: break-spaces;  font-weight: 100; font-size: 14px; line-height: 17px;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.obal_recenze_nove .recenze p.text.rozbaleno {    position: relative; z-index: 500; display: block; background-color: #f0f0f000;}
.obal_recenze_nove .recenze a {text-decoration: none; color: black; cursor: pointer;    margin-top: auto; display: none;}
.page_custom-obraz .obal_recenze_nove .recenze a:hover {box-shadow: none !important;}
.obal_recenze_nove .recenze .kde {display: flex;justify-content: center; align-items: center;margin-top: 20px;margin-top: auto; display: none;}
.obal_recenze_nove .recenze .kde img {width: 40px;padding-right: 12px;}
.obal_recenze_nove .recenze .kde p {display: flex; flex-direction: column;font-size: 12px;}
.obal_recenze_nove .photo_user {    width: 30px; height: 30px; margin: 0 auto 10px;}
.obal_recenze_nove .photo_user img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
button.vice_recenze {    border: none; text-decoration: underline;    background-color: #ffffff00; font-size:14px;}

.slider_recenze {display: flex;position: relative;}
.slider_recenze .sipka {width: 60px;height: 330px; margin-top: 80px; background-color: #f9f7f8; cursor: pointer;}
.page_custom-obraz .slider_recenze .sipka {margin-top: 15px;}
.page_custom-obraz .slider_recenze .sipka img {filter: grayscale(1);}
.slider_recenze .sipka img {width: 70%;margin-top: 140px;opacity: 0.7;}
.slider_recenze .sipka.prava {    position: absolute; z-index: 150; box-shadow: -20px 0 30px 0px #f9f7f8, 20px 0 40px 35px #f9f7f8;
    right: 0;
    }
.slider_recenze .sipka.prava img {margin-right: auto;}
.slider_recenze .sipka.leva {    position: absolute; z-index: 150; box-shadow: 20px 0 30px 0px #f9f7f8, -20px 0 40px 35px #f9f7f8;
    
}
.slider_recenze .sipka.leva img {rotate: 180deg;margin-left: auto;}

.page_custom-obraz {}
.page_custom-obraz #obal_canvas {width: 70%; margin: 0 auto; border-radius: 15px; overflow: hidden; box-shadow: 0 0 10px 0px #0000003d; display: none; position: relative; background-color: black;}
.page_custom-obraz #obal_canvas canvas {width: 100% !important; height: 100% !important;}
.page_custom-obraz .absolute {    position: absolute; z-index: 150; top: 95%; left: 50%; transform: translate(-50%, -50%);}
.page_custom-obraz .absolute button {
        padding: 17px 75px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.5px;
    transition: all 0.2s;
    color: white;
    background-image: linear-gradient(to right, #fe7300, #ff9741);
    margin: 60px 0px;
    display: inline-block;
    width: auto;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
}
.page_custom-obraz .absolute button:hover {    box-shadow: 0px 10px 20px -14px black;
    transform: translateY(-3px);}
.page_custom-obraz .absolute a {    padding: 17px 75px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.5px;
    transition: all 0.2s;
    color: white;
    background-image: linear-gradient(to right, #fe7300, #ff9741);
    margin: 60px 0px;
    display: inline-block;
    width: auto;
    cursor: pointer;
    transition: all 0.2s;}
.page_custom-obraz {}


.page_custom-obraz .absolute_nadpis {    position: absolute; z-index: 150; top: 7%; left: 12%; transform: translate(-50%, -50%);} 
.page_custom-obraz .absolute_nadpis h2 {    font-size: 22px; color: white;} 
.page_custom-obraz .absolute_nadpis h3 {font-size: 14px; color: white;} 


/*sleva 48 hodin*/
.sleva_48 {  display: flex;   height: 132px;   background-color: #FFCC04;     width: 1100px; margin: 50px auto 0; border-radius: 15px;box-shadow: 0 0px 20px 0 #00000003;}
.sleva_48 .uvnitr {    width: 1000px; margin: 0 auto; display: flex; justify-content: space-evenly; align-items: center;}
.sleva_48 h1 {        font-weight: 700; font-size: 32px; line-height: 34px; color: #434343;}
.sleva_48 h2 { font-size: 40px; line-height: 24px; color: white; text-transform: uppercase; margin-top: 20px;}
.sleva_48 h1#countdown {font-size: 56px; text-transform: uppercase; color: #434343; letter-spacing: 1px;}
.sleva_48 button {    border:none;padding: 22px 40px; background-color: black; color: white; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; border-radius: 0.4em;}

/* info zprava styl*/
.info_zprava {width: fit-content; position: fixed; top: 30px; background-color: white; right: 15%; box-sizing: border-box;  border-radius: 12px; color: black; display: block;background-color: rgba(255, 255, 255, 0);    display: flex; flex-direction: column; align-items: end;}
.info_zprava div { height: 45px; line-height: 45px;padding: 1px 25px;border-radius: 12px; margin: 3px 0;background-color: white;width: fit-content;}
.info_zprava div.spatne {box-shadow: 0 0 0px 1px red }  
.info_zprava div.dobre {box-shadow: 0 0 0px 1px #039b19}  
.info_zprava div.upozorneni {box-shadow: 0 0 0px 1px #ff7900}   
    .info_zprava div p {font-size: 16px;text-align: center; }

.info_zprava div button {margin-left: 20px; border: none; background-color: black; font-size: 15px; border-radius: 8px; color: white;padding: 7px 20px; transition: all 0.2s; cursor: pointer;}
.info_zprava div button:hover {box-shadow: 0 0 0 2px white, 0 0 0 6px black; border-radius: 5px;}

@font-face {
    font-family: 'coves-light'; /* Název fontu */
    src: url('.../files/font/Coves_light.otf') format('opentype');
}

@font-face {
    font-family: 'coves-bold'; /* Název fontu */
    src: url('.../files/font/Coves_bold.otf') format('opentype');
}

/* odstranění pozadí při autocomplete */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ -webkit-background-clip: text !important; -webkit-text-fill-color: black !important; transition: background-color 5000s ease-in-out 0s !important; background: transparent url('/img/pixel_black.png') !important; }

/*font-family: 'coves-light', sans-serif;*/

/*ANIMACE funkce*/

@keyframes sesunuti_ze_zhora {

    from {
        transform: translateY(-30px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        opacity: 1;
    }

}

#klik_clona { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 20000; display: none; }
#zprava_info_proces { box-sizing: border-box; border-radius: 5px; font-size: 16px; color: white; z-index: 210000; position: fixed; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #3f4348a1; backdrop-filter: blur(2px); display: none;    flex-direction: column; }
#zprava_info_proces p { color: #e7e7e7; }
#zprava_info_proces img {height: 50px; margin: 0 auto 10px;}

#zprava_info_proces.vetsi { box-sizing: border-box; border-radius: 5px; font-size: 16px; color: white; z-index: 210000; position: fixed; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #3f4348a1; backdrop-filter: blur(2px); display: none; }
#zprava_info_proces.vetsi p { color: #ffffff; font-weight: 500; font-size: 26px; letter-spacing: 0.5px; }
#zprava_info_proces.vetsi img {height: 180px; margin: 0 auto 10px;}

#progressBar { background: #ffffff; height: 10px; border-radius: 25px; box-shadow: 0 0 41px 2px black; }
#progressContainer { width: 300px; background-color: #878787; margin: 25px 0 10px; border-radius: 5px; }


.tlacitko_basic_oranzova {display: inline-block; font-size: 14px; border: none; text-decoration: none; color: white; text-transform: uppercase; padding: 24px 40px; margin: 0px 14px; font-weight: bolder; letter-spacing: 1px; background-color: var(--hlavni-barva); border-radius: 0.4em; transition: all 0.2s;}
.tlacitko_basic_oranzova:hover {
    box-shadow: 0px 5px 5px 2px #00000030, 0 5px 20px 10px #00000040 !important;
    transform: scale(1.03) translate(0px, -5px);
}
.tlacitko_basic_oranzova.vetsi {padding: 24px 70px;}

.sekce_hp .obsah h1 {
   animation-name: sesunuti_ze_zhora;
   animation-duration: 3s;
   animation-fill-mode: both;
  }


.radius_mobil {display: none;}
.radius_mobil_hp {display: none;}




#overlay { width: 100%; height: 100%; background-color: #313131d4; position: fixed; top: 0; left: 0; z-index: 150; backdrop-filter: blur(3px); }
img.lightbox_obrazek {z-index: 500; max-height: 94%; max-width: 80%; width: auto !important; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 10px; }
#overlay img.mini {   
    z-index: 500;
    max-height: 50%;
    max-width: 80%;
    width: auto !important;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;

    object-fit: cover;
    transition: all 0.5s;
    aspect-ratio: 5 / 7;
    box-shadow: 2px 2px 5px 0px #0000007d;
}

#overlay .horizontal img.mini {   
    z-index: 500;
    max-height: 50%;
    max-width: 80%;
    width: auto !important;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
    object-fit: cover;
    transition: all 0.5s;
    aspect-ratio: 5 / 7;
    box-shadow: 2px 2px 5px 0px #0000007d;
}


body {font-family: sans-serif; font-weight: 100; }

.navigace_nova {background-color: #0f0f0f; background-color: #000000; padding: 20px 0; position: relative; position: relative; z-index: 60; }

.page_hp .navigace_nova {box-shadow: 0px -10px 30px 20px #000000;}

.navigace_nova .inner_navigace { align-items: center;display: flex ; width: 90%; margin: 0 auto; justify-content: space-between; max-width: 1920px;}
.navigace_nova .inner_navigace .logo {width: 140px;}
.navigace_nova .inner_navigace .logo a {width: 100%;}
.navigace_nova .inner_navigace .logo a img {width: 100%;}
.navigace_nova .inner_navigace .kos {display: flex ; align-items: end; padding: 0 74px 0px 30px;}
.navigace_nova .inner_navigace .kos a {text-decoration: none; color: white;}
.navigace_nova .inner_navigace .kos a.kosik_icon { display: flex ; flex-direction: column-reverse; transition: all 0.2s; cursor: pointer;}
.navigace_nova .inner_navigace .kos a.kosik_icon:hover {transform: scale(1.1);}
.navigace_nova .inner_navigace .kos a.kosik_icon p {z-index: 150; line-height: initial; color: black; background-color: #038bff; border-radius: 3px; position: absolute; top: 6px; right: 18px; min-width: 15px; text-align: center; font-weight: 700; font-size: 13px;}
.navigace_nova .inner_navigace .kos a.kosik_icon span.text_kosik {font-size: 12px; padding-top: 3px;}
.navigace_nova .inner_navigace .kos a.kosik_icon svg {fill: white; margin-bottom: -1px; margin-left: auto;}
.navigace_nova .inner_navigace .hlavni_odkazy { display: flex ; align-items: center; padding: 0 0px 0px 60px; }
.navigace_nova .inner_navigace .hlavni_odkazy a { color: white; text-decoration: none; font-family: sans-serif; font-size: 15px; font-weight: 400; letter-spacing: 0.6px; text-underline-position: under;  transition: all 0.2s; padding: 8px 14px; background-color: #1a1a1a; margin: 0 12px; border-radius: 5px; cursor: pointer;}
.navigace_nova .inner_navigace .hlavni_odkazy a.o_obrazech {padding: 8px 14px;margin-left: 30px; background-color: transparent;}
.navigace_nova .inner_navigace .hlavni_odkazy a:hover {
    background-image: linear-gradient(to right, #068bff, #075fac);
    padding: 8px 14px;
    border-radius: 5px;
}
.navigace_nova .inner_navigace .hlavni_odkazy a.vlastni:hover {

    background-image: linear-gradient(to right, #fe7300, #ff9741);
    padding: 8px 14px;
    border-radius: 5px;
}
.navigace_nova .inner_navigace .hlavni_odkazy a.poukaz:hover {

    background-image: linear-gradient(to right, #6d1514, #be2321);
    padding: 8px 14px;
    border-radius: 5px;

}
.navigace_nova .inner_navigace .hlavni_odkazy a.o_obrazech:hover {
    background-image: linear-gradient(to right, #ffffff, #c2c2c2d1);
    color: black;
}


.navigace_nova .inner_navigace .hlavni_odkazy a.vlastni.aktivni {    background-image: linear-gradient(to right, #fe7300, #ff9741); padding: 8px 14px; border-radius: 5px;}
.navigace_nova .inner_navigace .hlavni_odkazy a.o_obrazech.aktivni { background-image: linear-gradient(to right, #ffffff, #c2c2c2d1); color: black;}
.navigace_nova .inner_navigace .hlavni_odkazy a.obchod.aktivni {   background-image: linear-gradient(to right, #068bff, #075fac); padding: 8px 14px; border-radius: 5px;}





.navigace_nova .inner_navigace .vyhledavani {display: flex ; align-items: center; flex-grow: 1;    padding: 0 0px 0px 60px; position: relative;}
.navigace_nova .inner_navigace .vyhledavani img { position: absolute; width: 20px; right: 10px; transform: translate(0%, -50%); top: 50%; filter: contrast(0.8); cursor: pointer; transition: all 0.2s;}
.navigace_nova .inner_navigace .vyhledavani img:hover {filter: contrast(1); transform:translate(0%, -50%) scale(1.15);}
.navigace_nova .inner_navigace .vyhledavani input {border: none; padding: 11px 15px; box-sizing: border-box; font-size: 13px; letter-spacing: 0.6px; margin: 0px auto; border-radius: 0.4em; width: 100%; }
.navigace_nova .inner_navigace .vedlejsi_odkazy { display: flex ; align-items: center;  }
.navigace_nova .inner_navigace .vedlejsi_odkazy a { cursor: pointer ;color: white; text-decoration: none; font-family: sans-serif; font-size: 15px; font-weight: 300; letter-spacing: 0.6px; text-underline-position: under; padding: 0 14px;     padding: 0px 15px; border-radius: 5px; transition: all 0.2s;}
.navigace_nova .inner_navigace .vedlejsi_odkazy a:hover {padding: 8px 15px; color: black; 
    background-image: linear-gradient(to right, #ffffff, #b9b9b9);
}





.navigace {background-color: #0f0f0f;display: none}
    .navigace:first-of-type {border-bottom: 1px solid #ffffff2e;}
        .navigace .vrchni {width: 1200px; margin: 0 auto;}
            .navigace .hlavni {width: 1200px; margin: 0 auto;}
                .navigace a { color: white; text-decoration: none; font-family: sans-serif; font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.6px; text-underline-position: under;}
                    .navigace a:hover {text-decoration: underline;box-shadow: none;}
                        .navigace a.active {color: #ff793d;}
                            .navigace a.kosik_icon svg {fill:white;    position: relative; top: 3px;}
                                .navigace .vrchni nav.up a {font-weight: 100;text-transform: math-auto;}

.navigace .menu nav.up form {display: inline;}
.navigace .menu nav.up form select {height: 20px; box-sizing: border-box; padding: 0px 5px;color: white; background-color: black; border: none;letter-spacing: 1px; -webkit-appearance: none;font-size: 13px;text-align: right; padding: 0;padding-left: 4px;}
.navigace .menu nav.up form select:visited {border: none;}
.navigace .menu nav.up form select:focus {border: none;}
.navigace .menu nav.up form select:target {border: none;}
.navigace .menu nav.up form select:active {border: none;}
.navigace .burger {display: none;}

.navigace_mobil {display: none;}
.kosik_mobil {display: none;}


.up a {padding: 0 14px;}
.down a {padding: 0 14px;}
   /*  .down a:first-of-type {
        padding: 7px 20px;
        background-color: #ff7a3e;
        color: black;
        border-radius: 5px;
    } */

.vrchni {height: 70px;  display: flex;align-items: center; justify-content: space-between;}
    .vrchni img {height: 38px;}
.hlavni {height: 70px; display: flex; align-items: center;justify-content: space-between;}
					
.akce {background-color: #FFCC04; }
    .akce .inner {width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 132px;}
        .akce .inner div:nth-child(1) {width: 25%;}
        .akce .inner div:nth-child(2) {width: 36%;}
        .akce .inner div:nth-child(3) {}
        .akce .inner h1 {font-weight: 700; font-size: 26px; line-height: 34px;}
        .akce .inner p {font-size: 16px; line-height: 24px;}
        .akce .inner a {padding: 22px 40px; background-color: black; color: white; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-size: 15px;border-radius: 0.4em;}


.footer {background-color: #191919; color: #d9d9d9;    background-color: #ffffff; color: #d9d9d9; background-image: url(../img/bc_footer_1.webp); padding-top: 340px;    background-size: 120%; background-repeat: no-repeat;margin-bottom: -1px;}
.page_hp .footer {background-color: #f7f5f4;}
.page_kontakt .footer {background-color: #f7f5f4;}
.page_kosik .footer {background-color: #f1f1f1;}
.page_objednat .footer {background-color: #f1f1f1;}
.page_osobni-udaje .footer {background-color: #f1f1f1;}
.vrchni_footer {}
.vrchni_footer .inner svg { fill:#d9d9d9; height: 18px;}
.vrchni_footer .inner .odkazy_social {display: flex; align-items: center;margin-top: 30px;}
.vrchni_footer .inner .odkazy_social a {margin: 0 15px;}
.vrchni_footer .inner .odkazy_social a:first-of-type {margin: 0 15px 0px 0;}
.vrchni_footer .inner p {font-size: 14px;color: #d9d9d9;}
.vrchni_footer .inner h3 {margin-bottom: 20px; font-size: 17px;color: #f9f5f4;}
.vrchni_footer .inner a {text-decoration: none; color: #d9d9d9;display: block;font-size: 13px; margin: 10px 0; font-weight: 300; transition: all 0.3s;cursor: pointer;}
.vrchni_footer .inner a svg {transition: all 0.3s; cursor: pointer;}
.vrchni_footer .inner a:hover {color: #ff7b3d;}
.vrchni_footer .inner a:hover svg {fill: #ff7b3d;}
.vrchni_footer .inner img {width: 270px; margin-bottom: 20px;}
    .footer .inner {width: 1000px; margin: 0 auto; padding: 70px 0; display: flex; justify-content: space-between;}
        .footer .inner_copy {height: 100px; display: flex; align-items: center ; justify-content: center;}
        .footer .inner_copy p {font-size: 13px;}

.loga {display: flex; width: fit-content; margin: 0 auto 20px;}
.loga img.logo {width: auto;height: 36px; margin: 0 2px;}
.loga img.ramecek {background-color: white; border-radius: 10px;}


/*HP obrazy*/
.prekryv {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 11;backdrop-filter: contrast(0.60);-webkit-backdrop-filter: contrast(0.60);

    background-color: #1212122b;
    box-shadow: inset 0 0 370px 120px #3c3c3c;
}
.flex_tlacitka {display: flex; margin-left: -15px;}
    .flex_tlacitka a {  font-weight: 200 ;  font-size: 17px;text-decoration: none; color:#d9d9d9; padding: 14px 0px; margin: 24px 14px;font-weight: bolder; letter-spacing: 1px;border-radius: 0.4em;box-shadow: 0px 5px 5px 2px #00000030;    min-width: 210px;}
    .flex_tlacitka a.vypnuto {pointer-events: none; filter: contrast(0.5);}
    .flex_tlacitka a.jedna {background-color: var(--hlavni-barva);transition: all 0.2s;cursor: pointer;border-radius: 0.4em;color: black;}
    .flex_tlacitka a.jedna:hover {
        box-shadow: 0px 5px 5px 2px #00000030, 0 5px 20px 10px #00000040;
        transform: scale(1.03) translate(0px, -5px);
    }
    .flex_tlacitka a.dva {    background-color: #faf5f4; color: black;;transition: all 0.2s;cursor: pointer;backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);}
    .flex_tlacitka a.dva:hover {
        box-shadow: 0px 5px 5px 2px #00000030, 0 5px 20px 10px #00000040;
        transform: scale(1.03) translate(0px, -5px);
    }

.obrazy_hp {}
.podlozky_hp {background-image: url('../img/podlozky_bc.png'); background-position-y: 0px; position: relative;}
.pro_firmy_hp {background-image: url('../img/pro_firmy_bc.png'); background-position-y: 0px;}
.o_nas {background-image: url('../img/o_nas_bc.png'); background-position-y: 0px;}
    .o_nas .prekryv {backdrop-filter: contrast(60%) brightness(0.4);-webkit-backdrop-filter:contrast(60%) brightness(0.4);}

.sekce_hp {padding: 0px; box-sizing: border-box; background-size: cover;position: relative; z-index: 20;box-shadow: 0 20px 60px -20px #00000091, 0 3px 0 0 #b4b4b49c; position: relative; height: 1127px;overflow: hidden;background-color: black;  }
    .sekce_hp .obsah { 

        color: #d9d9d9;
        display: flex ;
        justify-content: center;
        text-align: center;
        width: 1280px;
        flex-direction: column;
        margin: 0 auto;
        position: absolute;
        z-index: 50;
        top: 50%;
        left: 56%;
        transform: translate(-50%, -50%);
        background-color: #0000007a;
        box-shadow: 0 0 180px 170px #0000007a;
        border-radius: 300px;
        padding-left: 100px;
        box-sizing: border-box;
    }
    .sekce_hp .obsah h1 {
        color: #f9f5f4;
        font-size: 80px;
        line-height: 65px;
        height: 150px;
        text-align: left;
    }
    .sekce_hp .obsah h3 {    font-size: 13px; margin-bottom: 12px; color: #ff7a3e; letter-spacing: 1.4px;    text-transform: uppercase; text-align: left;}
    .sekce_hp .obsah p {font-size: 16px; color: #d9d9d9; letter-spacing: 1.4px;width: 60%; line-height: 25px;margin-top: 40px;    font-weight: 300; 
        text-align: left;
        width: 40%;
        position: relative;
    z-index: 150;}
    .sekce_hp .obsah .flex_tlacitka a {
        display: inline-block;
        margin-top: 10px;
        color: white;
        padding: 13px 25px;
        border-radius: 5px;
        text-decoration: none;
        font-weight: 600;
        font-size: 16px;
        letter-spacing: 0.5px;
        transition: all 0.2s;
        background-image: linear-gradient(to right, #fe7300, #ff9741);
    }
    .sekce_hp .obsah .popisky {display: flex; width: 100%; justify-content: space-between;width: 1100px; margin: 160px auto 0;
        position: relative;
        right: 100px;
        top: 100px;
    }
    .sekce_hp .obsah .popisky div {width: 25%;}

.sekce_hp .obsah .popisky div p {
    text-align: center;
    width: 70%;
    margin: 20px auto;
}
.popisky div svg {height: 40px; fill: #d9d9d9; color: #d9d9d9; border-color: #d9d9d9;}
/* 
.sekce_hp .pod_sekce_hp_1 {background-size: cover;width: 100%; height: 100%; opacity: 1;position: absolute; left: 0; top: 0; transition: all 2s;   background-size: cover; background-image: url('../img/obrazy_bc_1.png'); background-position-y: -770px;}
.sekce_hp .pod_sekce_hp_2 {background-size: cover;width: 100%; height: 100%; opacity: 1;position: absolute; left: 0; top: 0; transition: all 2s; background-position-y: -770px;}
.sekce_hp .pod_sekce_hp_3 {background-size: cover;width: 100%; height: 100%; opacity: 1;position: absolute; left: 0; top: 0; transition: all 2s; background-position-y: -770px;}
.sekce_hp .pod_sekce_hp_4 {background-size: cover;width: 100%; height: 100%; opacity: 1;position: absolute; left: 0; top: 0; transition: all 2s; background-position-y: -770px;}
 */
 .sekce_hp .pod_sekce_hp_1 { background-size: cover;width: 100%; height: 100%; opacity: 1; background-position-y: -150px; }
 .sekce_hp .pod_sekce_hp_2 { background-size: cover;width: 100%; height: 100%; opacity: 1; }
 .sekce_hp .pod_sekce_hp_3 { background-size: cover;width: 100%; height: 100%; opacity: 1; background-position-y: -200px; }
.sekce_hp .pod_sekce_hp_4 { background-size: cover;width: 100%; height: 100%; opacity: 1; background-position-y: 0px; }



.sekce_hp .pod_sekce_hp_1 {background-image: url('../img/obrazy_bc_1.jpg');}
.sekce_hp .pod_sekce_hp_2 {background-image: url('../img/obrazy_bc_2.jpg');}
.sekce_hp .pod_sekce_hp_3 {background-image: url('../img/obrazy_bc_3.jpg');}
.sekce_hp .pod_sekce_hp_4 {background-image: url('../img/obrazy_bc_4.jpg');}



.socialni_site_odkazy {padding: 85px; background-color: #f8f5f4;    margin-bottom: -160px;}
.socialni_site_odkazy .inner {width: 850px; margin: 0 auto;display: flex; justify-content: space-between;align-items: center; }
.socialni_site_odkazy .inner div {display: flex;}
.socialni_site_odkazy a { transition: all 0.3s;cursor: pointer;;height: 51px; width: 51px;background-color: #54595f;background-color: #54595f; display: block; border-radius: 5px;margin: 0 5px;display: flex; align-items: center; justify-content: center;}
.socialni_site_odkazy a:hover {background-color: #323335;}
.socialni_site_odkazy svg {height: 18px; fill: #f9f5f4;;}
.socialni_site_odkazy h2 {color: #54595f;font-size: 28px;}

.polozky_ctyri { padding: 90px 0;    background: linear-gradient(150deg, #000000, #9a9a9a); /* background: linear-gradient(150deg, #0f0f0f, #1e1e1e); *//* clip-path: polygon(0% 0%, 0% 100%, 160% 0%) */;overflow: hidden; transition: 0.4s; padding-bottom: 1200px;}
/* .polozky_ctyri.zabaleno {clip-path: polygon(0% 0%, 0% 280%, 160% 0%);} */
.polozky_ctyri .inner {width: 96%; margin: 0px auto ; display: flex; justify-content: space-between;/* box-shadow: 0px 3px 30px 0px #ff7a3d17, 0px 3px 30px 0px #ffffff14; */    box-shadow: 0px 160px 400px 150px black;     border-radius: 100px; overflow: hidden;}
.polozky_ctyri .inner a {width: 22%; text-decoration: none; color: black ; cursor: pointer;position: relative;transition: all 0.4s;}
.polozky_ctyri .inner a:hover {cursor: pointer;width: 150%;}
.polozky_ctyri .inner div img {width: 100%;object-fit: cover; height: 500px;box-shadow: 0 0px 20px 0 #00000045;}
.polozky_ctyri .inner div.popis h1 {font-size: 24px; margin: 12px 0;}
.polozky_ctyri .inner div.popis h2 {font-weight: 200; font-size: 14px;}
.polozky_ctyri .inner div.popis h3 {display: flex; justify-content: end;}
.polozky_ctyri .inner div.popis {display: none;}

.polozky_ctyri .inner a button {width: 100%; border: none; border-radius: 3px; line-height: 30px; margin-top: 10px;cursor: pointer;}
.polozky_ctyri .inner a button:hover {background-color: #f9f9f9;}

.polozky_ctyri .obal_popis { margin: 50px auto 130px;}
.polozky_ctyri .obal_popis a {text-decoration: none;color:#f9f5f4; cursor: pointer;transition: all 0.2s;}
.polozky_ctyri .obal_popis a:hover {color: #ff7a3d;}
.polozky_ctyri h1,h2,h3 {color:#f9f5f4 ;}
.polozky_ctyri h1 {font-size: 75px; line-height: 115px;text-align: center;}
.polozky_ctyri h1 span {color: #ff7a3d;}
.polozky_ctyri h2 {font-size: 17px; font-weight: 100; letter-spacing: 1.4px;text-align: right; width: 77%;color:#f9f5f4 ;}
.polozky_ctyri h3 {font-size: 13px; margin-bottom: 12px; color: #faf5f496; letter-spacing: 1.4px; text-transform: uppercase; margin-left: 25%;}
.polozky_ctyri .obal_odkaz { text-align: center;    margin: 0 auto 130px;}

.polozky_ctyri a.tlacitko_basic_oranzova.vetsi {    background-color: #d9d9d9; color: black;    font-size: 16px;box-shadow: 0px 5px 5px 2px #00000030;} 

.div_flex {display: block; justify-content: space-between; max-width: 1440px; width: 100%; margin: 0 auto;align-items: center;}
.div_flex .obal_popis {flex-grow: 1;}
.div_flex .obal_odkaz {}

.custom_polozky_div .obal_popis {width: 1200px; text-align: right;position: relative; top: -230px; margin: 0 auto;}
.custom_polozky_div .obal_popis h1, h2, h3 {position: relative; z-index: 10;}
.custom_polozky_div { margin-top: -2400px;transition: all 0.3s;}
.custom_polozky_div.zabaleno {margin-top: -1850px;} 
.custom_polozky_div .zkoseny {clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 100% 60%); height: 1200px;background-color: white; }
.custom_polozky_div .obal_bc {background-color: white;padding: 50px 0 100px; position: relative;}
.custom_polozky_div h1,h2,h3 {/* color:#f9f5f4 ; */ color: black;}
.page_hp .custom_polozky_div h1,h2,h3 {/* color:#f9f5f4 ; */ color: #4d4d4d;}
.custom_polozky_div h1 {font-size: 75px; line-height: 115px;}
.custom_polozky_div h1 span {color: #ff7a3d;}
.custom_polozky_div h2 {    font-size: 17px; font-weight: 100; letter-spacing: 1.4px; text-align: right; width: 98%;}
.custom_polozky_div h3 {margin-left: 0%;margin-right: 17%; font-size: 13px; margin-bottom: 12px; letter-spacing: 1.4px; text-transform: uppercase; }
.custom_polozky_div .obal_odkaz {width: 1240px; text-align: right;position: relative; top: -230px; margin: 90px auto 140px;}

.page_hp .custom_polozky_div a.tlacitko_basic_oranzova {color: black; font-size: 16px;box-shadow: 0px 5px 10px 0px #00000030;}

img.svg_custom_hp {filter: contrast(0.3); width: 30%; margin: 30px auto 10px;min-height: 58px;}


.nahledy_customu {position: relative; width: 90%; margin: 0 auto 100px;}
.nahledy_customu .obal_obrazy {display: flex; justify-content: space-between;}

.nahledy_customu .ukazka.pocet_1 {    position: initial; width: 370px}
.nahledy_customu .ukazka.pocet_2 {position: initial; width: 370px;}
.nahledy_customu .ukazka.pocet_3 {position: initial; width: 370px;}
.nahledy_customu .ukazka.pocet_4 {position: initial; width: 370px;}
.nahledy_customu .ukazka.pocet_5 {position: initial; width: 370px;}
.nahledy_customu .ukazka.pocet_6 {position: initial; width: 370px;}
.nahledy_customu .ukazka.pocet_7 {position: initial; width: 370px;}
.nahledy_customu .ukazka.pocet_8 {position: initial; width: 370px;}
.nahledy_customu .ukazka.pocet_9 {position: initial; width: 370px;}
.nahledy_customu .ukazka.pocet_10 {position: initial; width: 370px;}
.nahledy_customu .ukazka.pocet_11 {position: initial; width: 370px;}

.nahledy_customu .obal_obrazy .ukazka {width: 12%;}

.nahledy_customu .ukazka img { width: 100%; border: 1px solid #bcbcbc87; border-radius: 0.3em; }

.page_hp .zmena_velikost_custom { margin: -390px auto 70px;position: relative; z-index: 160; flex-wrap: wrap;}
.page_hp .nabizene_velikosti h2 { text-align: left; }
.page_hp .velikost_obrazu_ukazka .velikost { background-color: #777; flex-direction: column;  border: 1px solid #00000052;}
.page_hp .velikost_obrazu_ukazka .velikost h1 { color: #f5f5f5; height: fit-content; line-height: 15px; margin: 5px; }
.page_hp .velikost_obrazu_ukazka .velikost h6 { font-size: 12px; color: #424242; }
.page_hp .velikost_obrazu_ukazka .velikost h3 {

    letter-spacing: 0;
    text-transform: capitalize;
    font-size: 22px;
    text-align: center;
    margin: 20px auto 0;
    color: #2c2c2c;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0px;
    right: -30px;
    padding: 8px;
    border-radius: 6px;
    box-shadow: 2px 2px 10px -5px #0000004a;
    rotate: 6deg;
    background: linear-gradient(90deg, #f08453, #ff7a3e);
    padding-right: 40px;

}
.page_hp .velikost_obrazu_ukazka .velikost h3 span {font-size: 14px; color: #4d4d4d;}
.page_hp .velikost_obrazu_ukazka .nejvetsi_z_index {box-shadow: 0 0 10px 3px #ff7a3d50; /* transform: scale(1.03); */ margin-bottom: 0px;}

.page_hp .velikost_obrazu_ukazka .mala { right: 5px; z-index: 30; }
.page_hp .velikost_obrazu_ukazka .stredni { right: -5px; }
.page_hp .velikost_obrazu_ukazka .velka { margin-bottom: 0px; }

.page_hp .zmena_velikost_custom .popisky { width: 100%; display: flex; justify-content: center; margin: 90px auto; gap: 5%;position: relative;left: 0%;}
.page_hp .zmena_velikost_custom .popisky > div { width: 30%; text-align: center;}
.page_hp .zmena_velikost_custom .popisky > div svg { fill: #777; margin-bottom: 15px;}
.page_hp .zmena_velikost_custom .nabizene_velikosti {max-width: 520px;}
.page_hp .zmena_velikost_custom .nabizene_velikosti button {width: 32%;}


.page_hp .velikost_obrazu_ukazka {top: 63px;}

.custom_nahled {
    background-color: white;
  width: 150px;
  aspect-ratio: 5/7;
  border-radius: 0.6em;
  box-shadow: 0 0 0 7px white, 10px 10px 40px 0 #868686;
  border: 3px dashed #4d4d4d75;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  opacity: 0.2;
  position: absolute;
  top: 50px;
  z-index: 0;
  rotate: -15deg;
  left: -40px;
  display: none;
}
.page_hp .custom_polozky_div .custom_nahled h2 {color: #4d4d4d75; width: fit-content ; text-align: center ;font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.velikost_obrazu_ukazka .velikost h3 {
    font-size: 22px;
    text-align: center;
    margin: 20px auto 0;
    color: #5e5e5e;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0px;
    right: -30px;
    padding: 8px;
    border-radius: 6px;
    box-shadow: 2px 2px 10px -5px #0000004a;
    rotate: 6deg;
    background: linear-gradient(90deg, #ececec, #e9e9e9);
    padding-right: 40px;

}

.velikost_obrazu_ukazka .velikost.horizontal h3 {
    transform: rotate(-90deg);

}

/*o nas*/

.clovek {width: 1200px; margin: 120px auto 160px;}
.clovek .inner {display: flex; justify-content: space-between; align-items: center;}
.clovek .inner div {width: 63%;padding: 30px 30px 30px 50px;}
.clovek .inner div.fotka {width: 37%;padding: 0;background-color: #f5f5f5;align-self: flex-end;border-radius: 0.4em;}
.clovek .inner .fotka img {width: 100%;}

.o_nas_strana h4 {font-weight: 600; font-size: 15px; color: #4b4f58;}
.o_nas_strana h1 {font-weight: 600; font-size: 60px; color: #4b4f58; margin: 22px 0;}
.o_nas_strana p {color: #4b4f58; line-height: 25px; margin: 20px 0;}
.o_nas_strana .clovek .inner div img.podpis {height: 90px; object-fit: cover; width: 55%;}

.o_nas_strana .o_nas .obsah p {width: 100%;}
.o_nas_strana .o_nas .obsah h1 {height: auto;}

.o_nas {}

.page_o-nas .sekce_hp  {    height: 1500px;}

.page_o-nas .sekce_hp .obsah {
    top: 0;
    left: 0%;
    transform: none;
        max-width: 1280px;
                padding-left: 30%;
                    margin-top: 80px;

}
.page_o-nas .obsah h3 {    letter-spacing: -2px; color: #ffffff; font-size: 40px; line-height: 35px; width: 60%; text-transform: unset; text-shadow: 5px 5px 5px #0000000a; z-index: 190;margin: 25px 0 15px;}
.page_o-nas .obsah h2 {    color: #ffffff; font-size: 18px; line-height: 25px; width: 100%; text-transform: unset; z-index: 190; text-align: left; font-weight: 200;}
.page_o-nas .obsah p {    color: #ffffff; font-size: 18px; line-height: 25px; width: 100%; text-transform: unset; z-index: 190; text-align: left; font-weight: 200;}
.page_o-nas .obsah ul {    margin-left: 5%;}
.page_o-nas .obsah ul li {    text-align: left;    line-height: 30px;}

/*kontkat*/

.page_kontakt {background-color: #f8f5f4;}
.kontakt .inner {width: 1100px; margin: 150px auto;}
.kontakt .inner .odkazy svg {width: 15px; fill: #bdbdbd;}
.kontakt .inner .kontakty svg {width: 25px;fill: white; height: 25px;}

.kontakt .prekryv_kontakty {position: absolute; display: none;}

.kontakt .inner .obal {display: flex; justify-content: space-between; align-items: center; height: 400px;}
.kontakt .inner .odkazy {background-color: #424242;display: flex; flex-direction: column;width: 8%; height: 100%;align-items: center; justify-content: center;}
.kontakt .inner .odkazy a {margin: 18px 0;}
.kontakt .inner .odkazy a:hover svg {fill:white;}
.kontakt .inner .mapa {width: 54%; height: 100%;filter: grayscale(1);box-shadow: 0 0 30px 10px #0000001a}
.kontakt .inner .kontakty {width: 38%; height: 135%;box-shadow: 0 0 20px 5px #0000001a;border-radius: 5px;position: relative; z-index: 20;background-color: white;padding: 65px 50px; box-sizing: border-box;border-radius: 0.4em;}
.kontakt .inner .kontakty h1 {font-size: 50px; padding-bottom: 15px; box-shadow: 0px 1px 0 0px #7878781a; margin-bottom: 25px;}
.kontakt .inner .kontakty div div.svg {width: 65px;background-color: black;height: 65px; border-radius: 50%; display: flex; align-items: center; justify-content: center;margin-right: 25px;min-width: 65px;}

.kontakt .inner .obal .kontakty div.polozky_obal {display: flex; flex-direction: column;justify-content: space-between; height: 70%;}
.kontakt .inner .obal .kontakty div.polozky_obal > div {display: flex;align-items: center;}

.kontakt .polozky_obal h2 {font-size: 20px; margin-bottom: 8px;}
.kontakt .polozky_obal p {font-size: 15px; letter-spacing: 0.6px;}
.kontakt .polozky_obal p a {text-decoration: none; color: black;}

.kontaktni_formular {position: relative; margin-bottom: 200px;}
.kontaktni_formular .obal_formular {   overflow: hidden ; position: relative; width: 900px; margin: 140px auto 0; padding: 100px; background-color: white; border-radius: 5px; box-shadow: 10px 30px 20px 5px #3b3a3a0a; display: flex; justify-content: center; align-items: center;border-radius: 0.4em;}
.kontaktni_formular form { position: relative; width: 100%; z-index: 30;}
.kontaktni_formular p {margin-bottom: 5px;}
.kontaktni_formular p:nth-of-type(3) {margin-top: 25px;}
.kontaktni_formular h1 {text-transform: uppercase; font-size: 30px; margin-bottom: 20px;}
.kontaktni_formular form input[type="submit"] {     margin-left: auto; display: block;   background-color: #ff7a3d; padding: 24px 80px; color: white; border: none; margin-top: 20px; font-size: 16px; letter-spacing: 1px;    width: 350px;border-radius: 0.4em;}
.kontaktni_formular form input[type="text"] {      background-color: #ffffff00;  line-height: 40px;     box-shadow: 0px 1px 0 0 #a1a1a1; border: none; margin-bottom: 25px;    width: 100%;}
.kontaktni_formular form textarea {      background-color: #ffffff00;  box-sizing: border-box; padding: 20px; text-align: left; border: 1px solid #a1a1a1; min-width: 100%; max-width: 100%;border-radius: 0.4em;}
.kontaktni_formular .sedy {     display: flex; width: 50%; height: 300px; background-color: #424242; position: absolute; z-index: -5; left: 35%; top: 69%; justify-content: center; align-items: center;border-radius: 0;}
.kontaktni_formular .sedy p {    font-size: 230px; color: white; position: absolute; font-weight: bold; text-transform: uppercase; }
.kontaktni_formular img {    position: absolute; bottom: -300px; right: -1030px; width: 210%; z-index: 15; opacity: 0.1;}

.formular_stav_emailu {text-align: center; margin-top: 70px;}
.formular_stav_emailu p {font-size: 16px; font-weight: 400; line-height: 24px; }
.formular_stav_emailu h2 {font-size: 28px; font-weight: 700; line-height: 40px;color: #137e1e;}

.formular_stav_emailu.neuspesne h2 {color: #b30303;}


.sleva_ziskani_obal {    background-color: #ff7b3d; display: flex ; justify-content: center; align-items: center; gap: 40px; position: relative; margin-top: 100px; box-shadow: 0 -100px 0 0 #000000e0; }
.sleva_ziskani_obal div {}
.sleva_ziskani_obal div.text {    margin: 40px 0; text-align: left; width: 33%;height: 83px;}
.sleva_ziskani_obal div.text h2 {    font-size: 45px; line-height: 65px; text-align: center; color: #ffffff; display: flex ; gap: 20px;}
.sleva_ziskani_obal div.text h2 span {    font-size: 70px; color: #ffffff;}
.sleva_ziskani_obal div.text p {    font-weight: 400; color: white;}

.sleva_ziskani_obal div.input {width: 20%;}
.sleva_ziskani_obal div.odeslat {width: 10%;}

.sleva_ziskani_obal input { width: 100%; padding: 0px 16px; border-radius: 5px; border: none; font-size: 15px; height: 43px; transition: all 0.2s; box-sizing: border-box; }
.sleva_ziskani_obal button {

    cursor: pointer;
    height: 45px;
    border: none;
    background-color: #ffffff;
    border-radius: 7px;
    transition: all 0.2s;
    padding: 0px 16px;
    width: 200px;
    transition: all 0.2s;
    text-transform: uppercase;
    font-weight: 600;
    color: black;
}
.sleva_ziskani_obal button:hover {    box-shadow: 0px 5px 10px 2px #00000030, 0 5px 20px 10px #00000040; transform: scale(1.03) translate(0px, -5px);}



/*administrace*/

.page_objednavky_list .odstranit {display: block;}

.uprava_ceny {display: flex; width: 100%; }
.uprava_ceny form {display: flex; flex-direction: column;width: 30%;}
.uprava_ceny h2 {font-size: 24px; letter-spacing: 0.7px; text-transform: uppercase;margin-bottom: 10px;}
.uprava_ceny p {font-size: 16px;margin-bottom: 2px;}
.uprava_ceny p.zavorky {font-size: 14px;margin-bottom: 20px;}
.uprava_ceny input {    width: 1200px; line-height: 35px; border-radius: 5px; box-sizing: border-box; padding: 0px 15px; border: none; margin-bottom: 7px; box-shadow: 0 0 0 1px #00000045;}
.uprava_ceny input[type="submit"] {cursor: pointer; transition: all 0.2s;background-color: #ff7b3d; width: 220px; line-height: 34px; border: none; border-radius: 5px; font-size: 16px; color: white;box-shadow: none;}
.uprava_ceny input[type="submit"]:hover {background-color: black;}
.uprava_ceny input[type="submit"].odeslani {margin-top: auto;}

form.check input[type="checkbox"] {display: none;}
form.check label.checkbox_label {    box-shadow: 0 0 0 1px #00000045;margin-right: 10px;transition: all 0.3s; text-align: center; line-height: 36px; width: 36px; height: 34px; background-color: #ffffff; display: inline-block; border-radius: 5px; color: #ffffff;margin-bottom: 5px;}
form.check input:checked + label.checkbox_label { color: white; background-color: #ff7b3d; }
form.check input:hover + label.checkbox_label { color: white; background-color: black; }
form.check label.text {font-size: 16px;align-self: center;}

.page_administrace .container {flex-direction: inherit;}
.sekce_4 { background-color: #ffffff78; padding: 20px 0; border-radius: 7px; margin: 10px 0;  position: relative; }
input.hidden {display: none;}
.sekce_4 .obal_fotky_vlozene { min-height: 160px; border-radius: 5px; }
.vypis_chyb_vlozeni_fotek { background-color: #b40808; color: white; text-align: center; margin: 10px 0; border-radius: 4px; box-sizing: border-box; padding: 5px 0; }
.container { display: flex; flex-wrap: wrap; margin-top: 30px; position: relative; background-color: white; min-height: 160px; border-radius: 5px; }
.box { cursor: move; height: 164px; border: none; border-radius: 0px; box-sizing: border-box; font-size: 60px; transition: all 0.5s; background-size: cover; width: 163.7px; position: relative; margin: 1.5px 1.5px; }
.box:first-of-type { box-shadow: 0 0 0 2px #ffb71d; }
.box img { width: 100%; object-fit: cover; height: 100%; pointer-events: none; }
span.mazani { cursor: pointer; top: 10px; position: absolute; right: 10px; background-color: #eeececa3; width: 45px; height: 45px; line-height: 45px; text-align: center; color: #716a6a; border-radius: 3px; }
span.hl_fotka_sign { visibility: hidden;position: absolute; top: -17px; background-color: #ffb71d; padding: 0px 27.9px; border-radius: 5px 5px 0 0; font-weight: 500; letter-spacing: 0.3px; left: -0.3px; }


div.mezery {}
div.mezera {width: 25px; display: inline-block; height: 100%;}





.page_edit .strankovani { display: flex; text-align: center; margin: 0px auto 60px; justify-content: center; }
.page_edit .strankovani a.vypnuto { pointer-events: none; filter: opacity(0.2); }
.page_edit .strankovani a.vpred {cursor: pointer;margin: 0; transition: all 0.3s; margin-right: 4px; line-height: 45px; height: 45px; text-decoration: none; color: white; text-transform: uppercase; border-radius: 3px; background-color: #424242; width: 45px; }
.page_edit .strankovani a.zpet {cursor: pointer;margin: 0; transition: all 0.3s; margin-left: 4px; line-height: 45px; height: 45px; text-decoration: none; color: white; text-transform: uppercase; border-radius: 3px; background-color: #424242; width: 45px; }
.page_edit .strankovani a.cislo_stranka {box-shadow: 0 0 0 1px #00000012; transition: all 0.3s; margin: 0 4px; width: 45px; height: 45px; display: block; line-height: 45px; border-radius: 3px; text-decoration: none; color: black; }
.page_edit .strankovani a.cislo_stranka.active { font-size: 24px; font-weight: 800; text-decoration: revert; }
.page_edit .strankovani a.vypnuto_cislo { display: none; }
.page_edit .strankovani a.cislo_stranka:hover {  font-weight: 800; text-decoration: revert; }
.page_edit .strankovani a.vpred:hover {  background-color: black; }
.page_edit .strankovani a.zpet:hover {  background-color: black; }

.vloznei_produktu .inner {width: 1600px; margin: 50px auto; }
.vloznei_produktu .inner h1 {margin-bottom: 30px; font-size: 24px;}
.vloznei_produktu .inner input[type="text"] {width: 600px; line-height: 30px; box-sizing: border-box; padding: 0 10px;margin-bottom: 10px ; border-radius: 5px; border: 1px solid #c1c1c1; line-height: 39px; }
.vloznei_produktu .inner input[type="number"] {width: 300px; line-height: 30px; box-sizing: border-box; padding: 0 10px;margin-bottom: 10px ;}
.vloznei_produktu .inner input {margin-bottom: 20px;}
.vloznei_produktu .inner input[type="submit"] { border-radius: 5px;width: 100%; line-height: 30px; box-sizing: border-box; padding: 5px 10px;margin-bottom: 10px ; background-color: #ff7a3d; color: white; border: none;}
.vloznei_produktu .inner input[type="submit"]:hover {background-color: black;}

.vloznei_produktu .inner .nazev {display: flex;justify-content: space-between;flex-direction: column;}
.vloznei_produktu .inner .popis {display: flex;justify-content: space-between;flex-direction: column;}
.vloznei_produktu .inner .nazev p {display: inline-block; width:170px;}
.vloznei_produktu .inner .popis p {display: inline-block; width:170px;}
.vloznei_produktu .inner p.podnadpis {font-weight: 700;}
.vloznei_produktu button.vloz_fotky {

    width: 100%;
    line-height: 30px;
    box-sizing: border-box;
    padding: 5px 10px;
    margin-bottom: 10px;
    background-color: #ff7a3d;
    color: white;
    border: none;
    font-size: 16px;
    border-radius: 5px
}
.vloznei_produktu button.vloz_fotky:hover {background-color: black;}


.page_objednavky_list .inner {width: 1600px; margin: 50px auto;}
.page_objednavky_list .inner .objednavky {padding: 50px ; box-sizing: border-box;}
.page_objednavky_list .inner  h1 {margin-bottom: -40px; font-size: 24px;padding: 0 50px; box-sizing: border-box;}

.page_objednavky_list .sklad {display: flex; padding: 50px ;}
.page_objednavky_list .sklad div {text-align: center;}
.page_objednavky_list .sklad h1 {margin-bottom: 0;font-size: 70px; /* color: #ff7a3d; */}
.page_objednavky_list .sklad h1 span {font-size: 15px; color: darkgrey; display: block;}

.page_objednavky_list .sklad h2 {margin-bottom: 0;font-size: 24px; color: #ff7a3dbd;}
.page_objednavky_list .sklad h2 span {font-size: 15px; color: darkgrey; padding-right:  5px;}

.objednavky .legenda {background-color: white !important;box-shadow: none !important;}
.objednavky .legenda .status p {background-color: white;color: black;}
.objednavky .flex { display: flex; justify-content: space-between;margin: 20px 0;line-height: 40px; box-sizing: border-box; padding: 3px 10px;background-color: #f8f8f8;border-radius: 5px;align-items: center;box-shadow: 0 0 0 1px #e6e6e6;}
.objednavky .flex.odbaveno {background-color: #41c0411f;}
.objednavky .flex.legenda p {color: grey; font-size: 14px; letter-spacing: 0.6px;}
.objednavky .info_objednavka div.fotky {display: flex;}
.objednavky .info_objednavka div.fotky img {width: 100px; border-radius: 4px;margin-right: 10px;}
.page_objednavky_list .flex div.id {width: 10%;}
.page_objednavky_list .flex div.jmeno_krestni {width: 15%;}
.page_objednavky_list .flex div.pocet_ks {width: 10%;}
.page_objednavky_list .flex div.celkova_cena_s_dph {width: 15%;}
.page_objednavky_list .flex div.celkova_cena_s_dph span { font-size: 14px;}
.page_objednavky_list .flex div.celkova_cena_s_dph span.nezaplaceno { color: #bb3939;}
.page_objednavky_list .flex div.celkova_cena_s_dph span.dobirka { color: #d0a455; }
.page_objednavky_list .flex div.celkova_cena_s_dph span.zaplaceno { color: #2a802a; }
.page_objednavky_list .flex div.datum {width: 15%;}
.page_objednavky_list .flex div.status {width: 8%;border-radius: 0.4em; position: relative;}
.page_objednavky_list .flex div.status .zmena_stavu_obal { display: none;position: absolute; z-index: 3030000; background-color: #2c2c2c; border-radius: 10px; width: 120px; top: 35px; font-size: 14px;}
.page_objednavky_list .flex div.status .zmena_stavu_obal p {padding: 2px 0; box-shadow: 0 15px 0px -14px #4e4e4e;border-radius: 10px;}
.page_objednavky_list .flex div.status .zmena_stavu_obal p:last-of-type {box-shadow: none;}
.page_objednavky_list .flex div.status .zmena_stavu_obal p:hover {background-color: #555454;box-shadow: none;}
.page_objednavky_list .status p { color: white; padding: 0 15px;line-height: 30px; text-align: center; border-radius: 5px;}

.info_objednavka {border-radius: 5px;display: none; flex-wrap: wrap; box-shadow: 0 0 0 1px #e6e6e6; margin-top: -26px; position: relative; z-index: 0;box-sizing: border-box; padding: 30px 30px 30px;align-items: baseline; transition: all 0.3s;}
.page_objednavky_list .zobrazit {display: flex;}
.page_objednavky_list .inner .info_objednavka h1 {width: 50%;margin-bottom: 25px !important;padding: 0 !important;}
.page_objednavky_list .inner .info_objednavka h1 a {font-size: 16px; color: black; text-decoration: none;cursor: pointer;}
.page_objednavky_list .inner .info_objednavka h1 a:hover {color: #ff7a3d;}
.page_objednavky_list .inner .info_objednavka h1:last-of-type {padding: 0 50px !important;font-size: 16px;line-height: 20px;}
.page_objednavky_list .inner .info_objednavka h1:last-of-type span.netucny {color: black; font-weight: 300;}
.page_objednavky_list .inner .info_objednavka h1 span {font-size: 16px; color: grey;}
.info_objednavka .dorucovaci {width: 25%; box-sizing: border-box; padding: 0 50px;line-height: 24px;}
.info_objednavka .dorucovaci p {font-size: 14px; letter-spacing: 0.4px;}
.info_objednavka .dorucovaci p.kod_zasilkovna {}
.info_objednavka .dorucovaci p.kod_zasilkovna span {    font-weight: 600;}
.info_objednavka .osobni_udaje_vypis {width: 25%; box-sizing: border-box; padding: 0 50px;line-height: 24px;}
.info_objednavka .osobni_udaje_vypis p {font-size: 14px; letter-spacing: 0.4px;}
.info_objednavka .osobni_udaje_vypis div.kontakty {margin: 20px 0 0;}
.info_objednavka .osobni_udaje_vypis div.kontakty p {font-size: 13px;display: inline-block;}
.info_objednavka .osobni_udaje_vypis div.kontakty h3 {padding-left: 5px;font-size: 14px;display: inline-block;}


.info_objednavka .polozky {width: 50%;display: flex; flex-direction: column;margin-bottom: 30px;}
.info_objednavka .polozky .polozka {width: 100%;display: flex; justify-content: space-between; }
.info_objednavka .polozky .legenda {width: 100%;display: flex; justify-content: space-between; }
.info_objednavka .polozky .legenda p {font-size: 13px ; color: grey;}
.info_objednavka .doplnky {width: 100%; display: flex; }
.info_objednavka .doplnky p:first-of-type {font-size: 13px; padding-left: 0px;}
.info_objednavka .doplnky p {font-size: 18px; }
.info_objednavka .doplnky h3 {padding-left: 5px;font-size: 14px;text-transform: uppercase; }
.info_objednavka .polozky .mezera {    height: 20px;}


.info_objednavka .polozky .flex_polozky {padding: 4px 10px; box-shadow: 0 0 0 1px whitesmoke;margin-top: 1px;box-sizing: border-box;}
.info_objednavka .polozky .flex_polozky .polozka_produkt:last-of-type {margin-bottom: 20px;}
.info_objednavka .polozky .dodatek {margin-top: 0px;}
.info_objednavka .polozky .flex_polozky p.id_produktu {width: 20%;}
.info_objednavka .polozky .flex_polozky p.nazev {width: 25%;}
.info_objednavka .polozky .flex_polozky p.pocet_ks {width: 10%;}
.info_objednavka .polozky .flex_polozky p.cena {width: 10%;}
.info_objednavka .polozky .flex_polozky p.rozmer {width: 8%;}



.telefon {position: relative ;}
.telefon select { position: absolute; left: 0; width: 80px !important;padding: 20.5px 12px !important; box-shadow: none !important;}
.telefon input {padding: 15px 12px 0 110px !important;}
.telefon p.popis {left: 95px !important;}

/*editace polozek*/
.page_edit .inner {width: 1600px ; margin: 50px auto;}
.page_edit .polozka {display: flex;margin: 60px 0;}
.page_edit .polozka input {margin:2px 10px 10px;padding-top: 4px; line-height: 30px; border-radius: 3px; border: none; box-shadow: 0 0 0 1px #00000029; padding-left: 10px; width: 100%; }
.page_edit .polozka p {margin: 0 10px; font-size: 15px; box-sizing: border-box;}
.page_edit .polozka img {max-width: 150px;}
.page_edit .polozka div {margin: 0 20px;}
.page_edit .polozka .popis {    display: flex; flex-direction: column;}
.page_edit .polozka .nazev {    display: flex; flex-direction: column;}


/*obecna administrace*/
.page_administrace_obecna .inner {width: 1600px; margin: 50px auto;}
.page_administrace .container {justify-content: flex-start;}
.sleva_radek {display: flex;justify-content: space-between;margin-bottom: 4px;}
.sleva_radek div {width: 16%;}
.sleva_radek.legenda div {width: 16%;}
.sleva_radek div input {width: 94%;padding: 10px;box-shadow: 0 0 0 1px #00000045; border: none; border-radius: 5px;height: 14.5px;}
.sleva_radek div select {width: 94%;box-shadow: 0 0 0 1px #00000045; border: none; border-radius: 5px;height: 35px;}

.page_administrace .sekce_vlozeni {margin: 20px 0;}
.page_administrace input.neviditelny {display: none;}
.page_administrace input.neviditelny:checked + label { color: white; background-color: black; }
.page_administrace label { color: black; background-color: white; padding: 10px 20px; border: 1px solid #8080807d; border-radius: 5px; line-height: 50px; }
.page_administrace label:hover {color: white; background-color: black;}

.radek_aktivita { display: flex; gap: 30px; border: solid 1px #cdcdcd; padding: 10px 10px; margin: 3px; border-radius: 8px; }

div.kde_obal {width: 150px;}
div.adresa {align-self: flex-end;}

span.kde {    padding: 10px 22px;
    margin-left: -10px;
    border-radius: 7px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.delici_radek {display: block; height: 20px; width: 100%;}

#pridat_slevovy_kod {cursor: pointer; transition: all 0.2s; background-color: #ff7b3d; width: 220px; line-height: 32px; border: none; border-radius: 5px; font-size: 16px; color: white;}
#pridat_slevovy_kod:hover {background-color: black;}
/*kosik*/
.prazdny {text-align: center;background-color: #f1f1f1 !important;}
.prazdny img {    margin: 0 auto; filter: grayscale(1);}
.prazdny a {    background-color: #ff7a3d; padding: 24px 80px;text-decoration: none; color: white;    border-radius: 0.4em ;}
.prazdny h1 {margin-bottom: 60px;}

body.page_kosik { background-color: #8080801c;}
body.page_kosik_test { background-color: #8080801c;}
.kosik {width: 1000px; margin: 50px auto;padding: 50px; background-color: white;box-shadow: 0 0px 20px 0 #00000003;border-radius: 0.8em;}
.polozka_kosik {display: flex; justify-content: space-between; margin: 15px 0;box-shadow: 0 0 0 1px #f1f1f1; padding: 30px; position: relative;align-items: center;border-radius: 0.4em;gap: 5px;}
.kosik .podlozka {height: 60px;}
#sleva_v_kosiku {min-height: auto; padding: 25px 30px;}
.polozka_kosik div.nazev {width: 21%;}
.polozka_kosik div.nazev p.nazev {    font-size: 16px; font-weight: 500; letter-spacing: 0.4px;}
.polozka_kosik div.nazev p.popis {    font-size: 14px; color: grey;margin-top: 3px;} 
.polozka_kosik div.nahled {width: 8%;margin-right: 3%;}
.polozka_kosik a {display: contents;}
.polozka_kosik div.nahled img {width: 100%;box-shadow: 0 0px 20px 0 #0000001f; border-radius: 3px}
.polozka_kosik div.nahled img.sleva {    box-shadow: none; width: 62%;filter: grayscale(1);    position: initial;}
/* .polozka_kosik div.popis {width: 49%;} */
.polozka_kosik div.pocet {width: 20%;text-align: center;display: flex;align-items: center;justify-content: end;}
.polozka_kosik div.pocet.velikost_vypnuta {}
.polozka_kosik div.pocet input {height: 32px; width: 32px; text-align: center;padding: 0;box-sizing: border-box;margin: 0 10px;margin: 0px -5px 0px 0px; border: none;}
/* .polozka_kosik div.pocet button {cursor: pointer;;width: 32px; height: 32px; background-color: #ffffff; border: none; box-shadow: inset 0 0 0 1px #767676; border-radius: 3px;margin: 0 3px;} */
.polozka_kosik div.pocet button { cursor: pointer;transition: all 0.2s ;width: 50px; height: 50px; font-size: 20px; color: black; border-radius: 0.4em; box-shadow: inset 0 0 0 1px lightgray; background-color: #ffffff; border: none; margin: 0 3px; }
.polozka_kosik div.pocet button:hover {  background-color: #f6f6f6;}
.polozka_kosik div.cena {width: 16%;text-align: right;}
.polozka_kosik div.odebrat { align-self: end; position: absolute;right: 30px;    bottom: 20px;}
.polozka_kosik div.odebrat button {cursor: pointer;; text-decoration: underline; color: #00000096; background-color: white; border: none;    font-size: 13px; letter-spacing: 0.4px;padding: 0;}
.polozka_kosik div.odebrat button:hover {color: black;}

.polozka_kosik div.velikost.velikost_vypnuta {/* display: none; */}
/* .polozka_kosik div.velikost select {height: 32px;box-sizing: border-box; padding: 0 10px;background-color: white; border: 1px solid #767676; border-radius: 3px;} */
.polozka_kosik div.velikost select { transition: all 0.2s; cursor: pointer;;height: 50px; color: black; background-color: white; border: 1px solid #d4d4d4; width: 100%; padding: 0 20px; border-radius: 0.4em; border: none; box-shadow: inset 0 0 0 1px lightgray; border-radius: 0.6em; background-position-x: 0%; background-position-x: 0%; -webkit-appearance: initial; appearance: none; background: url(../img/sipka_select.svg) no-repeat; background-position: calc(100% - -3px) center; min-width: 120px; }
.polozka_kosik div.velikost select:not(select:disabled):hover {  background-color: #f6f6f6;}
.polozka_kosik div.velikost select:disabled {/* display: none; */    background: none;    text-align: center;}

.polozka_kosik div.zaveseni {width: 260px;margin: 0 10px 0 5px;}
.polozka_kosik div.zaveseni select { transition: all 0.2s; cursor: pointer;;height: 50px; color: black; background-color: white; border: 1px solid #d4d4d4; width: 100%; padding: 0 20px; border-radius: 0.4em; border: none; box-shadow: inset 0 0 0 1px lightgray; border-radius: 0.6em; background-position-x: 0%; background-position-x: 0%; -webkit-appearance: initial; appearance: none; background: url(../img/sipka_select.svg) no-repeat; background-position: calc(100% - -3px) center; min-width: 120px; }
.polozka_kosik div.zaveseni select:not(select:disabled):hover {  background-color: #f6f6f6;}
.polozka_kosik div.zaveseni select:disabled {/* display: none; */    background: none;    text-align: center;}



a.kosik_icon svg {fill:white;    margin-bottom: -3px;}

a.kosik_icon {position: relative;}
a.kosik_icon p {    z-index: 150;line-height: initial;color: black; background-color: white;    border-radius: 3px; position: absolute; top: -11px; right: -10px; min-width: 15px; text-align: center; font-weight: 700; font-size: 13px;}

.celkem div.cena {font-weight: 700; font-size: 20px;} 

.celkem_vypocet {display: flex; justify-content: space-between;margin-top: 50px;    align-items: end;}
.celkem_vypocet div > div {display: flex;}
.celkem_vypocet h2 {font-weight: 200;width: 180px; text-align: right;}

.celkem_vypocet .cena_s_dph {    display: flex; width: 340px; justify-content: space-between;align-items: baseline;}
.celkem_vypocet .cena_s_dph h2 {font-size: 16px; font-weight: 700;}
.celkem_vypocet .cena_s_dph h1 {font-size: 24px; color: #ff7a3d;}
.celkem_vypocet .cena_bez_dph {    display: none; width: 340px; justify-content: space-between;align-items: baseline;}
.celkem_vypocet .cena_bez_dph h2 {    font-size: 13px;}
.celkem_vypocet .cena_bez_dph h1 {font-weight: 200;}

#sleva_v_kosiku:empty {display: none;}
#mam_slevovy_kod {display: none;}
.slevovy_kod p {font-size: 13px;}
.slevovy_kod p span {color: #000000;font-weight: 600;}
.slevovy_kod button {height: 46px; margin: 0; border: none; width: 100px; letter-spacing: 0.5px;padding: 0; line-height: 20px;border-radius: 0em 0.4em 0.4em 0em; margin-left: -5px;transition: all 0.2s; cursor: pointer;}
.slevovy_kod button:hover {background-color: #d8d8d8;}
.slevovy_kod input { line-height: 40px; padding: 2px 10px; width: 200px; letter-spacing: 1px; font-weight: 700;    border: none; box-shadow: 0 0 0 1px #00000029;border-radius: 0.4em 0em 0em 0.4em; }

.tlacitka {display: flex; justify-content: space-between;margin-top: 70px;}
.tlacitka a {text-decoration: none; color: white;padding: 24px 40px;border-radius: 0.4em; transition: 0.3s; position: relative;}
.tlacitka a.zakazano {pointer-events: none; background-color: #80808024 !important; cursor: not-allowed;}
.tlacitka a:first-of-type {background-color: grey;}
.tlacitka a:first-of-type.oranzove {background-color: #ff7a3d;}
.tlacitka a:last-of-type {background-color: #ff7a3d; padding: 24px 80px;
    background-image: linear-gradient(to right, #fe7300, #ff9741);}

.tlacitka a:hover {box-shadow: 0px 10px 20px -14px black; transform: translateY(-3px);}

.pridan_produkt {z-index: 200; display: none; position: fixed; right: 0; background-color: #ffffff; top: 30%; padding: 30px; box-shadow: 0px 10px 20px 1px #37373717; flex-direction: column; border-radius: 10px 0px 0px 10px;}
.pridan_produkt h1 {color: black; font-weight: 400; font-size: 15px; letter-spacing: 1px;}
.pridan_produkt h1 span:first-of-type {font-size: 24px; letter-spacing: 0px; margin-bottom: 10px; display: block;}
.pridan_produkt h1 span:last-of-type {    font-size: small; color: grey;}
.pridan_produkt a {border-radius: 3px;cursor: pointer;text-decoration: none; color: #212121; text-transform: uppercase; padding: 24px 30px; font-weight: bolder; letter-spacing: 1px; background-color: #ff7a3d; border: none; text-align: center; margin: 10px 0;color: white;
    background-image: linear-gradient(to right, #fe7300, #ff9741);
}
.pridan_produkt button {border-radius: 3px;cursor: pointer;;text-decoration: none; color: #212121; text-transform: uppercase; padding: 14px 30px; font-weight: bolder; letter-spacing: 1px; background-color: white; box-shadow: inset 0 0 0px 1px #d9d9d9; border: none;}
.pridan_produkt span#nazev_polozka_info span {font-size: 24px; color: black; display: inline;}


/*kosik doprava a platba*/
.page_objednat { background-color: #8080801c;}
.page_osobni-udaje { background-color: #8080801c;}

.navigace_kosik { display: flex; justify-content: space-between; margin-bottom: 40px;}
.navigace_kosik div {display: flex; }
.navigace_kosik h1 { background-color: #1e1710; width: 50px; height: 50px; text-align: center; line-height: 50px; color: white;border-radius: 0.4em; }
.navigace_kosik h1.vyp {background-color: white; color: lightgrey; box-shadow: 0 0 0 1px #00000017; }
.navigace_kosik p { margin-left: 20px;line-height: 50px; }
.navigace_kosik a {text-decoration: none; color: black;}
.navigace_kosik svg path {fill:lightgrey;}
#kosik_2_dalsi {cursor: pointer;}

.page_objednat form {display: flex; justify-content: space-between;flex-wrap: wrap;}


.page_objednat div.obal_leva {width: 70%;}
.doprava {height: fit-content; box-sizing: border-box; padding: 15px;width: 100%;border: 1px solid #f1f1f1;border-radius: 0.4em;}
.doprava h1 {font-size: 15px; box-shadow: 0 1px 0 0 #f1f1f1; padding-bottom: 15px;}

.platba { margin: 30px 0 0;height: fit-content; box-sizing: border-box; padding: 15px;width: 100%;border: 1px solid #f1f1f1;border-radius: 0.4em;}
.platba h1 {font-size: 15px; box-shadow: 0 1px 0 0 #f1f1f1; padding-bottom: 15px;}

.sberna_mista {margin: 20px 0;}
.sberna_mista.prazdny {margin: -6px 0;}
.na_adresu {}
.odkazy {align-items: end; width: 100%; margin: 50px 0 0; display: flex; justify-content: space-between;align-items: center; } 
.flex_doprava {display: flex;margin: 15px 0px;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 5px 0;}
.flex_doprava:last-of-type {margin: 15px 0 0;}
.odkazy a:first-of-type {text-decoration: none; color: grey; font-size: 13px; letter-spacing: 0.4px;cursor: pointer;}
.odkazy a:first-of-type:hover {text-decoration: underline; }
.odkazy a:nth-of-type(2) {background-color: #ff7a3d; padding: 24px 80px; text-decoration: none; color: white;}
.odkazy input[type='submit'] {background-color: #ff7a3d; padding: 24px 80px; text-decoration: none; color: white; border: none; font-size: 16px; letter-spacing: 0.6px; font-weight: 100;font-family: sans-serif;border-radius: 0.4em; transition: all 0.3s;  cursor: pointer;
    background-image: linear-gradient(to right, #fe7300, #ff9741);
}
.odkazy input[type='submit']:hover {box-shadow: 0px 10px 20px -14px black; transform: translateY(-3px);}

.vybrana_zasilkovna {font-size: 13px; margin-left: 40px; margin-top: 10px;}

.flex_doprava .check {width: 70%;display: flex;align-items: center;}
.flex_doprava .check input {margin-right: 20px;display: none;}
.flex_doprava .check label {line-height: 18px; display: flex;align-items: center;}
.flex_doprava .check label h1 {font-size: 14px; letter-spacing: 0.4px; box-shadow: none; padding: 0;}
.flex_doprava .check label h1 span {font-size: 13px; font-weight: 300; color: red; }
.flex_doprava .check label p {font-size: 12px; letter-spacing: 0.4px; color: #a2a2a2; }
.flex_doprava .check label a {    font-size: 12px; letter-spacing: 0.4px; color: #a2a2a2; }

.flex_doprava.disabled .check label {cursor: not-allowed;} 
label.flex_doprava {cursor: pointer; transition: all 0.2s; border-radius: 0.4em;}
label.flex_doprava.disabled {filter: opacity(0.6); cursor: not-allowed;}
label.flex_doprava:not(label.flex_doprava.disabled):hover {background-color: #f6f6f6;box-shadow: 10px 0 0 0 #f6f6f6, -10px 0 0 0 #f6f6f6;}

#vybrana_pobocka p {}
#vybrana_pobocka p span {font-weight: 600;color: black;}

.flex_doprava .check label.check {display: block; width: 15px; height: 15px; box-shadow: 0 0 0 1px lightgrey; border-radius: 4px;margin-right: 20px;}
.flex_doprava .check input:checked + div.obal_check label.check {background-color: #ff793d;box-shadow: 0 0 0 1px #ff793e;}

.flex_doprava .check label img {height: 30px; margin-right: 20px;width: 30px; object-fit: cover;}

/* input.vybava_input:checked + label.label_vybava {
    margin: 7px 1px 0;
    border-radius: 4px;
    color: #4b4b4b;
    font-weight: 600;
    transition: all 0.15s;
    box-shadow: 0px 0px 0px 0.2px black;
} */

.flex_doprava .kdy {width: 15%;}
.flex_doprava .kdy p {font-size: 12px; text-decoration: underline; color: #3ca118;letter-spacing: 0.4px;}
.flex_doprava .cena {width: 15%;text-align: right;}
.flex_doprava .cena p {font-size: 14px; font-weight: 500; letter-spacing: 0.6px;}

.rozdelovac {position: relative; text-align: center;}
.rozdelovac p {font-size: 11px; color: #a4a4a4; background-color: white; display: inline-block; position: relative; top: -4px; z-index: 50; padding: 0 10px;letter-spacing: 0.5px;}
.rozdelovac div.cara {position: absolute; border-top: 1px solid #f2f2f2;width: 100%; top: 6px;}

.souhrn {width: 27%;    box-sizing: border-box; padding: 15px;border: 1px solid #f1f1f1;height: fit-content;border-radius: 0.4em;}
.souhrn h1 {font-size: 15px;box-shadow: 0 1px 0 0 #f1f1f1; padding-bottom: 15px;}

.souhrn .produkty {box-shadow: 0 1px 0 0 #f1f1f1; margin-bottom: 15px;} 
.souhrn .produkt {display: flex; justify-content: space-between; align-items: center;padding: 10px 0;font-size: 13px; letter-spacing: 0.4px; color: grey;}
.souhrn .produkt img {width: 12%;border-radius: 3px;box-shadow: 0 0px 20px 0 #0000001f;}
.souhrn .produkt p {width: 52%;}
.souhrn .produkt div.cena {width: 25%; text-align: right;}
.souhrn .produkt img {width: 15%;}
.souhrn .celkem {    display: flex; justify-content: space-between; font-size: 14px;align-items: end;}
.souhrn .celkem h3 {font-size: 13px;}
.souhrn .celkem h2 {}
.souhrn .produkt {}


/*osobni udaje*/
.page_osobni-udaje form {display: flex; justify-content: space-between;flex-wrap: wrap;}
.page_osobni-udaje div.obal_leva {width: 70%;}

.page_osobni-udaje .odkazy > a {text-decoration: none; color: grey; font-size: 13px; letter-spacing: 0.4px; cursor: pointer; padding: 0; background-color: white;}
.page_osobni-udaje .odkazy > div {display: flex;align-items: center;}
.page_osobni-udaje .odkazy > div a {background-color: #ff7a3d; padding: 24px 80px; text-decoration: none; color: white;font-size: 16px;}
.page_osobni-udaje .odkazy > div a:hover {text-decoration: none;}
.page_osobni-udaje .odkazy > div div p {text-align: right; max-width: 500px;font-size: 13px; letter-spacing: 0.4px;line-height: 20px;margin-right: 5%;}
.page_osobni-udaje .odkazy > div div p a.podminka {color: grey; font-size: 13px; letter-spacing: 0.4px; cursor: pointer; padding: 0; background-color: white;display: inline;text-decoration: underline;}
.page_osobni-udaje .odkazy > div div p a.podminka:hover {color: black;}

.page_osobni-udaje textarea.poznamka_objednavka {border: 1px solid #d6d6d6; width: 100%; height: 150px;min-height: 150px; min-width: 100%;    border-radius: 0.4em; max-width: 100%; max-height: 300px;box-sizing: border-box;padding: 15px 10px;}
.page_osobni-udaje p.popis_textarea {font-size: 13px; color: grey; margin-bottom: 5px;}

.osobni_udaje { height: fit-content; box-sizing: border-box; padding: 15px; width: 100%;margin-bottom: 30px; }
.osobni_udaje h1 { font-size: 15px; padding-bottom: 15px; }

.dorucovaci_udaje { height: fit-content; box-sizing: border-box; padding: 15px; width: 100%; }
.osobni_udaje .dorucovaci_udaje {padding: 0;margin-top: 30px;}
.dorucovaci_udaje h1 { font-size: 15px; padding-bottom: 15px; }
.dorucovaci_udaje p { font-size: 15px; letter-spacing: 0.4px; }

.obal_input {display: inline-block; position: relative;margin: 10px 0;}
.obal_input p.popis {font-size: 14px; color: grey; letter-spacing: 0.4px; font-weight: 400; transition: all 0.3s;}
.obal_input p.popis {position: absolute;top: 50%; transform: translateY(-50%);left: 15px;font-size: 16px;font-weight: 100;}
.obal_input p.male {left: 0px;font-size: 13px; top: 18px;padding: 0px 12px;}

.obal_input input {margin: 0; line-height: 45px; border: none; box-shadow: 0 0 0 1px #00000029;padding: 15px 12px 0; width: 100%;box-sizing: border-box;font-size: 15px; letter-spacing: 0.6px;margin: 0px 0;border-radius: 0.4em;}
.obal_input select {background-color: white;border: none; box-shadow: 0 0 0 1px #00000029; padding: 20px 12px; width: 100%; box-sizing: border-box; font-size: 15px; letter-spacing: 0.6px;margin: 0px 0; -webkit-appearance: none;font-size: 15px;border-radius: 0.4em;}

.obal_input.pul {width: 47.6%;}
.obal_input.cel {width: 100%;}

.obal_input.vice {width: 66%;}
.obal_input.mene {width: 29.3%;}

.mezera_v_levo {margin-left: 2%;}
.mezera_v_pravo {margin-right: 2%;}

.objednavka_odeslana  {text-align: center;}
.objednavka_odeslana h3 {font-size: 16px; color: #979494; font-weight: 100; letter-spacing: 0.4px;    margin: 0px 0 10px;}
.objednavka_odeslana h1 {font-size: 34px;color: #24ae88;margin: 0 0 10px;}
.objednavka_odeslana h2 {font-size: 28px;}
.objednavka_odeslana p {font-size: 16px;}
.objednavka_odeslana p span {font-weight: 600;}

.objednavka_odeslana div.icon { margin: 70px auto;width: 150px;}
.objednavka_odeslana div.icon img  {width: 100%;}

.objednavka_odeslana .qr_obal {width: 600px; margin: 20px auto; display: flex; justify-content: space-between;align-items: center;}
.objednavka_odeslana .qr_obal img {width: 230px; height: 230px;}
.objednavka_odeslana .qr_obal .popis {width: 55%;text-align: left;}
.objednavka_odeslana .qr_obal .popis.center{    text-align: center; width: 100%; margin-bottom: 30px;}
.objednavka_odeslana .qr_obal .popis p {line-height: 22px;}
.objednavka_odeslana .qr_obal .overeni {margin-top: 20px;}

.page_stav-platba .neuspesna_platba h1 {color: #972e2c;}
.page_stav-platba .neznamy_stav_platba h1 {color: #d7b23c;}



/*obchod*/

#formular_obchod {width: 100%;}
#formular_obchod h1.hl_nadpis {    font-size: 60px; text-transform: uppercase; font-weight: bold; letter-spacing: -2px; color: #ffffff; text-shadow: 2px 4px 13px #5e5e5e45; position: relative; top: 20px; text-align: center;}
#formular_obchod h1.hl_nadpis:last-of-type {    font-size: 30px; text-transform: uppercase; font-weight: bold; letter-spacing: -2px; color: #ffffff; text-shadow: 2px 4px 13px #5e5e5e45; position: relative; top: 0px; text-align: center;}
.page_obchod img:not(.logo) {width: 100px;}

.menu_obchod {height: 50px; background-color: #e8e8e8;}
.menu_obchod .inner {width: 1200px; margin: 0 auto;}
.menu_obchod .inner a {line-height: 50px; text-decoration: none; color: black;padding: 0 14px;font-size: 14px; letter-spacing: 0.4px; }
.menu_obchod .inner a:first-of-type { padding: 0 14px 0 0}
.menu_obchod .inner a:hover {text-decoration: underline;}
.menu_obchod .inner a.vlastni_navrh {    line-height: 50px; background-color: #ff7a3d; height: 50px; display: inline-block; color: white;}
.menu_obchod .inner a.zvoleno {background-color: #ff7a3d ;line-height: 50px; padding:  0 14px; height: 50px;display: inline-block; color: white;}

.flex_obchodu {display: flex; flex-wrap: wrap;}
.page_obchod .hledani {width: 40%; display: flex;justify-content: space-between; }
.page_obchod .hledani input[name="hledani"] {    height: 50px;display: block;width: 80%; line-height: 40px; padding: 0px 10px; box-sizing: border-box;border: 1px solid #80808063;border-radius: 0.4em;}
.page_obchod .hledani input[name="vyhledavat_text"] {cursor: pointer;;transition: all 0.2s;height: 50px;display: block;width: 19.5%; line-height: 42px; border: none;padding: 0;border-radius: 0.4em;background-color: #424242; color: white;}
.page_obchod .hledani input[name="vyhledavat_text"]:hover {background-color: black;}
.page_obchod .vypis {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.page_obchod input[name="hledat_filtr"] {display: none;}

.page_obchod .filtr {}
.page_obchod .filtr .inner {width: 1240px; margin: 30px auto 120px; display: flex; justify-content: space-between;}
.page_obchod .filtr .inner a {width: 22%; text-decoration: none; color: black ; cursor: pointer;margin: 10px 0px;position: relative;}
/* .page_obchod .filtr .inner a:hover + .page_obchod .filtr .inner div.fotka img {transform: scale(1.1);} */
.page_obchod .filtr .inner div.fotka {width: 100%;object-fit: cover; height: 380px;box-shadow: 0 0px 20px 0 #00000045;border-radius: 5px;overflow: hidden;}
.page_obchod .filtr .inner div.fotka img {width: 100%;transition: all 0.3s;border-radius: 5px;height: 100%; object-fit: cover;}
.page_obchod .filtr .inner div.fotka video {width: 100%;transition: all 0.3s;border-radius: 5px;height: 100%; object-fit: cover;transform: scale(1.05);}
.page_obchod .filtr .inner div.fotka img:hover {transform: scale(1.05);}
.page_obchod .filtr .inner div.fotka video:hover {transform: scale(1.1);}
.page_obchod .filtr .inner div.popis {transition: opacity 0.5s;}
.page_obchod .filtr .inner div.popis h1 {font-size: 24px; margin: 12px 0;}
.page_obchod .filtr .inner div.popis h2 {font-weight: 200; font-size: 14px;}
.page_obchod .filtr .inner div.popis h3 {display: flex; justify-content: end;}
.page_obchod .filtr .inner a.polozka_podlozka {width: 48%; text-decoration: none; color: black ; cursor: pointer;margin: 40px 0px;position: relative;}
.page_obchod .filtr .inner a.polozka_podlozka:hover {cursor: pointer;}
.page_obchod .filtr .inner div.polozka_podlozka div img {width: 100%;object-fit: cover; height: 270px;box-shadow: 0 0px 20px 0 #00000045;border-radius: 5px;}
.page_obchod .filtr .inner div.polozka_podlozka div.fotka {height: auto;width: 100%;object-fit: cover; box-shadow: 0 0px 20px 0 #00000045;border-radius: 5px;overflow: hidden;}
.page_obchod .filtr .inner div.popis h1 {    margin: 12px 0; position: absolute; top: -32px; font-size: 16px; color: #565656; font-weight: 300;z-index: -10;}
.page_obchod .filtr .inner div.popis h2 {font-weight: 200; font-size: 14px; display: none}
.page_obchod .filtr .inner div.popis h3 {display: flex; justify-content: end; align-items: baseline;    margin-top: 5px;    width: 100%;    position: relative; z-index: -10;    transform: translateY(0px);}
/*jelinjaeto na prvek*/
.page_obchod .filtr .inner div.popis.zobrazeno {opacity: 1;}


.page_obchod .filtr .inner div.popis span {    margin-right: 5px; font-size: 12px; font-weight: 100;}
.page_obchod .filtr .inner .radek_pod_podlozkou {display: flex;justify-content: space-between; align-items: baseline;}


a button {width: 80%; border: none; border-radius: 3px; line-height: 30px; margin-top: 10px;cursor: pointer;}
a.polozka_obraz button.pridat_do_kosiku {width: 80%;position: absolute; top: 318px; left: 50%; transform: translateX(-50%);display: none;background-color: rgb(0 0 0 / 41%); color: white;box-shadow: rgb(255 255 255 / 60%) 0px 0px 0px 1px; backdrop-filter: blur(2px); transition: all 0.3s;}
a.polozka_obraz button.pridat_do_kosiku:hover {background-color: white; color: black; box-shadow: none;}
a.polozka_podlozka button.pridat_do_kosiku {width: 90%;position: absolute; top: 200px; left: 50%; transform: translateX(-50%);display: none;}
.polozky_ctyri .inner a button.lupa {width: 45px; height: 45px;border-radius: 50%;cursor: pointer; }
.polozky_ctyri .inner a button.lupa img {width: 70%;margin: auto;transition: all 0.2s;}
.polozky_ctyri .inner a button.lupa:hover img {transform: scale(1.3);}
a.polozka_obraz .popis {opacity: 0;}

a.neviditelna {pointer-events: none;}

a button.lupa {background-color: rgb(0 0 0 / 41%);backdrop-filter: blur(1px);position: absolute; width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; right: 10px; top: 0px; display: none; z-index:70;}
a button.lupa img {filter: invert(1);}
a button:hover {background-color: #f9f9f9; }
a button:hover img {filter: invert(0); }

.page_obchod a button.lupa img {width: 70%; margin: auto; transition: all 0.2s;}

.orientace_text {

    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: white;
    background-color: #00000045;
    padding: 7px 0px;
    position: absolute;
    width: 100%;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
    
}

.flex_obchodu input {display: none;}
.flex_obchodu .tagy {display: flex; flex-wrap: wrap;margin-bottom: 20px;width: 100%;}
.flex_obchodu .tagy .tagy_obal {    display: flex; flex-wrap: wrap; width: 60%;}
.flex_obchodu label {display: flex; align-items: center;margin: 0 20px 10px 0;width: 22%;color: grey;font-size: 14px;}
.flex_obchodu label span {margin-right: 10px; border: 1px solid; width: 20px; display: inline-block; text-align: center;height: 20px;border-radius: 0.4em;   font-size: 13px; display: flex; justify-content: center; align-items: center;}
.flex_obchodu input:checked + label {/* border-radius: 4px */ color: black; transition: all 0.15s; }
.flex_obchodu input:checked + label span {/* border-radius: 4px */ color: black; transition: all 0.15s; }

.flex_obchodu .tagy_dohromady {display: flex; flex-wrap: wrap;}
.flex_obchodu .hlavni_tagy {display: flex; flex-wrap: wrap;}
.flex_obchodu .dalsi_tagy {flex-wrap: wrap;}
.flex_obchodu .dalsi_tagy.zobrazeno { display: flex;}
.flex_obchodu .dalsi_tagy.skryto {display: none;}
.flex_obchodu .obal {width: 100%;}

#vice_tagu {text-decoration: underline;margin-left: auto; width: 26.8%; text-align: left; border: none; background-color: white; color: grey; transition: all 0.3s; cursor: pointer; }
#mene_tagu {text-decoration: underline;margin-left: auto; width: 26.8%; text-align: left; border: none; background-color: white; color: grey; transition: all 0.3s; cursor: pointer; }

#vice_tagu.skryt {display: none;}
#mene_tagu.skryt {display: none;}
#vice_tagu.zobrazit {display: block;}
#mene_tagu.zobrazit {display: block;}

#vice_tagu:hover {color: black;}
#mene_tagu:hover {color: black;}

/*kat _ 2*/
.flex_obchodu label.nazvy_kat {}
.flex_obchodu label.nazvy_kat { cursor: pointer;;position: relative;;   background-position: center; margin: 0; width: 25%; border-radius: 0; box-sizing: border-box; height: 130px; align-items: center; justify-content: center;    font-size: 30px; color: white; text-transform: uppercase; text-shadow: 3px 4px 8px black; font-weight: 600; flex-direction: column;}
.flex_obchodu label.nazvy_kat img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;    filter: saturate(0.2); transition: all 0.4s;}
.flex_obchodu label.nazvy_kat:nth-of-type(1) img {border-radius: 0.4em 0em 0em 0.4em;}
.flex_obchodu label.nazvy_kat:nth-of-type(4) img {border-radius: 0em 0.4em 0.4em 0em;}
.flex_obchodu label.nazvy_kat p {z-index: 100; position: relative;letter-spacing: 2px;}
.flex_obchodu input:checked + label.nazvy_kat { border-radius: 0;  color: white;  }


.page_obchod .filtr .inner .strankovani { display: flex; text-align: center; margin: 0px auto 60px; justify-content: center; }
.page_obchod .filtr .inner a.vypnuto { pointer-events: none; filter: opacity(0.2); }
.page_obchod .filtr .inner a.vpred {cursor: pointer;margin: 0; transition: all 0.3s; margin-right: 4px; line-height: 45px; height: 45px; text-decoration: none; color: white; text-transform: uppercase; border-radius: 3px; background-color: #424242; width: 45px; }
.page_obchod .filtr .inner a.zpet {cursor: pointer;margin: 0; transition: all 0.3s; margin-left: 4px; line-height: 45px; height: 45px; text-decoration: none; color: white; text-transform: uppercase; border-radius: 3px; background-color: #424242; width: 45px; }
.page_obchod .filtr .inner a.cislo_stranka {box-shadow: 0 0 0 1px #00000012; transition: all 0.3s; margin: 0 4px; width: 45px; height: 45px; display: block; line-height: 45px; border-radius: 3px; text-decoration: none; color: black; }
.page_obchod .filtr .inner a.cislo_stranka.active { font-size: 24px; font-weight: 800; text-decoration: revert; }
.page_obchod .filtr .inner a.vypnuto_cislo { display: none; }
.page_obchod .filtr .inner a.cislo_stranka:hover {  font-weight: 800; text-decoration: revert; }
.page_obchod .filtr .inner a.vpred:hover {  background-color: black; }
.page_obchod .filtr .inner a.zpet:hover {  background-color: black; }

.page_obchod .filtr .kategorie {}
.page_obchod .filtr .kategorie a {}
.page_obchod .filtr .kat_2 {width: 100%; display: flex;margin-bottom: 30px;}
.page_obchod .filtr .kat_3 {}

/*detail stranka*/
/*styly pro 3d nahled*/
.page_detail {}
.page_detail .obal_canvas {
    position: absolute;
    width: 80%;
    aspect-ratio: 5/7;
   background-color: black;
   padding: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   box-sizing: border-box;
   border-radius: 10px;
    z-index: 15005;
    margin: 0 auto
}
.page_detail .obal_canvas canvas {


     /*     width: auto !important;
    height: 560px !important; */

    width: 100%;        /* škáluje se podle šířky rodiče */
    height: auto;       /* drží poměr stran */
    display: block;

   
}
.page_detail .obal_canvas canvas:focus {
    outline: none;
}
.page_detail .obal_canvas canvas:focus-visible {
    outline: none;
}
/*konec 3D*/



.page_detail .info {display: flex;justify-content: space-between;}
.galerie_detail {width: 55%;display: flex; justify-content: space-between;gap: 6px;position: relative;}
.galerie_detail img.hl { width: 100%; height: auto; border-radius: 10px; object-fit: cover; margin-bottom: 6px; aspect-ratio: 5 / 7; }
.galerie_detail a {position: relative;}
.galerie_detail a.tri_de img { width: 100%; rotate: 3deg; box-shadow: 0px 1px 0 0px #9b9b9b, 0 0 30px 10px #0000003d; transform: perspective(35em) rotateX(12deg); border: 1px solid #60606087; border-radius: 0.5em; }
.galerie_detail a.tri_de::before {content: ' '; height: 30px; width: 390px; display: inline-block; margin-right: 5px; background-size: cover; position: absolute; top: 63px; background-color: white; z-index: 30; rotate: -20deg; left: -50px; filter: blur(40px); background-color: #00000000;} 
.galerie_detail a.tri_de::after {content: ' '; display: inline-block; position: absolute; z-index: -10; background-color: #000000c9; background-color: #00000096; height: 120px; width: 100%; left: 50%; transform: translateX(-50%); bottom: -90px; filter: blur(40px);} 

.galerie_detail img { width: 115px ; height: 115px; object-fit: cover; }
.galerie_detail > a {width: 80%;}
.galerie_detail .obal_foto a {    max-height: 115px; position: relative; max-width: 115px; margin: 0px 5px 5px 0px;}
.galerie_detail .obal_foto a:nth-of-type(2) {display: none;}
.galerie_detail .obal_foto a.zobrazit_3d {display: block;}
.galerie_detail .obal_foto a:nth-of-type(2)::before  {
        content: "3D";
    position: absolute;
    top: 50%;
    left: 50%;
    color: #ffffffd6;
    transform: translate(-50%, -50%);
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 0px;
    text-shadow: 0px 2px 5px #0000008c;
    filter: drop-shadow(1px 1px 0px black);
}
.obal_foto { display: flex; justify-content: start; flex-wrap: wrap; overflow: auto;     height: 100%;    width: 19%;    flex-direction: column;min-width: 115px;    overflow: hidden;}
.obal_foto img { margin-bottom: 5px; border-radius: 10px;}
.vertical .obal_foto img.mini {aspect-ratio: 5 / 7; width: 40px; position: absolute; transform: translate(-50%, -50%); left: 50%;height: auto; border-radius: 3px;margin-right: 0px;}
.horizontal .obal_foto img.mini {aspect-ratio: 7 / 5; width: 40px; position: absolute; transform: translate(-50%, -50%); left: 50%;height: auto; border-radius: 3px;margin-right: 0px;}
.inner_detail { width: 1200px; margin: 100px auto; }
.main_info_detail { width: 40%; box-sizing: border-box; }

.vertical .obal_foto a:nth-of-type(2) img.mini {  }
.vertical .obal_foto a:nth-of-type(3) img.mini {top: 30%;}
.vertical .obal_foto a:nth-of-type(4) img.mini {top: 47%; width: 50px; }
.vertical .obal_foto a:nth-of-type(5) img.mini {top: 43%; width: 47px;}
.vertical .obal_foto a:nth-of-type(6) img.mini {top: 40%;}

.horizontal .obal_foto a:nth-of-type(2) img.mini {  }
.horizontal .obal_foto a:nth-of-type(3) img.mini {top: 30%; width: 62px;}
.horizontal .obal_foto a:nth-of-type(4) img.mini {top: 47%; width: 95px; }
.horizontal .obal_foto a:nth-of-type(5) img.mini {top: 40%; width: 75px;}
.horizontal .obal_foto a:nth-of-type(6) img.mini {top: 33%; width: 55px;}

/*3d nahled*/


/*od tvuruc detail*/

.page_dila-tvurce .info_tvurce {margin: 50px auto 50px; text-align: center; display: flex ; justify-content: center; flex-direction: column;}
.page_dila-tvurce .info_tvurce  h1 {font-size: 18px; }
.page_dila-tvurce .info_tvurce  h2 {
    font-weight: 500;
    font-size: 14px;
}
.page_dila-tvurce .info_tvurce  p.popis { }

.page_dila-tvurce .obal_profil_foto {
    width: 60px;
    border-radius: 50px;
    height: 60px;
    margin: 0 auto 10px;
    box-shadow: 1px 3px 10px 0 #0000002b;
    border: 1px solid #000000c9;
}
.page_dila-tvurce .obal_profil_foto img {    width: 100%; object-fit: cover; border-radius: 60px; height: 100%;}

.page_dila-tvurce .vypis_galerie_top {width: 70%; margin: 0 auto; border-radius: 30px; overflow: hidden; box-shadow: 7px 7px 20px 0 #00000063; }
.page_dila-tvurce .vypis_galerie_top a {transition: all 0.2s;overflow: hidden;}
.page_dila-tvurce .vypis_galerie_top a img {transition: all 0.2s;}
.page_dila-tvurce .vypis_galerie_top a:hover {    transform: scale(1);}
.page_dila-tvurce .vypis_galerie_top a:hover img {transform: scale(1.05);}

.page_dila-tvurce a img {width: 120px;}
.page_dila-tvurce .radek {display: flex;width: 100%; gap: 2px;    margin: 0px 0 2px;}
.page_dila-tvurce .radek:last-of-type { margin: 0;}
.page_dila-tvurce .radek a.or_ver  {aspect-ratio: 5/7;width: 33%;}
.page_dila-tvurce .radek a.or_hor  {aspect-ratio: 7/5; width: 50%;}
.page_dila-tvurce .radek a img {width: 100%;     height: 100%; object-fit: cover; }

.page_dila-tvurce .radek a {position: relative;}
.page_dila-tvurce .radek a span {position: absolute; }

.page_dila-tvurce .strankovani { margin: 40px 0; display: flex; justify-content: center; }
.page_dila-tvurce .strankovani a.active { transform: scale(1.2); color: #038bff; }
.page_dila-tvurce .strankovani a { margin: 0 10px; text-decoration: none; color: black; font-weight: 500; transition: all 0.2s; display: block; cursor: pointer; font-size: 18px; }
.page_dila-tvurce .strankovani a:hover { transform: scale(1.5); }
.page_dila-tvurce .radek a span.jmeno { font-weight: 700; color: white; bottom: 30px; right: 15px; }
.page_dila-tvurce .radek a span.popis { font-weight: 300; color: white; bottom: 10px; right: 15px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; text-align: right; }
.page_dila-tvurce .radek a span.cena {}

.page_dila-tvurce .radek.hor_hor_hor { }
.page_dila-tvurce .radek.hor_hor_hor a.or_ver { }
.page_dila-tvurce .radek.hor_hor_hor a.or_hor { width: 33.3%;}

.page_dila-tvurce .radek.hor_hor_ver { }
.page_dila-tvurce .radek.hor_hor_ver a.or_ver {width: 20.33%;}
.page_dila-tvurce .radek.hor_hor_ver a.or_hor { width: 39.8%;}

.page_dila-tvurce .radek.hor_ver_hor { }
.page_dila-tvurce .radek.hor_ver_hor a.or_ver {width: 20.33%;}
.page_dila-tvurce .radek.hor_ver_hor a.or_hor { width: 39.8%; }

.page_dila-tvurce .radek.hor_ver_ver { }
.page_dila-tvurce .radek.hor_ver_ver a.or_ver {width: 25.3%; }
.page_dila-tvurce .radek.hor_ver_ver a.or_hor {width: 49.6%; }

.page_dila-tvurce .radek.ver_hor_hor { }
.page_dila-tvurce .radek.ver_hor_hor a.or_ver {width: 20.33%;}
.page_dila-tvurce .radek.ver_hor_hor a.or_hor {width: 39.8%;}

.page_dila-tvurce .radek.ver_hor_ver { }
.page_dila-tvurce .radek.ver_hor_ver a.or_ver { width: 25.3%;}
.page_dila-tvurce .radek.ver_hor_ver a.or_hor { width: 49.6%;}

.page_dila-tvurce .radek.ver_ver_hor { }
.page_dila-tvurce .radek.ver_ver_hor a.or_ver {width: 25.3%; }
.page_dila-tvurce .radek.ver_ver_hor a.or_hor {width: 49.6%; }

.page_dila-tvurce .radek.ver_ver_ver { }
.page_dila-tvurce .radek.ver_ver_ver a.or_ver { width: 33.3%; }
.page_dila-tvurce .radek.ver_ver_ver a.or_hor { }

/*mobilni vypis*/

.page_dila-tvurce .mobilni_verze .radek a.or_ver {width: 50%;}
.page_dila-tvurce .mobilni_verze .radek a.or_hor { width: 50%; }

.page_dila-tvurce .mobilni_verze .radek.ver_hor a.or_ver {width: 35%;}
.page_dila-tvurce .mobilni_verze .radek.ver_hor a.or_hor { width: 65%; }

.page_dila-tvurce .mobilni_verze .radek.hor_ver a.or_ver {width: 35%;}
.page_dila-tvurce .mobilni_verze .radek.hor_ver a.or_hor { width: 65%; }



.page_dila-tvurce .mini_footer {margin: 50px; text-align: center;}
.page_dila-tvurce .mini_footer p {margin-bottom: 10px;}
.page_dila-tvurce .mini_footer a {padding: 5px 10px; border-radius: 4px; color: white; font-weight: 700; background-color: black; text-decoration: none;    font-size: 14px; transition: all 0.2s; cursor: pointer;}
.page_dila-tvurce .mini_footer a:hover {box-shadow: 0px 4px 15px -4px #038bff;}


/*tempalte fotka v*/
.vertical img.template_fotka {
    position: absolute;
    top: 230px;
    transform: translate(-50%, -50%);
    left: 40%;
    aspect-ratio: 5 / 7;
    object-fit: cover;
    width: 35%;
    border-radius: 0.5em;
    z-index: 20;
    height: auto;
    box-shadow: 2px 2px 5px 0px #0000007d;
    display: none;
    transition: all 0.5s;
}

.horizontal img.template_fotka {
    position: absolute;
    top: 230px;
    transform: translate(-50%, -50%);
    left: 40%;
    aspect-ratio: 7 / 5;
    object-fit: cover;
    width: 55%;
    border-radius: 0.5em;
    z-index: 20;
    height: auto;
    box-shadow: 2px 2px 5px 0px #0000007d;
    display: none;
    transition: all 0.5s;
}

.vertical div.odlesk {
    position: absolute;
    top: 220px;
    transform: translate(-50%, -50%);
    left: 40%;
    aspect-ratio: 5 / 7;
    object-fit: cover;
    width: 35%;
    overflow: hidden;
    z-index: 140;
    transition: all 0.5s;
    display: none;
    border-radius: 0.5em;
}

.horizontal div.odlesk {
    position: absolute;
    top: 220px;
    transform: translate(-50%, -50%);
    left: 40%;
    aspect-ratio: 7 / 5;
    object-fit: cover;
    width: 55%;
    overflow: hidden;
    z-index: 140;
    transition: all 0.5s;
    display: none;
    border-radius: 0.5em;
}

div.odlesk::after {

    content: ' ';
    height: 110%;
    width: 190px;
    display: inline-block;
    background-size: cover;
    position: absolute;
    top: -140px;
    z-index: 30;
    left: -110px;
    filter: blur(0.5px);
    transform: perspective(3em) rotateX(6deg);
    background-image: linear-gradient(166deg, #ffffff8c, #ffffff0f);
}


canvas.canvas_template {
     position: absolute;
     top: 230px;
    transform: translate(-50%, -50%);
    left: 40%;
    aspect-ratio: 5 / 7;
    width: 37%;
    z-index: 30;
    height: auto;
    }




.drobenkova_navigace {display: flex;}
.drobenkova_navigace a {text-decoration: none;color: #303233; font-size: 15px;letter-spacing: 0.5px;}
.drobenkova_navigace p {color: #303233; font-size: 13px;margin: 0 15px;}
.page_detail .nazev {margin: 20px 0; font-size: 70px;}
.page_detail .nazev h1 { line-height: 55px; }
.page_detail .popis {margin-bottom: 20px; width: 70%; line-height: 24px; letter-spacing: 0.4px; font-size: 15px;}
.page_detail .velikost p {color: #303233; font-size: 17px;letter-spacing: 0.5px;margin-bottom:10px;}
.page_detail .velikost select { width: 70%; height: 50px; box-sizing: border-box; padding: 10px; border-radius: 0.4em; font-size: 16px; font-weight: 600; border: none; background-color: #000000; color: white; appearance: none; background: url(../img/select_sipka_bila.svg) no-repeat; background-position: calc(100% - 10px) center; padding: 0 20px; background-color: black; }

.page_detail .prislusentsvi {margin: 20px 0 10px;}
.page_detail .prislusentsvi .obal_prisl {    height: 100px; display: flex ; gap: 10px;    margin-top: 10px;}
.page_detail .prislusentsvi input {display: none;}
.page_detail .prislusentsvi label {   

    box-shadow: 0 0 0 1px;
    width: 110px;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    border-radius: 10px;
    font-size: 14px;
    transition: background 0.4s;
    color: black;
    display: flex ;
    height: 100%;
    flex-direction: column;
    justify-content: space-around;
    
}
.page_detail .prislusentsvi label:hover { box-shadow: 0 0 0 3px}
.page_detail .prislusentsvi label p {}
.page_detail .prislusentsvi label img {    display: block; width: 38%; margin: 0px auto;}
.page_detail .prislusentsvi input:checked + label {background-color: black; color: white;}  

.page_detail .koupit button:first-of-type { transition: all 0.3s;height: 50px; background-color: #ff7a3d;border: none; width: 70%; margin-top: 10px;     font-size: 18px; font-weight: 600;letter-spacing: 0.5px; color: white;border-radius: 0.4em; cursor: pointer; }
.page_detail .koupit button:first-of-type:hover {box-shadow: 0 0 0 2px black;}
.page_detail .koupit button:last-of-type{height: 50px; background-color: #f7f7f8; border: none; width: 12%; margin-top: 10px; font-size: 15px; letter-spacing: 0.5px; color: #303233; border-radius: 0.4em;display: none;}
.page_detail .informace {margin-top: 20px;}
.page_detail .informace p {line-height: 24px; letter-spacing: 0.4px; font-size: 15px;}
.page_detail .informace p span {font-weight: 500;color: black;}
.page_detail .informace span.skladem {    font-weight: 600; color: #019505;}
.page_detail .cena {margin-bottom: 80px;}
.page_detail .cena h2 span.vcetne_dph {    color: #303233; font-size: 11px; letter-spacing: 0.5px; margin-left: 3px;}
.page_detail .cena h2 span { font-weight: bold; color: black; font-size: 32px; }

.page_detail .rolup { margin-top: 60px; }
.page_detail .rolup .sekce { cursor: pointer; }
.page_detail .rolup .sekce p.nazev { font-size: 25px; font-weight: 800; line-height: 55px; display: flex; justify-content: space-between; padding: 10px 0; box-shadow: 0 1px 0 0 #a6a6a6; margin: 0;    align-items: center; }
.page_detail .rolup .sekce p.nazev span {font-weight: 500; font-size: 15px;    padding-right: 20px; width: 30px;}
.page_detail .rolup .sekce p.nazev span img {width: 100%;}
.page_detail .rolup .sekce .text { display: none; padding: 35px 0; box-shadow: 0 1px 0 0 #a6a6a6, 0 -1px 0px 0px #ffffff; padding-bottom: 30px; margin-top: 1px; }
.page_detail .rolup .sekce .text p { font-size: 17px; font-weight: 500; line-height: 40px; text-align: left; }
.page_detail .rolup .sekce .text p span { font-weight: 800;}


.mobil_detail_nazev {display: none;}

#button_koupit[disabled="disabled"] {filter: contrast(0.7); background-color: #009505;}
#button_koupit[disabled="disabled"]:hover {box-shadow: none;}

.popis_detail_doplnujici {margin: 200px 0 70px;}
.popis_detail_doplnujici h1 {font-size: 24px; text-transform: uppercase; margin-bottom: 20px;}
.popis_detail_doplnujici h2 {font-size: 18px; margin-bottom: 20px;color: #4d4d4d;font-weight: 400;}
.popis_detail_doplnujici > div {margin: 40px 0;}
.popis_detail_doplnujici > div:nth-of-type(1) {text-align: center;}
.popis_detail_doplnujici > div h3 {margin-bottom: 20px;font-size: 18px;}
.popis_detail_doplnujici > div p {max-width: 560px; margin: 15px 0; font-size: 15px; line-height: 22px; letter-spacing: 0.02em;}
.popis_detail_doplnujici > div p strong {color: #4d4d4d; font-weight: 600;}


/*custom_podlozky*/

.vlastni_navrh_podlozka .uvod_fotka {box-shadow: 0 10px 30px 0px #00000038, inset 0px 60px 400px 0px #00000060;background-image: url('../img/bc_custom.jpg');  height: 840px; background-color: #323232; position: relative;background-size:cover; background-repeat: no-repeat;}
.vlastni_navrh_podlozka .uvod_fotka .inner {width: 1500px; margin: 0 auto;    box-sizing: border-box; padding: 100px 0;}
.vlastni_navrh_podlozka .uvod_fotka .inner h1 {

    letter-spacing: -2px;
    color: #313131;
    font-size: 50px;
    line-height: 60px;
    width: 26%;
    text-transform: unset;
    text-shadow: 5px 5px 5px #0000000a;
    margin: 185px 0 85px;
    position: relative;
    z-index: 190;
}
.vlastni_navrh_podlozka .uvod_fotka .inner p {     font-size: 24px;
      font-size: 18px;
    color: #2e2e2e;
    letter-spacing: 1px;
    width: 60%;
    line-height: 25px;
    margin-top: -70px;
    font-weight: 300;
}
.vlastni_navrh_podlozka .uvod_fotka .inner button {   border:none; text-decoration: none; color: #d9d9d9; text-transform: uppercase; padding: 24px 40px; margin: 60px 14px; font-weight: bolder; letter-spacing: 1px; background-color: #ff7a3d;}
.vlastni_navrh_podlozka .uvod_fotka .inner a { 
    
    padding: 17px 45px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 0.5px;
    transition: all 0.2s;
    color: white;
    background-image: linear-gradient(to right, #fe7300, #ff9741);
    margin: 60px 0px;
    display: inline-flex;
    width: auto;
    cursor: pointer;
    transition: all 0.2s;
    font-weight: 400;
    align-items: anchor-center;
    
    

}
.vlastni_navrh_podlozka .uvod_fotka .inner a svg {margin-left: 5px;}

.vlastni_navrh_podlozka .uvod_fotka .ukazka {position: absolute; right: 0; top: 35%; width: 450px;}
.vlastni_navrh_podlozka .uvod_fotka .ukazka img {    object-fit: cover; width: 100%; }

.obrazy_propagace div img::before { height: 20px;width: 20px; background-color: green; content: ' '; display: inline-block; position: relative; z-index: 30;

    content: '';
    height: 30px;
    width: 50px;
    background-image: url('../img/icon_pdf.png');
    display: inline-block;
    margin-right: 5px;
    background-size: cover;
    position: relative;
    top: 3px;
}
.vlastni_navrh_podlozka .uvod_fotka .ukazka::after {
    content: '';
    height: 72px;
    width: 100px;
    display: inline-block;
    margin-right: 5px;
    background-size: cover;
    position: absolute;
    top: 23px;
    background-image: url(../img/sipka_custom.png);
    z-index: 30;
    transform: rotate(0deg);
    left: 0px;
    filter: drop-shadow(4px 15px 6px #00000020) invert(1);
    opacity: 0.7;
}

.vlastni_navrh_podlozka .uvod_fotka .ukazka::before {
    content: '';
    height: 482px;
    width: 600px;
    display: inline-block;
    margin-right: 5px;
    background-size: cover;
    position: absolute;
    top: -218px;
    background-image: url(../img/fotka_custom.png);
    z-index: 30;
    transform: rotate(0deg);
    left: -700px;
    filter: drop-shadow(4px 15px 6px #00000020);
} 



#upload_image {display: none;}
label.custom_nahrat {

        border-radius: 0.4em;
    cursor: pointer;
    background-image: linear-gradient(to right, #fe7300, #ff9741);
    padding: 0px 24px;
    color: white;
    letter-spacing: 0.6px;
    text-align: center;
    width: 60%;
    margin: 0 37% 40px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 51px;
    transition: all 0.2s;
    font-weight: 400;
}
label.custom_nahrat svg {    width: 22px; margin-left: 15px; fill: white;}

label.custom_nahrat:not(.custom_nahrat[disabled]):hover {
    box-shadow: 0px 10px 20px -14px black;
    transform: translateY(-3px);
}
label.custom_nahrat[disabled] { background-color: #f1c2ad;}

.fotka_custom_navrh .obal_navod {    text-align: center;}

.zmena_velikost_custom .nabizene_velikosti {display: flex; flex-wrap: wrap;}
.zmena_velikost_custom .nabizene_velikosti button {width: 29%;margin: 0.5%;padding: 14px 6px;border-radius: 0.4em;background-color: #efefef;}
.zmena_velikost_custom .nabizene_velikosti h2 {width: 100%; margin-top: 20px; margin-bottom: 3px; color: #7a7a7a; font-size: 14px;}

.page_custom-podlozka .container {width: 1200px; margin: 0 auto;}
.page_custom-obraz .container {margin: 0 auto 200px;flex-wrap: wrap; justify-content: center;}
.doporuceni {display: flex; justify-content: space-between;}
.doporuceni div {width: 20%; background-color: #f7f7f7; padding: 20px; }
.doporuceni div p {width: 80%;font-size: 14px; letter-spacing: 0.4px; line-height: 24px;}
.doporuceni div p span { display: inline-block;font-weight: 600;margin-top: 10px;}

.zmena_velikost_custom {width: 1300px; margin: 70px auto 180px; display: flex;align-items: center; flex-wrap: wrap;}
.zmena_velikost_custom h1 {font-size: 36px; margin-bottom: 40px; }
.zmena_velikost_custom h1 span {font-size: 16px; font-weight: 100;    letter-spacing: 0.4px;}
.zmena_velikost_custom button {border: none; padding: 14px 30px;cursor: pointer; }
.zmena_velikost_custom button.aktivni {    background-image: linear-gradient(to right, #fe7300, #ff9741); color: white;}
.zmena_velikost_custom:not(.page_hp .zmena_velikost_custom) button:hover { background-image: linear-gradient(to right, #fe7300, #ff9741); color: white; }

.obal_zaveseni_volba {    width: 1300px; margin: 70px auto 180px;}
.obal_zaveseni_volba h1 {   font-size: 36px; margin-bottom: 40px; text-align: center;}
.obal_zaveseni_volba .obal_buttony {    display: flex ; justify-content: center; gap: 10px;    margin: 90px 0px;}
.obal_zaveseni_volba .obal_buttony div {width: 20%; position: relative;}
.obal_zaveseni_volba .obal_buttony span.cena_span {

    font-size: 20px;
    text-align: center;
    margin: 20px auto 0;
    color: #5e5e5e;
    display: flex
;
    flex-direction: column;
    position: absolute;
    top: 20px;
    right: 10px;
    padding: 8px;
    border-radius: 6px;
    box-shadow: 2px 2px 10px -5px #0000004a;
    rotate: 6deg;
    background: linear-gradient(90deg, #ececec, #e9e9e9);
    font-weight: 700;
    transition: all 0.2s;
}
.obal_zaveseni_volba .obal_buttony span.cena_span.aktivni {background-image: linear-gradient(to right, #ff8723, #ff9741); color: #ffffff;}
.obal_zaveseni_volba button {    width: 100%; margin: 0.5%; padding: 14px 6px; border-radius: 0.4em; background-color: #efefef; border: none; cursor: pointer; color: black;}
.obal_zaveseni_volba button:hover { background-image: linear-gradient(to right, #fe7300, #ff9741); color: white;}
/* .obal_zaveseni_volba button:hover + .cena_span {   background: linear-gradient(90deg, #ff7b3d, #e86325); color: #ffffff;} */
.obal_zaveseni_volba button.aktivni {    background-image: linear-gradient(to right, #fe7300, #ff9741); color: white;}

#vypis_popis_zaveseni {    
    text-align: center;
    width: fit-content;
    margin: 80px auto 0;
    padding: 30px;
    border-radius: 15px;
    background-color: #efefef4d;
}
#vypis_popis_zaveseni h2 {font-size: 24px; margin-bottom: 8px;}
#vypis_popis_zaveseni p {    font-size: 17px;    width: 600px; margin: 0 auto;    line-height: 22px;}

.obal_uprava_foto { width: 100%; margin: 70px auto 0px; overflow: hidden; max-width: 2400px;}
.obal_uprava_foto h1 { font-size: 36px; margin-bottom: 40px; text-align: left; }
.obal_uprava_foto p { line-height: 26px; color: #2e2e2e; width:70%; }
.obal_uprava_foto p.info { text-align: center; width: 100%; margin: 90px auto 0px; }
.obal_uprava_foto .obal_check { width: fit-content; margin: 60px auto 20px; display: flex ; gap: 5px;position: relative;}
.obal_uprava_foto input {display: none;}
.obal_uprava_foto span.cena_span { font-size: 20px; text-align: center; margin: 20px auto 0; color: #5e5e5e; display: flex ; flex-direction: column; position: absolute; top: 20px; right: 10px; padding: 8px; border-radius: 6px; box-shadow: 2px 2px 10px -5px #0000004a; rotate: 6deg; background: linear-gradient(90deg, #ececec, #e9e9e9); font-weight: 700; transition: all 0.2s; }

.obal_uprava_foto label.text { width: 260px; padding: 14px 6px; border-radius: 0.4em; background-color: #efefef; border: none; cursor: pointer;  display: inline-block; text-align: center; font-size: 15px; letter-spacing: 0.3px; }
.obal_uprava_foto label.check { display: inline-block; width: 46px; height: 46px; border-radius: 5px; background-color: #efefef; display: flex ; justify-content: center; align-items: center; color: #efefef;     font-size: 15px;}

.obal_uprava_foto label.check {
    color: #efefef !important; /* nastav svoji barvu */
    -webkit-text-fill-color: #efefef !important; /* Safari autofill fix */
    -webkit-opacity: 1 !important;
  }

 /*  input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #efefef !important;
  } */


.obal_uprava_foto label.text:hover { background-image: linear-gradient(to right, #fe7300, #ff9741);; color: white; }
.obal_uprava_foto input:checked ~ label.check { font-weight: 700; color: white; font-size: 25px;    background-image: linear-gradient(to right, #fe7300, #fe7302); }
.obal_uprava_foto input:checked ~ label.text {    background-image: linear-gradient(to right, #fe7300, #ff9741); color: white;}
.obal_uprava_foto input:checked ~ span.cena_span {         background-image: linear-gradient(to right, #ff8723, #ff9741); color: #ffffff; }

.obal_uprava_foto .obal_text {width: 1300px; margin: 0 auto;}

.obal_uprava_foto .flex_vylepseni {display: flex; justify-content: space-between;margin: 80px 0; height: 500px; align-items: center; padding-bottom: 150px;}
.obal_uprava_foto .flex_vylepseni div {position: relative;}
.obal_uprava_foto .flex_vylepseni .leva {width: 40%;}
.obal_uprava_foto .flex_vylepseni .leva img {position: absolute; transform: translate(-50%, -45%);top: 50%;left: 50%;rotate: -5deg;    filter: drop-shadow(0px 24px 56px #a4a4a4);}
.obal_uprava_foto .flex_vylepseni .stred {width: 30%;}
.obal_uprava_foto .flex_vylepseni .prava {width: 40%;}
.obal_uprava_foto .flex_vylepseni .prava img {position: absolute; transform: translate(-50%, -55%);top: 50%;right: -40%;    filter: drop-shadow(0px 24px 56px #a4a4a4);}
.obal_uprava_foto .flex_vylepseni .stred img {margin: 120px 53% 0px; width: 140px;}

.obal_email_input {width: 1300px;margin: -170px auto 0;}
.obal_email_input h1 {    font-size: 36px; margin-bottom: 40px; text-align: left;}
.obal_email_input h1 span { font-weight: 500; font-size: 29px; }
.obal_email_input p {    line-height: 26px; color: #2e2e2e; width: 70%;}
.obal_email_input .input_obal {    margin-top: 30px; display: flex ; gap: 5px;}
.obal_email_input .input_obal label { width: 46px; height: 46px; border-radius: 5px; background-color: #efefef; display: flex ; justify-content: center; align-items: center; color: #efefef; }

.obal_email_input .input_obal input#zadnai_email_custom.spravne { background-color: #ff7b3d; color: white; }
.obal_email_input input.normal { box-sizing: border-box; width: 300px; padding: 14px 14px; border-radius: 0.4em;  border: none; cursor: pointer; transition: all 0.2s; display: inline-block; text-align: left; font-size: 15px; letter-spacing: 0.3px; }
.obal_email_input input.normal:not(.spravne) {background-color: #efefef; color: black;}
.obal_email_input .input_obal input.spravne + label {    font-weight: 700; color: white; font-size: 25px; background-color: #ff7b3d;}


.doporuceni_custom {width: 1200px; margin: 190px auto 150px;}
.doporuceni_custom p.pod_nadpis {    margin-bottom: 100px; font-size: 18px; font-weight: 500; color: dimgrey;}
.doporuceni_custom ul {    display: flex; margin-bottom: 170px; justify-content: space-between; flex-direction: column;}
.doporuceni_custom ul > div { width: 100%; background-color: #ffffff; box-sizing: border-box; padding: 0px; border-radius: 15px; box-shadow: 8px 8px 30px 0 #0000002e; position: relative; margin: 36px 0; display: flex; }
.doporuceni_custom ul > div img { height: 350px; object-fit: cover; width: 100%; border-radius: 15px; }
.doporuceni_custom ul > div h3 {    color: #474747; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; margin-bottom: 30px; font-size: 22px; width: 70%; ; }
.doporuceni_custom ul > div h6 {font-size: 120px; position: absolute; bottom: -40px; right: 40px;text-shadow: 3px 3px 10px #0000002b;opacity: 0.2;}
.doporuceni_custom ul li {    line-height: 26px; color: #2e2e2e; list-style: none; width: 70%; }
.doporuceni_custom ul > div div.texty {    display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 600px; }
.doporuceni_custom ul > div div.fotka {    display: flex; max-width: 600px; flex-grow: 1; }

.doporuceni_custom .center ul li {line-height: 26px; list-style: none; color: black; max-width: 600px; margin: 0 auto; text-align: center;}
.doporuceni_custom ul li span {font-weight: 700;}
.doporuceni_custom h1 {font-size: 46px; margin-bottom: 15px;    text-transform: uppercase; width: 60%; color: #474747;line-height: 46px;}
.doporuceni_custom .center h1 {font-size: 36px; margin-bottom: 40px; text-align: center;margin: 0 auto 40px; color: black; text-transform: initial;}
.doporuceni_custom h1 span {font-size: 13px; font-weight: 100;}

.doporuceni_custom.margin_bottom_malo { margin: 0px auto -120px;}

.page_custom-obraz span.cislo_custom {
    font-size: 36px;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 900;
    color: #ff793e;
    display: inline;
}
.page_custom-obraz .progres {width: 100%; display: flex; align-items: center;margin-bottom: 30px;}
.page_custom-obraz .jednicka {}
.page_custom-obraz .dvojka {    width: 1200px; margin: 0 auto 60px;}
.page_custom-obraz .trojka {width: 1200px; margin: 60px auto 30px;}
.page_custom-obraz .progres h1 {box-shadow: 3px 3px 10px 0 #0000001f;margin-right: 30px ;margin-bottom: 0; width: 90px; height: 90px; background-color: #ff7b3d; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 66px; color: white;box-sizing: border-box; padding-top: 10px;}
.page_custom-obraz .progres h2 {font-size: 28px; font-weight: 300; color: #373737; box-shadow: 0px 1px 0 0 black;}

.velikost_obrazu_ukazka {display: flex;align-items: flex-end; position: relative;margin-left: auto; height: 370px;}
.velikost_obrazu_ukazka .velikost {overflow: hidden;position: relative; border-radius: 5px; border: 1px solid black;box-shadow: 3px 3px 10px 0 #00000029; background-color: white; transition: all 0.5s;    display: flex; justify-content: center; align-items: center;}
.velikost_obrazu_ukazka .velikost img {  transition: opacity 1s;opacity: 0;position: absolute; width: 130%; object-fit: cover; filter: invert(1);  transform: rotate(180deg);}
.velikost_obrazu_ukazka .velikost.horizontal img {transform: rotate(90deg);width: 250%;}
.velikost_obrazu_ukazka .velikost h1 {color: grey; /* position: absolute; */ top: 5px; right: 10px; margin-bottom: 0; font-size: 15px;font-weight: 400;}
.velikost_obrazu_ukazka .mala {width: 150px; height: 200px;right: -25px;z-index: 30;} 
.velikost_obrazu_ukazka .stredni {width: 200px; height: 300px;right: 20px;z-index: 20;}
.velikost_obrazu_ukazka .velka {width: 250px; height: 350px;z-index: 15;}
.velikost_obrazu_ukazka .nejvetsi_z_index {box-shadow: 0 0 10px 3px #ff7a3d; /* transform: scale(1.03); */ margin-bottom: 15px;}
.velikost_obrazu_ukazka .nejvetsi_z_index img {opacity: 0.15;}
.velikost_obrazu_ukazka .horizontal.mala.nejvetsi_z_index {box-shadow: 0 0 10px 3px #ff7a3d; /* transform: scale(1.03); */ margin-bottom: 40px;}
.velikost_obrazu_ukazka .horizontal.mala { /* transform: scale(1.03); */ margin-bottom: 25px;}
.velikost_obrazu_ukazka .vertical {transform: rotate(0deg);}
.velikost_obrazu_ukazka .horizontal { transform: rotate(90deg);}
.velikost_obrazu_ukazka .horizontal h1 { transform: rotate(-90deg);top: 35px; right: -20px;}

.page_custom-obraz .inner {width: 1200px;}

.page_custom-obraz .container h2 {margin-bottom: 25px;font-weight: 200; font-size: 14px;}
.page_custom-obraz .container h2 span {font-size: 18px;font-weight: 600;}

.page_custom-podlozka .container h2 {margin-bottom: 10px;font-weight: 200; font-size: 14px;}
.page_custom-podlozka .container h2 span {font-size: 18px;font-weight: 600;}


.card-footer {/* display: flex;justify-content: end; */    width: auto;    margin-top: 30px; }
.card-footer button {

    border-radius: 0.4em;
   /*  height: 50px; */
    background-image: linear-gradient(to right, #fe7300, #ff9741);
    border: none;
    width: 100%;
    margin-top: 0px;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: white;
    line-height: 29px;
    padding: 11px 44px;
    margin: 0 auto;
    display: none;
        align-items: anchor-center;
}

.card-footer button span {    font-size: 14px;
    text-transform: none;}

.page_custom-obraz a {transition: all 0.3s;}
.page_custom-obraz a:not(.down a):not(div.logo a):not(a.kosik_icon):not(nav.up a):not(.navigace_nova a):hover {
    box-shadow: 0px 10px 20px -14px black;
    transform: translateY(-3px);
 }

button.pridat_do_kosiku_custom {transition: all 0.3s;cursor: pointer;}
button.pridat_do_kosiku_custom:hover {
    box-shadow: 0px 10px 20px -14px black;
    transform: translateY(-3px);
}

button.pridat_do_kosiku_custom svg {width: 22px; margin-left: 15px; fill: white;}

/*propagační podložky*/
/* .page_podlozky .text_main div>div {width: 1200px; margin: 0 auto;} */
.page_podlozky  h3 {font-size: 25px; color: #e5e8ec; letter-spacing: 1px; margin-bottom: 10px; font-weight: 200;}
.page_podlozky  h1 {font-size: 45px; color: #e5e8ec; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 50px;}
.page_podlozky  p { color: #e5e8ec; font-size: 20px;}
.page_podlozky .na_pul {    display: flex; align-items: center; }

.page_podlozky .tmave h3 {color: #474747;}
.page_podlozky .tmave h1 {color: #474747;}
.page_podlozky .tmave p {color: #474747;}

.uvod {width: 100%; position: relative; background-image: url('../img/podlozka_bc.png');height: 700px;background-position-y: center;background-position-x: center;}
.uvod .inner {width: 1000px; margin: 0 auto;padding-top: 250px;}

.uvod .inner div.flex {display: flex;margin-bottom: 50px;}
.uvod .inner .flex div {width: 22%;}
.uvod .inner .flex div p {    color: #e5e8ec; font-size: 20px; text-align: center;}

.vrchni_strana {width: 1500px; margin: 0 auto;}
.velikosti {width: 1500px; margin: 100px auto;text-align: center;}
.velikosti ul {display: flex;justify-content: center;}
.velikosti li {}
.velikosti .fotka {margin: 0 auto;width: fit-content;}
.zakazkove {width: 1500px; margin: 0 auto;}
.custom {width: 1500px; margin: 0 auto;}
.div_material {width: 1500px; margin: 0 auto;}
.div_material div {width: 50%;}


.uvod .inner h3 {}
.uvod .inner p {}


.popis_odrazky { margin-top: 30px;}
.popis_odrazky ul { }
.popis_odrazky ul li {line-height: 30px;    font-size: 15px;}

/*propagacni obrazy */

.obrazy_propagace {display: flex; width: 1400px; margin:80px auto; justify-content: space-between; position: relative;}
.obrazy_propagace div:nth-of-type(1) {width: 55%;}
.obrazy_propagace div:nth-of-type(2) {width: 45%; max-width: 540px; position: relative;}
.obrazy_propagace div {width: 50%;}
/* .obrazy_propagace div {width: 38%; height: fit-content; margin: 0px 0;} */
.obrazy_propagace div img {border: 1px solid #60606087; border-radius: 0.5em;}
.obrazy_propagace div img::before { height: 20px;width: 20px; background-color: green; content: ' '; display: inline-block; position: relative; z-index: 30;

    content: ' ';
    height: 30px;
    width: 50px;
    background-image: url('../img/icon_pdf.png');
    display: inline-block;
    margin-right: 5px;
    background-size: cover;
    position: relative;
    top: 3px;
}
.obrazy_propagace div > div::before {

    content: ' ';
    height: 30px;
    width: 390px;
    display: inline-block;
    margin-right: 5px;
    background-size: cover;
    position: absolute;
    top: 63px;
    background-color: white;
    z-index: 30;
    rotate: -20deg;
    left: -50px;
    filter: blur(40px);

}

.obrazy_propagace div > div::after {
    content: ' ';
    display: inline-block;
    position: absolute;
    z-index: -10;
    background-color: #000000c9;
    background-color: #00000096;
    height: 120px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: -90px;
    filter: blur(40px);
}


.obrazy_propagace div > div:nth-of-type(1) {width: 80%; position: absolute;}
.obrazy_propagace div > div:nth-of-type(2) {width: 60%; position: absolute;top: 197px; left: -230px;}
.obrazy_propagace div > div:nth-of-type(3) {width: 55%; position: absolute;top: 343px; left: 280px;}
.obrazy_propagace div > div:nth-of-type(1) img  {width: 100%; rotate: 3deg; box-shadow: 0px 1px 0 0px #9b9b9b, 0 0 30px 10px #0000003d; transform: perspective(35em) rotateX(12deg); }
.obrazy_propagace div > div:nth-of-type(2) img  {width: 100%; rotate: -1deg; box-shadow: 0px 1px 0 0px #9b9b9b, 0 0 30px 10px #0000003d; transform: perspective(35em) rotateX(12deg);  }
.obrazy_propagace div > div:nth-of-type(3) img  {width: 100%; rotate: 5deg; box-shadow: 0px 1px 0 0px #9b9b9b, 0 0 30px 10px #0000003d; transform: perspective(35em) rotateX(12deg);  }
.obrazy_propagace h1 {font-size: 76px; font-weight: 900; text-transform: uppercase; margin-bottom: 30px;margin-top: 90px; position: relative; z-index: 120;color: #4d4d4d;}
.obrazy_propagace h2 {    width: 70%; line-height: 28px; font-size: 16px; font-weight: 300; letter-spacing: 0.6px;}
.obrazy_propagace h3 {}
.obrazy_propagace p {}

.page_obrazy .flex {display: flex; align-items: center;}
.page_obrazy .flex > div {width: 50%;}
.page_obrazy .flex > div.magnet {position: relative;}
/* .page_obrazy .flex > div.magnet img.sipka_1 {position: absolute;}
.page_obrazy .flex > div.magnet p {position: absolute;}
.page_obrazy .flex > div.magnet p span {position: absolute;} */
.page_obrazy .flex .text {}
.page_obrazy .flex .fotky {}
    .page_obrazy .flex .fotky img {object-fit: cover;  width: 100%; max-height: 600px; border-radius: 15px; box-shadow: 0 0 40px 0px #0000001f;object-position: bottom;min-width: 600px; min-height: 600px;}
    .page_obrazy .flex .fotky img.velikost {box-shadow: none;max-height: 700px;min-width: 700px; min-height:700px; }
    .page_obrazy .flex .fotky img.bez_stinu {box-shadow: none;object-fit: contain;}
    .page_obrazy .flex .fotky img.magnet {filter: drop-shadow(22px 44px 10px #00000030);}

.stred_text {max-width: 1920px; margin: 140px auto;}
.stred_text h3 {font-size: 40px; font-weight: 600; margin-bottom: 34px; letter-spacing: 0.6px; text-transform: uppercase; }
.stred_text > div:nth-of-type(1) p {margin-bottom: 55px; width: 40%; line-height: 26px;}
.stred_text p {margin-bottom: 55px; width: 80%; line-height: 26px;}
.stred_text p a {color: black;cursor: pointer;}
.stred_text p a:hover {text-shadow: 0px 0px black;}
.stred_text p strong {color: #4d4d4d; font-weight: 600;}
.stred_text > div { margin: 100px 0;width: 1200px; margin: 150px auto;}
.stred_text > div.text_right {text-align: right; }
.stred_text > div.text_right p {margin-left: auto;}

.odkazy_obrazy {display: flex; width: 920px; margin: 0 auto 100px; align-items: center;}
.odkazy_obrazy h2 {margin: 0 20px; font-size: 20px; font-weight: 100;}
.odkazy_obrazy a {background-color: #ff7a3d; padding: 24px 80px; text-decoration: none; color: white; color: black;}

.stred_text div.nahled_vyber {width: 100%;}
.stred_text div.nahled_vyber img {width: 100%;}

/*nahled custom*/

.inner_obal_nahled {width: 100%; height: 450px;}
.inner_obal_nahled .nahledy {display: flex; justify-content: space-between;height: 100%; }
.inner_obal_nahled .nahledy .nahled { height: 100%;}
.inner_obal_nahled .nahledy .delitko {}
.inner_obal_nahled .nahledy .nahled.detail {width: 30%;background-color: #c9c9c9;overflow: hidden;}
.inner_obal_nahled .nahledy .nahled.tri_de {width: 40%;background-color: green; background-image: url(../img/piedestal_4.jpeg);}
.inner_obal_nahled .nahledy .nahled.tri_de .obal_fotky {    position: relative;}
.inner_obal_nahled .nahledy .nahled.tri_de .obal_fotky::before {    content: ' '; height: 30px; width: 390px; display: inline-block; margin-right: 5px; background-size: cover; position: absolute; top: 63px; background-color: white; z-index: 30; rotate: -20deg; left: 120px; filter: blur(40px);}
.inner_obal_nahled .nahledy .nahled.tri_de .obal_fotky::after {    content: ' '; display: inline-block; position: absolute; z-index: -10; background-color: #000000c9; background-color: #00000096; height: 120px; width: 100%; left: 50%; transform: translateX(-50%); bottom: -90px; filter: blur(40px);}
.inner_obal_nahled .nahledy .nahled.tri_de .obal_fotky img {    width: 60%; rotate: 3deg; box-shadow: 0px 1px 0 0px #9b9b9b, 0 0 30px 10px #0000003d; transform: perspective(35em) rotateX(12deg); border: 1px solid #60606087; border-radius: 0.5em; margin: 0 auto; margin-top: -90px;}
.inner_obal_nahled .nahledy .nahled.tri_de .obal_fotky img::before {    height: 20px; width: 20px; background-color: green; content: ' '; display: inline-block; position: relative; z-index: 30; height: 30px; width: 50px; background-image: url(../img/icon_pdf.png); display: inline-block; margin-right: 5px; background-size: cover; position: relative; top: 3px;}

.inner_obal_nahled .nahledy .nahled.detail .obal_fotky {    position: relative;}
.inner_obal_nahled .nahledy .nahled.detail .obal_fotky::before { 
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 63px;
    z-index: 30;
    rotate: -20deg;
    left: 120px;
    width: 100px;
    height: 150px;
    background-image: url(../img/stin_odraz.png);
    background-size: cover;
    background-position: center;
}
.inner_obal_nahled .nahledy .nahled.detail .obal_fotky::after {    content: ' '; display: inline-block; position: absolute; z-index: -10; background-color: #000000c9; background-color: #00000096; height: 120px; width: 100%; left: 50%; transform: translateX(-50%); bottom: -90px; filter: blur(40px);}
.inner_obal_nahled .nahledy .nahled.detail .obal_fotky img { width: 70%; rotate: 9deg; box-shadow: 0px 1px 0 0px #9b9b9b, 0 0 30px 10px #0000003d; transform: perspective(54em) rotateX(53deg); border: 1px solid #60606087; border-radius: 0.5em; position: relative; left: 85px; top: -60px; }

.inner_obal_nahled .nahledy .nahled.na_zdi {    width: 30%; background-color: blue; display: flex; align-items: center; background-image: url(../img/bc_nahled.jpg); background-position-x: right;    background-size: 240%;}
.inner_obal_nahled .nahledy .nahled.na_zdi .obal_fotky {    position: relative;}
.inner_obal_nahled .nahledy .nahled.na_zdi .obal_fotky::before {    content: ' '; height: 30px; width: 390px; display: inline-block; margin-right: 5px; background-size: cover; position: absolute; top: 63px; background-color: white; z-index: 30; rotate: -20deg; left: 120px; filter: blur(40px);}
.inner_obal_nahled .nahledy .nahled.na_zdi .obal_fotky::after {    content: ' '; display: inline-block; position: absolute; z-index: -10; background-color: #000000c9; background-color: #00000096; height: 120px; width: 100%; left: 50%; transform: translateX(-50%); bottom: -90px; filter: blur(40px);}
.inner_obal_nahled .nahledy .nahled.na_zdi .obal_fotky img { width: 40%; box-shadow: -1px 1px 0 0px #9b9b9b45, 0 0 30px 10px #0000003d; border: 1px solid #60606087; border-radius: 0.5em; position: relative; margin-left: auto; right: 200px; top: 20px; }
.inner_obal_nahled .nahledy .nahled.na_zdi .obal_fotky img::before {    height: 20px; width: 20px; background-color: green; content: ' '; display: inline-block; position: relative; z-index: 30; content: ' '; height: 30px; width: 50px; background-image: url(../img/icon_pdf.png); display: inline-block; margin-right: 5px; background-size: cover; position: relative; top: 3px;}







/*stylovani 3D three js */
#nahled_3d { width: 100%; height: 800px; /* Výška zabírá celou obrazovku */ background-color: grey; }

/*rizcesti*/

.rozcesti {display: flex; width: 100%;}
.rozcesti .pres_cele {backdrop-filter: blur(3px) brightness(0.5);width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: white; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.rozcesti div {width: 50%; position: relative; height: 800px;box-shadow: inset 0 0 140px -40px #ff7a3d;}
.rozcesti .pres_cele h1 {text-transform: uppercase; font-size: 60px; letter-spacing: 1px; margin-bottom: 40px;}
.rozcesti .pres_cele p {font-size: 20px; letter-spacing: 0.4px; margin-bottom: 40px;width: 70%; text-align: center;line-height: 28px;color: #e8e8e8;}
.rozcesti .pres_cele a { text-decoration: none; color: white; text-transform: uppercase; padding: 24px 40px; margin: 60px 14px; font-weight: bolder; letter-spacing: 1px; background-color: #ff7a3d; transition: all 0.2s; cursor: pointer; }
.rozcesti .pres_cele a:hover {    box-shadow: 0 0 0 2px white;}
.rozcesti div img {width: 102%; object-fit: cover; height: 102%; transition: all 0.2s;}
.rozcesti div.stock {cursor: pointer;overflow: hidden;}
.rozcesti div.stock:hover img {width: 100%; height: 100%;}




/*styl pro tvurce_vypis_na webu */
.page_od-tvurcu {sbackground-color: #f8f8f8;}
.page_od-tvurcu .text_main {}
/* .page_od-tvurcu .text_main .uvod_nadpis {background-color: #fb093f;} */
.page_od-tvurcu .text_main .uvod_nadpis { margin-top: 0px;   text-align: center; display: flex ; flex-direction: column; justify-content: center; align-items: center;    margin-bottom: 60px;}
.page_od-tvurcu .text_main .uvod_nadpis h3 { font-size: 19px; margin-bottom: 19px; color: white; letter-spacing: 1.4px; text-transform: uppercase; text-align: center; padding: 0px 15px; margin-right: 60px; }
.page_od-tvurcu .text_main .uvod_nadpis h4 { font-size: 24px; margin-bottom: 13px; color: white; letter-spacing: 1.4px; text-transform: uppercase; text-align: center; padding: 0px 15px; margin-right: 60px; }
.page_od-tvurcu .text_main .uvod_nadpis h1 { letter-spacing: -2px; color: #2e2e2e; font-size: 40px; text-transform: uppercase; margin: 50px auto 0px; }
.page_od-tvurcu .text_main .uvod_nadpis > p {}

.page_od-tvurcu .text_main .uvod_nadpis .obal_h1 {border-radius: 0px;background-color: #fb093f;width: fit-content;}
.page_od-tvurcu .text_main .uvod_nadpis .obal_h3 { border-radius: 0px;background-color: black; width: fit-content; position: relative; left: -110px; box-shadow: 10px 16px 0px 0 #ff053f;}
.page_od-tvurcu .text_main .uvod_nadpis .obal_h4 {border-radius: 0px; background-color: black; width: fit-content; position: relative; left: 160px; }

.page_od-tvurcu .text_main {width: 90%;margin: 0 auto;}
.page_od-tvurcu .text_main .obal_vypis_tvurci {display: flex; flex-wrap: wrap; gap:80px  5%; justify-content: center; }

.page_od-tvurcu .text_main .obal_vypis_tvurci a { width: 45%; text-decoration: none; transition: all 0.4s; cursor: pointer;}
.page_od-tvurcu .text_main .obal_vypis_tvurci a:hover {transform: scale(1.02);} 
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz { 
    box-shadow: 0 0 0 1px #e3e3e3;
    padding: 20px 50px 0px 50px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 0 50px -10px #00000021;
    cursor: pointer;
    height: 365px;
    display: flex ;
        flex-direction: column;
        align-items: end;
        justify-content: space-between;
}

.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .profil_foto { 
    width: 100%;
    margin: 0 auto;
    margin-bottom: -30px;
    display: flex ;
    align-items: flex-start;
    padding-bottom: 20px;
    justify-content: center;
 }
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .profil_foto h2.jmeno_tvurce { text-align: center; font-size: 18px; text-transform: none; margin-top: 15px; color: #2e2e2e; margin-left: 10px;}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .profil_foto img { max-width: 50px;width: 100%;border-radius: 50%; height: 100%; object-fit: cover; max-height: 50px;

    box-shadow: 1px 3px 10px 0 #0000002b;
    border: 1px solid #000000c9;
}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio  {}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio h1 {width: 100%;}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila  {
    display: flex ;
        justify-content: center;
        gap: 5px;
        border-radius: 10px;
        overflow: hidden;
        box-sizing: border-box;
}

.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila .obal_fotka.horizontalni_nahled {    aspect-ratio: 7 / 5;}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila .obal_fotka.vertikalni_haled {    aspect-ratio: 5 / 7;}

.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila .obal_fotka.horizontalni_nahled img {     width: 100%; height: 100%; object-fit: cover;   }
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila .obal_fotka.vertikalni_haled img {        width: 100%; height: 100%; object-fit: cover;}

.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila.sledu_VHV {}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila.sledu_VHV .obal_fotka.horizontalni_nahled {width: 49.6%;}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila.sledu_VHV .obal_fotka.vertikalni_haled {width: 25.3%;}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila.sledu_VVH {}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila.sledu_VVH .obal_fotka.horizontalni_nahled {width: 49.6%;}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila.sledu_VVH .obal_fotka.vertikalni_haled {width: 25.3%;}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila.sledu_VVVV {}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila.sledu_VVVV .obal_fotka.horizontalni_nahled {}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila.sledu_VVVV .obal_fotka.vertikalni_haled {width: 25%;}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila.sledu_HHH {}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila.sledu_HHH .obal_fotka.horizontalni_nahled {width: 33.3%;}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila.sledu_HHH .obal_fotka.vertikalni_haled {}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila.sledu_HVV {}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila.sledu_HVV .obal_fotka.horizontalni_nahled {width: 49.6%;}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila.sledu_HVV .obal_fotka.vertikalni_haled {width: 25.3%;}


.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila img { border-radius: 0px;}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila img.horizontalni_nahled {     aspect-ratio: 7 / 5;    height: fit-content; object-fit: cover;}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila img.vertikalni_haled {    aspect-ratio: 5 / 7; object-fit: cover;    height: fit-content;}
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz p.ala_odkaz { 
    text-align: right;
    padding-bottom: 30px;
    color: black;
    font-size: 14px;
    display: flex ;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
 }
 .page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz p.ala_odkaz:hover {text-decoration: underline;} 
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz p.ala_odkaz span {font-weight: 600;} 
.page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz p.ala_odkaz img.sipka {width: 20px;} 
/*stranka detail tvurce vsechny jeho  díla*/
.obal_fotky_tvurce {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    max-width: 1200px;
    margin: auto;
}

.obal_fotky_tvurce a img {
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    flex-grow: 1;
}


/* .horizontal {
    width: calc(66% - 10px);
    height: 150px;
} */

/* .vertikal {
    width: calc(33% - 10px);
    height: 300px;
} */

.page_odhlasit_z_newsletteru {}
.odstraneni_z_newsletteru { text-align: center; display: flex; flex-direction: column; height: 600px; align-items: center; justify-content: center; max-width: 90%; margin: 0 auto; }
.odstraneni_z_newsletteru h1 { font-size: 30px; margin-bottom: 40px; max-width: 800px; }
.odstraneni_z_newsletteru h3 { font-size: 18px; margin-bottom: 25px; max-width: 800px; color: #4d4d4d; }
.odstraneni_z_newsletteru h3 span {color: black;}
.odstraneni_z_newsletteru h2 {    color: #000000; font-size: 20px; width: 100%; position: relative; z-index: 30; font-weight: 400; line-height: 26px; margin-bottom: 15px;}
.odstraneni_z_newsletteru a {    padding: 17px 75px; border-radius: 5px; text-decoration: none; font-weight: 600; font-size: 16px; letter-spacing: 0.5px; transition: all 0.2s; color: white; background-image: linear-gradient(to right, #fe7300, #ff9741); margin: 60px 0px; display: inline-block; width: auto; cursor: pointer; transition: all 0.2s;}
.odstraneni_z_newsletteru a:hover {    box-shadow: 0px 10px 20px -14px black; transform: translateY(-3px);}


.schvalit_upravu { text-align: center; display: flex; flex-direction: column; margin: 60px auto 0; align-items: center; justify-content: center; max-width: 90%; max-width: 700px;}
.schvalit_upravu .obal {    width: 100%; margin: 0 auto 20px;}
.schvalit_upravu .obal img { width: 100%; border-radius: 15px;    box-shadow: 0 0 20px 10px #0000002b; }
.schvalit_upravu h1 { font-size: 24px; margin-bottom: 30px; max-width: 800px; }
.schvalit_upravu h3 { font-size: 18px; margin-bottom: 25px; max-width: 800px; color: #4d4d4d; }
.schvalit_upravu h3 span {color: black;}
.schvalit_upravu h2 {    color: #000000; font-size: 18px; width: 100%; position: relative; z-index: 30; font-weight: 400; line-height: 26px; margin-bottom: 0px;}
.schvalit_upravu a {    padding: 17px 75px; border-radius: 5px; text-decoration: none; font-weight: 600; font-size: 16px; letter-spacing: 0.5px; transition: all 0.2s; color: white; background-image: linear-gradient(to right, #fe7300, #ff9741); margin: 20px 0px; display: inline-block; width: auto; cursor: pointer; transition: all 0.2s;}
.schvalit_upravu a:hover {    box-shadow: 0px 10px 20px -14px black; transform: translateY(-3px);}


@media (max-width:2150px) {

    .obal_uprava_foto .flex_vylepseni .leva img {left: 290px;}
    .obal_uprava_foto .flex_vylepseni .prava img {right: -480px;}
}

@media (max-width:1850px) {
    .poukazy_v_custom { padding: 150px 0px 50px; width: 90%; }
    .poukazy_v_custom .text { width: 40%; }
}

@media (max-width:1750px) {
    .obraz_hp.trojka { right: 98%; top: -190px; }
    .obraz_hp.ctyrka { right: 98%; top: -30px; }
    .obraz_hp.dvojka { right: -12%; }
    .sekce_hp .obsah { padding-left: 140px; }

    .page_nove_hp .plna_galerie .inner_galerie { overflow: auto; overflow-x: scroll; scrollbar-width: none; }
    .page_nove_hp .plna_galerie .inner_galerie div.fotka { min-width: 350px; }

    .page_nove_hp .galerie_vlastni .inner_galerie { overflow: auto; overflow-x: scroll; scrollbar-width: none;}
    .page_nove_hp .galerie_vlastni .inner_galerie div.fotka {min-width: 350px;}


}


@media (max-width:1650px) {
    .vlastni_navrh_podlozka .uvod_fotka .inner { width: 90%; }

    .obal_uprava_foto .flex_vylepseni .prava img { right: -420px;width: 100%; min-width: 600px;}
    .obal_uprava_foto .flex_vylepseni .leva img { left: 210px; width: 120%; min-width: 730px;}


    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni { width: 95%; }

    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom { width: 50%; }
    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom .dlazdice { width: 50%; min-width: 310px}

}


@media (max-width:1600px) {
    .poukazy .flex_poukazy .polozka_poukaz h2 span { display: block; }
    .poukazy .flex_poukazy { justify-content: center; gap: 50px; width: 100%;}
    .poukazy .flex_poukazy .polozka_poukaz { height: 240px; }

    .vlastni_navrh_podlozka .uvod_fotka .ukazka::before { left: -600px; }
}

@media (max-width:1500px) {
    .polozky_ctyri {width: 100%;}
    .polozky_ctyri > .div_flex{width: 90%;}

    .page_hp .custom_polozky_div .obal_popis { width: 90%; }
    .page_hp .custom_polozky_div .obal_odkaz { width: 90%; }

    .obal_uprava_foto .obal_text { width: 100%; padding-left: 150px; box-sizing: border-box; }

    .obal_email_input { width: 80%; }

    .obraz_hp.trojka { right: 91%; top: -190px; }
    .obraz_hp.ctyrka { right: 91%; top: 100px; width: 350px;}
    .obraz_hp.dvojka { right: -12%; top: -195px; }
    .obraz_hp {top: -160px;}
    .sekce_hp .obsah { padding-left: 173px; }

    .navigace_nova .inner_navigace { width: 95%; }
    .navigace_nova .inner_navigace .hlavni_odkazy { padding: 0 0px 0px 30px; }
    .navigace_nova .inner_navigace .hlavni_odkazy a.o_obrazech { padding: 14px 0 14px 14px; }
    .navigace_nova .inner_navigace .vyhledavani { padding: 0 0px 0px 50px; }
    .navigace_nova .inner_navigace .kos { padding: 0 34px 0px 30px; }

   

}

@media (max-width:1450px) {
    .sekce_hp .obsah p {width: 40%; }

/*     .sekce_hp { padding: 120px; } */
    .sekce_hp .obsah .popisky { width: 100%; margin: 10% auto 10%; }
    .sekce_hp .uvodky { background-position-y: unset; }


    .poukazy .template img { width: 85%; }
    .poukazy { padding: 150px 40px; }
}

@media (max-width:1400px) {
    .navigace .hlavni { width: 80%; }
    .navigace .vrchni { width: 80%; }
    .menu_obchod .inner { width: 80%; }

    .vlastni_navrh_podlozka .uvod_fotka .inner { width: 80%; }
    .vlastni_navrh_podlozka .uvod_fotka { height: auto; }
    .vlastni_navrh_podlozka .uvod_fotka .inner h1 { font-size: 50px; line-height: 60px; width: 33%;     margin: 105px 0 85px;}

    .obrazy_propagace { width: 95%; }
    .page_obrazy .stred_text {width: 95%;}

    .vlastni_navrh_podlozka .uvod_fotka .ukazka::before { left: -270px }
    .vlastni_navrh_podlozka .uvod_fotka .ukazka img { z-index:30; position: relative; }
    .vlastni_navrh_podlozka .uvod_fotka .ukazka::after { top: 223px; z-index: 30; transform: rotate(0deg); left: -60px; transform: scaleX(-1) rotate(110deg); }

    .obal_uprava_foto .flex_vylepseni .prava img { right: -420px;width: 100%; min-width: 570px;}
    .obal_uprava_foto .flex_vylepseni .leva img { left: 210px; width: 120%; min-width: 615px;}
    .obal_uprava_foto .flex_vylepseni .stred img { margin: 140px 53% 0px; width: 120px; }


    .obraz_hp { top: -100px; right: 110px; width: 400px; }
    .obraz_hp.dvojka { right: -2%; top: -195px; width: 300px; }

    .sekce_hp .obsah { padding-left: 220px; }

    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis ul { width: 90%; }

}

@media (max-width:1350px) {
    .polozky_ctyri > .div_flex { flex-direction: column; }
    .div_flex .obal_popis { align-self: baseline; margin: 50px 0; }
    .polozky_ctyri .obal_odkaz { text-align: right; margin-bottom: 90px; align-self: end; }

    .obrazy_propagace { width: 95%; flex-direction: column;}
    .obrazy_propagace div:nth-of-type(1) { width: 100%; }
    .obrazy_propagace div:nth-of-type(2) { width: 100%; margin: 0 auto;}

    .obrazy_propagace div > div:nth-of-type(1) {width: 80%; position: relative; top: 0; left: 50%; transform: translateX(-50%);}
    .obrazy_propagace div > div:nth-of-type(2) { width: 60%; position: absolute; top: 197px; left: -230px; }
    .obrazy_propagace div > div:nth-of-type(3) {width: 70%; position: absolute; top: 227px; left: 390px; }


    .page_nove_hp .cele_hp .obal_dlazdice .info { padding-left: 5%; }
    .page_nove_hp .cele_hp .obal_dlazdice .rozdeleni { width: 70%; }
    .page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice .text h2 {font-size: 24px;line-height: 24px;}
    .page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice .text p { width: 90%; margin-bottom: 10px;}
    .page_nove_hp .cele_hp .v_cislech .obal_data_cislo .cislo p.cislo_v { font-size: 40px;margin-top: 5px; }
    .page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice { width: 45%; }

    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom .dlazdice .text h2 { font-size: 24px; line-height: 24px; }



    .page_n.page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika { margin-left: 0; margin-top: 40px;}
    

    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika > h3 { text-align: center; }
    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika > p { width: 100%; text-align: center; }
    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom .dlazdice { max-width: 350px; }
    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni { flex-direction: column; align-items: center; }
    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika { margin-left: 0; margin-top: 30px; }
    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom { width: auto; }
}

@media (max-width:1300px) {
    .page_detail .inner_detail {width: 90%;margin: 8% auto;}

    .page_detail .nazev { font-size: 60px; }

    .obal_zaveseni_volba {width: 100%;}
    .obal_zaveseni_volba .obal_buttony div { width: 260px; }

    .navigace_nova .inner_navigace .vedlejsi_odkazy > a {display: none;}
    .navigace_nova .inner_navigace .kos { padding: 0 14px 0px 30px; }
      
    
    .page_od-tvurcu .text_main { width: 95%; }
    .page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz { padding: 20px 3% 0px 3%; height: 305px;}
}


@media (max-width:1300px) {
    .zmena_velikost_custom {width: 80%;justify-content: center;}
    .zmena_velikost_custom .nabizene_velikosti { justify-content: center; }
    .velikost_obrazu_ukazka { height: 400px; margin: 0 auto;}

    .doporuceni_custom { width: 80%; }
    .page_custom-obraz .doporuceni_custom { width: 90%; }
    .doporuceni_custom ul {flex-wrap: wrap;gap: 20px;justify-content: center;}
    .doporuceni_custom ul div {min-width: 280px;width: 100%;}
    

    .container.fotka_custom_navrh { width: 85%; flex-direction: column; align-items: center;}
    .container.fotka_custom_navrh .card:nth-of-type(1) { width: 100%; margin-bottom: 30px;}

    .page_hp .zmena_velikost_custom .nabizene_velikosti { justify-content: flex-start; }
    .page_hp   .zmena_velikost_custom { width: 80%; justify-content: unset;}

    .sekce_hp .obsah { padding-left: 60px; }
    .obraz_hp.trojka { right: 85%; top: -190px;display: none;}
    .obraz_hp.ctyrka { right: 36%; top: -248px; rotate: 1deg; width: 320px; }

    .obraz_hp { right: 21%; top: -40px; }
    .obraz_hp.dvojka { right: 4%; top: -147px; width: 325px; }
}




@media (max-width:1280px) {
    .page_obchod .filtr .kat_2 { width: 95%; margin: 0 auto 30px; }
    .flex_obchodu label.nazvy_kat { min-width: 25%; font-size: 24px; height: 105px; }

    .flex_obchodu .tagy { width: 95%; margin: 0 auto 20px; }
}

@media (max-width:1250px) {
    .kontakt .inner {width: 95%;}
    .clovek { width: 90%; }
    .clovek .inner div.fotka { align-self: auto; }

    .akce {width: 100%;}
    .akce .inner { width: 90%; }

    .polozky_ctyri .inner {width: 90%;}
    .polozky_ctyri .inner div img { height: auto; aspect-ratio: 5 / 7;}

    .page_hp  .polozky_ctyri .inner div img { height: 400px; aspect-ratio:initial }
    .page_hp .polozky_ctyri .inner { width: 100%; }

    .stred_text > div { width: 100%; }
    .stred_text > div.text_right { width: 95%; }
    .stred_text .center { width: 95%; }
    .page_obrazy .flex { width: 95%; margin: 0 auto; }
    .page_obrazy .flex .fotky img { min-width: auto; min-height: auto; margin-bottom: 90px;}

    .stred_text > div:nth-of-type(1) p { width: 70%; }

    .obal_uprava_foto .flex_vylepseni div:not(.stred) { position: inherit; width: 100%;}
    .obal_uprava_foto .flex_vylepseni {flex-direction: column; height: auto;}
    .obal_uprava_foto .flex_vylepseni img:not(.stred img ) { position: relative; transform: inherit; min-width: inherit; width: 100%; max-width: 700px; }
    .obal_uprava_foto .flex_vylepseni .prava img {right: -52%;}
    .obal_uprava_foto .flex_vylepseni .leva img {left: -10%;}

    .obal_uprava_foto .flex_vylepseni .stred img { display: none; }
    .obal_uprava_foto .flex_vylepseni .stred .obal_check {display: flex; justify-content: center;}
    .obal_uprava_foto span.cena_span { right: 120px; }

    .obal_uprava_foto .flex_vylepseni .stred { width: 70%;  max-width: 550px;}

    .obal_uprava_foto .flex_vylepseni .leva { }
    .obal_uprava_foto .flex_vylepseni .prava { }

    .obal_uprava_foto .obal_check { margin: 0px auto 20px; }
    .obal_uprava_foto .flex_vylepseni .stred { margin: 10px auto 40px; }

    .page_obrazy .flex .fotky img.velikost { max-height: 700px; min-width: 540px; min-height: 570px; }

    .poukazy_v_custom { justify-content: space-between; }
    .poukazy_v_custom .text { width: 50%; }

}

@media (max-width:1280px) {
    .page_obchod .filtr .kat_2 { flex-wrap: wrap; } 
    .page_obchod .filtr .inner { width: 95%; }
    /* .flex_obchodu label.nazvy_kat { min-width: 310px ; } */
    .page_obchod .filtr .inner a { aspect-ratio: 5 / 7; min-width: 210px; }
    .page_obchod .filtr .inner div.fotka img { height: auto; aspect-ratio: 5 / 7; }
    .page_obchod .filtr .inner div.fotka { height: auto; }

    .page_obchod .filtr .inner a.zpet { min-width: initial; }
    .page_obchod .filtr .inner a.vpred { min-width: initial; }
    .page_obchod .filtr .inner a.cislo_stranka { min-width: initial; }
    .page_obchod .filtr .inner a.neviditelna {aspect-ratio: initial; }
}

@media (max-width:1200px) {
    .kontaktni_formular .obal_formular {width: 95%;box-sizing: border-box;}

    .obal_uprava_foto .flex_vylepseni .prava img {right: -50%;}
    .obal_uprava_foto .flex_vylepseni .leva img {left: -10%;}

    .sleva_ziskani_obal { gap: 10px;}
    .sleva_ziskani_obal div.text { width: 50%;margin: 30px 0 50px;}
    .sleva_ziskani_obal div.odeslat { width: fit-content; }
    .sleva_ziskani_obal div.input { width: 25%; }

    .page_dila-tvurce .vypis_galerie_top { width: 90%; }

    .page_od-tvurcu .text_main .obal_vypis_tvurci { gap: 50px 3%; }
    .page_od-tvurcu .text_main .obal_vypis_tvurci a { width: 48%; }

    .poukazy .flex_poukazy { justify-content: center; gap: 30px; width: 90%; flex-wrap: wrap; }

    .page_custom-obraz .inner { width: 100%; }

    .vlastni_navrh_podlozka .uvod_fotka .inner h1 { width: 39%; }
}

@media (max-width:1150px) {
    label.custom_nahrat { margin: 0 34% 40px; }

    .vlastni_navrh_podlozka .uvod_fotka .ukazka::before { left: -190px; }

    .poukazy .flex_poukazy { width: 100%; }
}

@media (max-width:1100px) {
    .footer .inner {width: 90%;}
    .flex_obchodu .tagy { flex-direction: column-reverse; width: 95%;margin: 0 auto 20px;}
    .flex_obchodu .tagy .tagy_obal { width: 100%; }
    .page_obchod .hledani { width: 100%;margin-bottom: 20px;}

    .kosik {width: 90%;padding: 5%;}

    .obal_uprava_foto .flex_vylepseni .prava img {right: -47%;}

   /*  .vlastni_navrh_podlozka .uvod_fotka .ukazka { right: 20%; top: 45%; width: 280px; } */

   .polozka_kosik div.nazev { width: 20%; }
   .polozka_kosik div.zaveseni { width: fit-content; }
   .polozka_kosik div.zaveseni select { padding-right: 30px;}
   .polozka_kosik div.pocet { width: fit-content; }

   .navigace_nova .inner_navigace { width: 97%; }
   .navigace_nova .inner_navigace .vedlejsi_odkazy a { padding: 8px 5px; }
   .navigace_nova .inner_navigace .vyhledavani { padding: 0 0px 0px 20px; }
   .navigace_nova .inner_navigace .hlavni_odkazy { padding: 0 0px 0px 0px; }
   .navigace_nova .inner_navigace .hlavni_odkazy a.o_obrazech { padding: 8px 14px;margin-left: 0px;background-color: #1a1a1a;}

   .page_nove_hp .cele_hp .obal_dlazdice .info h1 { font-size: 60px; line-height: 50px; height: 120px; }
   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis h1 { font-size: 60px; line-height: 50px; }

   .navigace_nova .inner_navigace .hlavni_odkazy a { margin: 0 0px; }
   .navigace_nova .inner_navigace .hlavni_odkazy { gap: 20px; }
   .navigace_nova .inner_navigace .hlavni_odkazy a.o_obrazech { margin-left: 0px; }


       .poukazy h2 { font-size: 60px; line-height: 50px; width: 90%; margin: 0 auto;}

}

@media (max-width:1050px) {
    .kontakt .inner .kontakty {padding: 45px 40px; height: 120%;}
    .kontakt .inner .mapa { width: 50%; }
    .kontakt .inner .kontakty { width: 42%; }

    .page_hp .polozky_ctyri h1 { font-size: 65px; }
    .page_hp .polozky_ctyri .obal_odkaz { margin-right: 10%; }
    .page_hp .custom_polozky_div .obal_bc { padding: 100px 0 100px; }
    .page_hp .custom_polozky_div .obal_odkaz { top: -50px; }
    .page_hp .custom_polozky_div .obal_odkaz .tlacitko_basic_oranzova { margin-right: 7%; }

    .doporuceni_custom ul > div { width: 100%; }

    .obal_uprava_foto .flex_vylepseni .prava img {right: -43%;}

    .poukazy .flex_poukazy .polozka_poukaz h2 span { display: block; }
   
    .poukazy img.masle { width: 760px; }

    .poukazy .flex_poukazy .polozka_poukaz {min-width: 270px;}
    .poukazy .flex_poukazy {flex-wrap: wrap;   width: 100%;}
    .poukazy .flex_poukazy div h2 { width: 240px; }
  

}

@media (max-width:1000px) {
    .sekce_hp .obsah { width: 100%; }
    .sekce_hp .obsah p { width: 100%; }
   /*  .sekce_hp { padding: 6%; background-position-y: 0px;} */

    .socialni_site_odkazy { padding: 65px 20px; width: 100%; box-sizing: border-box; }
    .socialni_site_odkazy .inner { width: 90%; }

    .akce { padding: 2% 0; }

    .page_detail .inner_detail { width: 95%; }

    .sekce_hp .pod_sekce_hp_1 { background-repeat: repeat; background-position-y: 0;background-position-x: -450px;}
    .sekce_hp .pod_sekce_hp_2 { background-repeat: repeat; background-position-y: 0; }
    .sekce_hp .pod_sekce_hp_3 { background-repeat: repeat; background-position-x: -260px; background-position-y: 0;}
    .sekce_hp .pod_sekce_hp_4 { background-repeat: repeat; background-position-y: 0; }
    

    .doporuceni_custom ul > div img { height: 100%; }
    .doporuceni_custom ul > div div.texty { padding: 50px 0px; }

    .page_detail .nazev { font-size: 50px; }

    .obal_uprava_foto .flex_vylepseni .prava img { right: -40%; }

    .navigace_nova .inner_navigace { flex-wrap: wrap; justify-content: flex-start;}
    .navigace_nova .inner_navigace .vyhledavani {         margin-top: 5px;padding: 0 0px 0px 0px; width: 100%; order: 5; }
    .navigace_nova .inner_navigace .kos { padding: 0 14px 0px 14px; margin-left: auto;order: 2; }
    .navigace_nova .inner_navigace .hlavni_odkazy { order: 3; }


    .page_nove_hp .cele_hp .obal_dlazdice { flex-direction: column-reverse; padding: 0px 2%;}
    .page_nove_hp .cele_hp .obal_dlazdice .rozdeleni { width: 100%; }
    .page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice {  min-width: 300px;}
    .page_nove_hp .cele_hp .obal_dlazdice .info { width: 100%; margin-top: 40px;}


    .page_od-tvurcu .text_main .obal_vypis_tvurci { gap: 20px 3%; }
    .page_od-tvurcu .text_main .obal_vypis_tvurci a { width: 80%; }
    .page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz { height: auto; }
    .page_od-tvurcu .text_main .obal_vypis_tvurci a div.tvurce_odkaz .bio .dila { margin: 30px 0; }


    .poukazy_v_custom { flex-direction: column;     align-items: baseline;}
        .poukazy_v_custom .text { width: 100%; }
        .poukazy_v_custom .fotka { width: 70%; margin-top: 40px;}

    .schvalit_upravu .obal img { width: 90%; margin: 0 auto;}

}

@media (max-width:980px) {
    .sleva_ziskani_obal { flex-wrap: wrap;padding-bottom: 40px;}
    .sleva_ziskani_obal div.text { width: 80%;margin: 30px 0 20px;}
    .sleva_ziskani_obal div.input { width: 35%; }

    .sleva_ziskani_obal.vyskakujici_banner { padding-bottom: 0; flex-wrap: nowrap; }
}


@media (max-width:950px) {
    label.custom_nahrat { margin: 0 30% 40px; }

    .obal_uprava_foto .flex_vylepseni .prava img { right: -37%; }
}

@media (max-width:900px) {

    .page_hp .custom_polozky_div { margin-top: 0; }
    .page_hp .custom_polozky_div .zkoseny { clip-path: initial; height: auto;}
    .page_hp .polozky_ctyri { padding-bottom: 0; }
    .page_hp .custom_polozky_div .obal_popis { top: 0px; }
    .page_hp .zmena_velikost_custom { margin: 0px auto 70px; justify-content: center;}
    .page_hp .custom_polozky_div .obal_odkaz { margin: 60px auto 20px; position: initial;}
    .page_hp .zmena_velikost_custom .nabizene_velikosti { justify-content: center; }
    .page_hp .zmena_velikost_custom .nabizene_velikosti h2 { width: 90%; }
    .page_hp .polozky_ctyri h1 { margin: 20px 0; line-height: 70px;text-align: left;}
    .page_hp .polozky_ctyri h3 { margin-left: 0%; }
    .page_hp .polozky_ctyri h2 { text-align: left; width: 100%; }
    .page_hp .polozky_ctyri .obal_odkaz { margin-bottom: 60px; }

    .page_obchod .filtr .kat_2 { width: 100%; margin: 0 auto 30px; }
    .flex_obchodu label.nazvy_kat { height: 95px;font-size: 18px;}
    .flex_obchodu .tagy { width: 100%; }

    .page_obchod .filtr .inner div.popis { display: none; }
    .page_obchod .filtr .inner a { margin: 7px 0px; }

    .cookie_lista .inner_lista button {padding: 15px 20px;}
    .cookie_lista .inner_lista { flex-wrap: wrap; gap: 10px;}
    .cookie_lista .inner_lista p { width: 100%; }

    .obal_uprava_foto .flex_vylepseni .prava img { right: -33%; }

    .poukazy .flex_poukazy { justify-content: center; gap: 30px 50px; }
}

@media (max-width:880px) {

  /*   .sekce_hp { padding: 6% 0;} */
    .sekce_hp .obsah { width: 95%; }
    .sekce_hp .obsah .popisky { flex-wrap: wrap; justify-content: center;gap: 5%;}
    .sekce_hp .obsah .popisky > div{ width: 40%; }

    .page_o-nas .obsah {position: relative; z-index: 30;margin: 0;}

    .o_nas .prekryv {
        backdrop-filter: contrast(60%) brightness(0.2);
        -webkit-backdrop-filter: contrast(60%) brightness(0.2);
      }

    .polozky_ctyri .inner { width: 95%; flex-wrap: wrap; margin: 40px auto;}
    .polozky_ctyri .inner a { width: 48%; }

    .page_custom-obraz .progres h2 { font-size: 20px; }
    .page_custom-obraz .progres h1 { width: 70px; height: 70px; font-size: 46px; }
    /* .page_custom-obraz .progres { flex-direction: column; }
 */
    .velikost_obrazu_ukazka { height: 290px; }
    .velikost_obrazu_ukazka .mala { width: 105px; height: 140px; }
    .velikost_obrazu_ukazka .velka { width: 175px; height: 245px; }
    .velikost_obrazu_ukazka .stredni { width: 140px; height: 210px; }

    .zmena_velikost_custom .nabizene_velikosti { width: 100%; justify-content: space-between; }
    .zmena_velikost_custom { width: 90%; }
    .zmena_velikost_custom .nabizene_velikosti button { width: 32%; color: black;}
    .zmena_velikost_custom h1 span { display: block; }

    

    .kontakt .inner .obal {height: auto;}
    .kontakt .inner { margin: 40px auto; }
    .kontakt .inner .obal { flex-direction: column; }
    .kontakt .inner .odkazy {flex-direction: initial; width: 50%; margin: 50px auto 0;}
    .kontakt .odkazy a:nth-of-type(2) {padding: 0; background-color: #ff7a3d00;}
    .kontakt .inner .odkazy a { width: 15%; text-align: center; }
    .kontakt .inner .kontakty { width: 66%; }
    .kontakt .inner .obal .kontakty div.polozky_obal > div { margin: 20px 0; }
    .kontakt .inner .mapa { height: 400px; }

    .footer .inner {flex-wrap: wrap;}
    .footer .inner div:nth-of-type(1) {width: 100%;margin-bottom: 5%;}

    .sekce_hp .obsah h1 { font-size: 100px; line-height: 100px; }

    .polozka_obraz.neviditelna {display: none;}

    .kosik {margin: 0;}
    .polozka_kosik { padding: 15px; flex-wrap: wrap;}
    .polozka_kosik div.odebrat { right: 15px; }

    .polozka_kosik a {width: 20%; order: 1;}
    .polozka_kosik div.nazev { width: auto; order: 2; flex-grow: 1; align-self: flex-start; }
    .polozka_kosik div.velikost {order: 3; width: 30%;align-self: flex-start;}
    .polozka_kosik div.zaveseni { order: 4;align-self: flex-start;}
    .polozka_kosik div.pocet {order: 4; width: 100%;margin: -120px 0 20px;}
    .polozka_kosik div.cena {order: 7;width: 100%;margin-top: -55px;}
    .polozka_kosik div.odebrat { position: initial; width: fit-content; order: 6; margin-left: auto;margin-top: -150px;}
    .polozka_kosik div.nahled { width: 24%; position: relative; align-self: baseline; }
    .polozka_kosik div.nahled img:not(.horizontal) { width: 92%; position: initial; top: 0; aspect-ratio: 5 / 7;object-fit: cover;}
    .polozka_kosik div.nahled img.horizontal {margin-bottom: 35%;}

    .polozka_kosik.jina_polozka div.nahled img {aspect-ratio: initial;}

    .polozka_kosik div.pocet button { width: 50px; height: 50px;font-size: 20px;order: 3; color: black;border-radius: 0.4em; box-shadow: inset 0 0 0 1px lightgray;}
    .polozka_kosik div.pocet input { order: 1; border: none;margin: 0 -6px;margin-bottom: 0px;font-size: 15px;}
    .polozka_kosik div.pocet p { order: 2;margin-right: 10px;}
    .polozka_kosik div.velikost select { height: 50px; color: black;background-color: white; width: 100%;padding: 0 20px;border-radius: 0.4em;}
    
    .polozka_kosik#sleva_v_kosiku div.nazev { align-self: center; }


    .celkem_vypocet {flex-wrap: wrap;justify-content: end;width: 98%; margin: 10px auto 0;}
    .slevovy_kod {width: 100%;position: relative; margin-bottom: 20px;}
    .slevovy_kod input { padding: 2px 10px; width: 100%; box-sizing: border-box;  border-radius: 0.4em;}
    .slevovy_kod button {position: absolute; right: 0;height: 44px; color: black;border-radius: 0.4em;background-color: #f4f4f4;}

 
    #sleva_v_kosiku { padding: 15px ; }
    #sleva_v_kosiku div.pocet {display: none;}
    #sleva_v_kosiku div.velikost {display: none;}
    #sleva_v_kosiku div.odebrat {}
    #sleva_v_kosiku div.nahled {width: 24%;}
    #sleva_v_kosiku div.nahled img {    width: 32%; top: -10px;position: initial;}
    #sleva_v_kosiku div.popis {width: 22%;}
    #sleva_v_kosiku div.cena {width: 20%;}

    
    #uprava_foto { padding: 15px ; }
    #uprava_foto div.pocet {        width: 10%; margin: 0;}
    #uprava_foto div.velikost {display: none;}
    #uprava_foto div.odebrat {}
    #uprava_foto div.nahled {width: 24%;}
    #uprava_foto div.nahled img {    width: 32%; top: -10px;position: initial;}
    #uprava_foto div.popis {display: none;}
    #uprava_foto div.cena {width: 20%;}

    .polozka_kosik.jina_polozka div.odebrat { position: initial; width: 100%; order: 10; text-align: right; margin-top: 5px; }

    .page_kosik .tlacitka {margin-top: 25px; flex-direction: column-reverse;text-align: center;}
    .page_kosik .tlacitka a:last-of-type { padding: 24px 40px; }
    .page_kosik .ceny_celkem {width: 100%;}
    .page_kosik .ceny_celkem div {width: 100%;}
    .page_kosik .celkem_vypocet h2 { text-align: left; margin-bottom: 7px;}
    .page_kosik .celkem_vypocet h2:nth-of-type(2) { text-align: left; margin-bottom: 0px;}
    .page_kosik .celkem_vypocet h1 { text-align: left; }

    .page_objednat form { flex-direction: row-reverse; }
    .page_objednat div.obal_leva { width: 100%; }
    .page_objednat div.souhrn { width: 100%; margin-top: 25px;}
    .page_objednat div.odkazy {flex-direction: column-reverse;align-items: end;}
    .page_objednat div.odkazy a:first-of-type {line-height: 55px; background-color: #f1f1f1; width: 100%; text-align: center; color: black; border-radius: 0.4em; margin-top: 15px; text-decoration: none;}
    
    .tlacitka a:first-of-type {line-height: 55px; background-color: #f1f1f1; width: 100%; text-align: center; color: black; border-radius: 0.4em; margin-top: 15px; text-decoration: none; padding: 0; font-size: 13px; letter-spacing: 0.4px;}

   /*  .kosik {width: 95%; padding: 2.5%;} */

    .doprava h1 {padding-left: 15px;box-shadow: 0 16px 0 -15px #f1f1f1;}
    .platba h1 {padding-left: 15px;box-shadow: 0 16px 0 -15px #f1f1f1;}
    .rozdelovac div.cara { width: 93%; left: 50%; transform: translateX(-50%); }

    .navigace_kosik {flex-wrap: wrap;justify-content: center;margin-bottom: -5px;}
    .navigace_kosik > div {margin: 5px 0;align-items: center;}
    .navigace_kosik h1 { width: 30px; height: 30px; line-height: 30px; font-size: 13px; }
    .navigace_kosik p { line-height: 30px; font-size: 14px; }
    .navigace_kosik .mezi {margin: 5px 15px 5px 0px;}
    .navigace_kosik .mezi p {margin-left: 10px;display: flex; align-items: center;}

    .flex_doprava {padding: 5px 15px; box-sizing: border-box;}
    .flex_doprava .check {width: 85%;}
    .flex_platba {padding: 5px 15px; box-sizing: border-box;}
    .flex_platba .check {width: 85%;}
    .doprava {padding: 15px 0;margin: 25px 0 0;}
    .platba {padding: 15px 0;margin: 25px 0 0;}
    .flex_doprava .kdy {display: none;}

    .page_osobni-udaje form { flex-direction: row-reverse; }
    .page_osobni-udaje div.obal_leva { width: 100%; margin-top: 25px; margin-bottom: 25px;}
    .obal_input.pul { width: 100%; }
    .obal_input {margin: 5px 0;}
    .osobni_udaje .mezera_v_levo { margin-left: 0%; }
    .dorucovaci_udaje .mezera_v_levo { margin-left: 1.4%; }
    .obal_input.mene { width: 31.4%; }
    .page_osobni-udaje .souhrn {width: 100%;}
    .osobni_udaje {margin-bottom: 0px; padding: 0;}
    .osobni_udaje select { color: #6a6a6a;background-color: #f1f1f1;}
    .page_osobni-udaje .odkazy {flex-direction: column-reverse;align-items: end;}
    .page_osobni-udaje .odkazy > div {flex-direction: column-reverse;}

    .odkazy input[type="submit"] { width: 100%; padding: 24px 0px;}
    .page_osobni-udaje .odkazy > div div p { text-align: left; margin: 13px 0; }
    .souhrn .produkt div.cena { text-align: end; }

    .page_obchod .filtr .kat_2 {  }
/*     .flex_obchodu label.nazvy_kat:nth-of-type(1) img { border-radius: 0.4em 0em 0em 0em; }
    .flex_obchodu label.nazvy_kat:nth-of-type(2) img { border-radius: 0.0em 0.4em 0em 0em; }
    .flex_obchodu label.nazvy_kat:nth-of-type(3) img { border-radius: 0em 0em 0em 0.4em; }
    .flex_obchodu label.nazvy_kat:nth-of-type(4) img { border-radius: 0em 0em 0.4em 0em; } */

    .dorucovaci_udaje { padding: 0; margin-top: 25px;}

    .osobni_udaje .obal_input select {color: black;appearance: none; background: url(../img/sipka_select.svg) no-repeat; background-position-x: 0%; background-position-y: 0%; background-position-x: 0%; background-position-y: 0%; background-position: calc(100% - -7px) center;}
    .dorucovaci_udaje .obal_input select {color: black;appearance: none; background: url(../img/sipka_select.svg) no-repeat; background-position-x: 0%; background-position-y: 0%; background-position-x: 0%; background-position-y: 0%; background-position: calc(100% - 10px) center;}


    .page_hp .polozky_ctyri .inner a { width: 22%; }
    .page_hp .polozky_ctyri .inner a:nth-child(n+15) { display: none; }
    .page_hp .polozky_ctyri .inner { width: 100%; flex-wrap: nowrap; margin: 40px auto; }

    label.flex_doprava:hover { box-shadow:none; }
    label.flex_platba:hover { box-shadow:none; }

    .sekce_hp .obsah h1 { height: auto; }

    img.template_fotka { left: 50%;top: 220px;}
    .vertical div.odlesk {left: 50%; top: 220px;}
    .horizontal div.odlesk {left: 50%; top: 220px;}

    .page_hp .velikost_obrazu_ukazka .velikost h3 {font-size: 15px;padding: 6px;padding-right: 40px;}
    .velikost_obrazu_ukazka .velikost h3 {font-size: 14px;padding: 6px;padding-right: 40px;}


    #sleva_v_kosiku div.nazev {align-self: auto;}
    #sleva_v_kosiku div.cena {align-self: auto;margin-top: 0px;}

    #uprava_foto div.nazev {align-self: auto;}
    #uprava_foto div.cena {align-self: auto;margin-top: 0px;}
   
    .poukazy .template img { width: 95%; }
    .poukazy h2 { width: 100%; }
    .poukazy { padding: 250px 2.5%; }
      

 }

@media (max-width:850px) {
    .page_obrazy .flex { flex-direction: column; }
    .page_obrazy .flex > div { width: 80%; }
    .stred_text > div.text_right { width: 80%; }
    .stred_text .center { width: 80%; }

    .obrazy_propagace { margin: 0px auto; }
    .obrazy_propagace h1 {font-size: 60px; }
    .obrazy_propagace div:nth-of-type(1) { width: 85%;  margin: 0 auto;}


    .stred_text > div { width: 85%; }
    .stred_text > div:nth-of-type(1) p { width: 90%; }


    .obrazy_propagace .obrazy_css {display: flex; flex-direction: column;}
    .obrazy_propagace div > div:nth-of-type(1) { width: 90%; position: relative; top: 0; left: 45%; transform: translateX(-50%); order: 1;}
    .obrazy_propagace div > div:nth-of-type(2) {width: 54%; position: absolute; top: 345px; left: -20px; order: 3; z-index: 150;}
    .obrazy_propagace div > div:nth-of-type(3) { width: 70%; position: relative; top: -40px; left: 160px; order: 2;}

    .obrazy_propagace div > div:nth-of-type(3) img { rotate: 7deg; }
    .obrazy_propagace div > div:nth-of-type(2) img { rotate: -5deg; }

    .obrazy_propagace div:nth-of-type(2) { width: 100%; margin: 0 auto; margin-left: auto;  }
    .stred_text { margin: 80px auto; }

    .obal_zaveseni_volba .obal_buttony { gap: 50px; flex-direction: column; justify-content: center; margin: 0 auto; width: fit-content; }

    .obal_uprava_foto .flex_vylepseni .leva img { left: -17%; }
    .obal_uprava_foto .flex_vylepseni .prava img { right: -29%; }

        
    .sekce_hp .pod_sekce_hp_1 {background-image: url('../img/obrazy_bc_1_mobil.jpg');}
    .sekce_hp .pod_sekce_hp_2 {background-image: url('../img/obrazy_bc_2_mobil.jpg');}
    .sekce_hp .pod_sekce_hp_3 {background-image: url('../img/obrazy_bc_3_mobil.jpg');}
    .sekce_hp .pod_sekce_hp_4 {background-image: url('../img/obrazy_bc_4_mobil.jpg');}

    .vlastni_navrh_podlozka .uvod_fotka { background-image: url(../img/bc_custom_mob.jpg); }


}

@media (max-width:800px) {
    .clovek {margin: 70px auto 70px;}
    .clovek:nth-of-type(2) {margin: 70px auto -100px;}
    .clovek .inner { flex-direction: column-reverse; }
    .clovek:nth-of-type(2) .inner {flex-direction: column;}
    .clovek .inner div.fotka { width: 50%; border-radius: 1.6em; }
    .clovek .inner div { width: 95%; padding: 50px 0;}
    .o_nas_strana .clovek .inner div img.podpis { width: 85%; }
    .clovek .inner .fotka img { width: 100%; border-radius: 1.6em; }


    .socialni_site_odkazy h2 { width: 50%; }

    .akce { padding: 0% 0; position: relative; top: -15px; border-radius: 10px; margin: 0 auto; }
    .akce .inner { width: 90%; padding: 5%; height: auto; flex-wrap: wrap;flex-direction: column; text-align: center;}
    .akce .inner div:nth-of-type(1) {width: 100%;}
    .akce .inner div:nth-child(2) { width: 80%; }
    .akce .inner div:nth-child(3) { margin: 40px 0 20px; }
    .akce .inner h1 { font-size: 18px; line-height: 22px; margin-bottom: 15px;}
    .akce .inner p { font-size: 14px; line-height: 22px; }
    .akce .inner a { padding: 18px 34px; font-size: 13px;margin-top: 4px; }

    nav.down {display: flex; flex-direction: column;}
    nav.down a {padding: 14px 0;}
    .down a:first-of-type { padding: 14px 0; }
    .navigace .hlavni { height: auto; align-items: end;}
    .navigace .hlavni .spodni_prava {padding: 14px 0;}

    .navigace_mobil {background-color: #0f0f0f;}
    .navigace_mobil .menu form {padding: 0; margin-right: 0px;}
    .navigace_mobil .menu {display: flex; flex-direction: column; text-align: right; width: 85%;margin: 0 auto;box-sizing: border-box; padding-right: 8px;padding-bottom: 20px;}
    .navigace_mobil .menu a {color: white; text-decoration: none;line-height: 40px;}
    .navigace_mobil .menu select { box-sizing: border-box; padding: 0px 5px; color: white; background-color: black; border: none; letter-spacing: 1px; -webkit-appearance: none; font-size: 15px; text-align: right; padding: 0; padding-left: 0px; padding-left: 4px;line-height: 40px;}
    .navigace_mobil a.kosik_icon p {top: -1px; right: -11px; line-height: 14px; box-sizing: border-box; }
    .navigace .burger {display: block;width: 30%;;display: flex; justify-content: end;}
    .navigace .burger button {background-color: rgba(0, 0, 0, 0); border: none;padding: 0;}
    .navigace .burger button img {filter: invert(1);width: 38px;}
    .navigace .menu {display: none;}
    .navigace .hlavni {display: none;}
    .kosik_mobil {display: block;}
    a.kosik_icon:not(.kosik_mobil a.kosik_icon,.navigace_mobil a.kosik_icon ) {display: none;}
    a.kosik_icon p { right: -6px;line-height: 15px; box-sizing: border-box; padding-top: 0px;}
    .obal_menu_mobil {display: flex;width: 42%; justify-content: space-between;align-items: end;}

    .page_detail .main_info_detail > .drobenkova_navigace {display: none;}
    .page_detail .main_info_detail > .nazev {display: none;}
    .page_detail .main_info_detail > .popis {display: none;}
    .page_detail .main_info_detail > .cena {display: none;}
    .mobil_detail_nazev {display: flex; flex-wrap: wrap;align-items: baseline;}
    .mobil_detail_nazev .drobenkova_navigace {width: 100%; order: 1;}
    .mobil_detail_nazev .nazev { width: 50%; order: 2;}
    .mobil_detail_nazev .popis { order: 4; }
    .mobil_detail_nazev .cena {width: 50%; order: 3;margin: 20px 0;}
    .mobil_detail_nazev .cena h2 {text-align: right;}
    .page_detail .info { flex-direction: column; }
    .page_detail .galerie_detail {width: 80%; margin: 0 auto;flex-direction: column;align-items: center;}
    .main_info_detail { width: 100%; }
    .obal_foto {width: 100%; justify-content: center;}
    .page_detail .popis_odrazky { width: 95%; margin-left: 5%; }
    

    .objednavka_odeslana .qr_obal { flex-direction: column;  width: 100%; }
    .objednavka_odeslana .qr_obal .popis { text-align: center;margin-bottom: 30px; width: 100%;}
    .objednavka_odeslana .qr_obal img { width: 190px; height: 190px; margin-bottom: 10px; }

   /*  .vlastni_navrh_podlozka .uvod_fotka .ukazka { right: 10%; top: 50%; width: 250px; } */

    .obal_foto {flex-direction: row;}
    .popis_detail_doplnujici { margin: 100px auto 70px; width: 90%; }
    .page_detail .velikost select {border: 1px solid black;color: black; border: none; box-shadow: inset 0 0 0 1px lightgray; border-radius: 0.6em; -webkit-appearance: initial; appearance: none; background: url(../img/select_sipka_bila.svg) no-repeat; background-position: calc(100% - 10px) center; padding: 0 20px; background-color: black; color: white; box-shadow: none;}
    .page_detail .velikost select option {margin-left: 20px;}
    .popis_detail_doplnujici > div { margin: 40px 0 90px; }

    .sekce_hp .pod_sekce_hp_1 {border-radius: 0.6em; overflow: hidden;}
    .sekce_hp .pod_sekce_hp_2 {border-radius: 0.6em; overflow: hidden;}
    .sekce_hp .pod_sekce_hp_3 {border-radius: 0.6em; overflow: hidden;}
    .sekce_hp .pod_sekce_hp_4 {border-radius: 0.6em; overflow: hidden;}
  /*   .vlastni_navrh_podlozka .uvod_fotka { border-radius: 0.6em; } */

    .kosik { border-radius: 0.6em; }
    .page_dokonceni-objednavky .text_main {background-color: white;}

    .page_hp .velikost_obrazu_ukazka .velikost h1 { font-size: 13px; line-height: 5px;}

    .doporuceni_custom ul > div { flex-direction: column; }
    .doporuceni_custom ul > div img { height: 100%; transform: scale(1.5) translateX(-10%); }
    .doporuceni_custom ul > div div.fotka { overflow: hidden; margin: 30px auto; border-radius: 15px; }

    .page_detail .nazev { font-size: 46px; }

    .radek_sleva {
        background-color: #ff793e;
        margin-bottom: -8px;
        height: 60px;
    }

    .obal_uprava_foto .flex_vylepseni .prava img:not(.stred img) { right: -33%; max-width: 630px; }
    .obal_uprava_foto .obal_text { width: 80%; padding-left: 0; margin: 0 auto; }
    .obal_uprava_foto p { width: 100%; }



    .polozka_kosik div.nazev {     text-align: right;}
    .polozka_kosik div.pocet { order: 3;margin: -39% 0 20px;}
    .polozka_kosik div.cena { order: 4;margin-top: -165px;}
    .polozka_kosik div.velikost { order: 6; width: 49%; margin-top: 15px;}
    .polozka_kosik div.zaveseni { order: 7; width: 49%;margin: 15px 0px 0 0px;}
    .polozka_kosik div.odebrat { width: 100%; text-align: right; order: 5;}

    .polozka_kosik div.nahled img.horizontal { margin-bottom: 67%; }

    .sleva_ziskani_obal.vyskakujici_banner { width: 90%; }

    .sleva_ziskani_obal.vyskakujici_banner div.leva { width: 50%; box-sizing: border-box; padding-left: 15px;}
    .sleva_ziskani_obal.vyskakujici_banner div.prava_nova { width: 50%; }
    .sleva_ziskani_obal.vyskakujici_banner div.text h2 { line-height: 35px; }


    .page_nove_hp .cele_hp .v_cislech .obal_data_cislo { flex-wrap: wrap;    gap: 30px 0;     justify-content: center;}
    .page_nove_hp .cele_hp .v_cislech .obal_data_cislo .cislo { width: 45%; }

    .page_obrazy .flex .fotky img.velikost { max-height: 700px; min-width: auto; min-height: auto; }

    .page_obrazy .stred_text > div { margin: 40px auto 0px; }
    .page_obrazy .flex > div { width: 100%; }

    .page_obrazy .flex .velikosti {  margin: 0 auto ;margin-left: -10%; width: 120%; }

    .page_dila-tvurce .vypis_galerie_top { width: 95%; }
    .page_dila-tvurce .info_tvurce { margin: 30px auto 30px; }
}




@media (max-width:750px) {
    .flex_tlacitka { flex-direction: column; margin-top: 20px;width: 70%;}
    .flex_tlacitka a { margin: 10px 0; }
    .sekce_hp .obsah p { width: auto; text-align: center; }

    .page_obchod .hledani input[name="vyhledavat_text"] { background-color: #424242; }
   
    /*  .page_obchod .filtr .inner div.popis h3 { display: none; } */

    #zprava_absolute { width: 80%; top: 44%;}

    .obal_uprava_foto .flex_vylepseni .prava img:not(.stred img) { right: -27%; }
   
}

@media (max-width:700px) {

    .kontakt .inner .kontakty { width: 80%; }
    .kontakt .inner .odkazy { width: 60%; }
    .kontakt .inner .mapa { width: 60%; }
    .kontaktni_formular .sedy {display: none;}
    .kontaktni_formular img {display: none;}
    .kontaktni_formular { margin-bottom: 15%; }
    .kontaktni_formular form input[type="submit"] {width: 100%;padding: 18px 80px;}
    .kontaktni_formular .obal_formular { width: 90%;padding: 10% 8%; margin: 80px auto 0;}

    .navigace .hlavni { width: 85%; }
    .navigace .vrchni { width: 85%; }

    .vlastni_navrh_podlozka .uvod_fotka .inner { width: 90%; padding: 50px 0 0px;}
    .vlastni_navrh_podlozka .uvod_fotka .inner h1 { font-size: 60px; line-height: 60px; width: 100%;}
    .vlastni_navrh_podlozka .uvod_fotka .inner a {width: 100%;margin: 60px 0px 60px 0;padding: 20px 24px;box-sizing: border-box;}
    .vlastni_navrh_podlozka .uvod_fotka .inner p { width: 70%; }

    .vlastni_navrh_podlozka .uvod_fotka .ukazka {right: 0; top: 35%; width: 370px;}
    .vlastni_navrh_podlozka .uvod_fotka .ukazka::before {width: 370px; height: 320px; left: -40px;}
    .vlastni_navrh_podlozka .uvod_fotka .ukazka::after {z-index: 30; left: 200px; transform: scaleX(1) rotate(70deg); top: 90px; width: 80px; height: 60px;}

    .navigace:first-of-type {border: none;}
  /*   .navigace:nth-of-type(2) {border-radius: 0em 0em 1em 1em;} */
    .page_kosik .text_main {background-color: white;}
    .page_kosik .kosik {border-radius: 0.6em;box-shadow: 0 0 60px -14px #ff7a3d;}

    .page_objednat .text_main {background-color: white;}
    .page_objednat .kosik {border-radius: 0.6em;box-shadow: 0 0 60px -14px #ff7a3d;}

    .page_osobni-udaje .text_main {background-color: white;}
    .page_osobni-udaje .kosik {border-radius: 0.6em;box-shadow: 0 0 60px -14px #ff7a3d;}
    .page_osobni-udaje .odkazy > a {line-height: 55px; background-color: #f1f1f1; width: 100%; text-align: center; color: black; border-radius: 0.4em; margin-top: 0px; text-decoration: none; font-size: 13px; letter-spacing: 0.4px;}

    .page_obchod .text_main {background-color: black;}
    .page_obchod .filtr {border-radius: 10px 10px 0px 0px; background-color: white; padding: 13px 0 25px;/* border-radius: 0.6em; */box-shadow: 0 0 60px -14px #ff7a3d;         position: relative; }

    #mam_slevovy_kod { display: block; border: none; margin: 10px 0 20px; font-size: 14px; background-color: #000000; padding: 5px 10px; border-radius: 6px; color: white; font-weight: 700; text-decoration: none; }
    .slevovy_kod {display: none;}
    .odkazy {margin: 25px 0 0;}


  /* .polozka_kosik a {width: 20%; order: 1;}
  .polozka_kosik div.nazev {width: auto; order: 2; flex-grow: 1;}
  .polozka_kosik div.velikost {order: 3; width: 30%;}
  .polozka_kosik div.pocet {order: 4; width: 100%;margin: 20px 0;}
  .polozka_kosik div.cena {order: 6;  width: 50%;}
  .polozka_kosik div.odebrat {position: initial; width: 50%; order: 5;}
  .polozka_kosik div.nahled { width: 24%; position: relative; align-self: baseline; }
  .polozka_kosik div.nahled img { width: 100%; position: absolute; top: 0; aspect-ratio: 5 / 7;object-fit: cover;}
 */
 .menu_obchod { background-color: #fff; }

 .flex_doprava .check label p { width: 100%; }

 .polozka_kosik div.pocet { margin: -35% 0 20px; }
 .polozka_kosik div.cena {margin-top: -10%; }
  .polozka_kosik div.odebrat { order: 4; width: 100%; text-align: right;}

  .polozka_kosik div.velikost select { border: none; box-shadow: inset 0 0 0 1px lightgray; border-radius: 0.6em;-webkit-appearance: initial;appearance: none; background: url(../img/sipka_select.svg) no-repeat; background-position-x: 0%; background-position-y: 0%; background-position: calc(100% - -3px) center;    min-width: 30px;}
  .polozka_kosik div.velikost select option {box-sizing: border-box; padding-inline-start: 0 10px; line-height: 35px; }

  .page_obchod .hledani { margin-top: 12px;}
  .page_obchod .filtr .inner { margin: 0px auto ; }

  #vice_tagu { width: auto;margin: 15px auto 10px; font-size: 15px; letter-spacing: 0.4px;}
  #mene_tagu { width: auto;margin: 15px auto 10px; font-size: 15px; letter-spacing: 0.4px;}

  a.polozka_obraz button.pridat_do_kosiku { width: 90%; top: 210px; }

  .menu_obchod .inner a.vlastni_navrh { border-radius: 0.4em; }

  .page_stav-platba .text_main {border-radius: 0.6em; box-shadow: 0 0 60px -14px #ff7a3d;margin: 0 10px;}
  .page_stav-platba .text_main .kosik {padding: 7% 5%;}
  .page_stav-platba {background-color: black;}

  .objednavka_odeslana h1 { margin: 15px 0 15px; }
  .objednavka_odeslana div.icon { margin: 40px auto; width: 120px; }
  .objednavka_odeslana p { font-size: 16px; width: 80%; margin: 0 auto; line-height: 22px; }


  .doporuceni_custom { width: 85%; }
  .doporuceni_custom ul { width: 100%; margin: 0 auto 100px;}
  .doporuceni_custom { margin: 90px auto 80px; }
  .doporuceni_custom p.pod_nadpis { margin-bottom: 60px; }
  .doporuceni_custom .center h1 { text-align: left; }
  .doporuceni_custom .center ul li { text-align: left; }


   .page_detail { background-color: black;}
   .page_detail .inner_detail { margin: 0% auto;}
   .page_detail .text_main {box-sizing: border-box; padding: 5% 0;box-shadow: 0 0 60px -14px #ff7a3d;background-color: white;        border-radius: 0.6em 0.6em 0em 0em;}


   .page_hp .polozky_ctyri .obal_odkaz { margin-bottom: 20px; margin-right: 0; width: 100%;}
   .page_hp .polozky_ctyri .obal_odkaz .tlacitko_basic_oranzova { width: 100%; text-align: center;padding: 24px 0px; margin: 0;}
   .page_hp .div_flex .obal_popis { margin: 0px 0 50px; }
   .page_hp .polozky_ctyri { padding: 60px 0 40px;     background: linear-gradient(150deg, #000000, #3f3f3f);}
   .page_hp .polozky_ctyri h3 { font-size: 16px; letter-spacing: 1px; }
   .page_hp .polozky_ctyri h2 { font-size: 16px; }

   .page_hp .custom_polozky_div h1 { line-height: 70px; margin: 20px 0;}
   .page_hp .custom_polozky_div .obal_popis { text-align: right; }
   .page_hp .custom_polozky_div h3 { font-size: 16px; letter-spacing: 1px; margin-left: 0%; margin-right: 0%; }
   .page_hp .custom_polozky_div h2 { text-align: right; width: 100%; font-size: 16px; }
   .page_hp .custom_polozky_div .obal_odkaz .tlacitko_basic_oranzova { width: 100%; text-align: center; padding: 24px 0px; margin: 0; }
   .page_hp .custom_polozky_div .obal_bc { padding: 70px 0 1px; border-radius: 0.6em; background: linear-gradient(150deg, #f5f5f5, #7d7d7d 250%);}
   .page_hp .zmena_velikost_custom { width: 90%; }
   .page_hp .velikost_obrazu_ukazka { top: 0px; }
  /*  .page_hp .custom_polozky_div h1 span {font-size: 100px; line-height: 75px; } */

   .page_hp .polozky_ctyri .inner { flex-wrap: initial; justify-content: space-between; overflow-x: scroll;gap: 0px;margin: 40px auto 20px; box-shadow: none;border-radius: 0px;}
   .page_hp .polozky_ctyri .inner a:nth-child(n+15) { display: block; }
 /*   .page_hp .polozky_ctyri .inner a:nth-child(n+29) { display: none; } */
   .page_hp .polozky_ctyri .inner div img { height: auto; aspect-ratio: 5/7;border-radius: 5px;}
   .page_hp .polozky_ctyri .inner a { width: 25%;min-width: 250px; height: auto; aspect-ratio: 5/7; }
   .page_hp .polozky_ctyri .inner a:first-child { margin-left: 0%; }
   .page_hp .polozky_ctyri .inner a:last-child { margin-right: 5%; }

   .custom_polozky_div .obal_bc { background-color: #f5f5f5; }
   .page_hp .velikost_obrazu_ukazka .velka { z-index: 150; }

   .page_hp .custom_polozky_div { margin-top: 0; box-shadow: 0 0 40px -10px #0b0b0b; position: relative; }
   .socialni_site_odkazy { border-radius: 0em; width: 100%; background-color: #f7f5f4;     margin-bottom: -10px;}
   .socialni_site_odkazy h2 { color: #606060; }
   .socialni_site_odkazy a { background-color: #606060; }
   
   .pridan_produkt {border-radius: 10px; top: auto; bottom: -60px; transform: translate(-50%, -50%); left: 50%; width: 80%;} 

   .custom_nahled {display: flex;}
   .page_hp .nabizene_velikosti h2 {display: none;}
   .page_hp .nabizene_velikosti button {display: none;}

   .page_hp .zmena_velikost_custom .nabizene_velikosti {  }
   .page_hp .zmena_velikost_custom .popisky { margin: 40px auto 0px; }

   .page_hp .zmena_velikost_custom .popisky > div { width: 37%; }

   label.custom_nahrat { margin: 20px 0% 40px; width: 100%;}
   .doporuceni_custom.margin_bottom_malo { margin: -80px auto -70px; }
   .fotka_custom_navrh .obal_navod { text-align: left; }
   .container.fotka_custom_navrh .card:nth-of-type(1) { width: 100%; justify-content: flex-start; }
   .page_custom-obraz .container { margin: 0 auto 70px; }
   .page_detail .velikost {margin-top: 25px;}
   .page_detail .koupit {margin-bottom: 40px;}

   .page_custom-obraz .doporuceni_custom { width: 90%; }
   .doporuceni_custom h1 { width: 100%; }
 
   .doporuceni_custom ul > div div.fotka { margin: 30px auto 0;/*  width: 110%; margin-left: -5%; */        box-shadow: 0px -32px 40px -20px #8c8c8c10; width: 90%;
    margin-bottom: 5%;}
   .doporuceni_custom ul > div h3 { width: 90%;line-height: 34px;font-size: 30px; }
   .doporuceni_custom ul > div li { width: 90%; }
   .doporuceni_custom ul > div div.texty { padding: 50px 0px 10px; }

   .doporuceni_custom .center ul li { margin: initial; }

   .doporuceni_custom ul > div { margin: 6px 0; }

   .obal_jazyk .other { right: 40px; width: 100px; text-align: center; }

   #vypis_popis_zaveseni { width: 85%; }
   #vypis_popis_zaveseni p { width: 100%; }

   .obal_uprava_foto .flex_vylepseni .prava img:not(.stred img) { right: -23%; }

 

   .polozka_kosik.jina_polozka div.odebrat {position: initial; margin-top: 0px;}

   .sleva_ziskani_obal div.input { width: 50%; }


   .sleva_ziskani_obal.vyskakujici_banner {flex-direction: column-reverse; height: auto;}
   .sleva_ziskani_obal.vyskakujici_banner div.leva { width: 100%; padding-left: 0;padding-bottom: 15px;}
   .sleva_ziskani_obal.vyskakujici_banner div.prava_nova { width: 100%;border-radius: 15px 15px 0px 0px;}
   .sleva_ziskani_obal.vyskakujici_banner div.prava_nova img { height: auto; bottom: 0; width: 100%; border-radius: 12px; margin: 0 auto 0; left: 0px;}
   .sleva_ziskani_obal.vyskakujici_banner button#odeslat_email_pro_slevu { margin-bottom: 10px; }
   .sleva_ziskani_obal.vyskakujici_banner .text { padding: 20px 25px 0px; }
   .sleva_ziskani_obal div.text p { margin-top: 10px;        margin-bottom: 10px; }

   .page_nove_hp .cele_hp .obal_dlazdice .rozdeleni { justify-content: flex-start; overflow: auto; overflow-x: scroll; scrollbar-width: none;  margin-left: 10px; gap: 1%;}
   .page_nove_hp .text_main { padding-top: 0px; margin-top: -20px;}
   
   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom {width: 100%;justify-content: flex-start; overflow: auto; overflow-x: scroll; scrollbar-width: none; margin-left: 15px; }
   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom .dlazdice { min-width: 300px; }


   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis h1 { margin: 10px 0 20px; width: 80%; }
   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis { align-items: flex-start; }
   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis ul { justify-content: flex-start; margin-left: 15px;}


   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika { margin-left: 0px; }

   /* .page_nove_hp .plna_galerie .inner_galerie div.fotka { min-width: 280px; height: 280px; } */

   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika { width: 100%; }
   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika { width: 95%; margin: 30px auto 0; }
   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .flex { width: 100%; }

   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost { aspect-ratio: 5 / 7;  height: auto !important;}
   

   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis h1 { width: 100%; margin-left: 35px;}
   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis h2 { width: 80%; margin-left: 35px; text-shadow: 1px 1px 12px #0000002b;}

   .page_nove_hp .socialni_site_odkazy { margin-bottom: -60px;padding-top: 150px; }
   .page_nove_hp .obal_recenze_nove { padding: 70px 100px 90px 20px; }

   .page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice .text { padding: 15px; }
   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom .dlazdice .text { padding: 15px; }
   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom .dlazdice .text p { margin-bottom: 10px; }

   .page_nove_hp .cele_hp .pozadi {     box-shadow: inset 0 -420px 120px 30px black, 0px 2px 30px 5px #0000000d; }


   .navigace_nova .inner_navigace .hlavni_odkazy a.o_obrazech { margin-left: 0px; }

   .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis ul { width: 100%; }

   .sleva_ziskani_obal.vyskakujici_banner div.text h2 { line-height: 15px; justify-content: center; }


   .page_dila-tvurce .radek a span.popis {display: none;}
   .page_dila-tvurce .radek a span.jmeno { bottom: 15px;     font-size: 13px; text-overflow: ellipsis; white-space: nowrap; width: 80%; text-align: right; }

    .page_od-tvurcu .text_main .obal_vypis_tvurci a { width: 100%; }


    .poukazy_v_custom .fotka { width: 100%; }

}

@media (max-width:650px) {
    .clovek .inner div.fotka { width: 80%; }

    .flex_obchodu label.nazvy_kat { min-width: 25%; font-size: 16px; height: 65px; }
    #formular_obchod h1.hl_nadpis { font-size: 40px; top: 10px; display: block; margin: 0 auto; }
    .page_obchod .filtr .inner a { min-width: 48%; }
    .page_obchod .vypis { width: 100%; margin: 0 auto; justify-content: center;gap: 3%;}

    .menu_obchod .inner { width: 100%; }
    .menu_obchod .inner a { width: 100%; padding: 0 14px; box-sizing: border-box;}
    .menu_obchod .inner a:first-of-type { padding: 0 14px ; }
    .menu_obchod { height: auto; width: 98%; margin: 0 auto; margin-bottom: 0px; border-radius: 0.4em; margin-bottom: 20px; }
    .flex_obchodu label { width: 45%;margin: 5px 0;}
    .flex_obchodu .hlavni_tagy { margin: 0px 0 0 0; }
    .flex_obchodu .tagy { width: 100%; margin: 0 auto; }
    .flex_obchodu .obal { margin: 20px 0; }

    .foto_prazdny {width: 100%;}
    .prazdny img {margin: 25px auto; width: 60%; }
    .page_kosik .prazdny {padding: 20% 5% 5% 5%; display: flex; flex-direction: column;}
    .page_kosik .prazdny h1 { margin-bottom: 0px; }
    .page_kosik .prazdny a {order: 3;margin-top: 15%;}

    .page_detail .galerie_detail {width: 100%; }
    .galerie_detail > a { width: 100%;margin-bottom: 20px; }
    .galerie_detail a.tri_de img {margin-left: 10px;}
    .page_detail .galerie_detail { align-items: baseline; box-sizing: border-box; padding: 0 5%;}
    .main_info_detail { padding: 0 5%; }
    .page_detail .velikost select { width: 100%; }
    .page_detail .koupit button:first-of-type { width: 100%; }
    .page_detail .koupit button:last-of-type { width: 18%; }
    .mobil_detail_nazev { width: 90%; margin: 0 auto; }
    .mobil_detail_nazev .nazev { margin: 10px 0 0;  width: 100%; font-size: 56px;}
    .mobil_detail_nazev .cena { margin: 0; width: 100%; }
    .mobil_detail_nazev .cena h2 {text-align: left;}
    .drobenkova_navigace a { font-size: 15px; }

    .page_hp .text_main {/* position: relative; */background-color: black;}
    .page_hp .hlavni_strana {border-radius: 0.6em; box-shadow: 0 0 60px -30px #ff7a3d;}
    
    .radius_mobil { height: 30px; position: fixed; top: 0; width: 100%; border-radius: 0.6em; box-shadow: 0px -7px 0 1px black;z-index: 150;}  
    .radius_mobil_hp { height: 30px; position: absolute; top: 0; width: 100%; border-radius: 0.6em; box-shadow: 0px -7px 0 1px black;z-index: 150;}  


    .page_obchod .filtr .kat_2 { margin: 0 auto 0px; }
    .page_obchod .hledani { margin-bottom: 0px; }

    .page_kosik .navigace_kosik {margin-bottom: 25px;}
   
    .slider_recenze .sipka {display: none;}
    .recenze_nove {border-radius: 0; margin-top: -80px ;    background-size: contain;    padding: 170px 0 100px; background-size: 240%; background-position: -1040px -250px; }
    .page_custom-obraz .recenze_nove { margin-top: 30px; }
    .recenze_nove h1.hlavni_nadpis { line-height: 55px; line-height: 70px; margin: 20px 0; font-size: 75px; text-transform: unset; text-align: left;width: 90%; margin: 0 auto; }
    .page_custom-obraz .recenze_nove h1.hlavni_nadpis {

        line-height: 35px;
        text-align: center;
        width: 100%;
        font-size: 35px;
    }
    .recenze_nove h2.hlavni_nadpis {line-height: 20px; width: 90%; margin: 0 auto; text-align: center; margin-top: 20px; font-size: 16px; font-weight: 100; text-transform: unset;}

    .radek_sleva.pro_mobil {display: block;/* border-radius: 0px 0px 10px 10px; */}
    .radek_sleva.normal {display: none;}


    
    .radek_sleva { position: relative; top: 0px; z-index: 0; }
    .page_detail .radek_sleva {top: 45px;}
    .radek_sleva .inner_sleva {width: 90%;    padding: 6px 0;    flex-wrap: wrap;justify-content: space-between;}
    .radek_sleva .inner_sleva h1 {         margin-bottom: 6px; font-size: 18px; }

   

    .obal_recenze_nove {    padding: 70px 20px 70px 10px;}
    .page_custom-obraz .obal_recenze_nove { padding: 15px 100px 40px 10px; }
    .recenze_nove { padding: 170px 0 0px;}

    .sekce_hp .obsah {    background-color: #00000000; box-shadow: 0 0 180px 170px #00000000; border-radius: 300px;    left: 50%; padding-left: 0;}
    .sekce_hp .obsah .popisky { right: 0;  top: 0;}


    .cookie_lista .inner_lista button {padding: 15px 20px; width: 100%;}
    .cookie_lista .inner_lista p { width: 100%; margin-bottom: 10px; text-align: center;}

    .radek_sleva { height: 80px; }

    .obal_uprava_foto .flex_vylepseni .prava img:not(.stred img) { right: -16%; }
    .obal_uprava_foto .flex_vylepseni .stred { margin: 30px auto 20px; }
    .obal_uprava_foto .flex_vylepseni .stred { width: 70%; max-width: 546px; margin: 130px auto 80px; }
    .obal_uprava_foto .flex_vylepseni div:not(.stred) { width: fit-content; }
    .obal_uprava_foto span.cena_span { right: 10px; }
    .obal_uprava_foto .flex_vylepseni { padding-bottom: 190px; }
    .obal_uprava_foto { margin: 0px auto 180px; }
    .obal_zaveseni_volba { margin: 70px auto 120px; }
    .obal_uprava_foto .obal_text { width: 90%; }
    .obal_uprava_foto .flex_vylepseni .leva img { left: 0%; }
    .obal_uprava_foto .flex_vylepseni .prava img:not(.stred img) { width: 100%; max-width: initial; transform: translate(-50%, 00%) scale(1.4); left: 50%; top: 62%; }
    .obal_uprava_foto .flex_vylepseni .leva img:not(.stred img) { width: 100%; max-width: initial; transform: translate(-50%, 0%) scale(1.4); left: 50%; top: 50%; width: 100%;}
    .obal_email_input { width: 90%; }

    .obal_email_input { margin: -240px auto 200px; }

    .sekce_hp .obsah h3 { text-align: center; }
    .sekce_hp .obsah h1 { text-align: center; }
    .flex_tlacitka { margin: 0 auto; }

    .sekce_hp .obsah p:first-of-type { margin: 40px auto 30px; }

    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost h3 { font-size: 18px; padding: 5px 16px; }
    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika { width: 100%; }

    .navigace_nova .inner_navigace .hlavni_odkazy a { text-align: center; }
    .hlavni_odkazy { gap: 10px;margin: 5px 0; }

    

}

@media (max-width:600px) {
    .socialni_site_odkazy .inner { flex-direction: column; width: 95%; }
    .socialni_site_odkazy h2 { width: 100%; text-align: center; font-size: 22px;}
    .socialni_site_odkazy .inner div { margin-top: 30px; }

    .page_obchod .filtr .inner .strankovani { margin: 10px auto 10px; }


    .zmena_velikost_custom .nabizene_velikosti button { width: 100%; font-size: 14px;}
    .velikost_obrazu_ukazka { height: 240px; }
    .velikost_obrazu_ukazka .mala { width: 84px; height: 112px; }    
    .velikost_obrazu_ukazka .velka { width: 140px; height: 196px; }    
    .velikost_obrazu_ukazka .stredni { width: 112px; height: 168px; }

    .container.fotka_custom_navrh { width: 90%; }
    .container.fotka_custom_navrh .card:nth-of-type(1) { width: 100%; }
    .container.fotka_custom_navrh .card:nth-of-type(2) { width: 100%; }
    .container.fotka_custom_navrh .card-footer { width: 100%; }
    .container.fotka_custom_navrh .card-footer button{ width: 100%; }
    .croppie-container .cr-boundary {width: 100%; height: auto; aspect-ratio: 5/7;}

    .page_hp {background-color: black;}
    .page_hp .prekryv {border-radius: 0.6em;box-shadow: inset 0px -530px 230px -230px #0e0e0ea3;}
    .polozka_kosik div.nazev { height: 20px; }

    .sekce_hp {  overflow: hidden;height: 950px;    box-shadow: 0 20px 60px -20px #00000091, 0 2px 0 0 #b4b4b469; }
    .sekce_hp .obsah h3 { margin-top: 30px; } 
    .text_main { padding-top: 0px;overflow: hidden; }
    .page_pocitadlo .text_main {padding-top: 90px;}
    .obal_menu_mobil { width: 45%; justify-content: flex-end; gap: 25px;align-items: flex-end;}
    
    .navigace.prvni { position: fixed; width: 100%; z-index: 250; }
    .navigace_mobil { padding-top: 70px;
        margin-bottom: -70px;
        position: fixed;
        z-index: 200;
        right: 0;
        width: 100%; }
    .radius_mobil { top: 70px; }

    .page_detail .inner_detail { margin-top: 0px;}

    .page_hp .velikost_obrazu_ukazka .velikost h1 { margin-top: 50px; }
    .page_detail .cena h2 span { font-weight: bold; color: black; font-size: 26px; }




    .obal_zaveseni_volba h1 { width: 60%; text-align: left; }
    .obal_zaveseni_volba { width: 90%; }
    .obal_zaveseni_volba .obal_buttony { width: 100%; gap: 35px;}
    .obal_zaveseni_volba .obal_buttony div { width: 100%; }
    .obal_zaveseni_volba .obal_buttony span.cena_span { right: 20px; top: 0px;}

    .polozka_kosik div.nahled.horizontal { width: 38%; }
    .polozka_kosik div.nahled img.horizontal { margin-bottom: 27%; }

    .navigace_nova .inner_navigace > .logo { margin-left: 0px; }
    .navigace_nova { padding: 0; }
    .navigace_nova .inner_navigace .hlavni_odkazy { position: relative; z-index: 200; }
    .navigace_nova .inner_navigace .kos { position: relative; z-index: 180; }
    .navigace_nova .inner_navigace .vedlejsi_odkazy { position: absolute; top: 15px; right: 15px; }

    .navigace_nova .inner_navigace { padding: 5px 10px; }

    .navigace_nova .inner_navigace { width: 100%; box-sizing: border-box;}

    .navigace_nova .inner_navigace .vyhledavani input { width: 100%; margin-left: 0px; }
    .navigace_nova .inner_navigace .vyhledavani img { right: 5%; }

    .navigace_nova .inner_navigace .kos { margin-left: auto; order: 2; margin-top: 5px; }
    .navigace_nova .inner_navigace .vyhledavani { margin-top: 5px; padding: 0 0px 0px 0px; width: 100%; order: 3;         position: relative; z-index: 200;}
   
    .navigace_nova .inner_navigace .hlavni_odkazy { padding: 0px; width: 100%; justify-content: space-between; order: 4; margin-top: 10px;gap: 5px; }
    .navigace_nova .inner_navigace .hlavni_odkazy a { padding: 8px ;font-weight: 600;text-align: center;max-width: 130px;width: 33%; }
    .navigace_nova .inner_navigace .hlavni_odkazy a.o_obrazech { padding: 8px ; }
    
    .ctyri_polozky .inner_navigace .hlavni_odkazy {flex-wrap: wrap;}
    
    .ctyri_polozky .inner_navigace .hlavni_odkazy a span { display: unset !important; }
    .ctyri_polozky .inner_navigace .hlavni_odkazy a { padding: 12px 0; width: calc(50% - 2.5px); max-width: none; }
    .ctyri_polozky .inner_navigace .hlavni_odkazy a.o_obrazech { padding: 12px 0; width: calc(50% - 2.5px); max-width: none; }



    .page_nove_hp .radius_mobil {display: none;}

    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis h2 { text-align: center; }
    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis h1 { width: 100%; text-align: center; margin-left: 0; }

    .page_nove_hp .cele_hp .obal_dlazdice { padding: 0px 0%; }

    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom { margin-left: 10px; }
    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni { width: 100%; margin-left: 0px; }

    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika { width: 95%; }

    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.mala h1 {font-size: 15px;}
    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.stredni h1 {font-size: 18px;}
    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.velka h1 {font-size: 22px;}


    .navigace_nova .inner_navigace .hlavni_odkazy a.vlastni:hover {  padding: 8px 8px;  }
    .navigace_nova .inner_navigace .hlavni_odkazy a:hover { padding: 8px 8px;  }
    .page_hp .navigace_nova { box-shadow: none; }

    .ctyri_polozky .inner_navigace .hlavni_odkazy a.poukaz:hover {  padding: 12px 0px;  }
    .ctyri_polozky .inner_navigace .hlavni_odkazy a.vlastni:hover {  padding: 12px 0px;  }
    .ctyri_polozky .inner_navigace .hlavni_odkazy a:hover { padding: 12px 0px;  }

    .navigace_nova .inner_navigace .hlavni_odkazy a span {display: flow; }

    .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis h1 span { width: 100%; display: block; }


    .poukazy .flex_poukazy .polozka_poukaz { min-width: 300px; }
    .poukazy .flex_poukazy .polozka_poukaz p { width: 100%; }

    .poukazy { padding: 250px 2.5% 100px; }

    .poukazy .flex_poukazy .polozka_poukaz h3 { bottom: 15px; }
    .poukazy .popis p.center { width: 95%;}

    .poukazy .flex_poukazy div button { margin: 0px auto -10px; line-height: 53px; padding: 0 25px;     width: 100%; }
    .poukazy .flex_poukazy .polozka_poukaz h3 { bottom: 25px; z-index: 50; }
    .poukazy .flex_poukazy .polozka_poukaz h3 { right: -20px; }

    .poukazy img.sparkle { left: -592px;width: auto;}

    .poukazy .flex_poukazy .polozka_poukaz h3 { right: 20px; bottom: 70px; }

}

@media (max-width:550px) {

    .kontakt .inner .kontakty { width: 95%; }
    .kontakt .inner .odkazy { width: 85%; }
    .kontakt .inner .mapa { width: 85%; }
    .kontakt .inner { margin: 0px auto; }

    .footer .inner div:nth-of-type(1) { width: 80%; }
    .footer .inner {flex-direction: column;width: 100%;padding: 20px 0;}
    .footer .inner div {width: 80%; margin: 5% 10%;}
    .vrchni_footer .inner .odkazy_social {margin-left: 0;}

    .sekce_hp .obsah h1 { font-size: 80px; line-height: 80px; text-align: left;  margin:  0;margin-top: 15px; text-align: center;}
    .sekce_hp .obsah h1.DE { font-size: 75px; line-height: 75px; }
    .sekce_hp .obsah p { width: 90%; text-align: center; } 
    .sekce_hp .obsah .popisky div p { text-align: center; width: 80; }

    .clovek .inner div.fotka { width: 95%; }

    .polozka_kosik div.cena {margin-top: -12%;}

    .navigace_kosik { justify-content: space-between; }

    .sekce_hp .obsah p:first-of-type { text-shadow: 0 0 30px black;font-weight:400; }

    .vertical img.template_fotka { left: 50%;top: 170px;width: 40%;}
    .horizontal img.template_fotka { left: 50%;top: 170px;width: 40%;}

    .page_obrazy .flex { flex-direction: column; }
    .page_obrazy .flex > div { width: 95%; }
    .page_obrazy .flex > div.text { width: 90%; }
    .stred_text > div.text_right { width: 85%; }
    .stred_text .center { width: 90%; }
    .stred_text > div { margin: 40px auto 140px; }

    .stred_text div.nahled_vyber { margin: 40px auto 330px;width: 100%; overflow: hidden;  }
    .page_obrazy .stred_text div.nahled_vyber {margin: 40px auto 160px;width: 100%; overflow: hidden;  }
    .stred_text div.nahled_vyber img { }

    .vlastni_navrh_podlozka .uvod_fotka .inner a { position: relative; z-index: 180; }

    .vlastni_navrh_podlozka .uvod_fotka .inner h1 { font-size: 40px; line-height: 50px;margin: 0px 0 380px 0; }
    .vlastni_navrh_podlozka .uvod_fotka .ukazka { width: 270px;top: 47%; }
    .vlastni_navrh_podlozka .uvod_fotka .ukazka::before { 
        width: 430px;
        height: 330px;
        left: -200px;
        top: -200px;
        margin-right: 0;
     }
    .vlastni_navrh_podlozka .uvod_fotka .ukazka::after { z-index: 30; left: -50px; transform: scaleX(-1) rotate(110deg); top: 100px; width: 80px; height: 60px;}
    .vlastni_navrh_podlozka .uvod_fotka .inner p {         width: 50%; font-size: 20px;}


    .obal_zaveseni_volba button {font-size: 14px;}
    .obal_zaveseni_volba h1 { width: 80%; text-align: left; }

    .polozka_kosik.jina_polozka .nahled {}

    #uprava_foto div.nahled { width: 10%; margin-right: 0%;}
    #uprava_foto div.nahled img {width: 100%;}
    #sleva_v_kosiku div.nahled img {width: 50%;}
    .polozka_kosik.jina_polozka div.nahled {margin-right: 0;}

    .polozka_kosik.sleva div.nazev { text-align: left; }

    #sleva_v_kosiku div.popis { font-size: 13px; }
    #sleva_v_kosiku div.nazev { font-size: 13px;margin-bottom: -5px;}
    #sleva_v_kosiku div.cena { font-size: 13px; }
    #uprava_foto div.nazev { font-size: 13px; }
    #uprava_foto div.cena { font-size: 13px; }

    #uprava_foto div.pocet {width: fit-content; margin: 0;order: 3; font-size: 13px; margin-bottom: 4px;}

    .sleva_ziskani_obal div.text { width: 90%; margin: 30px 0 30px; }
    .sleva_ziskani_obal div.input { width: 90%; }
    .sleva_ziskani_obal div.odeslat { width: 90%; }
    .sleva_ziskani_obal button { width: 100%; }

    .sleva_ziskani_obal div.text h2 { font-size: 35px; }

    .poukazy_v_custom a { padding: 17px 25px; width: 100%; box-sizing: border-box; }
    .poukazy_v_custom { padding: 70px 0px 50px; }
    .poukazy_v_custom h3 { line-height: 32px; }


}

@media (max-width:500px) {

    .page_custom-obraz .recenze_nove { margin-top: -10px; }

    .radek_sleva { height: 88px; }

    .polozka_kosik div.pocet { margin: -30% 0 20px; }
    .polozka_kosik div.nahled.horizontal { width: 40%; }
    .polozka_kosik div.nahled img.horizontal { margin-bottom: 30%; }

    .sleva_ziskani_obal div.text h2 { gap: 10px; font-size: 35px;}
    .sleva_ziskani_obal div.text h2 span { font-size: 60px; }

    
    .page_nove_hp .cele_hp .v_cislech .obal_data_cislo .cislo { width: 50% }

    .page_dila-tvurce .info_tvurce { margin: 20px auto 20px; }


}

@media (max-width:490px) {
    .velikost_obrazu_ukazka .mala { width: 94px; height: 122px; }
    .velikost_obrazu_ukazka .velka { width: 150px; height: 206px; }
    .velikost_obrazu_ukazka .stredni { width: 122px; height: 172px; }

    #zprava_absolute {padding: 40px 10px;}
    #zprava_absolute h1 { font-size: 44px; }
    .sekce_hp .obsah h1 { font-size: 70px; line-height: 70px; }
   
    .sekce_hp .obsah .popisky > div { width: 45%; }
    .loga img.logo { width: 100%; }
    .kosik_mobil { padding-bottom: 4px; }

    .polozka_kosik div.velikost { min-width: 112px; }

    .footer {         
        background-image: url(../img/bc_footer_mobil.webp);
        padding-top: 200px;
        background-size: 110%;
        background-position-x: -40px;
    }


    .polozka_kosik div.nahled img:not(.horizontal) { width: 110%; }
    .polozka_kosik div.pocet { margin: -39% 0 20px; }
    .polozka_kosik div.cena { margin-top: -18%; }
}


@media (max-width:442px) {
    .polozka_kosik div.cena { width: 30%; flex-grow: 2;}
    .page_kosik .tlacitka a:last-of-type { padding: 24px 0px; }

    .vlastni_navrh_podlozka .uvod_fotka .ukazka::before { left: -200px; }

    
}


@media (max-width:430px) {
    .velikost_obrazu_ukazka .mala { width: 84px; height: 112px; }    
    .velikost_obrazu_ukazka .velka { width: 140px; height: 196px; }    
    .velikost_obrazu_ukazka .stredni { width: 112px; height: 168px; }
    
    .page_hp .polozky_ctyri h1 { font-size: 60px; line-height: 60px; }
    
    .page_hp .zmena_velikost_custom .popisky > div { width: 42%; }
    .custom_nahled {height: 220px;}
}


@media (max-width:425px) {

        .navigace_nova .inner_navigace .hlavni_odkazy a { font-size: 12px;padding: 8px 0px;}
        .navigace_nova .inner_navigace .hlavni_odkazy a.o_obrazech { padding: 8px 0px; }

        .page_nove_hp .cele_hp .obal_dlazdice .rozdeleni .dlazdice { min-width: 260px; }
        .page_nove_hp .cele_hp .obal_dlazdice .info h1 { font-size: 50px; line-height: 45px; height: 100px; }

        .page_nove_hp .cele_hp .obal_dlazdice .info ul li { line-height: 30px; font-size: 14px; }
        .page_nove_hp .cele_hp .obal_dlazdice .info ul li::before { top: 14px; }

        .page_nove_hp .plna_galerie .inner_galerie { height: 300px; }
        .page_nove_hp .plna_galerie .inner_galerie div.fotka { min-width: 250px; }
        .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .nadpis h1 { font-size: 46px; line-height: 40px; }
        .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .video_custom .dlazdice { min-width: 260px; }

        .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost h3 { font-size: 14px; padding: 3px 12px; }

        .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.mala h1 { font-size: 12px; }
        .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.velka h1 { font-size: 18px; }
        .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .ostatni .velikost_grafika .velikost.stredni h1 { font-size: 15px; }

        .page_nove_hp .vlastni_fotka .obal_vlastni_fotka .odkaz_custom a.custom { width: 90%;padding: 17px 16px;box-sizing: border-box;}

        .page_nove_hp .galerie_vlastni .inner_galerie { height: 300px; }
        .page_nove_hp .galerie_vlastni .inner_galerie div.fotka { min-width: 250px; }

        .page_nove_hp .recenze_nove h1.hlavni_nadpis { font-size: 55px; line-height: 55px; }

        .page_nove_hp .socialni_site_odkazy { padding: 70px 10px ;padding-top: 130px; }

        .vrchni_footer .inner img { width: 200px; }

        .loga img.logo { width: 80%; height: auto;margin: 0 auto;}

        .vlastni_navrh_podlozka .uvod_fotka .ukazka { width: 220px; top: 47%; }
        .zmena_velikost_custom h1 { font-size: 30px; margin-bottom: 10px; }
        .zmena_velikost_custom { margin: 70px auto 70px; }
        .obal_zaveseni_volba h1 { font-size: 30px; margin-bottom: 20px;}
        .obal_zaveseni_volba .obal_buttony span.cena_span { font-size: 16px; }
        .obal_zaveseni_volba .obal_buttony { gap: 18px; }
        .obal_uprava_foto h1 { font-size: 30px; }
        .obal_uprava_foto span.cena_span { font-size: 16px; }

        .obal_uprava_foto { margin: 0px auto 0px; }
        .obal_uprava_foto .flex_vylepseni { margin: 80px 0 0; }
        .doporuceni_custom ul li { width: 100%; }
        .obal_uprava_foto p.info { width: 95%; }
        .doporuceni_custom .center h1 { font-size: 30px; }

        .page_custom-obraz .container { margin: 0 auto -80px; }


}

@media (max-width:400px) {
    .polozka_kosik div.cena { width: 35%; }
    .page_detail .nazev { font-size: 36px; }

    .radek_sleva { height: 106px; }
    .obal_zaveseni_volba h1 { width: 100%; text-align: left; }
    .obal_zaveseni_volba .obal_buttony span.cena_span { right: 20px; }

    .polozka_kosik div.nahled img:not(.horizontal) { width: 130%; }
    .polozka_kosik div.nahled img.horizontal { margin-bottom: 50%; }
}

@media (max-width:395px) {
    
}

@media (max-width:375px) {
    .polozka_kosik div.nazev { width: 30%; }
    #sleva_v_kosiku div.cena { width: 10%; }
    .polozka_kosik div.zaveseni { width: 100%; }
    .polozka_kosik div.velikost { width: 100%; }
    .polozka_kosik div.pocet {     order: 5; margin: 10px 0 0px; }
    .polozka_kosik div.cena { margin-top: -26%; }
    .flex_tlacitka { width: 100%; }

    .footer { background-size: 113%; }
    .page_hp .footer { }

    .obal_uprava_foto .flex_vylepseni .stred { width: 100%; }

    .obal_input.vice { width: 100%; }
    .obal_input.mene { width: 100%; }

    .vrchni_footer { box-shadow: 0px 131px 0 0 #111111; }

    .vlastni_navrh_podlozka .uvod_fotka .ukazka::before { left: -140px; }
    .vlastni_navrh_podlozka .uvod_fotka .ukazka::before { width: 330px; height: 290px;}

    .vlastni_navrh_podlozka .uvod_fotka .ukazka::after { display: none; }
}

@media (max-width:362px) {

    .sleva_ziskani_obal div.text h2 { gap: 5px; font-size: 30px;}
    .sleva_ziskani_obal div.text h2 span { font-size: 50px; }

    .vlastni_navrh_podlozka .uvod_fotka .inner h1 { font-size: 50px; ; line-height: 52px;}
    .polozka_kosik div.nahled img:not(.horizontal) { width: 145%; }
}









/*platebni brana*/

#comgate-container {
    display: none;
    position:absolute;
    z-index: 9999;
    left: 50%;
    top: 30px;
    overflow: auto;
    margin-left: -250px;
}
#comgate-iframe {
    width: 504px;
    height: 679px;
}
@media (max-height: 700px) {
    #comgate-iframe {
        top: 0px;
    }
}



#nadpis_hp {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
  }
  
  #nadpis_hp span {
    display: inline-block;
    animation: slideIn 2s ease forwards;
    opacity: 0;
  }

  @keyframes slideIn {
    from {
      transform: translateX(-100%);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }


  .uvodky {
    animation: zobrazitUvodku 2s ease forwards;
  }

  .uvodky.nejvys {position: relative; z-index: 10;}
  
  @keyframes zobrazitUvodku {
    from {
        transform: translatey(-10%);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  @keyframes skrytUvodku {
    from {
        transform: translatey(0);
      opacity: 1;
    }
    to {
      transform: translateY(10%);
      opacity: 0;
    }
  }

  .prekryv_pocitadlo {position: absolute; z-index: 15000; top: 0; left: 0; background-color: #101010;width: 100vw; height: 100vh; }
  #pocet_objednavek {text-align: center; color: gold; font-size: 255px; font-weight: bold; position: absolute; top: 36%; left: 50%; transform: translate(-50%, -50%);}
  #pocet_prodano{    color: #ffffffa1; text-align: center; font-size: 100px; font-weight: bold; letter-spacing: -5px; position: absolute; top: 56%; left: 50%; transform: translate(-50%, -50%);}


  .page_pocitadlo {overflow: hidden;}
  .graf_splatnosti { position: relative; z-index: 150545; top: -50px; }
  .graf_splatnosti h1 {color: white;text-align: center;margin-bottom: 10px;}
  .samotny_graf {background-color: white; height: 20px; width: 90%; max-width: 500px; position: relative; z-index: 150545; margin: 0 auto; border-radius: 10px; display: flex; overflow: hidden;}
  .samotny_graf span {width: 1%;}    
  .samotny_graf span.zluta {background-color: gold;}
  .samotny_graf span.bez_barvy {background-color: #555;}

  .posledni {      color: white; width: fit-content; margin: 0 auto; position: absolute; bottom: 50px; left: 50%; transform: translate(-50%, -50%);}
  .posledni p {        line-height: 32px; padding: 5px 10px; box-shadow: 0 0 0 1px #8080806b; border-radius: 7px; margin-bottom: 8px;    display: flex; align-items: center; width: 110px; justify-content: space-around;}
  .posledni p span.datum {    font-size: 20px; font-weight: 500;}
  .posledni p span.pocet {  font-size: 26px; font-weight: bold; color: #a7a7a7;    position: absolute; right: -23px;}
  .posledni p span.pocet_objednavek {    font-size: 42px; font-weight: bold; color: #ffd602;}
  .number {
    display: inline-block;
    position: relative;
    font-size: 2em;
}


#tride_nahled_three {width: 80%; display: none; position: absolute; height: 100%; border-radius: 10px; background-color: red;}

.archiv { position: absolute; width: 100%; z-index: 23435353535; padding: 0 20px; box-sizing: border-box; bottom: 20px;     display: flex; gap: 15px;}
.archiv .old { opacity: 0.7; padding-right: 15px; box-shadow: 2px 0px 0 -1px white; }
.archiv h1 {color: gold;font-size: 24px;}
.archiv p {color: #a7a7a7; font-weight: 500;}
.rok { display: flex ; align-items: center; gap: 12px; }
.rok { display: flex ; align-items: center; gap: 12px; }
.archiv .pocty {text-align: left;}

.posledni p {}
.posledni p:nth-of-type(3) {opacity: 0.65;}
.posledni p:nth-of-type(4) {opacity: 0.35;}
.posledni p:nth-of-type(5) {opacity: 0.15;}

.posledni { transform: translate(-50%, -20%); }



@media (max-width:600px) {
    #pocet_objednavek { top: 25%; }
    #pocet_prodano { top: 43%; }
    .posledni { transform: translate(-50%, -45%); }
    .graf_splatnosti { position: absolute; top: 25px; width: 100%; }

}