/* =========================================================
   ZLATO Z OLIV – ZÁKLADNÍ HEAD STYLY
   Přesunuto z inline <style> bloku v Shoptetu
   ========================================================= */

html,body{
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}

.information-banner,
.information-banner-cont,
.information-banner-content,
.top-navigation-bar{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  color:#fff!important;
  background:#253511!important;
  border:0!important;
}

.information-banner-content,
.information-banner .container,
.information-banner-cont .container{
  width:100%!important;
  max-width:1450px!important;
  min-height:38px!important;
  margin:0 auto!important;
  padding:7px 24px!important;
  box-sizing:border-box!important;
  color:#fff!important;
  background:#253511!important;
  text-align:center!important;
  font-size:12px!important;
  line-height:24px!important;
  font-weight:600!important;
  letter-spacing:.03em!important;
  white-space:nowrap!important;
}

.information-banner-content br,
.information-banner .container br,
.information-banner-cont .container br{
  content:""!important;
  display:inline-block!important;
  width:55px!important;
}

.information-banner *,
.information-banner-cont *,
.information-banner-content *,
.top-navigation-bar *{
  color:#fff!important;
}

.information-banner .close,
.information-banner .information-banner-close,
.information-banner [class*="close"]{
  color:#fff!important;
}

.zzo-topbar{
  width:100%!important;
  min-height:38px!important;
  margin:0!important;
  padding:7px 24px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:60px!important;
  box-sizing:border-box!important;
  color:#fff!important;
  background:#253511!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:600!important;
  letter-spacing:.03em!important;
  text-align:center!important;
}

.zzo-topbar-item{
  width:auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  color:#fff!important;
  white-space:nowrap!important;
}

.zzo-topbar-item,
.zzo-topbar-item span{
  color:#fff!important;
}

.zzo-topbar-icon{
  color:#c9a442!important;
  font-size:15px!important;
  line-height:1!important;
}

.benefitBanner{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:#faf8f2!important;
}

.benefitBanner__item{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  min-height:105px!important;
  margin:0!important;
  padding:15px 18px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  float:none!important;
  box-sizing:border-box!important;
  border-right:1px solid #e4dbc9!important;
  border-bottom:0!important;
  background:#faf8f2!important;
}

.benefitBanner__item:last-child{
  border-right:0!important;
}

.benefitBanner__picture{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  margin:0!important;
  padding:0!important;
}

.benefitBanner__picture img{
  display:block!important;
  width:42px!important;
  height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  margin:0!important;
  object-fit:contain!important;
}

.benefitBanner__content{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}

.benefitBanner__title{
  margin:0 0 4px!important;
  padding:0!important;
  color:#273019!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-transform:uppercase!important;
}

.benefitBanner__data{
  margin:0!important;
  padding:0!important;
  color:#55584f!important;
  font-size:11px!important;
  line-height:1.35!important;
}

@media(max-width:991px){
  .benefitBanner{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .benefitBanner__item{
    border-bottom:1px solid #e4dbc9!important;
  }

  .benefitBanner__item:nth-child(2n){
    border-right:0!important;
  }

  .benefitBanner__item:last-child{
    grid-column:1/-1!important;
    border-right:0!important;
    border-bottom:0!important;
  }

  .zzo-topbar{
    gap:25px!important;
  }
}

@media(max-width:767px){
  .information-banner-content,
  .information-banner .container,
  .information-banner-cont .container{
    min-height:34px!important;
    padding:7px 12px!important;
    font-size:11px!important;
    line-height:20px!important;
    white-space:normal!important;
  }

  .information-banner-content br,
  .information-banner .container br,
  .information-banner-cont .container br{
    display:none!important;
  }

  .zzo-topbar{
    min-height:34px!important;
    padding:7px 12px!important;
    gap:0!important;
    font-size:11px!important;
  }

  .zzo-topbar-item{
    display:none!important;
  }

  .zzo-topbar-item:first-child{
    display:flex!important;
  }
}

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

  .benefitBanner__item,
  .benefitBanner__item:last-child{
    grid-column:auto!important;
    min-height:64px!important;
    padding:10px 15px!important;
    justify-content:flex-start!important;
    border-right:0!important;
    border-bottom:1px solid #e4dbc9!important;
  }

  .benefitBanner__item:last-child{
    border-bottom:0!important;
  }

  .benefitBanner__picture{
    flex-basis:32px!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
  }

  .benefitBanner__picture img{
    width:32px!important;
    height:32px!important;
    max-width:32px!important;
    max-height:32px!important;
  }
}

.information-banner,
.information-banner-cont,
.information-banner-content,
.information-banner .container,
.information-banner-cont .container,
.zzo-topbar{
  background:#253511!important;
}

.information-banner-content,
.information-banner .container,
.information-banner-cont .container,
.zzo-topbar{
  box-shadow:0 0 0 100vmax #253511!important;
  clip-path:inset(0 -100vmax)!important;
}

.information-banner .close,
.information-banner .information-banner-close,
.information-banner [class*="close"]{
  color:#fff!important;
  background:transparent!important;
}

.benefitBanner{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}

.benefitBanner-position,
.benefitBanner-wrapper,
.benefitBannerWrapper{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}