/* ==== GRID SYSTEM ==== */
    html,
    body {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
      left: 0;
      top: 0;
      font-size: 100%;
    }

    .bottom-line {

      border-bottom: 1px #e6e7e8 solid;
      padding-bottom: 5px;
      margin-bottom: 5px;

    }

    .container {
      width: 100%;
    }

    .row {
      position: relative;
      width: 100%;
    }

    .row [class^="col"] {
      float: left;
      margin: 2px 2%;
      min-height: 0.125rem;
    }

    .text-center {
      text-align: center;
    }
    
    .text-right {
      text-align: right;
    }

    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 {
      width: 96%;
    }

    .col-1-sm {
      width: 4.33%;
    }

    .col-2-sm {
      width: 12.66%;
    }

    .col-3-sm {
      width: 21%;
    }

    .col-4-sm {
      width: 29.33%;
    }

    .col-5-sm {
      width: 37.66%;
    }

    .col-6-sm {
      width: 46%;
    }

    .col-7-sm {
      width: 54.33%;
    }

    .col-8-sm {
      width: 62.66%;
    }

    .col-9-sm {
      width: 71%;
    }

    .col-10-sm {
      width: 79.33%;
    }

    .col-11-sm {
      width: 87.66%;
    }

    .col-12-sm {
      width: 96%;
    }


    .container .dflex {
      flex-direction: column;
    }

    .row::after {
      content: "";
      display: table;
      clear: both;
    }

    .hidden-sm {
      display: none;
    }

    @media only screen and (max-width: 44.99em) {
      .text-center-mobile {
        text-align: center !important;
      }

    }

    @media only screen and (min-width: 33.75em) {

      /* 540px */
      .container {
        width: 100%;
      }
    }

    @media only screen and (min-width: 45em) {

      /* 720px */
      .col-1 {
        width: 4.33%;
      }

      .col-2 {
        width: 12.66%;
      }

      .col-3 {
        width: 21%;
      }

      .col-4 {
        width: 29.33%;
      }

      .col-5 {
        width: 37.66%;
      }

      .col-6 {
        width: 46%;
      }

      .col-7 {
        width: 54.33%;
      }

      .col-8 {
        width: 62.66%;
      }

      .col-9 {
        width: 71%;
      }

      .col-10 {
        width: 79.33%;
      }

      .col-11 {
        width: 87.66%;
      }

      .col-12 {
        width: 96%;
      }

      .hidden-sm {
        display: block;
      }

      .container .dflex {
        flex-direction: row;
      }
    }

    body {
      background-color: pink;
    }

    .container {
      background-color: white;
    }


    .container .dflex {
      display: flex;
    }


    .container .vcenter {
      align-items: center;
    }

    @media only screen and (min-width: 60em) {

      /* 960px */
      .container {
        width: 100%;
        max-width: 1240px;
      }
    }
    
    /* konec gridu */

.helpText:after {display: none;}
.helpText {
    background-color: transparent;
    visibility: visible;
    color: #c0311a !important;
}

.EshopHomeState #contentOuter {
    padding-top: 0em;
    padding-bottom: 2em;
}
.EshopHomeState #middle {
    padding: 0;
}

 .LocalizationPanelView.v1 .combo .items .item.locale_ua {display: none;} 
 .LocalizationPanelView.v1 .combo.currency, .LocalizationPanelView.v1 .combo.currency:hover {
    background-color: #fff;
    background-image: none;
    border-color: #e6e7e8;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 0;
}
.LocalizationPanelView.v1 .combo.currency .items, .LocalizationPanelView.v1 .combo.currency:hover .items {
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.1);
    margin-top: 1px;
}

.se-button.se-webform-v2-slideup-trigger {
    position: fixed;
    right: 10%;
    bottom: 0;
    font-family: Arial, sans-serif;
    display: inline-block;
    left: 2% !important;
    width: 135px;
}


.se-webform-v2-slideup-container {
    bottom: 0px;
    left: 1%;
    width: 291px;
}
.detail-produkt-bg {
   background-position: left;
background-size: cover;
background-repeat: no-repeat;
position:relative;
}
.detail-produkt-text {
   float: right;
 margin: 0;
 position: relative;
 top: 50%;
 right:0px;
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
   margin-right: 6%;
}
.bily-text, .bily-text p {
color: white;
}
.sedy-text {
color: #404040;
}
.detailp80_b1 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_01.jpg');
} 
.detailp80_b1 .detail-produkt-text {
   width: 90% !important;
    text-align: center;
    padding-bottom: 0px;
    transform: translateY(0%) !important; 
    top: 6% !important;
}
.detailp80_b2 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_02.jpg');
} 
.detailp80_b2 .detail-produkt-text {
   width: 90% !important;
    text-align: center;
    padding-bottom: 0px;
    transform: translateY(0%) !important; 
    top: 10% !important;
}
.detailp80_b3 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_03.jpg');
} 
.detailp80_b3 .detail-produkt-text {
  width: 90% !important; 
top: 20% !important; 
text-align: left; 
padding-bottom: 9px;
}

.detailp80_b3 .nadpis_detail {
   position: absolute; 
top: 55px; 
left: 233px; 
}

.detailp80_b3 .obsah_detail {
width: 30%; position: absolute; top: 219px; left: 231px; ; line-height: normal;
}

.detailp80_b4 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_04.jpg');
} 
.detailp80_b4 .detail-produkt-text {
   width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;
}
.detailp80_b5 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_05.jpg');
} 
.detailp80_b5 .detail-produkt-text {
    width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;
}
.detailp80_b6 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_06.jpg');
} 
.detailp80_b6 .detail-produkt-text {
width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;
}
.detailp80_b7 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_07.jpg');
} 
.detailp80_b7 .detail-produkt-text {
width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;"
}

.detailp80_b7 .nadpis_detail {
position: absolute; 
top: 43px; 
left: 262px; 
text-align: left;
}

.detailp80_b7 .obsah_detail {
position: absolute; text-align: left; width: 30%; top: 188px; left: 260px; line-height: normal;
}
.detailp80_b8 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_08.jpg');
} 
.detailp80_b8 .detail-produkt-text {
width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;
}
.detailp80_b9 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_09.jpg');
} 
.detailp80_b9 .detail-produkt-text {
width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;
}
.detailp80_b10 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_10.jpg');
} 
.detailp80_b10 .detail-produkt-text {
width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;
}
.detailp80_b11 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_11.jpg');
} 
.detailp80_b11 .detail-produkt-text {
width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;
}
.detailp80_b12 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_12.jpg');
} 
.detailp80_b12 .detail-produkt-text {
width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;
}
.detailp80_b13 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_13.jpg');
} 
.detailp80_b13 .detail-produkt-text {
width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;
}
.detailp80_b14 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_14.jpg');
} 
.detailp80_b14 .detail-produkt-text {
width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;
}
.detailp80_b15 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_15.jpg');
} 
.detailp80_b15 .detail-produkt-text {
width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;
}
.detailp80_b16 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_16.jpg');
} 
.detailp80_b16 .detail-produkt-text {
width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;
}
.detailp80_b17 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_17.jpg');
} 
.detailp80_b17 .detail-produkt-text {
width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;
}
.detailp80_b18 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_18.jpg');
} 
.detailp80_b18 .detail-produkt-text {
width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;
}
.detailp80_b19 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_19.jpg');
} 
.detailp80_b19 .detail-produkt-text {
width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;"
}
.detailp80_b20 {
width: 100%; height: 590px !important; border-collapse: collapse; background-image: url('/data/user-content/popis_produkty/P80/P80_new/P80_20.jpg'); top: 50px;
} 
.detailp80_b20 .detail-produkt-text {
width: 90% !important; 
top: 20% !important; 
text-align: center; 
padding-bottom: 9px;
}
/* map svg */

.europe-map-wrapper .stat {
  stroke: #ffffff;
  fill: #424242;
  transition: all 0.3s;
  stroke-width: 1px;
}

.europe-map-wrapper .stat {
  fill: #e43048;
}

.europe-map-wrapper .stat.itfuture {
  fill: #61617a;
}


.europe-map-wrapper .svgcontainer {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  height: 700px;
}

.europe-map-wrapper svg, #svgmapy {
  width: auto;
  height: 700px;
  padding-bottom: 0%;
}

.text-center {
text-align:center;
}
.text-right {
text-align:right;
}
.text-left {
text-align:left;
}


.negate-position {
        position: unset !important;
    transform: none !important;
}

@media screen and (min-width: 1200px) {
    
.custom-block-wrapper {
display: block;
width: 100%;
height: auto;
position: relative;
}
.custom-block-wrapper > img {
width: 100% !important;
height: auto;
display: block;
}
.custom-block-inner-wrapper {
position: absolute; 
top: 50%; 
left: 50%; 
-ms-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%);
}
.custom-block-nadpis {
line-height:41px !important;
font-size:40px;
font-weight:600;
}
}
@media screen and (max-width: 1199px) {
    
.custom-block-wrapper {
display: block;
width: 100%;
height: auto;
}
.custom-block-wrapper > img {
width: 100% !important;
height: auto;
display: block;
}
.custom-block-inner-wrapper {
top: 50%; 
left: 50%; 
width: 100% !important;
font-size: 16px !important;
font-weight: 300;
line-height: 20px;
color: #404040 !important;
}
    
.custom-block-nadpis {
line-height: 34px !important;
font-size: 28px;
font-weight: 600;
color: #404040;
}
}

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

.europe-map-wrapper svg, #svgmapy {
    max-width: 100vw !important;
    height: auto !important;
    padding-top:10px;
    padding-bottom:10px;
}
    
.PDTabsMaster .tabulka, .responsive-table, .responsive-table tbody {
max-width: 100vw !important;
display: block;
height: auto !important;
text-align:center;
width:100% !important;
}


.PDTabsMaster .tabulka tr, .responsive-table tr {
width: 100% !important;
display: block;
}

.PDTabsMaster .tabulka tr:not(:first-of-type) {
padding-bottom: 10px;
padding-top: 10px;
border-bottom: solid 1px #e6e7e8 !important;
}

.responsive-table tr:not(:first-of-type) {
padding-bottom: 10px;
padding-top: 10px;
}

.PDTabsMaster .tabulka tr td, .responsive-table tr td {
    width: 100% !important;
display: block;
}
.PDTabsMaster .tabulka tr td:first-of-type {
font-weight:900;
}
}





/*homepage user content 4*/
#tabGrid {
    display: grid;
    font-size: calc(2em + .2vw);
}

#tabGrid > div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}

.tabGridTmpRow {
    grid-template-rows: repeat(1, auto);
}

.tabGridTmpCol {
    grid-template-columns: repeat(3, auto);
}

.t-item1 {
    grid-row-start: 1;
    grid-row-end: span 1;
    grid-column-start: 1;
    background-color: #ce4621;
}

.t-item2 {
    grid-row-start: 1;
    grid-row-end: span 1;
    grid-column-start: 2;
    background-color: #9c3519;
}

.t-item3 {
    grid-row-start: 1;
    grid-row-end: span 1;
    grid-column-start: 3;
    background-color: #692411;
}

#tabGrid .t-items {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

#tabGrid a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
}

#tabGrid a span {
    margin-top: 15px;
    position: absolute;
    bottom: 0;
}

#tabGrid img {
    max-height: 248px;
    height: auto;
    width: auto;
    padding-bottom: 3em;
    padding-top: 1em;
}

@media (max-width: 850px)
{
    #tabGrid {
        font-size: calc(1em + 1.2vw);
    }
    
    #tabGrid img {
        max-height: 170px;
    }
}

@media (max-width: 600px)
{
    #tabGrid {
        font-size: calc(.8em + .9vw);
    }
}

@media (max-width: 500px)
{
    #tabGrid {
        font-size: calc(.5em + .7vw);
    }

    #tabGrid img {
        max-height: 140px;
    }
}


/*homepage user content 2*/
.contentHP2{
    max-width: 100%;
    text-align: left;
    color: #3d3d3d;
    font-family: Roboto;
    line-height: 20px
}

.contentHP2 span{
    font-size: 1.7rem;
    font-weight: bold;
}

.contentHP2 p{
    font-size: 1.1em;
}

/*homepage user content 3*/
.gridBoxHP3{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}


.contentBoxHP3{
    display: flex;
    padding-top: 1em;
    padding-bottom: 1em;
}

.contentBoxHP3 {
    position: relative;
    margin: 0 0 15px 20px;
    padding: 4px 8px;
}

.contentBoxHP3::before {
    content: url('/$USER-CONTENT/hp_3/hp_check_blue.png');
    position: absolute;
    top: 16px;
    width: 2.5em;
    margin-right: 8px;
    padding: 6px;
    margin-left: -15px;
}

@media (max-width: 600px) {
    .gridNavBoxHP4 {
      grid-template-columns: 1fr;   
    }

    .contentNavBoxHP1,.contentNavBoxHP2,.contentNavBoxHP3{
        width: 50%;
    }

    .gridBoxHP3{
        grid-template-columns: 1fr;
    }
}

.FBook {
    margin-left: 3em;
    margin-top: -1em;
}

@media (max-width: 819px) {
    .FBook {
        margin-left: 0;
        margin-top: 0;
        max-width: 340px;
    }
}

@media (max-width: 719px) {
.wrapper-404 #UCContactForm {
    max-width: 100% !important;
}
    .margin-top-50-mobile {
        margin-top:50px !important;
    }
    
}
@media (min-width: 720px) {
.wrapper-404 #UCContactForm {
    grid-template-columns: 0fr 1fr !important;
}}

.wrapper-404 .ContactFormView textarea, .wrapper-404 .ContactFormView input {
 max-width: 100% !important;
}


/* Tech params  */
.sid-techparams{
  justify-content:center;
  background-color:transparent;
  margin:15px 0;
  padding:0;
}

/* jednotný vnitřní „content width“ (95% + 10px L/R) */
.sid-techparams .sid-tp-inner{
  --width_max:95%;
  padding-left:10px;
  padding-right:10px;
  justify-content:center;
}

/* Nadpis sekce */
.sid-techparams .sid-tp-title{
  --width_max:100%;
  background:#fff;
  border:1px solid #e6e6e6;
  border-left:6px solid #336;
  border-radius:12px;
  padding:10px 14px;
  box-shadow:0 1px 0 rgba(0,0,0,0.03);
  color:#336;
  letter-spacing:.03em;
  font-size:120%;
}

/* Karta */
.sid-techparams .sid-tp-card{
  --width_max:100%;
  background:#fbfbff;
  border:1px solid #e7e7f0;
  border-radius:16px;
  padding:16px;
}

/* Řádky (automaticky) */
.sid-techparams .sid-tp-card > .bsuc-flex2.bg0{
  padding:10px 0;
}

/* Oddělovače mezi řádky (automaticky, bez ručního border-top) */
.sid-techparams .sid-tp-card > .bsuc-flex2.bg0 + .bsuc-flex2.bg0{
  border-top:1px solid #ededf5;
}

/* Label/value bez tříd – bere se 1. a 2. child div v řádku */
.sid-techparams .sid-tp-card > .bsuc-flex2.bg0 > div:first-child{
  --width_max:20%;
  --width_0:100%;
  padding-right:12px;
  color:#555;
}

.sid-techparams .sid-tp-card > .bsuc-flex2.bg0 > div:nth-child(2){
  --width_max:80%;
  --width_0:100%;
  color:#111;
  line-height:1.55;
}

/* Spacer mezi sekcemi */
.sid-techparams .sid-tp-spacer{
  --width_max:100%;
  height:16px;
}

/* ITFutuRe – Legal docs (VOP look), scoped */
.itf-legal-doc{
  --itf-legal-pad: 16px;
  --itf-legal-gap: 12px;
  --itf-legal-border: 1px solid #e6e6e6;
  --itf-legal-radius: 16px;
  --itf-legal-muted: #5a6472;
  --itf-legal-text: #141b23;
  --itf-legal-bg: #ffffff;
  --itf-legal-bg-soft: #f6f7f9;

  width: 100%;
  margin: 0 auto;
  padding: 0 12px;
  color: var(--itf-legal-text);
  line-height: 1.65;
  box-sizing: border-box;
}

.itf-legal-doc *,
.itf-legal-doc *::before,
.itf-legal-doc *::after{ box-sizing: border-box; }

.itf-legal-doc a{
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  word-break: break-word;
}

.itf-legal-doc p{ margin: 0; }
.itf-legal-doc p + p{ margin-top: 10px; }

/* HEAD karta */
.itf-legal-doc__head{
  background: var(--itf-legal-bg);
  border: var(--itf-legal-border);
  border-radius: var(--itf-legal-radius);
  padding: calc(var(--itf-legal-pad) + 4px) var(--itf-legal-pad);
  margin-bottom: 14px;
}

.itf-legal-doc__head h3{
  margin: 0;
  line-height: 1.35;
  font-size: 22px;
}

.itf-legal-doc__head p{
  margin-top: 10px;
  color: var(--itf-legal-muted);
}

/* CONTACT soft karta */
.itf-legal-doc__contact{
  background: var(--itf-legal-bg-soft);
  border: var(--itf-legal-border);
  border-radius: var(--itf-legal-radius);
  padding: var(--itf-legal-pad);
  margin-bottom: 18px;
}

/* SEKCE karta */
.itf-legal-doc__section{
  background: var(--itf-legal-bg);
  border: var(--itf-legal-border);
  border-radius: var(--itf-legal-radius);
  padding: var(--itf-legal-pad);
  margin-top: 14px;
  overflow: hidden;

  display: flex;
  gap: var(--itf-legal-gap);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
}

/* levý “pill” s číslem sekce */
.itf-legal-doc__secno{
  flex: 0 0 56px;
  max-width: 56px;
  text-align: center;
  background: var(--itf-legal-bg-soft);
  border: var(--itf-legal-border);
  border-radius: 14px;
  padding: 10px 8px;

  font-weight: 800;
  font-size: 18px;
  line-height: 1.2;
}

/* pravý obsah sekce */
.itf-legal-doc__content{
  flex: 1 1 auto;
  min-width: 0;
}

/* titulek sekce */
.itf-legal-doc__title{
  margin: 2px 0 10px 0;
  font-size: 18px;
  font-weight: 800;
}

/* ITEM řádek */
.itf-legal-doc__item{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 12px;
  width: 100%;
  min-width: 0;
}
.itf-legal-doc__item:first-of-type{ margin-top: 0; }

/* číslo itemu */
.itf-legal-doc__itemno{
  flex: 0 0 54px;
  max-width: 54px;
  font-weight: 700;
  color: var(--itf-legal-muted);
}

/* text itemu */
.itf-legal-doc__itemtext{
  flex: 1 1 auto;
  min-width: 0;
}
.itf-legal-doc__itemtext p{ margin: 0; }
.itf-legal-doc__itemtext p + p{ margin-top: 10px; }

/* mobil */
@media (max-width: 600px){
  .itf-legal-doc{ padding: 0px; }

  .itf-legal-doc__section{
    flex-direction: column;
    gap: 10px;
  }

  .itf-legal-doc__secno{
    flex: none;
    width: 100%;
    max-width: 100%;
    display: block;
    text-align: left;
    padding: 10px 12px;
    border-radius: 12px;
    overflow: hidden;
    font-size: 16px;
  }

  .itf-legal-doc__item{
    flex-direction: column;
    gap: 6px;
    margin-top: 14px;
  }

  .itf-legal-doc__itemno{
    flex: none;
    width: 100%;
    max-width: 100%;
  }
}

/* CLS fix */
#CookiesConfirmation { visibility: hidden !important; }
html.itf-clsfix-cookie-ready #CookiesConfirmation { visibility: visible !important; }

/* JS fallback */
#CookiesConfirmation { animation: itfCookieFailSafe 0s linear 2s forwards; }
@keyframes itfCookieFailSafe { to { visibility: visible; } }

html { scrollbar-gutter: stable; }

.itf-seocat {
	margin:28px 0 10px 0;
}

/* ÚVOD */
.itf-seocat .itf-seocat-intro {
	max-width:1050px;
	margin:0 auto 22px auto;
	text-align:center;
}

/* TEXT */
.itf-seocat .itf-seocat-text {
	max-width:1050px;
	margin:0 auto 26px auto;
	text-align:left;
}

.itf-seocat .itf-seocat-text p,
.itf-seocat .itf-seocat-text .txtHp {
	text-align:left;
}

.itf-seocat .itf-seocat-text p {
	margin:0 0 12px 0;
}

/* FAQ */
.itf-seocat .itf-seocat-faq {
	max-width:1050px;
	margin:28px auto 24px auto;
}

/* Kompaktní hlavička FAQ */
.itf-seocat .itf-seocat-faq-title {
	max-width:820px;
	margin:0 auto 16px auto;
	text-align:center;
}

.itf-seocat .itf-seocat-faq-title .h2-Uc3 {
	margin:0 0 7px 0;
}

.itf-seocat .itf-seocat-faq-title p,
.itf-seocat .itf-seocat-faq-title .txtHp:last-child {
	margin:0;
}

/* FAQ položka */
.itf-seocat .itf-seocat-faq details {
	width:100%;
	box-sizing:border-box;
	background:#fff;
	border:1px solid var(--color-main-200);
	border-radius:8px;
	margin:0 0 8px 0;
	overflow:hidden;
}

.itf-seocat .itf-seocat-faq summary {
	position:relative;
	display:block;
	width:100%;
	min-height:48px;
	box-sizing:border-box;
	cursor:pointer;
	list-style:none;
	padding:13px 48px 13px 16px;
	text-align:left;
	user-select:none;
	white-space:normal;
	overflow-wrap:break-word;
	word-break:normal;
	font-weight:700;
}

.itf-seocat .itf-seocat-faq summary::-webkit-details-marker {
	display:none;
}

.itf-seocat .itf-seocat-faq summary::marker {
	content:"";
}

/* Plus / minus – kreslené CSS, nezávislé na fontu */
.itf-seocat .itf-seocat-faq summary::before,
.itf-seocat .itf-seocat-faq summary::after {
	content:"";
	position:absolute;
	top:50%;
	background:var(--color-main-500);
	border-radius:1px;
	pointer-events:none;
}

/* Vodorovná čárka */
.itf-seocat .itf-seocat-faq summary::before {
	right:18px;
	width:12px;
	height:2px;
	transform:translateY(-50%);
}

/* Svislá čárka */
.itf-seocat .itf-seocat-faq summary::after {
	right:23px;
	width:2px;
	height:12px;
	transform:translateY(-50%);
}

/* Po otevření zmizí svislá čárka = minus */
.itf-seocat .itf-seocat-faq details[open] summary::after {
	display:none;
}

.itf-seocat .itf-seocat-faq details[open] summary {
	border-bottom:1px solid var(--color-main-200);
}

/* FAQ odpověď */
.itf-seocat .itf-seocat-faq-answer {
	display:block;
	box-sizing:border-box;
	width:100%;
	max-width:100%;
	padding:14px 48px 16px 16px;
	text-align:left;
	overflow-wrap:break-word;
	word-break:normal;
}

.itf-seocat .itf-seocat-faq-answer p,
.itf-seocat .itf-seocat-faq-answer .txtHp {
	margin:0;
	text-align:left;
}

/* CTA */
.itf-seocat .itf-seocat-cta {
	display:flex;
	width:fit-content;
	max-width:100%;
	margin:26px auto 0 auto;
	align-items:center;
	justify-content:center;
	gap:12px;
	text-align:left;
}

.itf-seocat .itf-seocat-cta-text {
	display:inline-block;
	width:auto;
	max-width:900px;
	flex:0 1 auto;
}

.itf-seocat .itf-seocat-btn {
	display:inline-block;
	flex:0 0 auto;
	white-space:nowrap;
	padding:10px 18px;
	color:var(--primary-button-text-color);
	background:var(--primary-button-color);
	border:var(--primary-button-border);
	border-radius:var(--button-border-radius);
	text-decoration:none;
	transition:background-color .2s ease;
}

.itf-seocat .itf-seocat-btn:hover {
	background-color:var(--color-success-500);
	color:#fff;
	text-decoration:none;
}

/* TRUST / BENEFITY */
.itf-seocat .itf-seocat-trust {
	background:transparent;
	border:1px solid var(--color-main-200);
	border-radius:8px;
	padding:10px 8px;
	margin:24px 0;
}

.itf-seocat .itf-seocat-benefit {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	padding:7px 12px;
	box-sizing:border-box;
}

.itf-seocat .itf-seocat-benefit img {
	width:27px;
	height:27px;
	flex:0 0 27px;
}

.itf-seocat .itf-seocat-benefit-text {
	text-align:left;
}

/* TABLET / MOBIL */
@media (max-width:767px) {
	.itf-seocat .itf-seocat-cta {
		width:100%;
		flex-direction:column;
		gap:10px;
		text-align:center;
	}

	.itf-seocat .itf-seocat-cta-text {
		max-width:100%;
	}
}

@media (max-width:599px) {
	.itf-seocat {
		margin-top:24px;
	}

	.itf-seocat .itf-seocat-faq {
		margin-top:24px;
	}

	.itf-seocat .itf-seocat-faq-title {
		margin-bottom:14px;
	}

	.itf-seocat .itf-seocat-faq summary {
		min-height:44px;
		padding:11px 40px 11px 14px;
	}

	.itf-seocat .itf-seocat-faq summary::before {
		right:13px;
	}

	.itf-seocat .itf-seocat-faq summary::after {
		right:18px;
	}

	.itf-seocat .itf-seocat-faq-answer {
		padding:12px 40px 14px 14px;
	}
}

/* Oprava horizontalniho overflow spodního strankovani na mobilu */
@media (max-width: 600px) {
    #CompoundPagingBottom {
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #CompoundPagingBottom .PagingView {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        flex-wrap: wrap !important;
    }
}