@media screen and (min-width: 769px) {
	.desktop {
		display: block !important;
	}

	/* Vycentrovanie CookieYes banneru ako popup */
	.cky-consent-container {
		position: fixed !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
		width_: calc(100% - 32px);
		z-index: 999999;
		max-width: 100%;
		height: 100%;
	}

	.cky-consent-bar {
		max-width: 600px;
		margin: auto !important;
		position: fixed !important;
		top: 50% !important;
		left: calc(50% - 300px); !important;
		width: calc(100% - 32px);
	}

	/* Zrušenie spodného banner správania */
	.cky-banner-bottom {
		bottom: auto !important;
	}

	/* Jemný overlay pozadia */
	.cky-consent-container::before {
		content: "";
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.5);
		z-index: -1;
	}

	/**/

	/* Základ popup layout */
	.cky-notice-group {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	/* Textová časť hore */
	.cky-notice-group > div:first-child {
		margin-bottom: 24px;
	}

	/* Tlačidlá dole */
	.cky-notice-btn-wrapper {
		margin-top: auto;
		display: flex;
		gap: 12px;
		flex-wrap: wrap;
	}

	.cky-notice-btn-wrapper {
		width: 100%;
	}


}

@media screen and (max-width: 768px) {

	.mobile {
		display: inline-block !important;
	}

    .hero__title {
        font-size: clamp(54px, 19vw, 80px);
    }

    .hero__highlight {
        font-size: clamp(20px, 9vw, 74px);
    }

	.hero {
		padding: clamp(24px, 4vw, 64px) 23px;
		overflow: hidden;
	}

    .hero__btn a {
        font-size: clamp(20px, 5vw, 74px);
    }

    .hero__sticker {
        display: none;
    }

    .hero__inner {
      padding-bottom: 5vh;
    }

    .hero__content_ {
        max-width: 80%;
    }

    .hero__btn {
        padding-top: 10vh;
		padding-bottom: 3vh !important;
    }

	.highlight span {
		font-size: 25px;
	}

	.v-p img.hero__sticker-custom {
		position: absolute;
		width: 180px;
		top: -170%;
		left: 45%;
	}

	.v-y img.hero__sticker-custom {
		position: absolute;
		width: 180px;
		top: -130%;
		right: -40px;
		transform: rotate(-45deg) !important;
	}

	.v-b img.hero__sticker-custom {
		position: absolute;
		width: 200px;
		top: 15%;
		right_: -20px;
		left: 80%;
	}

	.hero__left {
		min-height: unset;
	}
}

@media screen and (min-width: 500px) and (max-width: 768px) {
	.v-p img.hero__sticker-custom {
		position: absolute;
		width: 180px;
		top: -150%;
		left: 37%;
	}

	.v-y img.hero__sticker-custom {
		position: absolute;
		width: 180px;
		top: -130%;
		right: 5%;
		transform: rotate(-45deg) !important;
	}

	.v-b img.hero__sticker-custom {
		position: absolute;
		width: 200px;
		top: 15%;
		right: -20px;
	}
}