body {font-family: 'Poppins', sans-serif;}
.skillbar {position:relative; display:block;margin-bottom:15px; width:100%; background:#eee; height:35px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color;}
.skillbar-title { position:absolute; top:0; left:0; font-weight:bold; font-size:13px; color:#fff; background:#6adcfa; }
.skillbar-title span { display:block; padding:0 20px; height:35px; line-height:35px; }
.skillbar-bar { height:35px; width:0px; background:#6adcfa;}
.skill-bar-percent { position:absolute; right:10px; top:0; font-size:11px; height:35px; line-height:35px; color:#444; color:rgba(0, 0, 0, 0.4); }
.skillbar-bar {background: linear-gradient(to right, #A312D3, #730CDB, #4E07E2, #4006E5) !important;}
.p-data-wrapper .select-wrapper::after{display: none;}
.radio-buttons-wrapper{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:8px;
}

/* schovat radio */
.radio-buttons-wrapper input[type="radio"]{
    display:none;
}

/* tlačítko */
.radio-buttons-wrapper label{
padding: 12px 16px !important;
  border: 1px solid #000;
  font-size: 15px;
  cursor: pointer;
}

/* hover */
.radio-buttons-wrapper label:hover{
   box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

/* aktivní varianta */
.radio-buttons-wrapper input[type="radio"]:checked + label{
background: #000;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  font-weight: 700;
  color: #fff;
}
.radio-buttons-wrapper label::before, .radio-buttons-wrapper label::after{display: none !important;}
.footer-banner a{background-color: rgba(53, 8, 68, 0.1);}
/*.footer-banner a::before{content: "" !important;position: absolute !important;top: 0;left: 0;height: 100% !important;width: 100% !important;display: block !important;background-color: #3508448A;transition: none !important;right: auto !important;bottom: auto !important;transform: none !important;}
.footer-banner a::after{display: none !important;}*/
@media screen and (min-width: 768px){
    .header-bottom {background-color: #fff;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;}
    .navigation-in > ul > li > a {color: #000;text-transform: none;font-size: 16px;padding: 0 16px !important;}
    .navigation-in ul li a b {font-weight: 400;}
    .benefitBanner__picture {flex: none;max-width: none;width: 100%; margin: 0 0 10px;}
    .benefitBanner__item {display: block;text-align: center;}
    .benefitBanner__content{padding: 0 20px;}

}
@media screen and (min-width: 992px){
    .popup-widget.cart-widget{top: 85px;}
    .admin-logged .popup-widget.cart-widget {top: 110px;}
}
.benefitBanner:not(.second-benefits)::before{font-size: 28px;display: block;text-align: center;width: 100%;font-weight: 600;color: #252729;line-height: 1.2;}
@media screen and (max-width: 767px){
    .benefitBanner:not(.second-benefits)::before{font-size: 22px;margin: 20px 0 10px;}
}
.welcome-top{margin-top: 54px;text-align: center;}
.welcome-top p{max-width: 920px;margin: 0 auto;font-size: 18px;}
@media screen and (max-width: 767px){
    .welcome h1{font-size: 22px;}
}
@media screen and (min-width: 1200px){
    .welcome-wrapper .welcome {flex: 1 1 70%;}
    .welcome-wrapper .welc-img {flex: 1 1 30%;}

}
.recenze-wrapper{padding-top: 64px; margin-top: 64px; background-color: #F1F1F1;padding-bottom: 64px;}
#footer{margin-top: 0;}
.recenze {display: flex !important; flex-wrap: wrap;}
.recenze .img{width: 230px; padding-left: 30px;}
.recenze .text{width: calc(100% - 230px); font-size: 20px;font-style: italic;}
.recenze .text .autor{display: block; font-weight: 700; margin-top: 32px;}
.recenze-in{max-width: 1042px;margin: 0 auto;}
.slick-dots{display: flex !important; margin: 0 !important;padding: 0;justify-content: center;}
.slick-dots li{font-size: 0;margin: 0 6px;}
.slick-dots button{width: 6px; height: 6px; border-radius: 50%; border: 0; background-color: #ddd;padding: 0;}
.slick-dots .slick-active button{background-color: #000;}
@media screen and (max-width: 767px){
    .recenze-wrapper{padding-top: 48px; margin-top: 48px;padding-bottom: 48px;}
    .recenze .text {width: 100%;font-size: 18px;padding: 0 10px;text-align: center;}
    .recenze .text .autor{margin-top: 20px;}
    .recenze .img {width: 100%;padding-left: 0;margin-top: 12px;text-align: center;}
    .recenze .img img{max-height: 200px; margin: auto;}
    .slick-dots{margin-top: 20px !important;}
}
#footer {background-color: #000;}
#footer h4, #footer h3, #footer a, #footer .whole-width, .footer-bottom .container > span{color: #fff;}
.custom-footer__contact h3, .custom-footer__contact a{color: #000 !important;}
.footer-bottom .container{border-top-color: #222;}
@media screen and (max-width: 991px){
    .custom-footer > div{border-top-color: #222;}
}
.type-post .content-inner {max-width: none;}
.category-perex{max-width: none;}
.type-page:not(.in-404) .breadcrumbs, .type-post .breadcrumbs, .type-posts-listing .breadcrumbs{margin-bottom: 0 !important;}
.type-page:not(.in-404) h1, .type-post h1, .type-category h1, .type-posts-listing h1{position: relative; padding: 80px 0;text-align: center; font-size: 44px; color: #fff;z-index: 1;margin-bottom: 48px;}
.type-page:not(.in-404) h1::after, .type-post h1::after, .type-category h1::after, .type-posts-listing h1::after{content: ""; width: 100vw; height: 100%; left: 50%; top: 0; position: absolute; -webkit-transform: translateX(-50%);transform: translateX(-50%);background: linear-gradient(90deg, #9A0704 0%, #E41D19 100%); z-index: -1;}
.btn.btn-conversion:hover, .btn.btn-primary:hover, .in-404 .content-inner .btn-default:hover, .submit-wrapper .btn:hover{background: linear-gradient(90deg, #a312d3 0%, #4006e5 100%) !important; border-color: #4006e5 !important}
.type-category h1{margin-bottom: 20px !important;}
.content.wide .category-top{padding-top: 0 !important;}
.type-category h1::before{content: ""; width: 100vw; height: 100%; left: 50%; top: 0; position: absolute; -webkit-transform: translateX(-50%);transform: translateX(-50%);background-image: url('/user/documents/upload/Images/kava.svg'); background-position: 15% 50%; background-repeat: no-repeat; background-size: contain;}
@media screen and (max-width: 1199px){
    .type-category h1::before{background-position: 8% 50%;}
}
@media screen and (max-width: 991px){
    .type-category h1::before{display: none;}
}
@media screen and (max-width: 767px){
    .type-page:not(.in-404) h1, .type-post h1, .type-category h1 {padding: 32px 0;font-size: 30px;margin-bottom: 24px;}
}
.faq-question::before{content:"+";position:absolute;left:20px;}
.faq-item.open .faq-question::before{content:"−";}
.faq-answer{display:none; border-top: 1px solid #d5d8dc;padding: 20px 20px 0 20px;}
.faq-question{position:relative;padding: 12px 10px 12px 48px;cursor:pointer;transition: opacity .2s ease;color: #A312D3; font-size: 16px;margin: 0 !important;}
.faq-item{border: 1px solid #d5d8dc;border-top: 0;}
.faq-item:first-child{border-top: 1px solid #d5d8dc;}
.social-buttons-wrapper, ul.shp-tabs li[data-testid="tabDiscussion"], #productDiscussion, .shp-accordion[data-testid="tabDiscussion"]{display: none !important;}
.detail-info{border-bottom: 0;}
.recenze .stars{width: 100%;margin-bottom: 20px;display: block;}
.welcome > div > h2{margin-top: 0;}
@media screen and (max-width: 767px){
    .homepage-blog-wrapper{flex-wrap: nowrap;overflow: auto;-webkit-justify-content: left;justify-content: left;}
    .homepage-blog-wrapper .news-item{min-width: 100%;}
    .clanky-nadpis{margin-top: 48px !important;}
    .recenze .stars {display: flex;justify-content: center;}
    .welcome-wrapper .welc-img img{max-width: 298px; margin: 0 auto;}
    .welcome-wrapper .welc-img{text-align: center;}
    .welcome-wrapper{margin-top: 40px;}
}
.footer-rows ul li a{text-decoration: none !important;}
.footer-rows ul li a:hover{text-decoration: underline !important;}
.footer-rows h4, .footer-rows h3{color: var(--color-secondary) !important;}
.footer-rows ul li{margin-bottom: 6px;}
@media screen and (min-width: 992px){
.footer-rows{position: relative;}
.footer-rows::after{content: "";background: url('/user/documents/upload/Images/logo-footer.svg') 50% 50% no-repeat;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 25%;height: 70px;background-size: contain;}
}
@media screen and (min-width: 1440px){
    .container {width: 1360px;}
}
a.perex-toggle{font-size: 14px;text-decoration: underline;margin-top: -10px;display: block;width: 200px;}
a.perex-toggle::after{content: "\e911"; -webkti-transform: rotate(180deg);transform: rotate(180deg); font-family: shoptet; display: inline-block; vertical-align: middle; line-height: 1; margin-left:8px; font-size: 10px;}
.otevreno a.perex-toggle::after{-webkti-transform: rotate(0deg);transform: rotate(0deg);margin-top: 1px;}
a.perex-toggle:hover{text-decoration: none;}
@media screen and (max-width: 767px){
    .category-perex {margin-bottom: 24px;}
}
@media screen and (min-width: 768px){
    .wide-carousel{position: relative;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 100vw;}
    .type-index #header {margin-bottom: 0;}
}
.footer-banner {flex-basis: 20% !important;}
.footer-banner > a{padding: 0 !important;height: 400px !important;}
.footer-banner .extended-banner-texts {position: absolute !important;background-color: #3508448A;width: 100% !important;}
.footer-banner img {height: 100% !important;width: 100% !important;mix-blend-mode: normal;object-fit: cover;}
.footer-banner .extended-banner-title {top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #fff;font-size: 28px;line-height: 1.2;height: auto;text-align: center !important; padding: 0 20px !important;justify-content: center;}
.footer-banner:hover .extended-banner-title {color: #fff;text-decoration: none;}
.footer-banner > a::after, .footer-banner > a::before{display: none !important;}
.footer-banner > a:hover {background-color: transparent;box-shadow: none;}
.footer-banner img{-webkit-transition: transform 1s;transition: transform 1s;}
.footer-banner > a:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}
.footer-banner > a {overflow: hidden;background: none !important;}
@media screen and (max-width: 1439px){
    .footer-banner .extended-banner-title{font-size: 24px;}
}
@media screen and (max-width: 1199px){
    .footer-banner {flex-basis: 33% !important;}
}
@media screen and (max-width: 991px){
    .footer-banners {-webkit-justify-content: center;justify-content: center;}
    .footer-banner > a {height: 300px !important;}
}
@media screen and (max-width: 767px){
    .footer-banners {margin-left: 0 !important;margin-right: 0 !important;}
    .footer-banner {flex-basis: 50% !important;}
    .footer-banner > a {height: 200px !important;}
    .footer-banner .extended-banner-title {font-size: 18px;max-height: none;}
}
.empty-cart-content .bottom{display: none !important;}
.elementor-container{display: flex; flex-wrap: wrap;}
.elementor-col-100{width: 100%;}
@media screen and (min-width: 768px){
.elementor-col-50{width: 50%;}
}
.elementor-heading-title{margin: 0 0 32px;}
h3.elementor-heading-title{font-weight: 400;}
.id-29 h1::before{display: block;}
.id-29 h1{display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
.type-page:not(.in-404) h1, .type-post h1{font-size: 30px;}
.elementor-icon-list-icon svg {transition: fill 0.3s;margin: var(--e-icon-list-icon-margin,0 calc(var(--e-icon-list-icon-size, 1em) * .25) 0 0);height: 16px;}
.elementor-icon-list-text{font-weight: 600;}
.elementor-custom-embed iframe{width: 100% !important; height: 400px !important;display: none !important;}
.kontakt-form > p{display: none !important;;}
.kontakt-form{max-width: 480px; width: 100%; margin: 0 auto 80px;}
.kontakt-form h3{text-align: center;}
.kontakt-form #formContact{background-color: #F1F1F1; padding: 40px;}
@media screen and (max-width: 767px){
    .kontakt-form #formContact{padding: 20px;}
    .type-page:not(.in-404) h1, .type-post h1{font-size: 24px;}
}
input[type="checkbox"].focus-visible + label::before, input[type="radio"].focus-visible + label::before, a:focus-visible, button:focus-visible, [tabindex="0"]:focus-visible, input:focus-visible, input[type="checkbox"].focus-visible + label, input[type="checkbox"]:focus-visible + label, input[type="radio"].focus-visible + label, input[type="radio"]:focus-visible + label, label:has(input[type="radio"].focus-visible), label:has(input[type="radio"]:focus-visible), select:focus-visible, textarea:focus-visible, .carousel-tabs > button:focus-visible {box-shadow: 0 0 0 0.2em #a312d3;}
.stan-se{text-align: center;margin-top: 48px;}
.id-841 article ul li::before, .id-841 .sectionDescription ul li::before{content: url('/user/documents/upload/Images/fajfka.svg');top: 0;position: absolute;left: 0;}
.id-841 article ul li, .id-841 .sectionDescription ul li{text-align: left !important; line-height: 40px;padding-left: 54px;position: relative;margin-bottom: 8px;}
.id-841 article ul, .id-841 .sectionDescription ul {max-width: 510px; margin-left: auto; margin-right: auto;list-style: none !important;padding: 0;}
article p.center{text-align: center;}
article img.full-width, .sectionDescription img.full-width{position: relative; width: 100vw; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);max-width: none !important;}
.overall-wrapper:has(img.full-width){overflow-x: hidden;}
.mleti-wrapper .surcharge-label{display: none;}
.mleti-header .top{font-weight: 700;color: #222;}
.mleti-header .bottom{display: flex;flex-wrap: wrap;line-height: 20px;margin-top: 12px;}
.mleti-header .bottom span{margin-left: auto;position: relative; padding-left: 30px;cursor: pointer;}
.mleti-header .bottom span:hover{text-decoration: underline;}
.mleti-header .bottom span::before{content: "";width: 20px;height: 20px;border: 1px solid #aaa;position: absolute;left: 0;top: 0;border-radius: 4px;}
.otevreno .mleti-header .bottom span::before{content: "\e913"; font-family: Shoptet; background-color: var(--color-secondary); border-color: var(--color-secondary);color: #fff;font-weight: 700;font-size: 10px;text-align: center;}
.mleti-wrapper .select-wrapper{display: none;}
.mleti-wrapper .radio-buttons-wrapper{margin-top: 20px;}
.mleti-wrapper label::before{content: "" !important;display: inline-block !important;vertical-align: middle !important;line-height: 1;margin-right: 10px;width: 24px !important;height: 24px !important;background-size: contain;background-repeat: no-repeat;background-position: 50% 50%;border: 0 !important;border-radius: 0 !important;background-color: transparent !important;position: relative !important;}
.mleti-wrapper input:checked + label::before{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.mleti-wrapper .radio-buttons-wrapper::before{content: "Ako by ste chceli kávu zomlieť?";display: block; font-weight: 600;color: #222;width: 100%;}
.mleti-wrapper label[for="radio-37-2"]::before{background-image: url('/user/documents/upload/Images/domace espresso.svg');}
.mleti-wrapper label[for="radio-37-3"]::before{background-image: url('/user/documents/upload/Images/moka.svg');}
.mleti-wrapper label[for="radio-37-1"]::before{background-image: url('/user/documents/upload/Images/turecka.png');}
.mleti-wrapper label[for="radio-37-4"]::before{background-image: url('/user/documents/upload/Images/aeropress.png');}
.mleti-wrapper label[for="radio-37-5"]::before{background-image: url('/user/documents/upload/Images/dripper.png');}
.mleti-wrapper label[for="radio-37-6"]::before{background-image: url('/user/documents/upload/Images/french-press.png');}
@media screen and (min-width: 1200px) and (max-width: 1439px){
    .mleti-header .bottom{font-size: 14px;}
}
@media screen and (max-width: 479px){
    .mleti-header .bottom span {margin: 15px 0 0;display: block;width: 100%;}
}
.pk-kategorie h3 {text-align: center;}
#formContact label[for="fullName"] > span{font-size: 0;letter-spacing: 0;}
#formContact label[for="fullName"] > span::before{content: "Meno a priezvisko alebo firma";font-size: 16px;letter-spacing: 0.5px;}
#formContact label[for="fullName"] > span::after{font-size: 16px;}
.flag.flag-new{background: linear-gradient(to right, #A312D3, #730CDB, #4E07E2, #4006E5);}
a.perex-toggle + a.perex-toggle{display: none !important;}
.sk .delivery-time span::before {content: "Môže byť u vás ";}
.p-data-wrapper .delivery-time > span{background-color: #3c840f;color: #fff;display: inline-block;padding: 8px 12px;margin-top: 10px;font-weight: 700;}
.p-data-wrapper .delivery-time > span::before{font-weight: 400;}
.p-data-wrapper{display: flex; flex-wrap: wrap;}
.p-data-wrapper > *{width: 100%;}
.p-short-description {order: 2;margin-top: 28px !important;}
.detail-info{order: 3;}
.buttons-wrapper{order: 4;}
#extendedDescription, ul.shp-tabs li[data-testid="tabExtendedDescription"], .shp-accordion.parametry{display: none !important;}
.faq-item ul{margin-top: 0;}
.faq-item + h1{margin-top: 60px !important;}
.faq h1 + .faq-item {border-top: 1px solid #d5d8dc;}
.site-msg {background-color: #e41d19;color: #fff;}
.napsali-in{display: flex;align-items: center;justify-content: center;}
.napsali-in img{max-width: 200px; max-height: 100px;}
.napsali-in > div{padding: 0 30px;}
.napsali{border-bottom: 1px solid #ddd;padding-bottom: 48px;}
@media screen and (max-width: 991px){
    .napsali-in > div {padding: 0 20px;}
}
@media screen and (max-width: 767px){
    .napsali-in{flex-wrap: wrap;}
    .napsali-in > div {width: 50%;padding: 12px 20px;}
}
body:not(.id-841):not(.id-1112) .vo-wrapper{display: none !important;}
body.id-841 .recenze-wrapper:not(.vo-wrapper), body.id-1112 .recenze-wrapper:not(.vo-wrapper){display: none !important;}
.msg.msg-info {border-color: #a312d3; background-color: #a312d3;}
.id-841 .news-wrapper{padding-bottom: 24px;}
.id-841 .news-wrapper .news-item{display: flex; flex-wrap: wrap;align-items: center;margin-bottom: 24px;}
.id-841 .news-wrapper .news-item-link-img{width: 80px;}
.id-841 .news-wrapper .news-item > h2{width: calc(100% - 80px); padding-left: 10px;margin: 0 !important;min-height: auto;}
.id-841 .news-wrapper .news-item .description, .id-841 .news-wrapper .news-item .more{display: none !important;}
@media screen and (min-width: 768px) and (max-width: 991px){
    .id-841 .news-wrapper .news-item{width: 50%;}
}
@media screen and (min-width: 1200px){
    .top-navigation-bar-menu li.cropped {display: inline-block;}
    .top-navigation-menu-trigger{visibility: hidden !important;}
    .top-navigation-menu{overflow: visible;}
    .top-navigation-menu li a {font-size: 11px;padding: 10px 3px;}
}
@media screen and (min-width: 1440px){
.top-navigation-menu li a{font-size: 12px;padding: 10px;}
}
.id--8 .content #register-form{padding-right: 50%; position: relative;}
.registrace-box{width: 50%;position: absolute;top: 0;right: 0;padding: 40px 32px;}
#register-form:has(input#retail:checked) .registrace-box.b2b{display: none;}
#register-form:has(input#velkoobchodny-odberatel:checked) .registrace-box.b2c{display: none;}
.registrace-box h5{margin: 0 0 32px;}
.registrace-box p{padding-left: 34px;background: url('/user/documents/upload/Images/fajfka.svg') 0 0 no-repeat;background-size: 24px auto;line-height: 24px;}
.registrace-box > a{margin-top: 20px;}
@media screen and (max-width: 767px){
    .id--8 .content #register-form {padding-right: 0;}
    .registrace-box {width: 100%;position: relative;padding: 24px 16px 0;}
}