body {font-family: 'Raleway';padding-top:96px;}
*{scroll-behavior: smooth;}
.usePrimaryFont {font-family: 'Raleway';}
.useSecondaryFont {font-family: 'Raleway';}
.useAltFont {font-family: 'Raleway';}
.useBoldFont {font-family: 'Raleway';}
.product-name{font-family: 'Raleway'; font-weight:700;}
.useUpperCase {text-transform:uppercase;}
h1{position:absolute;left:-2999px} 
h2{padding-top:1.5em !important;padding-bottom:1.5em !important;}
.iconbar_header h2, .products_header h2, .services_header h2, .contact_header h2, .stickers_header h2, .primarycolor_header h2, .secondarycolor_header h2, .thirdcolor_header h2{display:block;width:100%;text-align:center;}

#services, #contact, #iconbar,#rounded_banner,.box-one,.box-two, .box-three, .box-five, .box-six{padding-bottom:3em;}   
.navbar-nav li a{display:block;padding-right:1.25em;margin-top:2em;font-weight:bold;font-size:110%;vertical-align:text-bottom;color:#000;}
.navbar-nav li a:hover,.menu li a:active{text-decoration:underline}  
.footer-row .navbar-nav li a{display:block;padding-right:1.25em;font-weight:bold;vertical-align:text-bottom;color:#fff;margin-top:.2em !important;font-size:100% !important;}
.footer-row .navbar-nav li a:hover,.menu li a:active{text-decoration:underline}  
.delimiter{clear:both;height:2em;}
#gallery, #contact, #iconbar, #footer{margin-top:0px important;margin-bottom:0px important;}

#gallery,#contact{padding:.1rem} 
.smaller{margin-top:0px important;margin-bottom:0px important;height:0.1px;}
.bigger{margin-top:0px important;margin-bottom:0px important;height:1rem;}
.vm-button-correct, button.default, .temp-button {border: none;color: white;padding: .4em 1em;text-align: center;font-weight:bold; display: inline-block; font-size: .9em; margin: 4px 2px; border-radius: 36px;}
.vm-button-correct, button.default,.bigger-button {width:20rem;position:relative;top:-10px;}
.big-button {padding:1em;font-size:1.5em;}
.hide-it-set-default-quantity-to-one{display:none;} 
.vm-button-correct, .default, .temp-button{cursor: pointer;}
input[type="submit"].temp-button:hover, .temp-button:hover{text-decoration:none;}
.timeline-text{}
.timeline-icon{}
.timeline h3{font-family: 'Raleway';}
.timeline-icon::before{content: url('/images/timeline_icon.png');position: relative;top:10px;}
//.black-line{background:url('/images/black-line.png') no-repeat 26px 0px;}
.rounded-banner-box{border-radius: 0 100px 100px 0px;min-height:10rem;padding: 1rem ;width:97%;} 
.rounded-banner-box h2{padding-top:1em !important;padding-bottom:0.75em !important;}
.rounded-banner-box p{font-family:'ArialNova';}    
.eshop-banner-box{min-height:10rem;padding: 1rem ;width:100%;} 
.eshop-banner-box h2{padding-top:1em !important;padding-bottom:0.75em !important;}
.eshop-banner-box p{font-size: 1em; line-height: 1.6em; margin: 0 0 24px;}  
.contact_data{padding:0em 4em;}
.contact_data div h3{font-size:1.1em  !important;font-weight:bold;padding: 1.4rem 0 0 0;}
.contact_data div ul{padding:0px;margin:0px}
.contact_data div ul li{list-style:none; padding:0px;margin:0px;font-size:1em !important;line-height:1.5em !important;}
.custom_modul_heading h2{font-size:2em !important;line-height:2em !important;display:block;width:100%;text-align:center;padding:0px;margin:0;border-bottom:1 solid #ddd;background:#e31d2a;color:#fff;}
.gallery_header h2{font-size:2em !important;line-height:1em !important;display:block;width:100%;text-align:center;padding:0px;margin:0px;padding-top:1.2em !important;padding-bottom:1.2em !important;background:#e31d2a;border-bottom:1 solid #ddd;color:#fff;}
.custom_modul_heading, .gallery_header{display:block;width:100%;padding:0px;margin:0px}
.contact_header h2{font-size:2em !important;line-height:1em !important;display:block;width:100%;text-align:center;padding:0px;margin:0px;padding-top:1.2em !important;padding-bottom:1.2em !important;background:#e31d2a;border-bottom:1 solid #ddd;color:#fff;}
.contact_header{display:block;width:100%;padding:0px;margin:0px;background:#e31d2a;border-bottom:1 solid #ddd;color:#fff;}
.custom_modul_heading_lover h2 {font-size:1.5em !important;line-height:1.5em !important;display:block;width:100%;text-align:center;padding:0px;margin:0;border-bottom:1 solid #ddd;background:#e31d2a;color:#fff;}
.custom_modul_heading_lover{display:block;width:100%;padding:0px;margin:0px;}
.sub-form h2{font-size:1em;text-align:left;color:#fff;line-height:1.2em;padding-top:0 !important;}
.footer-row h2{font-size:1.2em;color:#fff;line-height:1.8em;padding-top:0 !important;padding-bottom:0.5em !important;font-weight:bold !important;border-bottom:2px solid #fcc429;}
.sub-form {width:360px}
.ikonky{width:50%;}
.addtocart-bar{text-align:center}

.minicart_product_image img{width:50px;height:50px;border-radius: 50%;}
.minicart_product_details{width:80%;text-align:left;}
.minicart_product_name{width:70%;padding-left:5%;display:inline-block;}
.minicart_product_quantity{width:30%;text-align:center;display:inline-block;}
.modal-dialog{
  margin:0;
  position: fixed;
  top:0;
  bottom:0;
  left:auto;
  width:100%;
  right: 0px;
  overflow-y: auto;
}
.modal-content{
  border:none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius:0;
}
.modal-header {
    border-bottom: 0 none;
}

.modal-footer {
    border-top: 0 none;
}
.fade-scale {
  transform: scale(1,0); /* scale(0); horizontal*/
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}
.fade-scale.show {
opacity: 1;
transform: scale(1,1); /* scale(1); horizontal*/
}

.cart-pricebox{margin-top:5em}
.cart-pricebox-label{font-size:1.1em;padding:0em 1.5em;color:#000;}
.cart-pricebox-value{font-size:2em;color:#000;font-weight:bold;}
.cart-checkout{padding:2em 0em 0em 0em;}
.cart-continue{padding:2em 0em 0em 0em}
.cart-empty{padding:2em 0em 0em 0em;color:#000;}

.gallery-block{width:100% !important;}
.icon-bar-links a, .icon-bar-links a:hover {
  color: #000;
  cursor: pointer;
  text-decoration:none}
.productdetails-view{
line-height: normal !important;  
}
.controls input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;  
  background-image: url("/images/ikonka-prazdna.png");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  min-width: 26px !important;
  height: 24px;
  display: inline-block;
  position:relative;
  top:5px;
}
.controls input[type="radio"]:checked {
    background-image: url("/images/ikonka-ovocovo.png");
}
.controls input[type="radio"]:focus{
    background-image: url("/images/ikonka-ovocovo.png");
}
.cart-images{}
.vm-cart-item-name a{display:block;padding:0px;margin:0px;width:100%;}
div.vm-customfield-cart{display:block;padding:0px;margin:0px;width:100%;line-height:1.02em}

.dropdown-item:hover {
    background: none;
    background-color: transparent;
}


//.footer_header{padding:1rem 3rem;}
.footer_content  h3{text-align:left !important;font-weight:bold !important;font-family: 'ArialNova';}
.footer-row ul{  padding:0;
  list-style:none;
  line-height:1.2;
  font-size:14px;
  margin-bottom:0;}
  
.footer-row li {
    color: #fff;
    display: block;
    padding-top:0.3em;
    padding-bottom:0.5em;   
}

.footer-row ul a {
  color:inherit;
  text-decoration:none;
  opacity:0.8;  
}

.footer-row ul a:hover {
  opacity:1;
}

.footer_content a{color:#E31D2A}

ul.kont{
  padding-left:0 !important;
  margin-left:0 !important;  
}
ul.kont li{
  list-style:none !important;
  line-height:1.5em !important;   
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.bfQuickMode section.bfElemWrap {
    background: transparent !important;
}

.acym_form input.cell{
  width: 100% !important;
  border: none !important;
  color: #000 !important;
  padding: .4em 1em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  display: inline-block !important;
  font-size: .9em !important;
  margin: 4px 2px !important;
  border-radius: 36px !important;
}


.products_footer{text-align:center}
.acym__modal__handle{color:white !important; font-weight:bold;} 
.bfSubmitButton{margin-bottom:2em !important;}
.mapouter{background:#BBE2C6}
.contact_content{padding-top:15px;text-align:center;}  
a.text-suhlas{color:#fff;font-weight:bold;}
.bottom-menu {text-align:center;}
.bottom-menu a {padding-left:2em;}
@media only screen and (max-width: 768px) {
 .bottom-menu a {display:block;border-bottom:1px solid #E31D2A;}
 .bfLabelLeft label{display:block}
 .bfLabelLeft input{width:100%;display:block}
}
.bfNoSection{margin-top:1em;clear:both;}
.bfElemWrap, .bfSectionDescription{margin-bottom:1em;clear:both}
.bfElemWrap{border-bottom:1px solid #e5d273 !important;padding-bottom:15px;}
.bfRequired{color:#cc0000;}
.bfLabelLeft{text-align:left !important;display:block;}
.bfLabelLeft label{float:left;width:40%;}
.bfLabelLeft input, .bfLabelLeft select{width:59%;}
#cookiesck_text, .cookiesck-main{text-transform: none !important; font-family: 'ArialNova'; line-height: 1.5em; font-size:1em}
.lwrcs{text-transform: lowercase !important; font-family: 'ArialNova' !important; font-weight:bold !important;}
.strcs{text-transform: none !important; font-family: 'ArialNova' !important; font-weight:bold !important;}
.dimensions{min-height:340px;}
.menu-box{padding-left: 1rem ;padding-right: 1rem ;width:99%;}
.border{border:1px solid #333;margin-bottom:.3em;}
.b-left-2{border-left:2px solid #E31D2A}
.navbar{border-bottom:5px solid #E31D2A}
.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}
.bg-mustaren{background-color:#e31d2a!important}
.bg-mustaren-1{background-color:#FCD106!important}
.bg-mustaren-2{background-color:#FFEA81!important}
.text-dark{color:#000!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}
.no-transform{text-transform:none;}
.btn-small{font-size: .75em !important;line-height:1.3em !important;}
.hr-line{background:#eee;height:2px;display:block;width:100%;}
.filter-line{padding:4px;width:100%;}
.menu-tite-caption{text-transform:none !important;}
.mt-4{margin-top:20px !important;}
.mb-4{margin-top:10px !important;}
#topbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 34px;
    background: #ed1c24;
    z-index: 1041;
}

#topbar .container {
    min-height: 34px;
}

#topbar .topbar-row {
    min-height: 34px;
    display: flex;
    align-items: center;
}

.topbar-left,
.topbar-right {
    min-height: 34px;
    width: 50%;
}

.topbar-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.topbar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

.navbar.fixed-top {
    top: 34px;
}

.blog-box {
    background: #fff;
    border: 1px solid #eee;
    padding: 28px 30px;
    margin-bottom: 28px;
}

.badge-sm {
    font-size: 12px;
    padding: 4px 8px;
    vertical-align: middle;
}

.article-info-area{
    max-width: 760px;
    line-height: 1.8 !important;
}                 

.topbar-message {
    color: #fff;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
}

@media (max-width: 767px) {
    #ovocovo-page #navbarMenuToggler.collapse {
        display: none !important;
    }
    #ovocovo-page .topbar-message {
        display: none !important;
    }
    #ovocovo-page #navbarMenuToggler.collapse.show,
    #ovocovo-page #navbarMenuToggler.collapsing {
        display: block !important;
    }
}

.category-banner {
margin-top: 40px;
    position: relative;
}

.category-banner-inner {
    position: relative;
}

.category-banner-inner img {
    display: block;
    width: 100%;
    height: auto;
}

.font-light{font-weight:normal}

.category-banner-caption {
    position: absolute;
    left: 28px;
    bottom: 24px;
    padding: 14px 22px;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    border-radius: 18px;
    max-width: 420px;
}

.category-banner-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.85;
}

.category-banner-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.15;
}

@media (max-width: 767px) {
    .category-banner-caption {
        left: 12px;
        right: 12px;
        bottom: 12px;
        padding: 10px 14px;
        border-radius: 12px;
    }

    .category-banner-title {
        font-size: 18px;
    }

    .category-banner-label {
        font-size: 10px;
    }
}

.pills-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 767.98px) {
	.pill {
		width: calc(50% - 4px);
	}
}

.rounded-custom-pill {
	border-radius: 999px;
}
.min-size
{
	min-width: 105px;
	
	text-align: center;
}
.our-story-text {
	max-width: 900px;
	padding: 28px 32px;
	font-size: 16px;
	line-height: 1.85;
	color: #222;
}

.our-story-text p {
	margin-bottom: 26px;
}

.our-story-text p:first-child {
	font-size: 17px;
	line-height: 1.9;
}

.our-story-text strong {
	color: #e31d2a;
	font-weight: 700;
}

@media (max-width: 767.98px) {
	.our-story-text {
		padding: 22px 16px;
		font-size: 15px;
		line-height: 1.75;
	}

	.our-story-text p {
		margin-bottom: 22px;
	}
}


@media (max-width: 767px) {
    #ovocovo-page nav.navbar {
        position: fixed !important;
        top: 30px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
    }

    #ovocovo-page nav.navbar .container {
        position: relative !important;
        width: 100% !important;
        max-width: none !important;
    }

    #ovocovo-page nav.navbar .menu-box {
        position: relative !important;
        width: 100% !important;
    }

    #ovocovo-page nav.navbar button,
    #ovocovo-page nav.navbar .navbar-toggler,
    #ovocovo-page nav.navbar .navbar-toggle {
        position: absolute !important;
        right: 22px !important;
        top: 10px !important;
        left: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
        transform: none !important;
        z-index: 99999 !important;
    }
}

.filter-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    padding: 12px 22px;
    font-weight: 700;
    cursor: pointer;
    background: #e73243;
    color: #fff;
}
@media (min-width: 768px) {
    .filter-cta {
        display: none;
    }
}
@media (max-width: 767px) {
    .products_filter {
        display: none;
    }

    .products_filter.is-open {
        display: block;
    }
}

.filter-pills-controls {
    padding: 0 5px;
}
@media (max-width: 767px) {

    .products_filter {
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transition:
            max-height 0.35s ease,
            opacity 0.25s ease,
            margin-top 0.25s ease;
    }

    .products_filter.is-open {
        max-height: 2000px;
        opacity: 1;
        margin-top: 15px;
    }
}
@media (max-width: 767px) {
    .category-banner {
        margin-top: 0;
    }
}   

.footer_graphical_end{
    background:url('/images/footer_bg.png') no-repeat bottom center ;
    min-height:140px;
}                                               

h2.footer-box-heading {
  position: relative;
  line-height: 1.2em;
  color:#fcc429;
}
h2.footer-box-heading:before {
  position: absolute;
  left: 0;
  top: 1.5em;
  height: 0;
  width: 50%;
  content: '';
  border-top: 2px solid #fcc429;
}

.products_filter,
.hide-box-with-filter-pills,
.filter-pills-wrapper,
.filter-pills,
.filter-pills ul {
    background: #ffd200 !important;
}

.filter-pills a,
.filter-pills button,
.filter-pills li {
    background: #fff !important;
    border-radius: 999px;
}

.filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.filter-pills > * {
    margin: 0 12px 12px 0;
}

.product-info-tags
{
  background:#fff;
  width:99%;
  padding: 15px 0;
}

.product-info-tags .product-field {
    float: none;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
}

.related-products-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.related-product-card {
    padding: 18px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 12px;
    background: #fff;
}

.related-product-card img {
    max-height: 110px;
    max-width: 100%;
    width: auto;
    margin-bottom: 12px;
}

.related-product-card h4 {
    font-size: 16px;
    margin: 0 0 8px;
    color: #fcd106;
}

.related-product-price {
    font-weight: 700;
    margin-bottom: 10px;
}

.related-product-desc {
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
}
/* VirtueMart billing form - Ovocovo */
/* VM billing form - closer to Ovocovo design */
#userForm {

    margin: 0 auto 70px;
}

#userForm fieldset {
    width: 100%;
    margin: 0;
    padding: 0 40px 40px;
    background: #fff;
}

#userForm h2,
.vm-editaddress-view h2,
.editaddress h2 {
    display: block;
    width: 100%;
    margin: 24px 0px;
    padding: 18px 24px;
    background: #ffe875;
    border-left: 6px solid #ed1c2a;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 900;
    text-transform: none !important;
    color: #000;
}
#userForm {
    margin-top: 60px !important;
}
#userForm table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 14px;
}

#userForm td.key {
    width: 220px;
    padding-right: 28px;
    text-align: right;
    vertical-align: middle;
}

#userForm label {
    font-weight: 800;
    color: #222;
}

#userForm .asterisk {
    color: #ed1c2a;
}

#userForm input[type="text"],
#userForm input[type="email"],
#userForm input[type="tel"],
#userForm input[type="password"],
#userForm select {
    width: 100%;
    max-width: 430px;
    height: 44px;
    padding: 0 15px;
    border: 2px solid #e2e2e2;
    border-radius: 12px;
    background: #f8f8f8;
    box-sizing: border-box;
    font-size: 15px;
}

#userForm input:focus,
#userForm select:focus {
    outline: none;
    border-color: #ffd400;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(255, 212, 0, .25);
}

/* Chosen select */
#userForm .chzn-container {
    width: 100% !important;
    max-width: 430px;
}

#userForm .chzn-container-single .chzn-single {
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    border: 2px solid #e2e2e2;
    border-radius: 12px;
    background: #f8f8f8;
    box-shadow: none;
}

#userForm .chzn-container-single .chzn-single div {
    top: 9px;
    right: 8px;
}

/* buttons */
#userForm .control-buttons {
    width: 100%;
    margin-top: 28px;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}

#userForm .control-buttons button {
    min-width: 220px;
    height: 48px;
    border: 0;
    border-radius: 999px;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
}

#userForm .vm-button-correct {
    background: #ed1c2a;
    color: #fff;
}

#userForm .control-buttons button.default {
    background: #ffe875;
    color: #000;
}

/* mobile */
@media (max-width: 700px) {
    #userForm {
        max-width: none;
        margin: 0 15px 40px;
    }

    #userForm fieldset {
        padding: 0 18px 28px;
    }

    #userForm legend {
        width: calc(100% + 36px);
        margin-left: -18px;
        margin-bottom: 24px;
    }

    #userForm table,
    #userForm tbody,
    #userForm tr,
    #userForm td {
        display: block;
        width: 100%;
    }

    #userForm td.key {
        text-align: left;
        padding: 0 0 6px;
    }

    #userForm input,
    #userForm .chzn-container {
        max-width: 100% !important;
    }

    #userForm .control-buttons {
        flex-direction: column;
    }

    #userForm .control-buttons button {
        width: 100%;
    }
}

td.key{
    width:300px !important; 
}

/* CAPTCHA wrapper */
/* BreezingForms CAPTCHA – globálne pre všetky formuláre */
.bfCaptcha {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
}

.bfCaptcha br {
    display: none;
}

.bfCaptcha .ff_capimg {
    width: 200px;
    height: auto;
    display: block;
    flex: 0 0 auto;
}

.bfCaptcha input[name="bfCaptchaEntry"] {
    max-width: 280px;
    width: 280px;
    height: 44px;
    margin: 0;
    flex: 0 0 280px;
}

.bfCaptcha a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
}

.bfCaptcha a img {
    max-width: 22px;
    height: auto;
    display: block;
}
/* mobil */
@media (max-width: 700px) {
    .bfCaptcha {
        flex-direction: column;
        align-items: flex-start;
    }

    #bfCaptchaEntry {
        width: 100%;
        max-width: 100%;
    }
}

.mustovanie-info-box {
    background: #f4f4f4;
    border: 1px solid #ddd;
    padding: 18px;
    margin-bottom: 2rem;
}

.mustovanie-card {
    background: #fff;
    border-left: 5px solid #e94b4b;
    padding: 16px 18px;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.mustovanie-card h4 {
    color: #e94b4b;
    margin: 0 0 12px 0;
    font-size: 1.25rem;
}

.mustovanie-card h4 i {
    margin-right: 8px;
}

.mustovanie-card p {
    margin-bottom: 10px;
}

.mustovanie-card ul {
    margin: 0;
    padding-left: 20px;
}

.mustovanie-card li {
    margin-bottom: 7px;
    line-height: 1.45;
}

.mustovanie-card-highlight {
    background: #fff7d6;
    border-left-color: #ffcc00;
}

.mustovanie-card-highlight strong {
    color: #e94b4b;
    font-size: 1.25rem;
}

.mustovanie-card .price {
    color: #e94b4b;
    font-weight: 700;
}

h5{
background:#f3f3f3;
border-left:4px solid #f5c400;
padding:10px 15px;
}

h3.pravne_dokumenty, .top-margin-fix{
    margin-top: 60px !important;
}

.bfElemWrap {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.bfElemWrap > label {
    float: none !important;
    width: 40% !important;
}

.bfElemWrap > input.ff_elem,
.bfElemWrap > textarea.ff_elem,
.bfElemWrap > select.ff_elem,
.bfElemWrap > .bfCaptcha {
    float: none !important;
    width: 60% !important;
    box-sizing: border-box;
}

.bfElemWrap {
    display: flex;
    align-items: center;
    gap: 18px;
}

.bfElemWrap > label {
    width: 40%;
    float: none !important;
}

.bfElemWrap > input.ff_elem,
.bfElemWrap > textarea.ff_elem,
.bfElemWrap > select.ff_elem,
.bfElemWrap > .bfCaptcha {
    width: 60%;
    float: none !important;
    box-sizing: border-box;
}

.bfElemWrap > textarea.ff_elem {
    min-height: 120px;
}

.bfCaptcha {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.bfCaptcha br {
    display: none;
}

.taxtag td > div,
.discounttag td > div,
.pricetag td > div, .pricetag div {
    display: inline !important;
}

.taxtag td,
.discounttag td {
    background: #f36a74;
    color: #fff;
    font-weight: 600;
}

.pricetag td {
    background: #ed1b2f;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}

.temp-button-soldout {
    background: #777;
    color: #fff;
    cursor: not-allowed;
    opacity: 0.85;
}

/* VirtueMart checkout - produkty v košíku */
.cart-summary {
    width: 100%;
}

.vm-fieldset-pricelist {
    overflow-x: auto;
    max-width: 100%;
}

.vm-fieldset-pricelist .cart-summary {
    min-width: 650px;
}

.vm-fieldset-pricelist {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}

.vm-fieldset-pricelist .cart-summary {
  width: 100%;
  min-width: 650px;
}

.vm-fieldset-pricelist::after {
  content: "← posuňte tabuľku do strany →";
  display: block;
  font-size: 12px;
  color: #777;
  text-align: center;
  padding: 4px 0;
}

@media (min-width: 768px) {
  .vm-fieldset-pricelist::after {
    display: none;
  }
}

#userForm .control-buttons {
  width: 100%;
  margin: 28px 0 0 0 !important;
  padding: 0;
  box-sizing: border-box;
}

#userForm .control-buttons button {
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  #userForm .control-buttons {
    flex-direction: column;
    gap: 16px;
  }

  #userForm .control-buttons button {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .vm-button-correct,
  button.default {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    top: 0 !important;
  }
}
@media (max-width: 768px) {
  #userForm .control-buttons {
    width: auto !important;
    margin: 28px 24px 24px 24px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    box-sizing: border-box !important;
  }

  #userForm .control-buttons .vm-button-correct,
  #userForm .control-buttons button.default {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    top: 0 !important;
    position: relative !important;
    box-sizing: border-box !important;
  }
  #userForm {
    padding-bottom: 32px !important;
  }

  #userForm .control-buttons {
    width: auto !important;
    margin: 28px 24px 0 24px !important;
  } 
}
.mustovanie-cta {
    max-width: 1100px;
    margin: 28px auto 22px;
    padding: 22px 28px;
    background: #fff;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    box-sizing: border-box;
}

.mustovanie-cta-text {
    flex: 1;
}

.mustovanie-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
    color: #183b1e;
    margin-bottom: 6px;
}

.mustovanie-desc {
    font-size: 15px;
    line-height: 1.5;
    color: #333;
}

.mustovanie-button {
    display: inline-block;
    flex-shrink: 0;
    padding: 14px 22px;
    background: #e93445;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 24px;
    white-space: nowrap;
}

.mustovanie-button-green {
    display: inline-block;
    flex-shrink: 0;
    padding: 14px 22px;
    background: #0c3112;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 24px;
    white-space: nowrap;
}

.mustovanie-button-green:hover {
    background: #28542f;
    color: #fff !important;
}

.mustovanie-button:hover {
    background: #c92737;
    color: #fff !important;
}

@media (max-width: 768px) {
    .mustovanie-cta {
        margin: 20px 15px;
        padding: 20px;
        display: block;
    }

    .mustovanie-button {
        margin-top: 16px;
    }
}

.filter-cta {
    max-width: 1100px;
    margin: 28px auto 22px;
    padding: 22px 28px;
    background: #fff;
    border-radius: 18px;
    box-sizing: border-box;
    text-align: center;
}

@media (max-width: 767px) {
    .filter-cta {
        margin: 20px 15px;
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .mustovanie-button {
        margin-top: 16px;
    }

    .mustovanie-cta {
        text-align: center;
    }

    .mustovanie-cta-text {
        text-align: left;
    }
}

.hightlighted{color: #FF2C2C !important; font-weight:bold;} 


/* Informácie o rezerváciách a čakacej dobe */

.mustovanie-status {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 30px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #e8e8e8;
}

.mustovanie-status-item {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.mustovanie-status-label {
    font-size: 12px;
    color: #666;
    font-weight: 700;	
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.mustovanie-status-item strong {
    font-size: 16px;
    font-weight: 700;
    color: #c92737;
}

/* Mobilné zobrazenie */

@media (max-width: 768px) {
    .mustovanie-status {
        justify-content: flex-start;
        gap: 16px 24px;
    }

    .mustovanie-status-item {
        flex: 1 1 130px;
    }
}

@media (min-width: 769px) {
    .mustovanie-cta {
        align-items: flex-start;
    }
}


/* Hlavný box – vertikálne rozloženie */
.mustovanie-cta {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
}

/* Horná časť: text + tlačidlo */
.mustovanie-cta-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.mustovanie-cta-top .mustovanie-cta-text {
    flex: 1;
    min-width: 0;
}

/* Spodná časť cez celú šírku */
.mustovanie-cta-bottom {
    width: 100%;
}

/* Rezervácie a čakacia doba */
.mustovanie-cta-bottom .mustovanie-status {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 35px;
    margin-top: 0;
    padding-top: 16px;
    border-top: 1px solid #e8e8e8;
}

/* Telefónne informácie */
.mustovanie-phone-info {
    background: #f7f8f9;
    padding: 14px 16px;
    margin-top: 20px;
}

.mustovanie-phone-info p {
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 1.5;
    color: #c92737;
}

.mustovanie-phone-info strong {
    font-weight: 700;
}

/* Október / November */
.mustovanie-months {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-top: 20px;
}

.mustovanie-month {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mustovanie-month strong {
    font-size: 15px;
    color: #c92737;
}

.mustovanie-month:last-child strong {
    color: #159b39;
}

/* Mobil */
@media (max-width: 768px) {
    .mustovanie-cta {
        display: flex;
        flex-direction: column;
        text-align: left;
    }

    .mustovanie-cta-top {
        flex-direction: column;
        gap: 0;
    }

    .mustovanie-button {
        margin-top: 16px;
        white-space: normal;
        text-align: center;
    }

    .mustovanie-months {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}