/*kontaktne formulare*/
.category-perex>h2{margin-top:30px;}
#zodiac,#suzuki,#yamaha,#mercury{opacity:0;max-height:0;overflow:hidden;transform:translateY(-10px);transition:opacity 0.3s ease,max-height 0.3s ease,transform 0.3s ease;}
#zodiac.visible,#suzuki.visible,#yamaha.visible,#mercury.visible{opacity:1;max-height:1200px;transform:translateY(0);}
.mam-zaujem::after{content:"";display:inline-block;width:24px;height:24px;margin-left:15px;background-image:url('/user/documents/upload/kurej/pen.svg');background-size:contain;background-repeat:no-repeat;background-position:center;}
.mam-zaujem.active{border-color:var(--color-primary-hover);background-color:var(--color-primary-hover);}
.katalog{margin-left:10px;}
textarea::-webkit-input-placeholder{color:#bfbfbf;}
textarea::-moz-placeholder{color:#bfbfbf;}
textarea:-ms-input-placeholder{color:#bfbfbf;}
textarea::placeholder{color:#bfbfbf;}
.formeo .f-addon:focus,.formeo.formeo-editor .field-edit :focus[contenteditable],.formeo input:focus,.formeo select:focus,.formeo textarea:focus{border:1px solid var(--color-primary)!important;}
div[id*=wt-form-wrapper-] .formeo .f-btn-group{float:left;}
.formeo button{font-size:14px;font-weight:400;border-radius:25px!important;padding:5px 20px!important;min-height:50px;}
div[id*=wt-form-wrapper-] button[type=submit]{background-color:var(--color-tertiary-hover);border:2px solid var(--color-tertiary-hover);color:#fff;}
div[id*=wt-form-wrapper-] button[type=submit]:hover{background-color:var(--color-primary-hover);border-color:var(--color-tertiary-hover);}
.formeo button:hover{filter:unset!important;}
@media (max-width:767px){
.formeo textarea {height:8.4em!important;}
.formeo button{font-size:12px;min-height:40px;}
}
/*modal*/
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.75);display:none;justify-content:center;align-items:center;z-index:2147483001;padding:64px;}
.modal-overlay.open{display:flex;}
.modal-wrapper{padding:16px;background:#fff;max-width:800px;width:100%;border-radius:20px;animation:modalFadeIn 0.25s ease-out;}
.modal-content{padding:16px;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;}
.modal-content .render-form{margin:0 auto;}
.modal-content label{color:#0f0f0f;}
.modal-close{position:absolute;top:10px;right:10px;color:#fff;font-size:48px;padding:0 10px;border-radius:50%;border:none;line-height:1;background:transparent;cursor:pointer;transition:all .3s ease-out;}
.modal-close:hover{color:rgba(255,255,255,0.5);}
@keyframes modalFadeIn{
from{opacity:0;transform:scale(0.95);}
to{opacity:1;transform:scale(1);}
}
@media (max-width:767px){
.modal-overlay{padding:0 20px;}
.modal-wrapper{padding:10px;}
.modal-content{padding:10px;max-width:100%;max-height:70vh;}
.modal-close{top:5px;right:5px;font-size:40px;padding:0 8px;}
}
/*formular-btn*/
.formular-btn{margin-bottom:20px;border-radius:76px;min-height:50px;padding-right:20px;padding-left:20px;box-shadow:0 3px 6px rgba(0,0,0,0.12);}
.formular-btn::after{content:"";display:inline-block;width:24px;height:24px;margin-left:15px;background-image:url('/user/documents/upload/kurej/pen.svg');background-size:contain;background-repeat:no-repeat;background-position:center;}
@media (max-width:480px){
.formular-btn{font-size:14px;line-height:1.2;min-width:170px;padding:6px 12px;}
}
@media (min-width:480px){
.formular-btn{min-width:230px;min-height:60px;}
}
@media (min-width:768px){
.formular-btn{font-size:18px;padding:10px 20px;}
}
@media (min-width:1200px){
.formular-btn{font-size:20px;min-height:60px;padding:10px 30px;}
}