/* RF v popupu přihlášení */

.account-cons li:before {
    background-image: url(/data/user-content/HP-New/Icon-feather-check-circle.svg);
}



h1 {text-align:left;}

.SideBannerView.v1.v1a.absolute.SideBannerRight { top: -41px; }

#Master .IntroductionPopup .introPopup {z-index:10;}
/* ZK - zakomentováno prorože to mění pozadí dialogu po vložení do košíku pro maďarskou mutaci
.hr {
  height: 1px;
  background-color: #ff7600;
  color: #ff7600;
  border none;
}
*/

.magazin:hover {background:#f2732b;}
.magazin {background:#018dda;}

/* Responsive table: */ 

@media screen and (max-width: 600px) {
  .tabulkaresponziv table, .tabulkaresponziv th, .tabulkaresponziv td, .tabulkaresponziv tr, .tabulkaresponziv thead, .tabulkaresponziv tbody {
    display: block;
    border: none;
    text-align: center;
  }
  
  .tabulkaresponziv tr {
    padding: .5em;
    border-bottom: 1px solid darkgrey;
  }
  
  .tabulkaresponziv table {
    border-top: 1px solid darkgrey;
  }
}

/* Responsive patička země */ 

.polozkaZeme {
    width: 4.16666%; width: -webkit-calc(100% / 24); width: calc(100% / 24);
    height: auto;
    float: left;
    text-align: center;
}

.obalZeme {
    overflow: hidden;
}

.vnitrekZeme {
    padding: 1em;
    margin: 0em;
    border: 0px;
}


@media (max-width: 900px) {
    .polozkaZeme {width: 8.33333%}
}


@media (max-width: 600px) {
    .polozkaZeme {width: 25%}
}

/* Responsive 3 boxy: */ 

.polozka {
    width: 33.33333%; width: -webkit-calc(100% / 3); width: calc(100% / 3);
    height: auto;
    float: left;
    text-align: center;
}

.obal {
    overflow: hidden;
}

.vnitrek {
    padding: 3em;
    margin: 0em;
    border: 0px;
}


@media (max-width: 900px) {
    .polozka {width: 50%}
}


@media (max-width: 600px) {
    .polozka {width: 100%}
}

/* Responsive 4 boxy: */ 

.polozka100 {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
}

.obal100 {
    overflow: hidden;
}

.vnitrek100 {
    padding: 0em;
    margin: 0em;
    border: 0px;
}


@media (max-width: 1150px) {
    .polozka100 {width: 75%}
}


@media (max-width: 600px) {
    .polozka100 {width: 50%}
}

/* Responsive 4 boxy: */ 

.polozka1 {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
}

.obal1 {
    overflow: hidden;
}

.vnitrek1 {
    padding: 3em;
    margin: 0em;
    border: 0px;
}


@media (max-width: 1150px) {
    .polozka1 {width: 50%}
}


@media (max-width: 600px) {
    .polozka1 {width: 100%}
}

/* Responsive 2 boxy BLOG!: */ 

.polozka20 {
    width: 50%;
    height: auto;
    float: left;
    text-align: left;

}

.obal20 {
    overflow: hidden;
}

.vnitrek20 {
    padding: 0em;
    margin: 0em;
    border: 0px;
}


@media (max-width: 1150px) {
    .polozka20 {width: 50%;}
}


@media (max-width: 600px) {
    .polozka20 {width: 100%;}
}
/* Responsive 2 boxy 70/30: */ 

.polozka15 {
    width: 80%;
    height: auto;
    float: left;
    text-align: left;
}
.poloz15 {
    width: 20%;
    height: auto;
    float: left;
    text-align: left;
}

.obal15 {
    overflow: hidden;
}

.vnitrek15 {
    padding: 0em;
    margin: 0px;
    border: 0px;
}


@media (max-width: 1150px) {
    .polozka15 {width: 80%}
    .poloz15 {width: 20%}
}


@media (max-width: 600px) {
    .polozka15 {width: 100%}
    .poloz15 {width: 100%}
}

/* Responsive 2 boxy: */ 

.polozka4 {
    width: 50%;
    height: auto;
    float: left;
    text-align: center;
}

.obal4 {
    overflow: hidden;
}

.vnitrek4 {
    padding: 0em;
    margin: 5px;
    border: 0px;
}


@media (max-width: 1150px) {
    .polozka4 {width: 50%}
}


@media (max-width: 600px) {
    .polozka4 {width: 100%}
}
/* Responsive 5 boxy */ 

.polozka50 {
    width: 20%;
    height: auto;
    float: left;
    text-align: center;
}

.obal50 {
    overflow: hidden;
    
}

.vnitrek50 {
    padding: 1em;
    margin: 1em;
    border: 1px solid #0090d9;
}


@media (max-width: 1150px) {
    .polozka50 {width: 50%}
}


@media (max-width: 600px) {
    .polozka50 {width: 100%}
}

/* Responsive 5 boxy - doprava: */ 

.polozka5 {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
}

.obal5 {
    overflow: hidden;
    
}

.vnitrek5 {
    padding: 2em;
    margin: 2em;
    border: 1px solid #0090d9;
}


@media (max-width: 1150px) {
    .polozka5 {width: 50%}
}


@media (max-width: 600px) {
    .polozka5 {width: 100%}
}

/* Responsive 3 boxy okraj: */ 

.polozka30 {
    width: 33%;
    height: auto;
    float: left;
    text-align: center;
}

.obal30 {
    overflow: hidden;
}

.vnitrek30 {
    padding: 2em;
    margin: 2em;
    border: 1px solid #00a1e7;
}


@media (max-width: 1150px) {
    .polozka30 {width: 50%}
}


@media (max-width: 600px) {
    .polozka30 {width: 100%}
}

/* Responsive 5 boxy bez ramovani */ 

.polozka500 {
    width: 20%;
    height: auto;
    float: left;
    text-align: center;
}

.obal500 {
    overflow: hidden;
    
}

.vnitrek500 {
    padding: 1em;
    margin: 1em;
    border: 0px;
}


@media (max-width: 1150px) {
    .polozka50 {width: 50%}
}


@media (max-width: 600px) {
    .polozka50 {width: 100%}
}

/* Responsive 5 jeden box: */ 

.polozka6 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}

.obal6 {
    overflow: hidden;
    
}

.vnitrek6 {
    padding: 2em;
    margin: 2em;
    border: 1px solid #0090d9;
}



/* Responsive paticka: */ 

.polozka2 {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
}

.obal2 {
    overflow: hidden;
    background: #0090d9;
    padding: 1em;
}

.vnitrek2 {
    padding: 0em;
    margin: 0em;
    border: 0px;
}


@media (max-width: 1150px) {
    .polozka2 {width: 50%}
}


@media (max-width: 600px) {
    .polozka2 {width: 100%}
}
.obal3 {
    overflow: hidden;
    background: #f6f7f7;
    padding: 0em;
}
@media screen and (max-width: 1200px) {			
		.mobile_padd{padding: 10px 0 0 0 !important;}
		.na_h1{font-size: 30px !important; line-height: 25px !important;}
        .pha_resp { width: 96% !important; max-width: 100% !important; height: auto !important; }
		.product-card-button{width: 100% !important;}
		.sub_heading{padding: 5px !important; font-size: 20px !important;}
         table.center {margin:0px auto!important; float:none!important;}
		.foot .col {display:block!important; box-sizing: border-box!important; width:100%!important;}
		.no-padding {padding-left:0px!important;padding-right:0px!important;}
		.col-foot {width:320px!important;}
		.col-foot .con {padding-right:30px!important;padding-left:30px!important;}
        }
			
		@media screen and (min-width: 1201px) {
		.mobile_padd{padding: 10px 0 0 0 !important;}
		.na_h1{font-size: 25px !important;}
		.product-card{width: 100% !important;}
		.pha_resp { width: 96% !important; max-width: 100% !important; height: auto !important; }
             table.center {margin:0px auto!important; float:none!important;}
		.foot .col {display:block!important; box-sizing: border-box!important; width:100%!important;}
		.no-padding {padding-left:0px!important;padding-right:0px!important;}
		.col-foot {width:320px!important;}
		.col-foot .con {padding-right:30px!important;padding-left:30px!important;}
		}

/*		
@media (min-width: 700px){
a.denyLink {
    position:relative; left:200px; top:0px; 
}}
@media (min-width: 700px){
a.settingsLink {
    position:relative; left:200px; top:0px; 
}}
@media (min-width: 700px){
a.allowLink {
    position:relative; right:200px; top:0px; 
}}
@media (min-width: 700px){
a.allowSelectedLink {
    position:relative; left:200px; top:0px; 
}}
@media (min-width: 700px){
a.allowAllLink {
    position:relative; right:200px; top:0px; 
}}
*/




.FooterUserContent, .FooterUserContent2 {
    max-width: 89vw;
}

.AddToCartView>.quantity {width: 70px; }
.AddToCartView>.quantity > input {font-size: 15px;}
.AddToCartView.v1 .button.buy {margin-left: 15px;}


/*TB 113 255 start*/
@media all and (min-width: 720px){
    .mobil  {
        display: none;
        visibility: hidden;
   }
   
}
@media all and (max-width: 719px){

    .desktop  {
        display: none;
        visibility: hidden;
   }
}
/*TB 113 255 end*/

/* Přepínání */
input.rozbalovac {display: none;}
input[type=checkbox]:checked + .rozbalovaci .obsah {display: block;}
.rozbalovaci > .obsah {display: none;}

/* Styl přepínátka */
.rozbalovaci > label {
  display: block; cursor: pointer; background: #fff; color: #000; padding: 2em .8em; border: #000 1px solid;
}


/* Nepodstatný styl „obsahu“ */
.rozbalovaci > .obsah {background: #f8f8f8; padding: 1em; border-left:#000 1px solid;border-right:#000 1px solid;border-bottom:#000 1px solid;}

/* STREFA – moderní popisy produktů (feed) */
.strefa-desc{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  line-height: 1.55;
  color: #111;
}

.strefa-desc h3{
  margin: 14px 0 8px;
  font-size: 15px;
  letter-spacing: .2px;
}

.strefa-desc p{
  margin: 8px 0;
  font-size: 14px;
}

.strefa-desc ul{
  margin: 8px 0 0 18px;
  padding: 0;
}

.strefa-desc li{
  margin: 6px 0;
  font-size: 14px;
}

.strefa-desc strong{
  font-weight: 600;
}

.strefa-desc .muted{
  opacity: .85;
}

/* === Category intro / hero blocks === */
.cat-hero{
  padding:16px 0;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.cat-hero__text{
  margin-bottom:14px;
}

.cat-hero__text h2{
  margin:0 0 8px;
  font-size:22px;
  line-height:1.25;
  font-weight:600;
}

.cat-hero__text p{
  margin:0;
  max-width:72ch;
}

.cat-points{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}

.cat-points li{
  padding:10px 14px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  line-height:1.45;
}

.cat-points li strong{
  font-weight:600;
}

.cat-note{
  margin-top:14px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(0,0,0,.03);
}

.cat-note p{
  margin:0;
}

.muted{
  opacity:.75;
}

@media (max-width: 768px){
  .cat-hero{
    padding:12px 0;
  }

  .cat-hero__text h2{
    font-size:20px;
  }
}
