/* Obecné úpravy FANSHOPS */
header#header{border-image:linear-gradient(#f6b73c,#FAB800) 45;border-width:0 0 3px 0;border-style:solid}
#navigation ul.menu-level-1>li>a b{font-weight:300;font-size:17px;letter-spacing:.5px}
.menu-helper:after{filter:invert(1)}
#header .btn-default{transform:none;font-family:'Raleway',sans-serif;font-weight:700;letter-spacing:1px}
#header .btn-default:hover{background-color:#FFCC01!important}
.id-27 .content-inner article img{max-width:none!important}
.h4,.product-top h1{font-weight:800!important;letter-spacing:1px;font-family:'Raleway';text-transform:uppercase;transform:skew(-6deg)}
#navigation ul.menu-level-1>li.ext.exp{background:#1A1A18}
#navigation ul.menu-level-1>li .menu-level-2{background:#1A1A18}
#navigation ul.menu-level-1>li .menu-level-2 li.has-third-level.clicked>div .menu-level-3{background:#1A1A18}
#navigation ul.menu-level-1>li .menu-level-2 li.has-third-level.clicked>div{background:#1A1A18}
#header .responsive-tools a:hover{color:#FFCC01}
.products-block.products .product .p .name{font-weight:700!important;letter-spacing:.5px;font-family:'Raleway';text-transform:uppercase;transform:skew(-6deg)}
.products-inline.products .product .p:hover{border:1px solid #FFCC01}
.category-top .product .p{height:100%}
aside #categories a:hover{text-decoration:underline}
.quantity input{border-radius:0}
#header .navigation-buttons .btn.cart-count i{background-color:#fff!important;color:black}
.slick-slider .slick-arrow{background-color:#0547ff!important;filter:invert(1);border:1px solid #0547ff!important}
.slick-slider .slick-arrow:hover{border:1px solid #fff!important}
.subcategories.with-image li a:hover,.slick-slider .slick-arrow:hover{border:1px solid #fab800cc}
#content article{max-width:none}
.id-39 .content-inner p{font-family:'Raleway',sans-serif;line-height:1.4em}
.id-741 .check-list-class>:nth-child(1){width:100%}
.id-741 .check-list-class>:nth-child(2){width:100%}
.section-banner2 h3{font-size:30px!important}
.paticka-loga-bile{background-color:white;width:100%;display:flex;flex-wrap:wrap;padding:8px;justify-content:space-evenly}
.fs-team-strip__head p{display:none}

/* Homepage, carousel a karty výhod */
.content-wrapper.homepage-box.welcome-wrapper{margin:0 auto 32px!important;padding:24px 0 0}
.before-carousel{padding:0 0 38px}
.banners-row{display:block!important;max-width:1200px;margin:0 auto!important}
.banners-row>.col-sm-8{float:none!important;width:100%!important;padding:0!important}
.banners-row>.col-sm-4,.favorit-banner{display:none!important}
.banners-row #carousel,.banners-row #carousel .carousel-inner,.banners-row #carousel .item{height:auto!important;min-height:0!important;margin:0!important}
.banners-row #carousel .carousel-slide-box{position:relative!important;height:auto!important;min-height:0!important}
.banners-row #carousel img{position:static!important;inset:auto!important;transform:none!important;display:block;width:100%!important;height:auto!important;min-height:0!important;object-fit:contain!important}
.banners-row .carousel-slide-caption{position:absolute!important;z-index:5;inset:auto!important;transform:none!important;display:block!important;width:auto!important;height:auto!important;padding:0!important;background:transparent!important}
.banners-row .item:nth-child(1) .carousel-slide-caption{right:7%!important;bottom:6%!important}
.banners-row .item:nth-child(2) .carousel-slide-caption{right:7%!important;bottom:6%!important}
.banners-row .carousel-slide-caption .button{position:relative!important;inset:auto!important;margin:0!important}
.benefitBanner.position--benefitHomepage{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 46px;padding:0;background:transparent}
.benefitBanner.position--benefitHomepage .benefitBanner__item{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:18px;width:100%!important;min-height:126px;margin:0!important;padding:24px 24px 24px 44px;background:#fff;border:1px solid #e5e5e0;box-shadow:0 8px 24px rgba(0,0,0,.06);overflow:hidden;animation:fsBenefitIn .55s ease both,box-shadow .25s ease,border-color .25s ease}
.benefitBanner.position--benefitHomepage .benefitBanner__item:nth-child(2){animation-delay:.1s}
.benefitBanner.position--benefitHomepage .benefitBanner__item:nth-child(3){animation-delay:.2s}
.benefitBanner.position--benefitHomepage .benefitBanner__item:hover{transform:translateY(-5px);border-color:#FAB800;box-shadow:0 15px 34px rgba(0,0,0,.12)}
.benefitBanner.position--benefitHomepage .benefitBanner__item:before{content:'';position:absolute;inset:0 auto 0 0;width:6px;background:#FAB800}
.benefitBanner.position--benefitHomepage .benefitBanner__picture{flex:0 0 62px;width:62px;margin:0;transition:transform .25s ease}
.benefitBanner.position--benefitHomepage .benefitBanner__img{display:block;width:62px;height:62px;object-fit:contain}
.benefitBanner.position--benefitHomepage .benefitBanner__content{min-width:0;text-align:left}
.benefitBanner.position--benefitHomepage .benefitBanner__title{display:block;margin:0 0 3px;color:#1A1A18;font-family:'Raleway',sans-serif;font-size:15px;font-weight:800;line-height:1.2;text-transform:uppercase}
.benefitBanner.position--benefitHomepage .benefitBanner__data{color:#555;font-family:'Raleway',sans-serif;font-size:13px;line-height:1.3;text-transform:uppercase}
@keyframes fsBenefitIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:767px){
  .content-wrapper.homepage-box.welcome-wrapper{margin-bottom:24px!important;padding-top:40px}
  .fs-register-carousel .carousel1-desktop,.fs-register-carousel .carousel2-desktop{display:block!important}
  .fs-register-carousel .carousel1-phone,.fs-register-carousel .carousel2-phone,.registrace-tymu .registruj-phone{display:none!important}
  .registrace-tymu .registruj-desktop{display:block!important}
  .banners-row .fs-register-carousel .item .carousel-slide-caption #button-2{box-sizing:border-box!important;width:142px!important;min-width:0!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important}
  .banners-row .carousel-slide-caption .button a{font-size:13px!important}
  .banners-row .item:nth-child(1) .carousel-slide-caption{right:12px!important;bottom:9px!important}
  .banners-row .item:nth-child(2) .carousel-slide-caption{right:12px!important;bottom:9px!important}
  .benefitBanner.position--benefitHomepage{grid-template-columns:1fr;gap:12px;margin-bottom:34px}
  .benefitBanner.position--benefitHomepage .benefitBanner__item{min-height:108px;padding:20px 18px 20px 26px}
}
@media(prefers-reduced-motion:reduce){.benefitBanner.position--benefitHomepage .benefitBanner__item{animation:none;transition:none}}