/*
 * ТИМЧАСОВО (до перебудови сторінок, етап 7): стилі старої розмітки контенту makerzoid.sk,
 * які раніше давала дочірня тема Astra (astra-child/style.css). Лише селектори, що є
 * в опублікованому контенті цілі й не визначені в makerzoid-brand. Кольори бренду — токени.
 * Не перенесено: абсолютне позиціонування #main-video / #main-video-next (макет Astra).
 * Видалити разом із модулем legacy-content, коли сторінки переведено на патерни бренду.
 */
.container-product { display: flex; flex-direction: column; width: 100%; font-weight: 600; font-size: 18px; line-height: 28px; }
.block4 { margin-top: 80px; }
.container-product .header, .container-product .block2 p.header { font-weight: 700; font-size: 22px; line-height: 32px; }
.container-product .block2 p.header { margin: 10px 0; }
span.fl-button-text { border-radius: 65px; background: linear-gradient(90deg, var(--mz-brand-blue) 0%, var(--mz-brand-green) 100%); color: #fff !important; font-weight: 700; font-size: 16px; line-height: 50px; padding: 10px; }
.fl-button { border-radius: 35px; background: linear-gradient(90deg, var(--mz-brand-blue) 0%, var(--mz-brand-green) 100%); border:0; color: #fff; }
.fl-button:hover { border-radius: 35px; border: 2px solid var(--mz-brand-green); background: linear-gradient(180deg, var(--mz-brand-blue) 0%, var(--mz-brand-green) 100%); box-shadow: 0px 15px 30px 0px rgba(14, 201, 143, 0.50); color: #fff; }
div#main-video p#text, .p-text { font-weight: 600; font-size: 62px; line-height: 72px; text-align: center; text-transform: none; }
#main-video .video { min-height: 780px; padding-bottom: 30px; }
.flex-center { justify-content: center; }
#maps-contact iframe { border-radius: 15px; max-width: unset; }
.contacts .text { padding: 50px 40px 0; text-align: left; }
.contacts .text h2 { font-size: 22px !important; text-align:left; font-weight: 700; line-height: 32px; color: #000; background: unset; background-clip: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset; }
.contacts .text .tel a { color: var(--mz-brand-blue); font-family: var(--mz-font-body); font-size: 22px; font-weight: 600; line-height: 28px; text-decoration-line: underline; padding-left: 25px; }
.contacts .text .Email a { color: var(--mz-brand-blue); font-family: var(--mz-font-body); font-size: 16px; font-weight: 600; line-height: 28px; text-decoration-line: underline; padding-left: 10px; }
.contacts .text a.fl-button { margin-bottom: 40px; margin-right: 10px; }
.contacts .text .advice { font-size: 22px; font-weight: 700; line-height: 32px; }
.contacts .text p { padding-bottom: 10px; }
#Make-it-Possible { border-radius: 15px; background: linear-gradient(90deg, var(--mz-brand-blue) 0%, var(--mz-brand-green) 100%); }
.accordion-header { color: #000; }
.accordion { background-color: #fff; padding: 10px; text-align: left; max-width: 840px; }
.accordion-item { margin-bottom: 10px; }
.accordion-header { cursor: pointer; background-color: #f0f0f0; padding: 10px 15px; border-radius: 15px; background: linear-gradient(90deg, rgba(4, 166, 218, 0.08) 0%, rgba(14, 201, 143, 0.08) 100%); font-size: 22px; font-weight: 700; line-height: 32px; margin: 20px; }
.accordion-header a { background-color: transparent; border: none; padding: 0; outline: none; color: inherit; text-decoration: none; }
.accordion-body { padding: 10px 15px; }
.accordion-item:not(:first-child) .accordion-body { display: none; }
@media (max-width: 992px) {
	div#main-video p#text, .p-text { font-size: 37px; line-height: 47px; margin: 0; margin-bottom: 30px }
	#main-video .video { min-height: unset; }
}
@media (max-width: 680px) {
	.contacts .text { order: -1; }
	.accordion-header { margin: 10px; }
}

/*
 * Кольори палітри Astra у блоках контенту (класи has-ast-global-color-N-*): під Blocksy їх ніхто не визначає,
 * і текст «Make it Possible» ставав темним на градієнті. Значення — палітра Astra з цього сайту (перевірено рендером копії).
 */
:root {
	--ast-global-color-0: #0170B9;
	--ast-global-color-1: #3a3a3a;
	--ast-global-color-2: #3a3a3a;
	--ast-global-color-3: #4B4F58;
	--ast-global-color-4: #F5F5F5;
	--ast-global-color-5: #FFFFFF;
	--ast-global-color-6: #E5E5E5;
	--ast-global-color-7: #424242;
	--ast-global-color-8: #000000;
}
.has-ast-global-color-0-color { color: var(--ast-global-color-0) !important; }
.has-ast-global-color-0-background-color { background-color: var(--ast-global-color-0) !important; }
.has-ast-global-color-1-color { color: var(--ast-global-color-1) !important; }
.has-ast-global-color-1-background-color { background-color: var(--ast-global-color-1) !important; }
.has-ast-global-color-2-color { color: var(--ast-global-color-2) !important; }
.has-ast-global-color-2-background-color { background-color: var(--ast-global-color-2) !important; }
.has-ast-global-color-3-color { color: var(--ast-global-color-3) !important; }
.has-ast-global-color-3-background-color { background-color: var(--ast-global-color-3) !important; }
.has-ast-global-color-4-color { color: var(--ast-global-color-4) !important; }
.has-ast-global-color-4-background-color { background-color: var(--ast-global-color-4) !important; }
.has-ast-global-color-5-color { color: var(--ast-global-color-5) !important; }
.has-ast-global-color-5-background-color { background-color: var(--ast-global-color-5) !important; }
.has-ast-global-color-6-color { color: var(--ast-global-color-6) !important; }
.has-ast-global-color-6-background-color { background-color: var(--ast-global-color-6) !important; }
.has-ast-global-color-7-color { color: var(--ast-global-color-7) !important; }
.has-ast-global-color-7-background-color { background-color: var(--ast-global-color-7) !important; }
.has-ast-global-color-8-color { color: var(--ast-global-color-8) !important; }
.has-ast-global-color-8-background-color { background-color: var(--ast-global-color-8) !important; }