/*  NOTEBOOK  */
@media screen and (max-width: 1700px){

html, body {width: 100vw;}

}
/* MOBIL */
@media screen and (max-width: 1023px){

.web-header-ghost {height: 60px;}


.web-header {height: 60px; left: 0px; top: 0px; position: fixed;}
.web-header-in {width: 98%; height: 60px; margin: 0px auto;}
.web-header-inner {height: 60px;}


.home-page .web-header {top: 0px;}
.home-page .header-fix {top: 0px !important;}

.header-fix {box-shadow: 0px 4px 10px -9px rgb(0, 0, 0) !important;}


.web-header-in-logo {width: 190px; height: 60px; left: -2px; top: 0px;}
.web-header-in-logo-in {width: 100%; height: 100%; left: 0%; top: 0%;}

.web-header-in-logo-second {display: none; visibility: hidden;}


.web-main-menu, .web-header-submenu {display: none; visibility: hidden;}
.mega-menu {display: none; visibility: hidden;}








#menu-btn {display: block; visibility: visible;}
.menu-btn {width: 42px; height: 42px; right: 2px; top: 8px; display: block; visibility: visible; position: absolute;}
.menu-btn {background: rgb(77, 179, 119) url("../../images/design/shop-icons-white.png") no-repeat; background-size: 410px auto !important; background-position: -354px -352px !important;}
.menu-btn-close {background: rgb(77, 179, 119) url("../../images/design/shop-icons-white.png") no-repeat; background-size: 310px auto !important; background-position: -216px -262px !important;}

.mobil-menu {left: 0px; right: 0px; top: 60px; bottom: 0px; background: rgba(0, 0, 0, 0.84); backdrop-filter: blur(6px); display: block; visibility: visible; position: fixed; overflow-y: scroll;}
.mobil-menu {opacity: 0; transform: scale(1,0); transform-origin: center top; transition: opacity 0s , transform 0s;}
.menu-go {opacity: 1; transform: scale(1); transition: opacity 0.3s , transform 0.1s;}


.mobil-menu-in {width: 250px; margin: 100px auto 15%; text-align: left; color: white;}
.mobil-menu-in a {color: rgb(255,255,255);}
.mobil-menu-in-item {position: relative;}
.mobil-menu-in-item a {font-size: 24px; margin: 50px auto 0px; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; display: block;}
.mobil-menu-in-item img {width: 20px; height: 20px; right: 104%; top: 4px; transform: rotate(90deg); position: absolute;}

.mobil-menu-in-item-sub a {font-size: 17px; padding: 11px 0px 10px 20px; font-weight: 300; letter-spacing: 0.5px; opacity: 0.8; display: block;}
.mobil-menu-in-item-sub a i {width: 28px; font-size: 22px; padding: 5px 10px 0px 0px; text-align: center;}
.mobil-menu-in-item-subb a {font-size: 14px; padding-left: 15%; padding-top: 6px; letter-spacing: 0.5px; opacity: 0.65;display: block;}

.mobil-menu-in-item-katalog {width: 95%; padding-left: 5%; padding-top: 1%;}
.mobil-menu-in-item-katalog-title {padding-bottom: 2%;}
.mobil-menu-in-item-katalog-title a {font-size: 15px; font-weight: 600; opacity: 0.9; text-transform: uppercase;}
.mobil-menu-in-item-katalog-title i {width: 16px; font-size: 13px; padding-right: 8px; margin-left: -22px; transform: scale(1.3); opacity: 0.7; text-align: right;}
.mobil-menu-in-item-katalog-items {width: 100%; padding-left: 2%; display: inline-block;}
.mobil-menu-in-item-katalog-item {width: 50%; float: left;}
.mobil-menu-in-item-katalog-item a {font-size: 13px; padding: 0px 2px 12px 0px; opacity: 0.7; letter-spacing: 0.2px; display: block;}
.mobil-menu-in-item-katalog-item:nth-child(odd) {clear: left;}
.mobil-menu-in-item-katalog:last-child {}






.web-header-social {top: 20px; right: 55px;}
.web-header-social-items {gap: 12px;}
.web-header-social-items div a i {font-size: 17px;}







/* HOME */
.home-form {margin: 0px auto 0px;}



.home-0-in {flex-direction: column;}
.home-0-in-left {width: 100%;}
.home-0-in-left-in {width: 100%; height: 75vw;}
.home-0-in-right {width: 100%;}
.home-0-in-right-in-bg {height: 75%;}
.home-0-in-right-in-data {width: 90%; padding: 6vw 0px 40vw 5%;}
.home-0-in-right-in-data-in {gap: 4vw;}
.home-0-in-right-in-data-in-title h2 {font-size: 11vw; letter-spacing: 0.05vw;}
.home-0-in-right-in-data-in-title h2 span {font-size: 8vw; letter-spacing: 0.05vw;}
.home-0-in-right-in-data-in-text {font-size: 4vw; line-height: 6vw;}
.home-0-in-right-in-data-in-btn div {height: 12vw; padding: 0px 12vw;}
.home-0-in-right-in-data-in-btn div span {font-size: 4vw;}




.home-1-in {height: auto;}
.home-1-in-form {height: auto; top: auto; position: relative;}
.home-1-in-form-logo {width: 80%;}
.home-1-in-form-in-data {width: 90%; padding: 10vw 0px 28vw;}
.home-1-in-form-in-data-title {font-size: 8vw; padding: 0px 0px 5vw;}
.home-1-in-form-in-data-text {font-size: 4vw; line-height: 6vw; letter-spacing: 0.5px;}





.home-2-in {width: 96%; padding: 0px 0px 10vw;}
.home-2-in-banner-in {flex-wrap: wrap;}

.home-2-in-banner-left {width: 100%; height: 70vw;}
.home-2-in-banner-left-in {}
.home-2-in-banner:first-child .home-2-in-banner-left-in {top: 0% !important;}

.home-2-in-banner-right {width: 100%;}
.home-2-in-banner-right-in-data {width: 100%;}
.home-2-in-banner-right-in-data {padding: 3vw 0% 15vw 0%;}
.home-2-in-banner-right-in-data-in {gap: 4vw; text-align: right;}
.home-2-in-banner-right-in-data-in-title h2 {font-size: 11vw; letter-spacing: 0.05vw;}
.home-2-in-banner-right-in-data-in-title h2 span {font-size: 8vw; letter-spacing: 0.05vw;}
.home-2-in-banner-right-in-data-in-text {font-size: 4vw; line-height: 6vw;}
.home-2-in-banner-right-in-data-in-btn {justify-content: end;}
.home-2-in-banner-right-in-data-in-btn div {height: 12vw; padding: 0px 12vw;}
.home-2-in-banner-right-in-data-in-btn div span {font-size: 4vw;}

.switched-banner .home-2-in-banner-in {flex-direction: row;}
.switched-banner .home-2-in-banner-right-in-data {padding: 3vw 0% 15vw 0%;}
.switched-banner .home-2-in-banner-right-in-data-in {text-align: left;}
.switched-banner .home-2-in-banner-right-in-data-in-btn {justify-content: start;}





.home-3-in-top {  width: 88%; padding: 0px 0px 5vw;}
.home-3-in-top-title h2 {font-size: 7vw;}
.home-3-in-top-text {font-size: 3.3vw;}
.home-3-in-form {width: 65%;}
.home-3-in-form-in-btn {width: 15vw; height: 15vw;}





.home-9-title {width: 90%; font-size: 8vw; padding: 0px 0px 3vw; margin: auto;}
.home-9-in-item-number {height: 12vw; line-height: 12vw; font-size: 11vw;}
.home-9-in-item-icon {height: 24vw; line-height: 24vw; font-size: 13vw;}
.home-9-in-item-title {height: 10vw;}
.home-9-in-item-title span {font-size: 7vw; line-height: 10vw;}
















/* CONTENT */
.web-content {width: 94%; padding: 20px 2% 15px; margin: 10px auto30px; font-size: 14px;}

.web-container {width: 100%; overflow-x: hidden;}


.page-title, .web-content h2 {font-size: 31px !important; line-height: 35px !important; margin: 10px 0px 10px;}
.web-content h3 {font-size: 18px;}
.web-content h4 {font-size: 16px;}

.page-title-form {padding: 0px 0px 10px;}
.page-title-form-icon {padding: 0px 10px 0px 0px;}
.page-title-form-icon i {font-size: 31px;}


.web-content-top-img {height: 50vw;}
.is-web-content-top-img {margin-top: -10vw;}
.is-web-content-top-img:after {top: -5px; border-top-left-radius: 15px; border-top-right-radius: 15px;}






.page-content-global {padding: 0% 0% 50vw; margin: 0px auto 5vw;}
.page-content-global-bg::before {display: none; visibility: hidden;}
.page-content-global-img {width: 100vw; height: 50vw; top: auto;}
.page-content-global-data {width: 100%; min-height: 18vw; padding: 0px 0px 4vw;}
.page-content-global-data-title {padding: 0px 0px 2vw;}
.page-content-global-data-title h2 {font-size: 9vw !important; line-height: 11vw !important;}
.page-content-global-data-text {font-size: 15px; line-height: 22px; text-align: left;}






.page-bread-form ul li {font-size: 11px;}
.page-bread-form ul li:before {padding: 0px 2px; opacity: 0.3;}
.page-bread-form ul li a {font-size: 11px; letter-spacing: 0.5px;}
.page-bread-form ul li a i {font-size: 12px; margin: -1px 5px 0px 2px;}






.content-text-short {font-size: 15px; line-height: 24px; margin: 0px auto 15px; letter-spacing: 0.75px; padding: 4% 3% 4% 3%; border-left: 5px solid rgb(179, 64, 121);}
.content-text-short:before {font-size: 45px; line-height: 50px; padding-right: 10px; height: auto; width: auto; left: auto; top: auto; bottom: auto; float: left; position: relative;}



.content-text {font-size: 15px; line-height: 22px;}

.content-text table {width: 100% !important;}
.content-text img {width: 100% !important; height: auto !important; float: none !important;}
.content-text strong {font-size: 17px; text-align: left;}
.content-text ul li {padding: 5px 0px 10px 25px; line-height: 20px; text-align: left;}
.content-text ul li:before {font-size: 22px; left: 5px; top: 3px;}





.img-side-text {width: 96%; float: none; margin: auto;}
.img-side-1 .content-text {width: 100%;float: none;}
.img-side-2 .content-text {width: 100%;float: none;}
.img-side-1 .web-content-gallery {width: 100%; float: none;}
.img-side-2 .web-content-gallery {width: 100%; float: none;}
.text-side-1 .content-text {column-count: 1;}
.text-side-2 .content-text {column-count: 1;}
.text-side-3 .content-text {column-count: 1;}
.text-side-1 .content-text .content-text-in {column-count: 1;}
.text-side-2 .content-text .content-text-in {column-count: 1;}
.text-side-3 .content-text .content-text-in {column-count: 1;}


.img-side-1 .content-text video {width: 100%; height: 55vw;}
.img-side-2 .content-text video {width: 100%; height: 55vw;}

.img-side-1 .web-content-gallery-item img {height: 35vw;}
.img-side-2 .web-content-gallery-item img {height: 35vw;}

.web-content-gallery {margin-bottom: 10px; }
.web-content-gallery-video iframe {width: 100%; height: 53vw !important;}


.web-content-gallery-item {width: 29.333%; margin: 2%;}

.img-side-2 .web-content-gallery-video iframe {height: 53vw !important;}
.img-side-3 .web-content-gallery-video iframe {height: 53vw !important;}




.web-content-videobox {height: 52vw; max-height: 52vw; margin: 0px auto 6vw; box-shadow: 0px 0px 0px 1.5vw rgb(245, 245, 245);}
.web-content-videobox video {}




.pross-form-in-item {width: 32%; height: 39vw; margin-bottom: 3vw; float: none; display: inline-block;}
.pross-form-in-item-icon {height: 13vw;}
.pross-form-in-item-title {font-size: 3vw;}
.pross-form-in-item-text {font-size: 2.5vw; line-height: 3vw;}







.recenzie-page-item {padding: 5% 3%;}
.recenzie-page-item-header-title span {font-size: 4vw; display: block;}
.recenzie-page-item-header-date {font-size: 3vw;}




.page-referencie-form-in {gap: 3.5vw;}
.page-referencie-form-item {width: 100%;}
.page-referencie-form-item-in {width: 100%; height: 70vw;}
.page-referencie-form-item-data-in {padding: 10vw 3vw 3vw;}
.page-referencie-form-item-data-in-location {gap: 0;}
.page-referencie-form-item-data-in-location i {width: 6vw; font-size: 6vw;}
.page-referencie-form-item-data-in-title {padding-left: 2.6vw; margin-left: 1.0vw; border-left: 2.5vw solid rgb(77, 179, 119);}
.page-referencie-form-item-data-in-title div {font-size: 5vw; letter-spacing: 0.2vw;}





.web-referencie-one-top {width: 100%; padding: 10px 0px 10px;}
.web-referencie-one-top-main {width: 100%; padding: 0px 0px 20px; gap: 0px 20px;}
.web-referencie-one-top-main div {font-size: 10px;}
.web-referencie-one-top-main div i {font-size: 15px; padding: 0px 3px 0px 0px;}
.web-referencie-one-top-main div span {font-size: 14px;}
.web-referencie-one-bottom-img {width: 100%; height: 50vw; margin: 10px auto;}




.web-content-news-item-img {height: 50vw;}
.web-content-news-item-data {width: 66%; height: auto;}
.web-content-news-item-data-text {font-size: 14px;}
.web-content-news-item-data-title h3 {font-size: 20px; padding: 15px 0px 5px; letter-spacing: 1px; color: rgb(35, 50, 73);}
.web-content-news-item-data-title h3 {line-height: 22px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.web-content-news-item-data-text {display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.web-content-news-item-data-date {font-size: 14px; line-height: 18px;}








.pager {margin: 20px auto 30px;}
.novy-pager {width: 100%; text-align: center;}
.novy-pager li {margin: 5px 5px 5px 0px;}
.novy-pager .gomkikk {width: 34px; height: 34px; font-size: 14px; line-height: 34px; letter-spacing: 0px;}
.novy-pager .gombik {width: 34px; height: 34px; font-size: 14px; line-height: 34px; letter-spacing: 0px;}







.get-nice-table table thead th {font-size: 9px; padding: 12px 8px; line-height: 13px;}
.get-nice-table table tbody tr td {font-size: 14px; padding: 12px 8px; letter-spacing: 0.5px;}
.get-nice-table table thead tr th:last-child {width: 60px;}
.get-nice-table table tbody tr td:last-child {width: 60px; letter-spacing: 0px;}












/* KONTAKT */
.page-contact-text {width: 100%; font-size: 15px; line-height: 23px; float: none; margin-bottom: 25px;}
.page-contact-text iframe {width: 100%; height: 80vw;}
.page-contact-text table {}
.page-contact-text table td {display: block; width: 100% !important;}
.page-contact-imgs {width: 100%; float: none;}
.page-contact-imgs img {margin-top: 4%;}

.page-contact-map iframe {height: 90vw;}

.page-contact-imgs-form {width: 100%; padding-top: 10px; column-gap: 15px;}
.page-contact-imgs-form-item {height: 33vw;}

.contact-openings-days-head i {padding: 10px 15px 0px 15px;}
.contact-openings-days-head span {font-size: 18px;}
.contact-openings-days-form-item-title {width: 85px; padding-left: 15px; font-size: 13px;}
.ddday-active:before {width: 4px;}

.contact-openings-days-form-item-text {padding: 0px 2px 0px 15px;}
.contact-openings-days-form-item-text span {font-size: 14px; letter-spacing: 0.5px; word-spacing: 1px;}
.contact-openings-days-form-item-text span i {font-size: 9px; padding-left: 10px;}



.page-contact-team-function {width: 100%; float: none;}
.page-contact-team-function:nth-child(2n+1) {margin-right: 0;}

.page-contact-team-function-title i {width: 40px; font-size: 28px; margin: 12px 15px 0px 15px;}
.page-contact-team-function-title span {font-size: 17px;}

.page-contact-team-function-persons {width: 82%; padding: 15px 0px 0px; transform: translateX(70px);}
.page-contact-team-function-person {width: 100%; padding: 0px 0px 10px;}
.page-contact-team-function-person-title {font-size: 19px;}
.page-contact-team-function-person-subtitle {font-size: 13px;}
.page-contact-team-function-person-contact div {width: 100%; padding: 0px 25px 10px 0px;}
.page-contact-team-function-person-contact div a {font-size: 16px;}
.page-contact-team-function-person-contact div a i {width: 15px; font-size: 18px;}
.page-contact-team-function-person-contact div a .fa-envelope {font-size: 20px;}








.web-down-kontakt-in-items-in {width: 90%; margin: auto;}
.web-down-kontakt-in-item {width: 100%; max-width: 100%;}
.web-down-kontakt-in-items-in {flex-wrap: wrap; gap: 10vw;}
.web-down-kontakt-in-item-in-title {font-size: 7vw;}
.web-down-kontakt-in-item-in-text {font-size: 13px; line-height: 16px;}








/* FOOTER */
.web-down-form {height: auto;}

.web-down-in {width: 300px;}

.web-down-in-items {gap: 50px; flex-direction: column;}
.web-down-in-item {width: 100%;}
.web-down-in-item-first {width: 100%;}
.web-down-in-item-third {display: none; visibility: hidden;}

.web-down-in-item-text {font-size: 15px; line-height: 24px;}





.web-footer-link {width: 80%; padding: 40px 10% 40px; font-size: 11px;}



#to-top {width: 32px; height: 32px; font-size: 18px; right: 4px; bottom: 4px;}
#to-top i {width: 32px; height: 32px; line-height: 32px; font-size: 20px;}









.formularik-btn {bottom: 6px; left: 6px; right: auto;}
.body_is_scrolled .formularik-btn {left: 6px; right: auto;}

.formularik-btn-in {height: 36px;}
.formularik-btn-in-icon {width: 36px; line-height: 36px;}
.formularik-btn-in-icon i {font-size: 18px; line-height: 36px;}
.formularik-btn-in-title {font-size: 14px; padding: 0px 9px; line-height: 36px;}




.formularik-form {width: 98vw; height: 98vh; top: 1vh;}
.formularik-form-active {transform: scale(1);}

.formularik-form-in-head {width: 100%; height: 50px;}
.formularik-form-in-head-title {padding: 0px 0px 0px 10px; gap: 15px;}
.formularik-form-in-head-title span {font-size: 16px;}

.formularik-form-in-head-close {width: 50px; height: 50px;}
.formularik-form-in-head-close i {font-size: 40px;}

.kurzy-formular-box-in-body {width: 100%; height: 98vh; max-height: 98vh;}
.kurzy-formular-box-in-body-in {padding: 15px 10px 100px;}

.kurzy-formular-box-in-body-info {width: 94%; font-size: 12px; line-height: 16px; padding: 9px 3%; margin: 0px 0px 15px; box-shadow: inset 0px 0px 0px 3px rgba(113, 185, 160, 0.3);}

.kurzy-formular-box-in-body-in-infos {padding: 10px 5px 10px 13px; margin: 0px 0px 12px;}
.kurzy-formular-box-in-body-in-infos-text {font-size: 12px;}

.kurzy-formular-box-in-body-in-inputs {width: 100%; margin: 0px auto 15px; gap: 12px;}
.kurzy-formular-box-in-body-in-input {width: 100%; height: 50px;}
.kurzy-formular-box-in-body-in-input i {width: 30px; left: 8px;}
.kurzy-formular-box-in-body-in-input input {width: auto; height: 50px;}
.kurzy-formular-box-in-body-in-input select {width: auto; height: 50px; font-size: 16px;}

.kurzy-formular-box-in-body-in-hint span {font-size: 12px;}

.kurzy-formular-box-in-body-in-custom-in-top {padding: 0px 0px 20px 45px; gap: 10px; flex-wrap: wrap;}
.kurzy-formular-box-in-body-in-custom-in-top:before {width: 2px; left: 22px; top: 0px; bottom: 20px; background: rgb(237, 28, 36); position: absolute; content: '';}
.kurzy-formular-box-in-body-in-custom-in-top-item {width: 100%; height: 44px; justify-content: start;}
.kurzy-formular-box-in-body-in-custom-in-top-item i {width: 30px; font-size: 18px; padding-left: 10px; text-align: center;}
.kurzy-formular-box-in-body-in-custom-in-top-item span {font-size: 15px; font-weight: 300;}
.kurzy-formular-box-in-body-in-custom-in-main {gap: 10px; flex-wrap: wrap;}
.kurzy-formular-box-in-body-in-custom-in-main-select {width: 100%; height: 50px;}
.kurzy-formular-box-in-body-in-custom-in-main-select i {width: 30px; font-size: 22px; left: 8px;}
.kurzy-formular-box-in-body-in-custom-in-main-select select {height: 50px; font-size: 16px;}

.kurzy-formular-box-in-body-in-input-check-in {gap: 10px;}
.kurzy-formular-box-in-body-in-input-check-in-label label span {width: 90%; font-size: 15px; line-height: 18px;}

.kurzy-formular-box-in-body-in-text {width: 100%; margin: 0px auto 15px;}
.kurzy-formular-box-in-body-in-text textarea {width: 92%; padding: 15px 4%;}

.kurzy-formular-box-in-body-in-check label {font-size: 15px; display: flex; gap: 5px;}
.kurzy-formular-box-in-body-in-check label input {padding: 0px; margin: 0px;}
.kurzy-formular-box-in-body-in-check label span {font-size: 11px; line-height: 13px; padding-top: 2px; font-weight: 300; letter-spacing: 0px; display: inline-block;}

.kurzy-formular-box-in-body-in-send {padding-bottom: 5vw;}



}/*@media screen and (max-width: 1023px)*/


/*dokoncovanie responzivity*/


/* Respomzívne CSS pre mobily - Košík a horná časť */
@media (max-width: 1023px) {
	.web-header-inner {
	    display: flex;
	    align-items: center;
	    justify-content: flex-end;
	    gap: 15px;
	    position: relative;
	    height: 60px; /* Fixná výška pre lepšie zarovnanie */
	}

	.web-menu-cart {
	    width: 50px !important;
	    height: 50px;
	    position: relative !important; /* Zmena z absolute na relative */
	    bottom: auto !important;
	    right: auto !important;
	    border-radius: 50%; /* Kruhový tvar */
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin: 0;
	}

	.web-menu-cart-title,
	.web-menu-cart-status {
	    display: none !important;
	}

	.web-menu-cart-i {
	    width: 100% !important;
	    height: 100% !important;
	    float: none;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}

	.web-menu-cart-i i {
	    font-size: 24px;
	    line-height: 1;
	}

	.web-header-social {
	    position: relative !important;
	    top: auto !important;
	    right: auto !important;
	    margin: 0;
	}

	.web-header-social-items {
	    gap: 12px;
	    margin: 0;
	    margin-right:50px;
	}

	.web-header-social-items div a i {
	    font-size: 20px;
	}

	.menu-btn {
	    /* Pridáme medzeru medzi týmito prvkami */
	    margin-left: 10px;
	}
}
/* Respomzívne CSS pre veľmi malé mobily */
@media (max-width: 480px) {
    .web-header-inner {
        gap: 10px;
        height: 50px;
    }
    
    .web-menu-cart {
        width: 45px !important;
        height: 45px;
    }
    
    .web-menu-cart-i i {
        font-size: 22px;
    }
    
    .web-header-social-items {
        gap: 10px;
    }
    
    .web-header-social-items div a i {
        font-size: 18px;
    }
}
/* Špeciálne úpravy pre stredné obrazovky */
@media (max-width: 900px) and (min-width: 768px) {
    .web-header-inner {
        gap: 20px;
    }
    
    .web-menu-cart {
        width: 55px !important;
        height: 55px;
    }
    
    .web-menu-cart-i i {
        font-size: 26px;
    }
}




/* Respomzívne CSS pre mobily - Home Slider */
@media (max-width: 1023px) {
	.home-slider, .home-slider .swiper-container {
	        height: 60vh; /* Zmenšená výška pre mobily */
	}

	.home-slide-form-data {
	    width: 90%; /* Väčšia šírka pre lepšie využitie priestoru */
	    justify-content: center; /* Centrovanie obsahu */
	    top: 50%; /* Presun na stred */
	    transform: translateY(-50%); /* Centrovanie vertikálne */
	    height: auto; /* Auto výška */
	}

	.home-slide-form-data-in {
	    max-width: 90%; /* Väčšia šírka na mobile */
	    text-align: center; /* Centrovanie textu */
	    padding: 25px 20px; /* Pridanie vnútorného odsadenia */
	    display: flex;
	    flex-direction: column;
	    gap: 15px; /* Medzera medzi nadpisom a podnadpisom */
	    background:transparent;
	}

	.home-slide-form-data-in-top,
	.home-slide-form-data-in-bot {
	    position: relative !important; /* Zmena na relatívnu pozíciu */
	    width: 100% !important;
	    left: auto !important;
	    right: auto !important;
	    top: auto !important;
	    bottom: auto !important;
	}

	.home-slide-form-data-in-top-title {
	    font-size: 28px; /* Výrazne zmenšená veľkosť písma */
	    line-height: 32px; /* Upravený výškový rozstup */
	    margin: 0;
	}

	.home-slide-form-data-in-bot-text {
	    font-size: 14px; /* Menšia veľkosť písma */
	    line-height: 18px; /* Menší výškový rozstup */
	    -webkit-line-clamp: 3; /* Počet riadkov textu */
	    margin: 0;
	}

	.home-slider-pagination {
	    bottom: 15px; /* Vyššie umiestnené pagination */
	}

	.home-slider-pagination-in .swiper-pagination-bullet {
	    font-size: 16px; /* Menšie čísla pagination */
	}
}
/* Úprava pre veľmi malé displeje */
@media (max-width: 360px) {
    .home-slide-form-data-in-top-title {
        font-size: 24px;
        line-height: 28px;
    }
    
    .home-slide-form-data-in-bot-text {
        font-size: 13px;
    }
}





@media (max-width: 1023px) {
	.home-1-in-banner-in {
	        flex-direction: column !important;
	}
	    
	.home-1-in-banner-left,
	.home-1-in-banner-right {
	    width: 100% !important;
	}

	.home-1-in-banner-left-in {
	    position: relative !important;
	    height: 300px; /* alebo iná vhodná výška */
	}

	.switched-banner .home-1-in-banner-in {
	    flex-direction: column !important;
	}

	.home-1-in-banner-right-in-data-in {
	    padding: 40px 0px !important;
	    gap: 20px !important;
	}

	.home-1-in-banner-right-in-data-in-title h2 {
	    font-size: 36px !important;
	    line-height: 40px !important;
	}

}




/* Respomzívne CSS pre mobily - Sekcia Naše hlavné plodiny */
@media (max-width: 1023px) {
	.home-2-in {
	    width: 100%; /* Plná šírka na mobile */
	    border-bottom-left-radius: 30px; /* Menšie zaoblenie */
	}

	.home-2-in-title {
	    padding: 40px 20px 30px; /* Menšie paddingu */
	}

	.home-2-in-title h2 {
	    font-size: 32px; /* Menší nadpis */
	    line-height: 36px;
	}

	.home-2-in-items {
	    padding: 0px 0px 60px; /* Menšie paddingu */
	}

	.home-2-in-items-in {
	    flex-direction: column; /* Zmena na vertikálne usporiadanie */
	    gap: 30px; /* Medzera medzi položkami */
	}

	.home-2-in-item {
	    width: 100% !important; /* Plná šírka */
	    margin-bottom: 20px;
	}

	.home-2-in-item-in {
	    width: 90%; /* Širšia šírka pre lepšie využitie priestoru */
	    margin: 0 auto;
	}

	.home-2-in-item-in-img {
	    height: 250px; /* Menšia výška obrázku */
	}

	.home-2-in-item-in-data {
	    width: 100%; /* Plná šírka */
	    height: auto; /* Auto výška */
	    padding: 20px 0;
	    gap: 15px; /* Medzery medzi prvkami */
	}

	.home-2-in-item-in-data-title {
	    height: auto; /* Auto výška */
	    min-height: 80px;
	}

	.home-2-in-item-in-data-title h3 {
	    font-size: 28px; /* Menší nadpis */
	    line-height: 32px;
	    text-align: center; /* Centrovanie textu */
	}

	.home-2-in-item-in-data-text {
	    width: 90%; /* Širšia šírka */
	    text-align: center; /* Centrovanie textu */
	}

	.home-2-in-item-in-data-text div {
	    font-size: 16px;
	    line-height: 20px;
	}

	.home-2-in-item-in-data-btn div {
	    height: 50px; /* Menšia výška tlačidla */
	    padding: 0px 40px;
	}

	.home-2-in-item-in-data-btn div span {
	    font-size: 18px; /* Menší text tlačidla */
	}

}
/* Respomzívne CSS pre veľmi malé mobily */
@media (max-width: 480px) {
    .home-2-in-title {
        padding: 30px 15px 20px;
    }
    
    .home-2-in-title h2 {
        font-size: 28px;
        line-height: 32px;
    }
    
    .home-2-in-items-in {
        gap: 25px;
    }
    
    .home-2-in-item-in-img {
        height: 200px;
    }
    
    .home-2-in-item-in-data-title h3 {
        font-size: 24px;
        line-height: 28px;
    }
    
    .home-2-in-item-in-data-text div {
        font-size: 15px;
        line-height: 19px;
    }
    
    .home-2-in-item-in-data-btn div {
        height: 45px;
        padding: 0px 30px;
    }
    
    .home-2-in-item-in-data-btn div span {
        font-size: 16px;
    }
    
    .home-2-in {
        border-bottom-left-radius: 20px;
    }
}
/* Tabletové rozlíšenia */
@media (max-width: 1023px) and (min-width: 768px) {
    .home-2-in-items-in {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Dve položky vedľa seba */
        gap: 30px;
    }
    
    .home-2-in-item {
        width: 100% !important;
    }
    
    .home-2-in-item:last-child {
        grid-column: span 2; /* Posledná položka na celú šírku */
        width: 50% !important;
        margin: 0 auto;
    }
}





/* Respomzívne CSS pre mobily - Sekcia Poľnohospodárske služby */
@media (max-width: 1023px) {
    .home-3-inner {
        flex-direction: column; /* Zmena na vertikálne usporiadanie */
        gap: 30px; /* Medzera medzi obrázkom a textom */
    }
    
    .home-3-in-img {
        width: 100% !important; /* Plná šírka na mobile */
        order: 1; /* Obrázok ako prvý */
    }
    
    .home-3-in-img-in {
        height: 300px; /* Menšia výška obrázku */
    }
    
    .home-3-in-img-in img {
        position: relative !important; /* Zmena z absolute na relative */
        top: 0 !important; /* Reset pozície */
        object-position: center center; /* Centrovanie obrázku */
    }
    
    .home-3-in-data {
        width: 100% !important; /* Plná šírka na mobile */
        order: 2; /* Text ako druhý */
    }
    
    .home-3-in-data-in {
        gap: 20px; /* Menšia medzera medzi prvkami */
        text-align: center; /* Centrovanie textu */
    }
    
    .home-3-in-data-in-title h3 {
        font-size: 32px; /* Menší nadpis */
        line-height: 36px;
        color: rgb(108, 96, 78);
    }
    
    .home-3-in-data-in-text {
        width: 90% !important; /* Širšia šírka textu */
    }
    
    .home-3-in-data-in-text div {
        font-size: 16px; /* Menšia veľkosť písma */
        line-height: 22px;
        color: rgb(145,169,62);
    }
    
    /* Zmena hover efektu pre mobilné zariadenia */
    .home-3-inner:hover .home-3-in-img-in img {
        transform: scale(1.01); /* Menší efekt */
        filter: drop-shadow(4px 8px 8px rgba(145, 169, 62, 0.3));
    }
}

/* Respomzívne CSS pre veľmi malé mobily */
@media (max-width: 480px) {
    .home-3-in-img-in {
        height: 250px; /* Ešte menšia výška obrázku */
    }
    
    .home-3-in-data-in-title h3 {
        font-size: 28px;
        line-height: 32px;
    }
    
    .home-3-in-data-in-text div {
        font-size: 15px;
        line-height: 20px;
    }
    
    .home-3-in-data-in {
        gap: 15px;
    }
}

/* Tabletové rozlíšenia */
@media (max-width: 1023px) and (min-width: 768px) {
    .home-3-in-img-in {
        height: 350px;
    }
    
    .home-3-in-data-in-title h3 {
        font-size: 38px;
        line-height: 42px;
    }
    
    .home-3-in-data-in-text div {
        font-size: 17px;
        line-height: 23px;
    }
}

/* Zmena pre veľké mobily na výšku */
@media (max-width: 1023px) and (orientation: landscape) {
    .home-3-inner {
        flex-direction: row; /* Pôvodné usporiadanie na šírku */
        align-items: center;
    }
    
    .home-3-in-img {
        width: 45% !important;
    }
    
    .home-3-in-data {
        width: 55% !important;
    }
    
    .home-3-in-img-in {
        height: 250px;
    }
    
    .home-3-in-data-in-title h3 {
        font-size: 28px;
        line-height: 32px;
    }
}





@media (max-width: 768px) {
  .home-4-slide-in-img {
    height: 220px;
  }
  .home-4-slide-in-title div {
    width: 200px;
    height: 60px;
  }
}






/* Respomzívne CSS pre mobily - Sekcia máp a footer */
@media (max-width: 1023px) {
  .web-down-map-in-top {
    height: 200px;
  }
  .web-down-map-in-top-title span {
    font-size: 32px;
    white-space: normal;
    line-height: 1.2;
    padding: 0 10px;
  }

  .web-down-map-in-bot {
    height: 250px;
  }
  .web-down-map-in-bot-icon i {
    font-size: 50px;
  }

  .web-down-map-in-btn div {
    height: 50px;
    padding: 0 20px;
  }
  .web-down-map-in-btn div span {
    font-size: 18px;
  }

  /* Footer sekcia */
  .web-down-in-items {
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
  }
  .web-down-in-item-first,
  .web-down-in-item-second,
  .web-down-in-item-third,
  .web-down-in-item-fourth {
    width: 100%;
  }
  .web-down-in-logo {
    width: 60%;
    height: auto;
  }
}





/* Respomzívne CSS pre mobily - Katalóg */
@media (max-width: 1023px) {
    .katalog-content-form-in {
        flex-direction: column; /* Zmena na vertikálne usporiadanie */
        gap: 20px;
    }
    
    /* Side menu pre mobil */
    .katalog-content-sidemenu {
        width: 100% !important;
        order: 2; /* Presunúť menu pod obsah */
    }
    
    .katalog-content-sidemenu-in {
        margin: 0;
        position: relative;
        top: 0;
    }
    
    .katalog-content-sidemenu-inner {
        width: 100%;
        padding: 20px;
    }
    
    /* Hlavný obsah */
    .katalog-content {
        width: 100%;
        order: 1; /* Hlavný obsah navrchu */
    }
    
    .katalog-content-inner {
        padding: 30px 15px 80px;
    }
    
    /* Nadpis */
    .katalog-content-title h2 {
        font-size: 36px !important;
        text-align: center;
    }
    
    /* Top kategórie */
    .katalog-content-top-categories {
        justify-content: center;
        gap: 10px;
        padding-bottom: 30px;
    }
    
    .katalog-content-top-categories-item {
        width: 48%; /* Dve položky vedľa seba */
        height: 70px;
    }
    
    /* Produkty */
    .katalog-content-products-in {
        gap: 20px 4%;
        justify-content: center;
    }
    
    .katalog-content-products-in-item {
        width: 48%; /* Dva produkty vedľa seba */
        margin-bottom: 20px;
    }
    
    .web-content-products-item {
        margin: 0;
    }
    
    .web-content-products-item-img {
        height: 200px;
    }
    
    .web-content-products-item-info-titles-in {
        height: 60px;
        padding: 0 10px;
    }
    
    .web-content-products-item-info-titles-main div {
        font-size: 18px;
        text-align: center;
    }
    
    /* Breadcrumb */
    .product-form-top ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .product-form-top ul li {
        float: none;
    }
    
    /* Text obsah */
    .katalog-content-text-in {
        text-align: center;
        padding: 10px 0 20px;
    }
}

/* Respomzívne CSS pre veľmi malé mobily */
@media (max-width: 480px) {
    .katalog-content-top-categories-item {
        width: 100%; /* Jedna kategória na riadok */
    }
    
    .katalog-content-products-in-item {
        width: 100%; /* Jeden produkt na riadok */
    }
    
    .katalog-content-title h2 {
        font-size: 30px !important;
    }
    
    .web-content-products-item-img {
        height: 180px;
    }
    
    .web-content-products-item-info-titles-main div {
        font-size: 16px;
    }
    
    .web-content-products-item-info-btn-in {
        height: 40px;
    }
    
    .s-p-price-main {
        font-size: 17px;
    }
}

/* Tabletové rozlíšenia */
@media (max-width: 1023px) and (min-width: 768px) {
    .katalog-content-products-in-item {
        width: 31.33%; /* Tri produkty vedľa seba */
    }
    
    .katalog-content-top-categories-item {
        width: 31.33%; /* Tri kategórie vedľa seba */
    }
}

/* Side menu tlačidlo pre mobil (ak by ste chceli skryť menu a zobraziť až po kliknutí) */
@media (max-width: 1023px) {
    .katalog-content-sidemenu-btn {
        display: block !important;
        visibility: visible !important;
        width: 100%;
        padding: 15px;
        background: rgb(145, 169, 62);
        color: white;
        text-align: center;
        cursor: pointer;
        margin-bottom: 10px;
    }
    
    .katalog-content-sidemenu-inner {
        display: none; /* Skryť menu na mobile */
    }
    
    .katalog-content-sidemenu-inner.active {
        display: block; /* Zobraziť po kliknutí */
    }
}

/* Úprava pre hover efekty na mobile */
@media (max-width: 1023px) {
    .web-content-products-item:active {
        box-shadow: 0px 0px 0px 3px rgb(108, 96, 78);
    }
    
    .web-content-products-item-info-btn-in:active {
        box-shadow: 0px 0px 0px 6px rgba(145, 169, 62, 0.3);
    }
    
    .katalog-content-top-categories-item:active {
        filter: brightness(90%);
    }
}

/* Zlepšenie čitateľnosti na mobile */
@media (max-width: 1023px) {
    .katalog-content-sidemenu-menu-item {
        padding: 0px 0px 15px;
    }
    
    .katalog-content-sidemenu-menu-item-top-title {
        font-size: 18px;
    }
    
    .katalog-content-sidemenu-in-hint-in {
        height: 50px;
    }
    
    .katalog-content-sidemenu-in-hint-in-icon {
        padding-left: 20px;
    }
    
    .katalog-content-sidemenu-in-hint-in-icon i {
        font-size: 20px;
    }
    
    .katalog-content-sidemenu-in-hint-in-text span {
        font-size: 14px;
    }
}





/* Respomzívne CSS pre mobily - Detail produktu */
@media (max-width: 1023px) {
    .product-form-main-in {
        flex-direction: column; /* Zmena na vertikálne usporiadanie */
    }
    
    /* Ľavá časť - obrázok produktu */
    .product-form-left {
        width: 100% !important;
        order: 1;
    }
    
    .product-form-left-box-in {
        width: 100%;
        height: 50vh;
        position: relative;
    }
    
    /* Pravá časť - informácie o produkte */
    .product-form-right {
        width: 100% !important;
        padding-left: 0;
        order: 2;
    }
    
    .product-form-right-box {
        padding: 30px 0;
    }
    
    /* Nadpis produktu */
    .product-form-right-box-top-title h2 {
        font-size: 28px;
        line-height: 34px;
        text-align: center;
    }
    
    /* Cena produktu */
    .product-price {
        text-align: center;
    }
    
    .product-price-info,
    .product-price-price {
        width: 100%;
        float: none;
        text-align: center;
    }
    
    #pro_price {
        font-size: 28px;
    }
    
    /* Formulár pre objednávku */
    
    /* Tlačidlá pre objednávku */
    /*
    .product-add-button-in {
        flex-direction: column;
        gap: 15px;
        height: auto;
        padding: 20px;
    }
    
    .product-add-button-data-btn button {
        width: 100%;
        padding: 0 20px;
        font-size: 18px;
    }
    
    .product-add-button-data {
        justify-content: center;
    }
    */
    
    /* Bočné panely */
    .product-form-about,
    .product-form-micros {
        width: 100%;
        position: relative;
        top: 0;
        float: none;
        margin: 30px 0;
        order: 4;
    }
    
    /* Podobné produkty */
    .product-related-title {
        font-size: 24px;
    }
    
    .product-related-item {
        width: 100%;
        margin: 10px 0 !important;
    }
    
    /* Navigačné tlačidlá pre slider */
    .products-related-btn {
        display: none;
    }
    
    /* Breadcrumb navigácia */
    .product-form-top ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .product-form-top ul li {
        float: none;
    }
    
    /* Textový obsah */
    .product-form-right-box-top-text {
        text-align: center;
        font-size: 14px;
    }
    
    /* Formulár pre hodnotenie */
    .product-ratings-form-post-top {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }
    
    .clasificacion {
        margin: 0 auto;
    }
}

/* Respomzívne CSS pre veľmi malé mobily */
@media (max-width: 480px) {
    .product-form-left-box-in {
        height: 40vh;
    }
    
    .product-form-right-box-top-title h2 {
        font-size: 24px;
        line-height: 30px;
    }
    
    #pro_price {
        font-size: 24px;
    }
    
    .product-add-button-data-btn button {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }
    
    .product-related-title {
        font-size: 20px;
    }
    
    .product-form-middle-in-tabber-item div span {
        font-size: 15px;
    }
    
    .product-form-about-in-data-in span {
        font-size: 22px;
    }
}

/* Tabletové rozlíšenia */
@media (max-width: 1023px) and (min-width: 768px) {
    .product-form-left-box-in {
        height: 45vh;
    }
    
    .product-related-item {
        width: 48%;
        margin: 1% !important;
    }
    
    .product-form-middle-in-tabber {
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .product-form-middle-in-tabber-item {
        width: 48%;
    }
}

/* Úpravy pre Swiper na mobile */
@media (max-width: 1023px) {
    .gallery-thumbs {
        display: none; /* Skryť thumbnails na mobile */
    }
    
    .product-slider:hover .gallery-thumbs {
        display: none;
    }
    
    /* Upraviť podobné produkty pre mobil */
    #swiper-related .swiper-wrapper {
        flex-direction: column;
    }
    
    #swiper-related .swiper-slide {
        width: 100% !important;
    }
}

/* Zvýraznenie touch efektov */
@media (max-width: 1023px) {
    .product-form-middle-in-tabber-item:active {
        background: rgb(145, 169, 62);
    }
    
    .product-form-middle-in-tabber-item:active i,
    .product-form-middle-in-tabber-item:active span {
        color: white !important;
    }
    
    .product-add-button-data-btn button:active {
        opacity: 0.8;
    }
}

/* Úprava pre dátumový výber na mobile */
@media (max-width: 1023px) {
    .AGRO-product-main-date-in-calendar-UI {
        width: 100%;
        left: 0;
    }
    
    #date_selector {
        width: 100% !important;
    }
}

/* Skrytie nepotrebných prvkov na mobile */
@media (max-width: 1023px) {
    .product-form-about-in-logo {
        width: 150px;
        height: 60px;
    }
    
    .product-form-about-in-data-in i {
        font-size: 30px;
    }
}





@media (max-width: 1023px) {
  .product-form-related-katalog-in {
    flex-direction: column;
    padding: 20px;
    box-sizing: border-box;
  }
  .product-form-related-katalog-in-items {
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }
  .product-form-related-katalog-in-item {
    width: 100%;
    height: auto;
    padding: 15px;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
  }
  .product-form-related-katalog-in-item-icon {
    width: 60px;
    padding: 0;
  }
  .product-form-related-katalog-in-item-title {
    width: calc(100% - 70px);
    font-size: 17px;
    line-height: 22px;
  }
}

@media (max-width: 575px) {
  .product-form-related-katalog-in {
    padding: 20px 15px;
  }
  .product-form-related-katalog-in-item {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
  .product-form-related-katalog-in-item-icon {
    width: 80px;
    margin: 0 auto;
  }
  .product-form-related-katalog-in-item-title {
    width: 100%;
    text-align: center;
    font-size: 16px;
  }
}




/* PRODUCT MIDDLE - RESPONSIVE */
@media (max-width: 1023px) {
    .product-form-middle { width: 90%; margin: 0 auto; float: none; }
    .product-form-middle-in-tabber { flex-direction: column; gap: 10px; }
    .product-form-middle-in-tabber-item { height: auto; padding: 10px 0; flex-grow: 0; }
    .product-form-middle-in-tabber-item div { display: flex; align-items: center; justify-content: center; gap: 10px; }
    .product-form-middle-in-tabber-item div i { margin: 0; font-size: 20px; }
    .product-form-middle-in-tabber-item div span { line-height: normal; font-size: 16px; }
    .product-form-middle-in-tabb-in { padding: 0 10px; }
    .product-form-middle-in-tabb-in-docs { width: 100%; padding: 20px 0; }
    .product-form-middle-in-tabb-in-params { width: 100%; padding: 20px 0; }
    .product-form-middle-in-tabb-in-param-title,
    .product-form-middle-in-tabb-in-param-data { width: 100%; float: none; display: block; }
    .product-form-middle-in-tabb-in-faq-title { padding: 15px 15px 15px 50px; font-size: 16px; }
    .product-form-middle-in-tabb-in-faq-title i { left: 15px; top: 15px; font-size: 18px; }
    .product-form-about { width: 90%; float: none; margin: 20px auto 0; position: relative; top: 0; }
    .product-form-micros { width: 90%; float: none; margin: 20px auto 0; position: relative; top: 0; }
    .product-form-about-in-logo { width: 150px; height: 60px; right: 15px; top: 10px; }
    .product-form-about-in-data-in { flex-direction: column; align-items: flex-start; height: auto; padding: 10px 20px; }
    .product-form-about-in-data-in span { font-size: 20px; }
    .product-form-about-in-data-in i { font-size: 30px; margin-top: 5px; }
}




/* RESPONZÍVNE - AGRO PRODUCT DATE */
@media (max-width: 768px) {
  .AGRO-product-main-in {
    gap: 15px;
  }

  .AGRO-product-main-date-in {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding: 12px 15px;
    gap: 8px;
  }

  .AGRO-product-main-date-in-icon {
    width: 100%;
    text-align: left;
  }

  .AGRO-product-main-date-in-icon i {
    font-size: 24px;
  }

  .AGRO-product-main-date-in-title {
    width: 100%;
  }

  .AGRO-product-main-date-in-title span {
    font-size: 16px;
  }

  .AGRO-product-main-date-in-calendar-nonselected {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .AGRO-product-main-date-in-calendar-nonselected i {
    font-size: 20px;
  }

  .AGRO-product-main-date-in-calendar-nonselected span {
    font-size: 15px;
  }

  .AGRO-product-main-date-in-calendar-selected {
    font-size: 20px;
  }

  .AGRO-product-main-date-in-calendar-UI {
    right: 0;
    top: 100%;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .ui-datepicker table {
  font-size: 12px;
	}
}







@media (max-width: 1023px) {
  .product-add-button-in {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 10px;
    height: auto;
  }

  .product-add-button-data-btn button {
    width: 100%;
    padding: 12px 0;
    font-size: 18px;
    line-height: 1.3;
  }

  .product-add-button-data {
    justify-content: flex-start;
    gap: 5px;
    flex-wrap: wrap;
  }

  .product-add-button-data-q .ui-spinner {
    width: 100% !important;
    max-width: 120px;
  }

  .product-add-button-data-q .ui-spinner-input {
    width: 100% !important;
    font-size: 16px !important;
  }

  .product-add-button-form {
  		height: 140px;
	}

  .product-form-right-box{
  	padding-bottom:0;
  }
}





/* Respomzívne CSS pre mobily - Add to cart dialog */
@media (max-width: 1023px) {
    .add-big-dialog {
        width: 95% !important;
        left: 2.5% !important;
        right: 2.5% !important;
        top: 5% !important;
        transform: none !important;
        max-height: 90vh;
        overflow-y: auto;
        margin: 0 !important;
    }
    
    .add-big-dialog-top {
        padding: 20px 15px;
    }
    
    .add-big-dialog-top-title {
        flex-direction: column;
        gap: 10px;
        text-align: center;
        padding-bottom: 15px;
    }
    
    .add-big-dialog-top-title-main {
        font-size: 18px;
        text-align: center;
    }
    
    .add-big-dialog-top-title-close {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    
    .add-big-dialog-top-product {
        flex-direction: column;
        text-align: center;
        gap: 15px;
        padding: 15px 0;
        width: 100%;
        display: flex;
    }
    
    .add-big-dialog-top-product-img,
    .add-big-dialog-top-product-text,
    .add-big-dialog-top-product-qqq,
    .add-big-dialog-top-product-price {
        width: 100% !important;
        float: none;
        height: auto;
        text-align: center;
    }
    
    .add-big-dialog-top-product-img {
        width: 80px !important;
        height: 60px;
        margin: 0 auto;
    }
    
    .add-big-dialog-top-product-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        padding-left: 0;
    }
    
    .add-big-dialog-top-product-text-title {
        font-size: 18px;
        margin-bottom: 5px;
        white-space: normal;
    }
    
    .add-big-dialog-top-product-text-text {
        font-size: 14px;
        line-height: 1.4;
        white-space: normal;
        opacity: 0.8;
    }
    
    .add-big-dialog-top-product-qqq span,
    .add-big-dialog-top-product-price span {
        font-size: 16px;
        font-weight: 600;
        display: block;
    }
    
    .add-big-dialog-top-buttons {
        flex-direction: column;
        gap: 10px;
        margin-top: 20px;
        display: flex;
        width: 100%;
    }
    
    .add-big-dialog-top-button {
        width: 100% !important;
        text-align: center;
        float: none;
    }
    
    .add-big-dialog-top-button a {
        padding: 15px;
        font-size: 16px;
        display: block;
        width: 100%;
    }
    
    .add-big-dialog-bottom {
        flex-direction: column;
        padding: 20px 0;
        width: 100%;
    }
    
    .add-big-dialog-bottom-left,
    .add-big-dialog-bottom-right {
        width: 100% !important;
        height: auto;
        float: none;
        margin-bottom: 30px;
    }
    
    .add-big-dialog-bottom-title {
        font-size: 18px;
        text-align: center;
        margin-bottom: 15px;
    }
    
    .add-big-dialog-bottom-left-slider {
        margin-bottom: 20px;
    }
    
    /* Upraviť slider pre mobil */
    #add-dialog-swiper {
        height: auto !important;
        padding: 10px 0;
    }
    
    .add-dialog-swiper-btn {
        display: none;
    }
    
    .dialog-slider-slide {
        width: 90%;
        height: 200px;
        margin: 10px auto;
    }
    
    .add-big-dialog-bottom-right-items {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    .add-big-dialog-bottom-right-item {
        width: 100%;
        height: auto;
        padding: 12px 0;
        text-align: center;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        background: #f8f8f8;
    }
    
    .add-big-dialog-bottom-right-item a {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.4;
        white-space: normal;
        padding: 0;
        width: 100%;
    }
    
    .add-big-dialog-bottom-right-item i {
        display: none;
    }
}

/* Respomzívne CSS pre veľmi malé mobily */
@media (max-width: 480px) {
    .add-big-dialog {
        width: 98% !important;
        left: 1% !important;
        right: 1% !important;
        top: 2% !important;
        max-height: 96vh;
    }
    
    .add-big-dialog-top-title-main {
        font-size: 16px;
    }
    
    .add-big-dialog-top-product-text-title {
        font-size: 16px;
    }
    
    .add-big-dialog-top-product-text-text {
        font-size: 13px;
    }
    
    .add-big-dialog-top-button a {
        padding: 12px;
        font-size: 15px;
    }
    
    .add-big-dialog-bottom-title {
        font-size: 16px;
    }
    
    .add-big-dialog-bottom-right-item a {
        font-size: 14px;
    }
    
    .dialog-slider-slide {
        height: 180px;
    }
}

/* Tabletové rozlíšenia */
@media (max-width: 1023px) and (min-width: 768px) {
    .add-big-dialog {
        width: 90% !important;
        left: 5% !important;
        right: 5% !important;
    }
    
    .add-big-dialog-top-product {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    
    .add-big-dialog-top-product-img {
        width: 100px !important;
        height: 75px;
    }
    
    .add-big-dialog-top-product-text {
        width: 60% !important;
        text-align: left;
    }
    
    .add-big-dialog-top-product-qqq,
    .add-big-dialog-top-product-price {
        width: 20% !important;
    }
    
    .add-big-dialog-top-buttons {
        flex-direction: row;
    }
    
    .add-big-dialog-top-button {
        width: 48% !important;
    }
    
    .add-big-dialog-bottom {
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .add-big-dialog-bottom-left,
    .add-big-dialog-bottom-right {
        width: 48% !important;
    }
}

/* Zvýraznenie touch efektov */
@media (max-width: 1023px) {
    .add-big-dialog-top-button:active,
    .add-big-dialog-bottom-right-item:active {
        transform: scale(0.98);
        opacity: 0.9;
    }
    
    .add-big-dialog-top-title-close:active {
        transform: scale(1.2);
    }
    
    .add-big-dialog-top-button a,
    .add-big-dialog-bottom-right-item {
        transition: all 0.2s ease;
    }
}

/* Úprava pre Swiper na mobile */
@media (max-width: 1023px) {
    #add-dialog-swiper .swiper-wrapper {
        flex-direction: column;
    }
    
    #add-dialog-swiper .swiper-slide {
        width: 100% !important;
        margin-bottom: 15px;
    }
}

/* Zabraňuje pretekaniu obsahu */
@media (max-width: 1023px) {
    .add-big-dialog {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .add-big-dialog-top-product-text-text {
        max-height: 80px;
        overflow-y: auto;
    }
}

/* Oprava pre shadow */
@media (max-width: 1023px) {
    .add-big-dialog-shadow {
        backdrop-filter: blur(5px);
    }
    
    .add-big-dialog {
        box-shadow: 0 10px 40px rgba(0,0,0,0.3);
        border-radius: 15px;
    }
}

/* Respomzívne CSS pre mobily - Add to cart dialog FIX */
@media (max-width: 1023px) {
    /* Oprava pre modalný overlay */
    .add-big-dialog-shadow.add-big-dialog-shadow-active {
        position: fixed;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        overflow: hidden;
    }
    
    /* Oprava pre modalné okno */
    .add-big-dialog.add-big-dialog-active {
        position: fixed;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 95vw !important;
        max-width: 95vw !important;
        max-height: 90vh !important;
        margin: 0 !important;
        z-index: 1000;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    /* Povolenie scrollovania len v rámci modalu */
    .add-big-dialog.add-big-dialog-active {
        overscroll-behavior: contain;
    }
    
    /* Zabránenie scrollovaniu body keď je modal otvorený */
    body.add-big-dialog-open {
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    
    /* Reset pre všetky elementy mimo modalu */
    .add-big-dialog-shadow-active ~ * {
        pointer-events: none;
    }
    
    .add-big-dialog-active,
    .add-big-dialog-active * {
        pointer-events: auto;
    }
    
    /* Zvýraznenie close tlačidla */
    .add-big-dialog-top-title-close {
        z-index: 1001;
        background: white;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        cursor: pointer;
    }
    
    .add-big-dialog-top-title-close:active {
        background: #f0f0f0;
        transform: scale(0.95);
    }
    
    /* Zvýšenie clickable area pre tlačidlá */
    .add-big-dialog-top-button a {
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* Touch-friendly veľkosti */
    .add-big-dialog-top-title-close i {
        font-size: 24px;
    }
}

/* Respomzívne CSS pre veľmi malé mobily */
@media (max-width: 480px) {
    .add-big-dialog.add-big-dialog-active {
        width: 98vw !important;
        max-height: 96vh !important;
    }
}

/* Tabletové rozlíšenia */
@media (max-width: 1023px) and (min-width: 768px) {
    .add-big-dialog.add-big-dialog-active {
        width: 90vw !important;
        max-width: 600px !important;
    }
}

/* Emergency fix pre zablokovanú stránku */
@media (max-width: 1023px) {
    /* Reset pre prípad, že modal nie je aktívny */
    .add-big-dialog-shadow:not(.add-big-dialog-shadow-active) {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    .add-big-dialog:not(.add-big-dialog-active) {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    /* Obnova pointer events pre stránku keď modal nie je aktívny */
    body:not(.add-big-dialog-open) {
        position: static !important;
        overflow: auto !important;
        width: auto !important;
        height: auto !important;
    }
    
    body:not(.add-big-dialog-open) * {
        pointer-events: auto !important;
    }
}

/* Animácia pre plynulé zatvorenie */
@media (max-width: 1023px) {
    .add-big-dialog-shadow,
    .add-big-dialog {
        transition: all 0.3s ease;
    }
    
    .add-big-dialog-shadow:not(.add-big-dialog-shadow-active),
    .add-big-dialog:not(.add-big-dialog-active) {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}

/* Oprava pre Swiper v mobile */
@media (max-width: 1023px) {
    #add-dialog-swiper {
        overflow: visible !important;
    }
    
    .add-dialog-swiper-btn {
        min-width: 44px;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}





/* Respomzívne CSS pre mobily - Košík */
@media (max-width: 1023px) {
    /* Shop menu */
    .shop-menu {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 5px;
        padding: 15px 10px;
        scrollbar-width: none;
        margin-bottom: 15px;
    }
    
    .shop-menu::-webkit-scrollbar {
        display: none;
    }
    
    .shop-menu-item {
        width: auto !important;
        min-width: 120px;
        height: auto;
        text-align: center;
        padding: 12px 15px;
        float: none;
        flex: 0 0 auto;
    }
    
    .shop-menu-item div {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }
    
    .shop-menu-item i {
        font-size: 20px;
        padding-right: 0 !important;
        float: none !important;
    }
    
    .shop-menu-item span {
        font-size: 14px;
        letter-spacing: 1px;
    }
    
    .m-active:after {
        display: none;
    }
    
    /* Cart table */
    .cart-table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .cart-table thead {
        display: none;
    }
    
    .cart-table tbody,
    .cart-table tfoot {
        display: block;
        width: 100%;
    }
    
    .cart-table tr {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        padding: 15px;
        position: relative;
    }
    
    .c-t-1, .c-t-2, .c-t-3, .c-t-4, .c-t-5 {
        width: 100% !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .c-t-1:last-child, .c-t-2:last-child, 
    .c-t-3:last-child, .c-t-4:last-child {
        border-bottom: none;
    }
    
    /* Položka */
    .c-t-1 {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        padding-left: 0 !important;
    }
    
    .c-t-1 img {
        width: 80px;
        height: 80px;
        object-fit: cover;
        border-radius: 8px;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
    }
    
    .cart-pro-info-form {
        padding: 0 !important;
        width: 100%;
    }
    
    .cart-pro-info-title {
        font-size: 18px;
        margin-bottom: 5px;
    }
    
    .cart-pro-info-title strong {
        font-size: 18px;
    }
    
    .cart-pro-info-text {
        font-size: 14px;
        color: #666;
        margin-bottom: 10px;
        max-height: 60px;
        overflow-y: auto;
        white-space: normal !important;
        width: 100% !important;
    }
    
    .cart-pro-info-stock,
    .cart-pro-info-datum {
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    /* Cena */
    .c-t-5::before {
        content: "Cena: ";
        font-weight: 600;
        color: #333;
    }
    
    /* Množstvo */
    .c-t-2 {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    
    .c-t-2::before {
        content: "Množstvo: ";
        font-weight: 600;
        color: #333;
    }

	/*    
    .c-t-2 .spinner {
        width: 100px;
        height: 40px;
    }
    */
    
    .cart-pro-unit {
        font-size: 14px;
        color: #666;
    }
    
    /* Vymazať */
    .c-t-3 {
        order: 5;
    }
    
    .c-t-3::before {
        content: "Vymazať: ";
        font-weight: 600;
        color: #333;
    }
    
    .c-t-3 input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }
    
    /* Spolu */
    .c-t-4::before {
        content: "Spolu: ";
        font-weight: 600;
        color: #333;
    }
    
    .c-t-4 {
        font-size: 18px;
        font-weight: 700;
        color: #2c5aa0;
    }
    
    /* Tlačidlá */
    .cart-form-btns {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 20px 0;
    }
    
    .cart-form-btns button {
        width: 100% !important;
        padding: 15px;
        font-size: 16px;
        margin: 0 !important;
    }
    
    .cart-form-btns button i {
        margin-right: 8px;
    }
    
    /* Zľavový kupón */
    .cart-form-voucher-btn {
        width: 100%;
        text-align: center;
        padding: 15px 0;
        font-size: 16px;
        float: none !important;
        margin-right: 0 !important;
    }
    
    .cart-form-voucher-form {
        width: 90% !important;
        left: 5% !important;
        right: 5% !important;
    }
    
    .cart-form-voucher-form-head {
        font-size: 18px;
        padding: 15px;
    }
    
    .cart-form-voucher-form-text input {
        width: 100%;
        padding: 12px 0;
        font-size: 16px;
    }
    
    .cart-form-voucher-form-text div {
        padding: 15px 0;
        font-size: 16px;
        width: 100%;
        text-align: center;
    }
    
    /* Footer */
    .cart-table tfoot tr {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        background: #f8f8f8;
    }
    
    .c-t-f-1 {
        width: 70% !important;
        text-align: left;
        font-weight: 700;
        font-size: 18px;
    }
    
    .c-t-f-4 {
        width: 30% !important;
        text-align: right;
        font-weight: 700;
        font-size: 20px;
        color: #2c5aa0;
    }
    
    .c-t-f-2, .c-t-f-3, .c-t-f-5 {
        display: none !important;
    }
}

/* Respomzívne CSS pre veľmi malé mobily */
@media (max-width: 480px) {
    .shop-menu-item {
        min-width: 100px;
        padding: 10px;
    }
    
    .shop-menu-item i {
        font-size: 18px;
    }
    
    .shop-menu-item span {
        font-size: 12px;
    }
    
    .cart-table tr {
        padding: 10px;
    }
    
    .c-t-1 img {
        width: 60px;
        height: 60px;
    }
    
    .cart-pro-info-title {
        font-size: 16px;
    }
    
    .cart-pro-info-text {
        font-size: 13px;
    }
    
    .c-t-4 {
        font-size: 16px;
    }
    
    .cart-form-btns button {
        padding: 12px;
        font-size: 15px;
    }
}

/* Tabletové rozlíšenia */
@media (max-width: 1023px) and (min-width: 768px) {
    .shop-menu {
        justify-content: center;
    }
    
    .shop-menu-item {
        min-width: 140px;
    }
    
    .cart-table tr {
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .c-t-1 {
        width: 100% !important;
        flex-direction: row;
    }
    
    .c-t-2, .c-t-3, .c-t-4, .c-t-5 {
        width: 48% !important;
    }
    
    .cart-form-btns {
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .cart-form-btns button {
        width: 48% !important;
    }
}

/* Zvýraznenie touch efektov */
@media (max-width: 1023px) {
    .shop-menu-item:active,
    .cart-form-voucher-btn:active,
    .cart-form-btns button:active {
        transform: scale(0.98);
        opacity: 0.9;
    }
    
    .cart-table tr:active {
        background-color: #f9f9f9;
    }
}

/* Oprava pre spinner */
@media (max-width: 1023px) {
	/*
    .spinner {
        width: 100px !important;
    }
    
    .ui-spinner-input {
        width: 60px !important;
        height: 40px;
        font-size: 16px;
    }
    */
}

/* Zvýšenie clickable area pre odkazy */
@media (max-width: 1023px) {
    .c-t-1 a {
        min-height: 44px;
    }
}






/* Respomzívne CSS pre mobily - Zoznam služieb */
@media (max-width: 1023px) {
    /* Oprava pre content-text-in */
    .content-text .content-text-in {
        padding-left: 0 !important;
        text-align: left;
    }
    
    /* Nadpis */
    .content-text .content-text-in h2 {
        text-align: center !important;
        padding-left: 0 !important;
        font-size: 24px;
        margin: 20px 0;
    }
    
    /* Odstránenie paddingov z odsekov */
    .content-text .content-text-in p {
        padding-left: 0 !important;
        text-align: left;
        margin: 15px 0;
    }
    
    /* Špeciálne formátovanie pre zoznam služieb */
    .content-text .content-text-in p {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    
    /* Služba - názov (ľavá strana) */
    .content-text .content-text-in p:not(:has(strong)) {
        position: relative;
    }
    /*
    .content-text .content-text-in p:not(:has(strong))::before {
        content: "•";
        color: #4CAF50;
        font-size: 20px;
        margin-right: 10px;
        font-weight: bold;
    }
    */
    
    /* Stroj - názov (pravá strana) */
    .content-text .content-text-in p em {
        font-style: italic;
        color: #666;
        background: #f8f8f8;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 14px;
        margin-left: auto;
    }
    
    /* Telefónne číslo */
    .content-text .content-text-in p strong {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 20px;
        color: #2c5aa0;
        background: #f8f8f8;
        padding: 15px;
        border-radius: 8px;
        margin: 20px 0;
        border: 2px solid #e0e0e0;
    }
    
    /* Galéria */
    .web-content-gallery {
        margin-top: 30px;
    }
    
    .web-content-gallery-item {
        width: 48%;
        margin: 1%;
        float: left;
    }
    
    /* Content text short */
    .content-text-short {
        padding: 20px 15px;
        margin: 0 auto 30px;
        font-size: 18px;
        line-height: 26px;
        text-align: center;
    }
    
    .content-text-short:before {
        display: none;
    }
}

/* Respomzívne CSS pre veľmi malé mobily */
@media (max-width: 480px) {
    .content-text .content-text-in p {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    
    .content-text .content-text-in p em {
        margin-left: 0;
        align-self: flex-end;
    }
    
    .content-text .content-text-in p strong {
        font-size: 18px;
        padding: 12px;
    }
    
    .web-content-gallery-item {
        width: 100%;
        margin: 10px 0;
        float: none;
    }
    
    .content-text-short {
        font-size: 16px;
        line-height: 24px;
        padding: 15px;
    }
}

/* Tabletové rozlíšenia */
@media (max-width: 1023px) and (min-width: 768px) {
    .content-text .content-text-in p {
        padding: 15px 0;
    }
    
    .content-text .content-text-in p strong {
        font-size: 22px;
        padding: 20px;
    }
    
    .web-content-gallery-item {
        width: 31.33%;
        margin: 1%;
    }
}

/* Špeciálne úpravy pre služby a stroje */
@media (max-width: 1023px) {
    /* Formátovanie dvojstĺpcového textu (služba - stroj) */
    .content-text .content-text-in p:not(:has(strong)) {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        align-items: center;
    }
    
    /* Prvý stĺpec - služba */
    .content-text .content-text-in p:not(:has(strong))::before {
        grid-column: 1;
        justify-self: start;
    }
    
    .content-text .content-text-in p:not(:has(strong)) {
        text-align: left;
    }
    
    /* Druhý stĺpec - stroj */
    .content-text .content-text-in p em {
        grid-column: 2;
        justify-self: end;
        text-align: right;
    }
    
    /* Zvýraznenie dôležitých častí */
    .content-text .content-text-in p:not(:has(strong)) {
        font-weight: 500;
        color: #333;
    }
    
    .content-text .content-text-in p em {
        font-weight: 400;
        color: #666;
    }
}

/* Zvýraznenie touch efektov */
@media (max-width: 1023px) {
    .web-content-gallery-item:active {
        transform: scale(0.98);
        opacity: 0.8;
    }
    
    .content-text .content-text-in p:active {
        background-color: #f9f9f9;
    }
}

/* Oprava pre FancyBox na mobile */
@media (max-width: 1023px) {
    .web-content-gallery-item {
        cursor: pointer;
    }
    
    .web-content-gallery-item img {
        transition: transform 0.3s ease;
        height: 150px;
        object-fit: cover;
    }
    
    .web-content-gallery-item:active img {
        transform: scale(1.05);
    }
}

/* Zlepšenie čitateľnosti */
@media (max-width: 1023px) {
    .content-text .content-text-in {
        line-height: 1.6;
        font-size: 16px;
    }
    
    /* Oddelenie sekcií */
    .content-text .content-text-in p:first-of-type {
        border-top: 2px solid #4CAF50;
        padding-top: 20px;
        margin-top: 20px;
    }
    
    /* Špeciálny štýl pre telefónne číslo */
    .content-text .content-text-in p strong:last-child {
        background: linear-gradient(135deg, #2c5aa0, #4CAF50);
        color: white;
        border: none;
        box-shadow: 0 4px 15px rgba(44, 90, 160, 0.3);
    }
}



/* RESPONSIVE CHANGES FOR MAX-WIDTH 1023PX */
@media (max-width: 1023px) {

  /* content text adjustments */
  .content-text-in {
    padding-left: 5% !important;
    padding-right: 5% !important;
    text-align: justify !important;
  }

  /* force single column for all text-side variations */
  .text-side-1 .content-text-in,
  .text-side-2 .content-text-in,
  .text-side-3 .content-text-in {
    column-count: 1 !important;
    column-gap: 0 !important;
  }

  /* gallery adjustments */
  .web-content-gallery-item {
    width: 48% !important; /* 2 items per row */
    margin: 1% !important;
  }

  .img-side-1 .web-content-gallery-item,
  .img-side-2 .web-content-gallery-item {
    width: 48% !important;
    margin: 1% !important;
  }

  .web-content-gallery-item img {
    height: auto !important;
    object-fit: cover !important;
  }

  /* video iframe adjustments */
  .web-content-gallery-video iframe,
  .img-side-1 .web-content-gallery-video iframe,
  .img-side-2 .web-content-gallery-video iframe,
  .img-side-3 .web-content-gallery-video iframe {
    height: auto !important;
    min-height: 250px;
  }

  /* web-content video box */
  .web-content-videobox {
    height: auto !important;
    max-height: 400px !important;
    margin-bottom: 5vw !important;
  }

  .img-side-1 .content-text video,
  .img-side-2 .content-text video {
    width: 100% !important;
    height: auto !important;
    max-height: 400px !important;
  }

  /* content-text-short adjustments */
  .content-text-short {
    padding-left: 4% !important;
    padding-right: 4% !important;
  }

  /* page-content-global adjustments */
  .page-content-global-data {
    width: 100% !important;
    padding: 2vw 5% 4vw !important;
    min-height: auto !important;
  }

  .page-content-global-data-title h2 {
    font-size: 8vw !important;
    line-height: 10vw !important;
  }

  .page-content-global-img {
    width: 100% !important;
    height: 50vw !important;
    top: auto !important;
  }

  /* breadcrumb font size */
  .page-bread-form ul li {
    font-size: 11px !important;
  }

  .page-bread-form ul li a {
    font-size: 11px !important;
  }

  .page-bread-form ul li a i {
    font-size: 12px !important;
  }
}
@media (max-width: 1023px) {

  /* galéria: dva obrázky vedľa seba */
  .web-content-gallery {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between;
  }

  .web-content-gallery-item {
    width: 48% !important;
    margin: 1% 0 !important;
    float: none !important;
  }

  .web-content-gallery-item img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
}



/* RESPONZIVITA PRE FORMULÁR - 1023px a menej */
@media (max-width: 1023px) {
    
    /* ZÁKLADNÁ ŠTRUKTÚRA FORMULÁRA */
    .order-2-new-form {
        width: 100%;
        display: inline-block;
    }
    
    .order-2-new-form-half {
        width: 100%;
        margin: 0px 0% 30px;
        float: none;
    }
    
    .order-2-new-form-half:nth-child(even) {
        margin-right: 0px;
    }
    
    /* VSTUPNÉ POLIA */
    .order-2-new-form-half-input {
        width: 94%;
        margin: 0px 3% 30px;
    }
    
    .order-2-new-form-half-input-icon {
        width: 15%;
        text-align: center;
    }
    
    .order-2-new-form-half-input-icon i {
        font-size: 20px;
        padding: 8px 0px 0px;
    }
    
    .order-2-new-form-half-input-input {
        width: 85%;
    }
    
    .order-2-new-form-half-input-input select {
        font-size: 15px;
        padding: 10px 0px;
        width: 92%;
        margin-left: 4%;
    }
    
    .modern-input input {
        font-size: 15px;
        height: 38px;
        width: 92%;
        padding-left: 4%;
    }
    
    .modern-input-placeholder {
        font-size: 14px;
        left: 4%;
    }
    
    .minput-active .modern-input-placeholder {
        font-size: 10px;
        top: -5px;
    }
    
    /* TLAČIDLÁ VÝBERU UŽIVATEĽA */
    .order-2-new-form-half-user-selector {
        width: 100%;
        margin: 0px auto 25px;
    }
    
    .order-2-new-form-half-user-selector-item {
        width: 100%;
        height: 50px;
        line-height: 50px;
        margin-bottom: 1px;
        float: none;
    }
    
    .order-2-new-form-half-user-selector-item:nth-child(2) {
        box-shadow: none;
        border-top: 1px solid rgb(230, 230, 230);
        border-bottom: 1px solid rgb(230, 230, 230);
    }
    
    .order-2-new-form-half-user-selector-item span {
        font-size: 13px;
        line-height: 50px;
        letter-spacing: 0.5px;
    }
    
    .order-2-new-form-half-user-selector-item span i {
        font-size: 22px;
        margin: 12px 10px 0px 0px;
    }
    
    /* CHECKBOX SKUPINY */
    .order-2-new-form-half-group-checkbox {
        width: 94%;
        margin: 0px 3% 25px;
    }
    
    .order-2-new-form-half-group-checkbox-icon {
        width: 15%;
    }
    
    .order-2-new-form-half-group-checkbox-icon i {
        font-size: 20px;
        padding: 5px 0px 0px;
    }
    
    .order-2-new-form-half-group-checkbox-text {
        width: 85%;
        padding: 8px 0px;
    }
    
    .order-2-new-form-half-group-checkbox-text div {
        font-size: 15px;
        padding-left: 4%;
        width: 96%;
    }
    
    /* INFO SPRÁVY */
    .order-2-new-form-half-hint {
        width: 94%;
        margin: 0px 3% 25px;
    }
    
    .order-2-new-form-half-hint-icon {
        width: 15%;
    }
    
    .order-2-new-form-half-hint-icon i {
        font-size: 20px;
        padding: 3px 0px 0px;
    }
    
    .order-2-new-form-half-hint-text {
        width: 85%;
    }
    
    .order-2-new-form-half-hint-text div {
        font-size: 13px;
        line-height: 17px;
        padding-left: 4%;
        width: 96%;
    }
    
    /* SKRYTÉ SKUPINY (DORUČOVACIA ADRESA, FIRMA) */
    .order-2-new-form-half-group-hidden {
        width: 100%;
    }
    
    #shipping-group .order-2-new-form-half-input,
    #company-group .order-2-new-form-half-input {
        width: 94%;
        margin: 0px 3% 25px;
    }
    
    /* SHOW PASSWORD BUTTON */
    .show-pass-btn {
        font-size: 16px;
        padding: 4px;
        right: 8px;
        top: 8px;
    }
    
    /* STARÝ FORMULÁR (ak je použitý) */
    .order-2-form-box-inputs {
        width: 100%;
        padding: 3% 0%;
        float: none;
    }
    
    .order-2-input div {
        width: 100%;
        float: none;
        height: auto;
        line-height: normal;
        margin-bottom: 5px;
    }
    
    .order-2-input input,
    .order-2-input select {
        width: 100%;
        float: none;
    }
    
    .order-2-form-head-item {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 5px;
        padding: 12px 0px;
    }
    
    .old-user-text {
        padding: 20px;
        font-size: 15px;
        line-height: 20px;
    }
}


/* RESPONZIVITA PRE VÝBER DOPRAVY A PLATBY - 1023px a menej */
@media (max-width: 1023px) {
    
    /* ZÁKLADNÁ ŠTRUKTÚRA */
    .order-1-form {
        width: 100%;
        display: inline-block;
    }
    
    .order-1-form-item {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    
    .order-1-form-item:nth-child(2) {
        float: none;
    }
    
    /* HLAVIČKA BLOKU */
    .order-1-form-item-head {
        font-size: 18px;
        padding: 15px 20px;
        text-align: center;
    }
    
    .order-1-form-item-head i {
        padding-right: 8px;
    }
    
    /* OBSAH BLOKU */
    .order-1-form-item-in {
        padding: 20px 15px;
        display: block;
    }
    
    /* HMOTNOSŤ OBJEDNÁVKY */
    .order-1-form-item-in-weight {
        padding: 12px 15px;
        margin-bottom: 20px;
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
    
    .order-1-form-item-in-weight i {
        font-size: 22px;
    }
    
    .order-1-form-item-in-weight div {
        width: 100%;
    }
    
    .order-1-form-item-in-weight div span {
        float: none;
        display: inline-block;
        margin-left: 5px;
    }
    
    /* POLOŽKY DOPRAVY/PLATBY */
    .order-1-form-item-in-item {
        width: 100%;
        padding: 20px 0px;
        margin-bottom: 15px;
        border-bottom: 1px solid rgb(240, 240, 240);
    }
    
    .order-1-form-item-in-item:last-child {
        border-bottom: none;
        margin-bottom: 0px;
    }
    
    .order-1-form-item-in-item input {
        width: 10%;
        margin: 2px auto 6px;
    }
    
    .order-1-form-item-in-item label {
        width: 90%;
    }
    
    /* NADPIS A CENA */
    .order-1-form-item-in-item-title {
        width: 100%;
        display: block;
        margin-bottom: 8px;
    }
    
    .order-1-form-item-in-item-title-main {
        font-size: 17px;
        letter-spacing: 0.3px;
        float: none;
        width: 100%;
        margin-bottom: 5px;
    }
    
    .order-1-form-item-in-item-title-price {
        font-size: 19px;
        margin-top: 0px;
        padding-right: 0px;
        float: none;
        width: 100%;
        text-align: left;
    }
    
    .order-1-form-item-in-item-title-price span {
        font-size: 14px;
    }
    
    /* POPISOK */
    .order-1-form-item-in-item-hint {
        font-size: 13px;
        padding: 5px 0px 0px;
        line-height: 16px;
    }
    
    /* OPRAVA: VYBRANÁ POLOŽKA - BEZ PRESAHOVANIA */
    .doprava-selected, 
    .platba-selected {
        background: rgba(30, 190, 123, 0.09);
        border-radius: 8px;
        padding: 20px 15px !important;
        margin: 0px 0px 15px 0px !important; /* Odstránené negatívne marginy */
        width: 100% !important; /* Oprava šírky */
        border: 2px solid rgba(30, 190, 123, 0.3);
        box-sizing: border-box;
    }
    
    /* ZASIELKOVŇA A POŠTA */
    #zasielkovna,
    .balik-na-postu {
        width: 100% !important;
        margin-left: 0% !important;
        padding: 15px 0px 0px !important;
    }
    
    #zasielkovna select,
    #posta-search,
    #posta-selected {
        width: 100% !important;
        padding: 12px 15px !important;
        font-size: 15px;
    }
    
    .balik-na-postu-search-result {
        padding: 12px 0px;
    }
    
    .balik-na-postu-search-result-icon {
        width: 12%;
    }
    
    .balik-na-postu-search-result-title {
        width: 88%;
        font-size: 15px;
        line-height: 18px;
    }
    
    .balik-na-postu-search-result-text {
        width: 88%;
        font-size: 13px;
        line-height: 15px;
    }
    
    /* DPD A SPS FORMULÁRE */
    #dpd-ship-form,
    #sps-ship-form {
        width: 100% !important;
        margin-left: 0% !important;
    }
    
    #dpd-ship-form-frame,
    #sps-ship-form-frame {
        width: 95vw;
        height: 85vh;
        bottom: 2.5vh;
    }
    
    #dpd-ship-form-close,
    #sps-ship-form-close {
        padding: 10px 20px;
        right: 10px;
        top: 10px;
    }
    
    #dpd-ship-form-close span,
    #sps-ship-form-close span {
        font-size: 13px;
    }
    
    .dpd-ship-form-selected,
    .sps-ship-form-selected,
    .dpd-ship-form-run,
    .sps-ship-form-run {
        flex-direction: column;
        gap: 10px;
        text-align: center;
        padding: 15px;
    }
    
    #dpd-ship-form-selected-info,
    #sps-ship-form-selected-info {
        width: 100%;
        text-align: center;
    }
    
    /* DISABLOVANÉ POLOŽKY */
    .ship-pay-disabled {
        max-height: 0px;
        padding: 0px !important;
        opacity: 0.3;
    }
    
    .packetery-info-link {
        width: 100% !important;
        margin-left: 0% !important;
        font-size: 14px !important;
        text-align: center;
        display: block;
    }
}




/* RESPONZIVITA PRE ZHRNUTIE OBJEDNÁVKY - 1023px a menej */
@media (max-width: 1023px) {
    
    /* ZÁKLADNÁ ŠTRUKTÚRA ZHRNUTIA */
    .order-cart-sumary-form {
        width: 100%;
        display: inline-block;
        margin: 20px auto;
    }
    
    .order-cart-sumary-form-item {
        width: 100%;
        min-height: auto;
        margin-right: 0px;
        margin-bottom: 20px;
        padding: 20px 15px;
        float: none;
        box-sizing: border-box;
    }
    
    .order-cart-sumary-form-item:last-child {
        margin-right: 0px;
        margin-bottom: 0px;
    }
    
    /* NADPIS POLOŽKY */
    .order-cart-sumary-form-item-title {
        font-weight: 600;
        margin-bottom: 15px;
        font-size: 18px;
        text-align: center;
    }
    
    .order-cart-sumary-form-item-title i {
        width: 24px !important;
        font-size: 24px;
        margin: -2px 8px 0px 0px;
        float: none;
        display: inline-block;
    }
    
    /* ADRESNÉ ÚDAJE */
    .order-cart-sumary-form-item div {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        padding: 3px 0px;
    }
    
    .order-cart-sumary-form-item div > i {
        width: 18px;
        color: rgb(0, 135, 255);
        padding-right: 8px;
        text-align: center;
    }
    
    /* TEXTAREA PRE POZNÁMKU */
    .order-cart-sumary-form-item textarea {
        width: 92%;
        min-height: 100px;
        padding: 15px 4%;
        border: 1px solid rgb(224, 224, 224);
        box-shadow: inset 0px 0px 1px 1px rgb(240, 240, 240);
        font-family: Arial;
        font-size: 15px;
        resize: vertical;
    }
    
    /* CHECKBOXES */
    .cart-checkboxes {
        margin: 20px auto 0px;
        font-size: 16px;
        padding: 0px 10px;
    }
    
    /* INFO O ODOSLANÍ */
    .order-send-info {
        margin: 30px 5%;
        font-size: 16px;
        line-height: 22px;
    }
    
    .order-send-info strong {
        font-size: 18px;
    }
    
    .order-send-info-online {
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        opacity: 0.8;
        margin-top: 30px;
        margin-bottom: 20px;
        padding: 0px 15px;
    }
    
    .order-send-info-online i {
        margin-right: 8px;
    }
    
    /* ONLINE PLATBA */
    .online-pay-form {
        width: 100%;
        padding: 30px 5%;
        text-align: center;
    }
    
    .online-pay-form-text {
        font-size: 17px;
        color: rgb(123, 123, 123);
        width: 100%;
        margin: auto;
        padding: 20px 0px;
        line-height: 24px;
    }
    
    .online-pay-form-text strong {
        font-size: 19px;
        color: rgb(84, 84, 84);
        padding: 0px 3px;
    }
    
    .online-pay-form-text-hint {
        font-size: 15px;
        padding: 15px 0px;
        opacity: 0.6;
        line-height: 20px;
    }
    
    .online-pay-form i {
        font-size: 70px;
        margin: 10px 0px;
    }
    
    .pay-ready { color: blue; }
    .pay-ok { color: green; }
    .pay-error { color: red; }
    
    .online-pay-form-btn,
    .online-pay-form-a {
        font-size: 16px;
        font-weight: 400;
        color: white !important;
        background: rgb(166, 175, 1);
        padding: 12px 30px;
        border: none;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        cursor: pointer;
        width: 90%;
        max-width: 300px;
        display: inline-block;
        margin: 10px 0px;
    }
    
    .online-pay-form-btn:hover,
    .online-pay-form-a:hover {
        opacity: 0.8;
        text-decoration: none;
    }
}