* {
	box-sizing: border-box;
}

:root {
	--main-blue: #0060F0;
	--main-blue-hover: #0054d1;
	--dark-grey: #141414;
	--black: #0B0B0B;
}

html {
	overflow-x: clip;
	font-size: 16px;
	scroll-behavior: smooth;
	scrollbar-gutter: stable;
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 1599px) {
	html{
		font-size: 14px;
	}
}

body {
	font-family: 'Rubik';
	font-size: 1rem;
	color: #fff;
	background: var(--black);
	line-height: normal;
	font-variation-settings: 'wght' 400;
	margin: 0;
	overflow-x: clip;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.container {
	max-width: 1750px;
	padding: 0 15px;
	margin: 0 auto;
}

@media screen and (max-width: 1899px) {
	.container {
		width: calc(100% - 100px);
	}
}

* {
	font-family: 'Rubik';

}

a {
	text-decoration: none;
	transition: .2s;
	color: var(--main-blue);
}

a:not(#wpadminbar a, a.pretty-button):hover {
	color: var(--main-blue-hover);
	transition: .2s;
}

button {
	cursor: pointer;
	border: none;
	margin: 0;
	padding: 0;
	font-size: 1rem;
}

button:focus-visible {
	outline: none;
}

button:disabled {
	opacity: .5;
	pointer-events: none;
}

a,
button,
input,
textarea,
select,
label,
summary,
[role="button"] {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

a,
button,
input {
	-webkit-user-select: none;
	user-select: none;
}

/* Safari/iOS автоссылки на телефоны, email и т.п. в тексте */
a[x-apple-data-detectors],
span[x-apple-data-detectors] {
	color: inherit !important;
	text-decoration: none !important;
	font: inherit !important;
	letter-spacing: inherit !important;
}

ul {
	padding-left: 1.5rem;
}

ul li::marker{
	color: var(--main-blue);
}

p {
	margin: 0 0 0.625rem 0;
	line-height: 125%;
}

p:last-child {
	margin: 0;
}

p:empty {
	display: none;
}

section.content {
	padding-bottom: 2.25rem;
}

h1 {
	font-size: 2rem;
	margin: 0 0 0.9375rem 0;
	text-transform: uppercase;
}

h2 {
	font-size: 2rem;
	margin: 0 0 2.25rem 0;
}

h3 {
	margin: 0 0 0.9375rem 0;
}


main {
	padding-top: 2.25rem;
}

strong {
	font-variation-settings: 'wght' 700;
}


input:focus-visible,
input:focus {
	outline: none !important;
}

#breadcrumbs {
	margin: 0 0 1.5rem 0;
	color: #ffffff66;

}

.breadcrumbs-home {
	display: flex;
	position: relative;
	width: 1.25rem;
	height: auto;
	color: transparent;
	overflow: hidden;
	background-position: center;
	background-size: contain;
	transition: none;
	background-repeat: no-repeat;
	background-color: transparent;
	transition: .2s;
	background-image: url('data:image/svg+xml,<svg width="21" height="14" viewBox="0 0 21 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.4"><path d="M17.6955 14H18.6136L21 11.5862V3.86207L18.6136 1.44828H5.28643L8.15007 4.34483H17.4275L18.1364 5.06186V10.3864L17.4275 11.1034H14.8319L17.6955 14Z" fill="%233C3C3C" /><path d="M15.7865 12.5517H2.38637L0 10.1379V2.41379L2.38637 0H3.37738L6.24103 2.89655H3.57253L2.86364 3.61358V8.93814L3.57253 9.65517H12.9229L15.7865 12.5517Z" fill="%23707070" /></g></svg>');
}

#breadcrumbs>span {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	flex-wrap: wrap;
	width: 100%;
}

.breadcrumbs-separator {
	width: 0.125rem;
	height: 1.125rem;
	background: #ffffff66;
}

#breadcrumbs a {
	color: #ffffff66;
}

#breadcrumbs a:hover {
	color: rgb(255, 255, 255, 0.6) !important;
}

.breadcrumb_last {
	max-width: 75%;
}

#breadcrumbs a:hover .breadcrumbs-home {
	transition: .2s;
	background-image: url('data:image/svg+xml,<svg width="21" height="14" viewBox="0 0 21 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.6"><path d="M17.6955 14H18.6136L21 11.5862V3.86207L18.6136 1.44828H5.28643L8.15007 4.34483H17.4275L18.1364 5.06186V10.3864L17.4275 11.1034H14.8319L17.6955 14Z" fill="%233C3C3C" /><path d="M15.7865 12.5517H2.38637L0 10.1379V2.41379L2.38637 0H3.37738L6.24103 2.89655H3.57253L2.86364 3.61358V8.93814L3.57253 9.65517H12.9229L15.7865 12.5517Z" fill="%23707070" /></g></svg>');

}

.pc-filter-nav {
	width: 100%;
}

.pc-filter-all-link {
	width: 100% !important;
}

.pc-filter-all-link:hover {
	color: var(--main-blue);
}

.pc-filter-form > .js-filter-reset {
	margin-top: 1rem;
	width: 100%;
	padding: .75rem 1.5rem;
}

.pc-filter-reset--desktop.is-hidden,
.pc-filter-reset--desktop[hidden] {
	display: none !important;
}

@media screen and (max-width: 767px) {
	.pc-filter-reset--desktop {
		display: none !important;
	}
}



/* Первый экран */

.first-screen {
	aspect-ratio: 24 / 11;
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 6.25rem;
	margin-bottom: 3.125rem;
}

.first-screen::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: linear-gradient(180.00deg, rgba(0, 96, 240, 0.44), rgba(10.5432767868042, 10.5432767868042, 10.5432767868042, 0.6) 64%, rgba(11, 11, 11, 1) 99%);
	z-index: 2;
}

.first-screen img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	object-fit: cover;
}

.first-screen video {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
}


.first-screen__text {
	position: relative;
	z-index: 3;
	max-width: 32.5rem;
	padding: 0 15px;
}


.first-screen__text h1 {
	margin: 0 0 3.125rem 0;
	font-size: 2rem;
}


.pretty-button {
	padding: 1rem 1.5rem;
	background: var(--main-blue);
	color: #fff;
	border-radius: 10px;
	transition: .2s;
	display: flex;
	width: fit-content;
	border: none;
	font-size: 1rem;
	justify-content: center;
}


.pretty-button--white {
	background: #fff;
	color: var(--black);
}


.pretty-button:hover {
	box-shadow: 0 0 1.375rem 0.5625rem #0060f0;
	transition: .2s;
	color: #fff !important;
}

.pretty-button--white:hover {
	color: var(--black) !important;
	box-shadow: 0 0 1.375rem 0.5625rem #0060f0;
	transition: .2s;
}







/* 404 */

.page-404 {
	max-width: 53.125rem;
	margin: 0 auto;
	margin-top: -2.5rem;
}

.page-404 img {
	width: 100%;
	height: auto;
}

.page-404 .pretty-button {
	margin: -3.75rem auto 3.75rem auto;
}


/* Закрепленный виджет мессенджеров */


.sticky-messengers-list {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 1.5rem;
	z-index: 9;
}

.sticky-messengers-list li {
	border-radius: 0.625rem 0 0 0.625rem;
	border: 0.0625rem solid var(--main-blue);
	border-right: none;
	background: var(--dark-grey);
	aspect-ratio: 1 / 1;
	position: relative;
	overflow: hidden;
}

.sticky-messengers-list li::before {
	content: '';
	width: 0;
	height: 100%;
	right: 0;
	top: 0;
	background: var(--main-blue);
	position: absolute;
	transition: .2s;
}

.sticky-messengers-list li:hover::before {
	width: 100%;
	transition: .2s;
}

.sticky-messengers-list li a {
	padding: 1rem;
	position: relative;

}

.sticky-messengers-list li img {
	max-height: 1.5rem;
}






/* Якорные ссылки */


.anchors {
	margin-bottom: 4.375rem;
	position: sticky;
	top: 5.625rem;
	z-index: 3;
}

.anchors-container {
	max-width: 91.875rem;
}

.anchors__title {
	background: var(--main-blue);
	font-size: 2rem;
	padding: 0.75rem 0.9375rem;
	box-shadow: 0 1.125rem 0.9375rem 0 rgba(0, 0, 0, 0.10);

}


.hardware-anchors {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 0.25rem;
}

.hardware-anchors li {

	position: relative;
}

.hardware-anchors li::before {
	background: #141414e1;
	border-radius: 0 0 0.375rem 0.375rem;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.hardware-anchor-link {
	position: relative;
	padding: 0.375rem 0.75rem;
	transition: color 0.2s;
	color: #fff;
	gap: 0.25rem;
	z-index: 2;
	backdrop-filter: blur(2.5px);
	border-radius: 0 0 10px 10px;
}

.hardware-anchors li:hover .hardware-anchor-link {
	color: #fff !important;
}

.hardware-anchor-link img {
	width: 1.5rem;
	height: 1.5rem;
	object-fit: contain;
}

.hardware-anchors li.anchors-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: 100%;
	background: rgba(20, 20, 20, 0.2);
	border-radius: 0 0 0.375rem 0.375rem;
	transform: translate(0, 0);
	transition: transform 0.2s ease, width 0.2s ease;
	pointer-events: none;
	height: calc(100% + 0.75rem);
	background: var(--main-blue);
	padding: 0;
	box-shadow: 0 1.125rem 0.9375rem 0 rgba(0, 0, 0, 0.10);
	z-index: 1;
}

.hardware-anchors li.anchors-overlay::before {
	content: none !important;
}

.hardware-anchor-link>* {
	position: relative;
	z-index: 1;
}






/* Раздел сравнения */


.add-to-compare {
	position: absolute;
	z-index: 2;
	right: 1.5rem;
	top: 1.5rem;
	background: transparent;
	transition: .2s;
	opacity: 0;
}

.add-to-compare.in-storage {
	opacity: 1;
}

.add-to-compare.in-storage svg path {
	fill: var(--main-blue);
	transition: .2s;

}


.add-to-compare svg path {
	transition: .2s;
}


.add-to-compare:hover svg path {
	fill: var(--main-blue);
	transition: .2s;

}

.pc-card:hover .add-to-compare {
	opacity: 1;
	transition: .2s;
}


.compare-notification {
	position: fixed;
	right: 0.9375rem;
	top: 3.125rem;
	background: var(--main-blue);
	padding: 0.75rem 1.5rem;
	border-radius: 0.3125rem;
	z-index: 99;
	transform: translateX(100%);
	transition: .2s;
	opacity: 0;
	pointer-events: none;
	width: 100%;
	max-width: 25rem;
	gap: 1.5rem;
	min-height: 3.75rem;
	overflow: hidden;
}


.compare-notification.notification--shown {
	transform: translateX(0);
	transition: .2s;
	opacity: 1;
	pointer-events: all;
}


.compare-notification img {
	width: 6.25rem;
	position: absolute;
	filter: blur(0.5rem);
	right: -0.625rem;
}

.compare-notification button {
	position: absolute;
	right: 0.625rem;
	top: 0.625rem;
	background: transparent;
}


.compare-notification span {
	max-width: calc(100% - 1.875rem);
}











#hardware-info {
	width: calc(100% - 1.875rem);
	min-width: 40rem;
	max-width: 40rem;
	/* aspect-ratio: 124 / 52; */
	border: none;
	padding-top: 2.1875rem;
	background: transparent;
	padding: 2.1875rem 0 0 0;
	overflow: hidden;
	height: calc(100vh - 1.875rem);
	height: calc(100dvh - 1.875rem);
	max-height: 50.625rem;
	/* padding: 3.5rem 2.25rem 2.25rem 2.25rem; */
}



#hardware-info>.dialog-container {
    background: radial-gradient(
			ellipse 32rem 24rem at 0% 25%,
			color-mix(in srgb, var(--main-blue) 20%, transparent) 0%,
			transparent 75%
		),
		var(--dark-grey);
    height: calc(100% - 2.25rem);
}

#hardware-info .post-loader {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


#hardware-info.is-loading .dialog-container {
	transition: .2s;
	background: var(--black);
}

.hardware-info__title {
	color: #fff;
	font-size: 2rem;
	z-index: unset !important;
	margin-bottom: 0;
}

.hardware-info__title span {
	position: relative;
	z-index: 1;
}

.hardware-info__item {
	position: relative;
	padding-bottom: 3.5rem;

}

.hardware-info__thumb {
	padding-bottom: 3.5rem;
	position: relative;
	z-index: 1;
	margin: 0 auto;

}

.hardware-info__thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width: 15rem;

}


.hardware-info__thumb::before {
	content: '';
	width: 100%;
	height: 0.125rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="559" height="2" viewBox="0 0 559 2" fill="none"><path d="M-3.27835e-08 0.625C-1.09278e-08 0.875 1.09278e-08 1.125 3.27835e-08 1.375C9.31667 1.41667 18.6333 1.45625 27.95 1.49375C111.8 1.83124 195.65 1.99998 279.5 1.99998C363.35 1.99997 447.2 1.83121 531.05 1.4937C540.367 1.4562 549.683 1.41662 559 1.37495C559 1.12495 559 0.874951 559 0.624951C549.683 0.583285 540.367 0.543703 531.05 0.506204C447.2 0.168711 363.35 -3.17651e-05 279.5 -2.44347e-05C195.65 -1.71043e-05 111.8 0.16874 27.95 0.506248C18.6333 0.543748 9.31667 0.583333 -3.27835e-08 0.625Z" fill="url(%23paint0_linear_327_14460)"/><defs><linearGradient id="paint0_linear_327_14460" x1="4.37107e-08" y1="1.49999" x2="559" y2="1.49994" gradientUnits="userSpaceOnUse"><stop stop-color="%23141414"/><stop offset="0.5" stop-color="%230060F0"/><stop offset="1" stop-color="%23141414"/></linearGradient></defs></svg>');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.hardware-info__content {
	padding: 1.5rem;
	gap: 0 !important;
	color: #fff;
}

.hardware-info__content-text {
    padding: 3.5rem 0 0 0;
}

.hardware-info__content-text ul {
    padding-left: 1.25rem;
}

.hardware-chars__title {
	font-size: 1.25rem;
	position: relative;
	z-index: 1;
}

.hardware-chars__item {
	gap: 1.25rem;
	padding: 3.5rem 0;
	position: relative;
	/* z-index: 1; */
}


.hardware-chars__item::before {
	content: '';
	width: 100%;
	height: 0.125rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="559" height="2" viewBox="0 0 559 2" fill="none"><path d="M-3.27835e-08 0.625C-1.09278e-08 0.875 1.09278e-08 1.125 3.27835e-08 1.375C9.31667 1.41667 18.6333 1.45625 27.95 1.49375C111.8 1.83124 195.65 1.99998 279.5 1.99998C363.35 1.99997 447.2 1.83121 531.05 1.4937C540.367 1.4562 549.683 1.41662 559 1.37495C559 1.12495 559 0.874951 559 0.624951C549.683 0.583285 540.367 0.543703 531.05 0.506204C447.2 0.168711 363.35 -3.17651e-05 279.5 -2.44347e-05C195.65 -1.71043e-05 111.8 0.16874 27.95 0.506248C18.6333 0.543748 9.31667 0.583333 -3.27835e-08 0.625Z" fill="url(%23paint0_linear_327_14460)"/><defs><linearGradient id="paint0_linear_327_14460" x1="4.37107e-08" y1="1.49999" x2="559" y2="1.49994" gradientUnits="userSpaceOnUse"><stop stop-color="%23141414"/><stop offset="0.5" stop-color="%230060F0"/><stop offset="1" stop-color="%23141414"/></linearGradient></defs></svg>');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.hardware-chars__item:last-child::before {
	content: none;
}

.dialog-scrollable-container {
	z-index: unset !important;
	height: 100%;
	overflow-y: auto;
	padding-right: 1.5rem;
}

.hardware-chars__sub {
	gap: 1rem;
	position: relative;
	z-index: 1;
}

.hardware-sub__item {
	gap: 2.25rem;
}

.hardware-sub__item>* {
	max-width: calc(50% - 1.125rem);
}

.hardware-sub__item>.hardware-sub__item-value {
	text-align: end;
}




dialog {
	background: var(--dark-grey);
	background: transparent;
	padding: 2.1875rem 0 0 0;
	/* padding: 0; */
	overflow: hidden;
	border: none;
	/* height: calc(100dvh - 30px); */
	height: max-content;
	border-radius: 10px;
}


/* dialog>form[method="dialog"] {
	position: absolute;
	right: 0;
	top: 0.3125rem;
} */

dialog>form[method="dialog"] {
	position: absolute;
	top: 0.3125rem;
	right: 0;
	z-index: 3;
	display: flex;
	justify-content: flex-end;
	margin: 0;
	width: auto;
	padding: 0;
	border: none;
	background: transparent;
}

dialog>form[method="dialog"]>button {
	background: transparent;
	border: none;
	padding: 0;
	margin: 0.3125rem;
	transition: .2s;
	will-change: transform;
}

dialog>form[method="dialog"]>button:hover {
	transform: scale(1.05);
	transition: .2s;
}


/* ========== Shared dialog shell ========== */
.dialog-container {
	position: relative;
	height: 100%;
	background: var(--dark-grey);
	border-radius: 10px;
	padding: 3.5rem 2.25rem 2.25rem 2.25rem;
	gap: 1.875rem;
	overflow: hidden;
	transition: .2s;
	width: 100%;
	max-width: 100%;
}

.dialog-container__text::-webkit-scrollbar,
.dialog-container__inner::-webkit-scrollbar,
.consultation-form__inner::-webkit-scrollbar,
.pdf-preview-preview::-webkit-scrollbar,
.dialog-scrollable-container::-webkit-scrollbar {
	width: 0.375rem;
	border-radius: 10px;
}

.dialog-container__text::-webkit-scrollbar-thumb,
.dialog-container__inner::-webkit-scrollbar-thumb,
.consultation-form__inner::-webkit-scrollbar-thumb,
.pdf-preview-preview::-webkit-scrollbar-thumb,
.dialog-scrollable-container::-webkit-scrollbar-thumb {
	background-color: var(--main-blue);
	border-radius: 10px;
	width: 0.25rem;
	border: 1px solid #d9d9d9;
}

.dialog-container__text::-webkit-scrollbar-track,
.dialog-container__inner::-webkit-scrollbar-track,
.consultation-form__inner::-webkit-scrollbar-track,
.pdf-preview-preview::-webkit-scrollbar-track,
.dialog-scrollable-container::-webkit-scrollbar-track {
	background: #d9d9d9;
	border-radius: 10px;
	padding: 1px;
}



dialog {
	opacity: 0;
	transform: translateY(20px);
	transition-behavior: allow-discrete;
	transition:
		opacity 0.2s ease,
		transform 0.2s ease,
		overlay 0.2s ease allow-discrete,
		display 0.2s ease allow-discrete;
}

dialog[open] {
	opacity: 1;
	transform: translateY(0);
}

@starting-style {
	dialog[open] {
		opacity: 0;
		transform: translateY(20px);
	}
}

dialog::backdrop {
	background: radial-gradient(164.61% 72.33% at 50% 47.73%, #000b1b 0%, #000 100%);
	opacity: 0;
	backdrop-filter: blur(5px);
	transition-behavior: allow-discrete;
	transition:
		opacity 0.2s ease,
		overlay 0.2s ease allow-discrete,
		display 0.2s ease allow-discrete;
}

dialog[open]::backdrop {
	opacity: 0.9;
}

@starting-style {
	dialog[open]::backdrop {
		opacity: 0;
	}
}


/* ========== Portfolio dialog ========== */
#portfolio_dialog {
	width: calc(100% - 1.875rem);
	max-width: 78.125rem;
	border: none;
	background: transparent;
	padding-top: 2.1875rem;
	overflow: visible;
}

#portfolio_dialog>form[method="dialog"] {
	position: absolute;
	right: 0;
	top: 0.3125rem;
	z-index: 2;
	display: flex;
	justify-content: flex-end;
	margin: 0;
	width: auto;
}

#portfolio_dialog:focus-visible {
	outline: none;
}

#portfolio_dialog>.dialog-container {
	padding: 3.5rem 2.25rem;
	aspect-ratio: 124 / 52;
	height: auto;
	max-height: calc(100dvh - 4rem);
	display: flex;
	flex-direction: column;
	min-height: 0;
	overflow: hidden;
	background:
		radial-gradient(ellipse 55% 50% at 30% 100%,
			color-mix(in srgb, var(--main-blue) 20%, transparent) 0%,
			transparent 75%),
		var(--dark-grey);
}

#portfolio_dialog .dialog-container__inner {
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
	height: 100%;
	align-content: flex-start;
	gap: 1.875rem;
}

#portfolio_dialog .dialog-container__slider {
	width: calc(42% - 0.9375rem);
	transition: .2s;
	aspect-ratio: 48 / 40;
}

#portfolio_dialog .dialog-container__text {
	height: 100%;
	overflow-y: auto;
	z-index: 2;
	position: relative;
	color: #fff;
	width: calc(58% - 0.9375rem);
	padding: 0 2.25rem 0 1.875rem;
}

#portfolio_dialog.is-loading>.dialog-container {
	transition: .2s;
	background: var(--black);
	width: 100%;
	aspect-ratio: 124 / 52;
	height: auto;
	min-height: 0;
}

#portfolio_dialog .post-loader {
	position: absolute;
	inset: 0;
	margin: 0;
	width: auto;
	height: auto;
	transform: none;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 5;
	pointer-events: none;
}

#portfolio_dialog.is-loading .post-loader {
	display: flex !important;
}

#portfolio_dialog.is-loading .dialog-container__slider,
#portfolio_dialog.is-loading .dialog-container__text {
	opacity: 0;
	pointer-events: none;
}

#portfolio_dialog .portfolio-header {
	position: relative;
	padding-bottom: 3.5rem;
}

#portfolio_dialog .portfolio-header h2 {
	margin-bottom: 0.75rem;
}

#portfolio_dialog .portfolio-content {
	padding-top: 3.5rem;
}

#portfolio_dialog .portfolio-content h2,
#portfolio_dialog .portfolio-content h3 {
	font-size: 2rem;
	text-transform: uppercase;
	margin-bottom: 1.5625rem;
}

#portfolio_dialog .portfolio-content p {
	margin-bottom: 1.5625rem;
}

#portfolio_dialog .portfolio-content p:last-child {
	margin-bottom: 0;
}

#portfolio_dialog .portfolio-header::before {
	content: '';
	width: 100%;
	height: 0.125rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='660' height='2' viewBox='0 0 660 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.27835e-08 0.625C-1.09278e-08 0.875 1.09278e-08 1.125 3.27835e-08 1.375C11 1.41667 22 1.45625 33 1.49375C132 1.83124 231 1.99998 330 1.99997C429 1.99996 528 1.8312 627 1.4937C638 1.45619 649 1.41661 660 1.37494C660 1.12494 660 0.874942 660 0.624942C649 0.583277 638 0.543694 627 0.506195C528 0.168704 429 -3.75044e-05 330 -2.88495e-05C231 -2.01947e-05 132 0.168738 33 0.506247C22 0.543748 11 0.583332 -3.27835e-08 0.625Z' fill='url(%23paint0_linear_327_14995)' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_327_14995' x1='4.37107e-08' y1='1.49999' x2='660' y2='1.49993' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23141414' /%3E%3Cstop offset='0.5' stop-color='%230060F0' /%3E%3Cstop offset='1' stop-color='%23141414' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	background-size: 100%;
	background-position: center;
}

#portfolio_dialog .portfolio-dialog-slider {
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}

#portfolio_dialog .portfolio-dialog-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slider-hover-button {
	position: absolute;
	height: 100%;
	width: 11.25rem;
	top: 0;
	z-index: 1;
	opacity: 0;
	transition: .2s;
}

 .slider-hover-button.next {
	background: linear-gradient(90deg, rgba(20, 20, 20, 0) 0%, #141414 100%);
	right: 0;
}

 .slider-hover-button.prev {
	background: linear-gradient(-90deg, rgba(20, 20, 20, 0) 0%, #0B0B0B 100%);
	left: 0;
}


#portfolio_dialog .slider-hover-button.prev {
	background: linear-gradient(-90deg, rgba(20, 20, 20, 0) 0%, var(--dark-grey) 100%);
}

 .slider-hover-button:hover {
	opacity: 1;
	transition: .2s;
}

 .slider-hover-button button {
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
}


.pdf-preview-dialog {
	width: min(40rem, 95vw);
	max-width: 95vw;
	height: calc(100vh - 1.875rem);
	height: calc(100dvh - 1.875rem);
	max-height: calc(100vh - 1.875rem);
	max-height: calc(100dvh - 1.875rem);
	padding: 2.1875rem 0 0;
	background: transparent;
	border: none;
	color: #fff;
	overflow: hidden;
}

/* .pdf-preview-dialog::backdrop {
	background: rgba(0, 0, 0, 0.65);
} */

.pdf-preview-dialog>.pdf-preview-close {
	position: absolute;
	right: 0;
	top: 0.3125rem;
	z-index: 3;
	margin: 0;
	padding: 0;
}

.pdf-preview-dialog>.pdf-preview-close button {
	background: transparent;
	border: none;
	padding: 0.3125rem;
	margin: 0;
	cursor: pointer;
	transition: transform 0.2s;
}

.pdf-preview-dialog>.pdf-preview-close button:hover {
	transform: scale(1.05);
}

.pdf-preview-dialog>.dialog-container {
	position: relative;
	z-index: 1;
	flex: 1;
	min-height: 0;
	min-width: min(36rem, 90vw);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding: 1.5rem 0;
	background: var(--dark-grey);
	border-radius: 10px;
}

.pdf-preview-dialog .dialog-container__inner {
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	gap: 1.5rem;
	padding: 0 1.5rem 1.5rem;
}

.pdf-preview-preview {
	position: relative;
	z-index: 1;
	flex: 1;
	min-height: 0;
	width: 100%;
	border-radius: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: #101010;
}

.pdf-preview-dialog .pdf-preview-body,
.pdf-preview-dialog .pdf-preview-actions {
	flex-shrink: 0;
}

.pdf-preview-dialog .pdf-preview-frame {
	display: block;
	width: 100%;
	height: auto;
	min-height: 100%;
	border: 0;
	background: var(--black);
	overflow: hidden;
}

.pdf-preview-dialog .pdf-preview-frame[hidden] {
	display: none;
}

.pdf-preview-dialog .post-loader {
	position: absolute;
	inset: 0;
	z-index: 2;
	margin: 0;
	display: none;
	align-items: center;
	justify-content: center;
}

.pdf-preview-dialog .post-loader.post-loader--active {
	display: flex;
}

.pdf-preview-dialog.is-loading .pdf-preview-preview {
	background: var(--dark-grey);
}

.pdf-preview-dialog .pdf-preview-body {
	color: #fff;
	gap: 0.75rem;
	font-size: 1.25rem;
}

.pdf-preview-dialog .pdf-preview-body label {
	font-size: 1rem;
}

.pdf-preview-dialog .pdf-preview-actions {
	gap: 1.5rem;
}

.pdf-preview-dialog .pdf-preview-actions>* {
	width: calc(50% - 0.75rem);
}

.pdf-preview-dialog .pdf-build-name-input,
.pdf-preview-dialog .pdf-preview-body input[type="text"] {
	width: 100%;
	background: #fff;
	border-radius: 10px;
	color: var(--black);
	padding: 1rem 0.625rem;
	border: none;
	font-size: 1rem;
}

.pdf-download-overlay {
	position: absolute;
	inset: 0;
	z-index: 10;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(16, 16, 16, 0.94);
	border-radius: 10px;
	padding: 1.5rem;
}

.pdf-download-overlay:not([hidden]) {
	display: flex;
}

.pdf-download-overlay__content {
	gap: 1.25rem;
	text-align: center;
}

.pdf-download-overlay .pdf-download-loader {
	position: static;
	inset: auto;
	display: flex !important;
	margin: 0;
}

.pdf-download-overlay__text {
	display: block;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.4;
	color: #fff;
}

.pdf-preview-dialog.is-downloading>.pdf-preview-close {
	pointer-events: none;
	opacity: 0.4;
}





.buy-form__left {
	background:
		radial-gradient(
			ellipse 90% 70% at 50% 15%,
			color-mix(in srgb, var(--main-blue) 20%, transparent) 0%,
			transparent 75%
		),
		var(--dark-grey);
	border-radius: 10px;
	padding: 1.5rem 0.75rem 1.5rem 1.5rem;
	max-width: 23.75rem;
	color: #fff;
	position: relative;
	overflow: hidden;
	min-height: 0;
	max-height: 100%;
	/* top: 0; */
	/* max-height: 100%;
    overflow-y: auto; */
}

.buy-form__left>* {
	position: relative;
	z-index: 1;
}


.buy-form__left .pc-thumb img {
	display: block;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

.buy-form__left .pc-chars .pc-char__label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.buy-form__left .pc-chars .pc-char__label img {
	width: 1.25rem;
	height: 1.25rem;
	object-fit: contain;
	flex: 0 0 1.25rem;
}

.buy-form__right {
	max-width: 39.375rem;
	width: 50%;
	color: #fff;
	background:
		radial-gradient(
			circle 18rem at 100% 100%,
			color-mix(in srgb, var(--main-blue) 20%, transparent) 0%,
			transparent 75%
		),
		var(--dark-grey);
	min-width: 39.375rem;
	border-radius: 10px;
	overflow: hidden;
	padding: 1.5rem 0.75rem 1.5rem 1.5rem;
	min-height: 0;
	max-height: 100%;
	display: flex;
	flex-direction: column;
	/* max-height: 100%;
    overflow-y: auto; */
}

.buy-form__right>* {
	position: relative;
	z-index: 1;
}



.buy-form--scrollable {
	gap: 0.75rem;
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	padding-right: 0.75rem;
}




.buy-form--scrollable::-webkit-scrollbar {
	width: 0.375rem;
	border-radius: 10px;
}

.buy-form--scrollable::-webkit-scrollbar-thumb {
	background-color: var(--main-blue);
	border-radius: 10px;
	width: 0.25rem;
	border: 0.0625rem solid #d9d9d9;
}

.buy-form--scrollable::-webkit-scrollbar-track {
	background: #d9d9d9;
	border-radius: 10px;
	padding: 0.0625rem;
}



.buy-form-container {
	gap: 1.5rem;
	height: 100%;
	max-height: calc(95vh - 2.25rem);
	max-height: calc(95dvh - 2.25rem);
	width: 100%;
	min-height: 0;
	align-items: stretch;
	/* overflow-y: auto; */
}

#buy_now_dialog {
	--buy-dialog-width: 64.625rem; /* left 23.75 + gap 1.5 + right 39.375 */
	width: var(--buy-dialog-width);
	max-width: 95vw;
	max-height: calc(100dvh - 2.25rem);
	overflow: hidden;
	border-radius: 10px;
}

#buy_now_dialog>.dialog-container {
	padding: 0;
	background: transparent;
	width: 100%;
	max-width: 100%;
	max-height: calc(100dvh - 4.5rem);
	min-height: 0;
	overflow: hidden;
}

#buy_now_dialog #contact_form_container {
	height: 100%;
	max-height: 100%;
	min-height: 0;
	overflow: hidden;
}

/*
#buy_now_dialog{
	max-height: 75vh;
} */


#buy_now_dialog:not(.is-submitting)>.dialog-container:has(.post-loader.post-loader--active) {
	aspect-ratio: 16 / 9;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--dark-grey);
	overflow: hidden;
	position: relative;
}


#buy_now_dialog>.dialog-container>.post-loader {
	margin: 0;
	width: auto;
	max-width: 100%;
	position: relative;
	z-index: 2;
}

#buy_now_dialog:not(.is-submitting)>.dialog-container>.post-loader.post-loader--active {
	display: flex;
	align-items: center;
	justify-content: center;
}

#buy_now_dialog.is-submitting>.dialog-container {
	position: relative;
}

#buy_now_dialog.is-submitting>.dialog-container>.post-loader.post-loader--active {
	position: absolute;
	inset: 0;
	z-index: 10;
	margin: 0;
	width: auto;
	max-width: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--dark-grey);
	border-radius: 10px;
}

#buy_now_dialog.is-submitting #contact_form_container {
	pointer-events: none;
}







.buy-form {
	gap: 0.75rem;
	/* padding-bottom: 1.875rem; */
}


.buy-form .form-inputs {
	gap: 1rem 1.5rem;
}


.client-block--fiz {
	margin-bottom: 0.75rem;
}


.client-block--fiz>.form-inputs {
	gap: 0.75rem;
}

.client-block--fiz>.form-inputs>.form-inputs__item {
	width: calc(50% - 0.75rem);
}

.client-block--fiz>.form-inputs>.form-inputs__item:nth-child(1) {
	width: 100%;
}

.client-block--ur>.form-inputs>.form-inputs__item {
	width: calc(50% - 0.75rem);
}

.client-block--ur>.form-inputs>.form-inputs__item:last-child {
	width: 100%;
}







.delivery-block--pickup>.form-inputs>.form-inputs__item:nth-child(1) {
	width: 100%;
}


.delivery-block--pickup>.form-inputs>.form-inputs__item {
	width: calc(50% - 0.75rem);

}




.payment-block>.form-inputs>.form-inputs__item {

	width: calc(50% - 0.75rem);
}


.payment-block>.form-inputs>.form-inputs__item label {
	color: var(--black);
	gap: 0.5rem;
	position: relative;
	transition: .2s;
	background: #fff;
	border-radius: 10px;
	padding: 1rem 0.625rem;
	border: none;
	font-size: 1rem;
	border: 0.125rem solid transparent;
	cursor: pointer;

}

.payment-block .payment-credit-img {
	display: block;
	width: 2.5rem;
	height: auto;
	max-height: 1.5rem;
	object-fit: contain;
	border-radius: 3px;
}

.payment-block__inner>.form-inputs>.form-inputs__item label span {
	transition: .2s;
	opacity: .5;

}

.payment-block>.form-inputs>.form-inputs__item label input {
	appearance: none;
	position: absolute;
	opacity: 0;
}


.payment-block>.form-inputs>.form-inputs__item label:has(input:checked) {
	border-color: var(--main-blue);
	transition: .2s;
	opacity: 1;
}


.payment-block>.form-inputs>.form-inputs__item label:has(input:checked) span {
	transition: .2s;
	opacity: 1;
}

.payment-block {
	margin-bottom: 0.75rem;
	transition-behavior: allow-descrete;
	transition: .2s;

}

.submit-block .pretty-button {}

.submit-block .pretty-button:hover {
	box-shadow: none;
	background: #fff;
	color: var(--main-blue) !important;
}

.submit-block {
	gap: 1.5rem;
}

.submit-block>* {
	width: calc(50% - 0.75rem);
}

.buy-form__price {
	gap: 0.5rem;
}


.buy-form__price>span {
	font-size: 1rem;
}

.buy-form__price>strong {
	font-size: 2rem;
}


.delivery-block .form-inputs__item {
	width: calc(25% - 1.125rem);
}

.delivery-block .form-inputs__item:nth-child(-n +2) {
	width: calc(50% - 0.75rem);
}

.buy-form {
	transition: .2s;
}

@starting-style {
	.buy-form {
		opacity: 0;
		/* transform: translateY(1.25rem) */
	}

	.buy-form__item {
		/* transform: translateY(1.25rem) */
		opacity: 0;
	}

	.payment-block {
		opacity: 0;

	}
}

.buy-form__item {
	transition-behavior: allow-descrete;
	transition: .2s;

}



/* обёртка вокруг поля даты/времени */
.form-inputs__item {
	position: relative;
}

.form-inputs__item .flatpickr-calendar {
    position: absolute !important;
    bottom: calc(100% - 1.25rem) !important;
    left: 0 !important;
    right: auto !important;
    z-index: 10000;
    width: max-content;
    top: unset !important;
    min-width: 100%;
}


/* Chrome, Edge, Safari */
.flatpickr-input::-webkit-inner-spin-button,
.flatpickr-input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
.flatpickr-input[type="number"],
.flatpickr-input[type="time"] {
	-moz-appearance: textfield;
}

.arrowUp {
	display: none !important;
}

.arrowDown {
	display: none !important;
}

.numInputWrapper {
	border-radius: 0.3125rem;
	overflow: hidden;
}


.js-pickup-date {
	position: relative;
}

.js-pickup-time {
	position: relative;
}

.form-inputs__item:has(.js-pickup-date) {
	position: relative;
}

.form-inputs__item:has(.js-pickup-time) {
	position: relative;
}

.form-inputs__item:has(.js-pickup-date)::before {
	content: '';
	right: 0.625rem;
	position: absolute;
	width: 0.9375rem;
	height: 0.9375rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none"><path d="M1.34625 15.1923C0.962639 15.1923 0.642361 15.0638 0.385417 14.8069C0.128472 14.5499 0 14.2297 0 13.846V3.20521C0 2.8216 0.128472 2.50132 0.385417 2.24437C0.642361 1.98743 0.962639 1.85896 1.34625 1.85896H2.82042V0H3.71792V1.85896H9.67958V0H10.5129V1.85896H11.9871C12.3707 1.85896 12.691 1.98743 12.9479 2.24437C13.2049 2.50132 13.3333 2.8216 13.3333 3.20521V13.846C13.3333 14.2297 13.2049 14.5499 12.9479 14.8069C12.691 15.0638 12.3707 15.1923 11.9871 15.1923H1.34625ZM1.34625 14.359H11.9871C12.1154 14.359 12.233 14.3056 12.3398 14.1988C12.4466 14.0919 12.5 13.9744 12.5 13.846V6.53854H0.833333V13.846C0.833333 13.9744 0.886736 14.0919 0.993542 14.1988C1.10035 14.3056 1.21792 14.359 1.34625 14.359ZM0.833333 5.705H12.5V3.20521C12.5 3.07687 12.4466 2.95931 12.3398 2.8525C12.233 2.74569 12.1154 2.69229 11.9871 2.69229H1.34625C1.21792 2.69229 1.10035 2.74569 0.993542 2.8525C0.886736 2.95931 0.833333 3.07687 0.833333 3.20521V5.705ZM6.66667 9.48708C6.49472 9.48708 6.34486 9.42326 6.21708 9.29563C6.08944 9.16799 6.02563 9.01813 6.02563 8.84604C6.02563 8.6741 6.08944 8.52431 6.21708 8.39667C6.34486 8.26903 6.49472 8.20521 6.66667 8.20521C6.83861 8.20521 6.98847 8.26903 7.11625 8.39667C7.24389 8.52431 7.30771 8.6741 7.30771 8.84604C7.30771 9.01813 7.24389 9.16799 7.11625 9.29563C6.98847 9.42326 6.83861 9.48708 6.66667 9.48708ZM3.33333 9.48708C3.16139 9.48708 3.01153 9.42326 2.88375 9.29563C2.75611 9.16799 2.69229 9.01813 2.69229 8.84604C2.69229 8.6741 2.75611 8.52431 2.88375 8.39667C3.01153 8.26903 3.16139 8.20521 3.33333 8.20521C3.50528 8.20521 3.65514 8.26903 3.78292 8.39667C3.91056 8.52431 3.97437 8.6741 3.97437 8.84604C3.97437 9.01813 3.91056 9.16799 3.78292 9.29563C3.65514 9.42326 3.50528 9.48708 3.33333 9.48708ZM10 9.48708C9.82806 9.48708 9.67819 9.42326 9.55042 9.29563C9.42278 9.16799 9.35896 9.01813 9.35896 8.84604C9.35896 8.6741 9.42278 8.52431 9.55042 8.39667C9.67819 8.26903 9.82806 8.20521 10 8.20521C10.1719 8.20521 10.3218 8.26903 10.4496 8.39667C10.5772 8.52431 10.641 8.6741 10.641 8.84604C10.641 9.01813 10.5772 9.16799 10.4496 9.29563C10.3218 9.42326 10.1719 9.48708 10 9.48708ZM6.66667 12.6923C6.49472 12.6923 6.34486 12.6285 6.21708 12.5008C6.08944 12.3732 6.02563 12.2233 6.02563 12.0512C6.02563 11.8793 6.08944 11.7294 6.21708 11.6017C6.34486 11.474 6.49472 11.4102 6.66667 11.4102C6.83861 11.4102 6.98847 11.474 7.11625 11.6017C7.24389 11.7294 7.30771 11.8793 7.30771 12.0512C7.30771 12.2233 7.24389 12.3732 7.11625 12.5008C6.98847 12.6285 6.83861 12.6923 6.66667 12.6923ZM3.33333 12.6923C3.16139 12.6923 3.01153 12.6285 2.88375 12.5008C2.75611 12.3732 2.69229 12.2233 2.69229 12.0512C2.69229 11.8793 2.75611 11.7294 2.88375 11.6017C3.01153 11.474 3.16139 11.4102 3.33333 11.4102C3.50528 11.4102 3.65514 11.474 3.78292 11.6017C3.91056 11.7294 3.97437 11.8793 3.97437 12.0512C3.97437 12.2233 3.91056 12.3732 3.78292 12.5008C3.65514 12.6285 3.50528 12.6923 3.33333 12.6923ZM10 12.6923C9.82806 12.6923 9.67819 12.6285 9.55042 12.5008C9.42278 12.3732 9.35896 12.2233 9.35896 12.0512C9.35896 11.8793 9.42278 11.7294 9.55042 11.6017C9.67819 11.474 9.82806 11.4102 10 11.4102C10.1719 11.4102 10.3218 11.474 10.4496 11.6017C10.5772 11.7294 10.641 11.8793 10.641 12.0512C10.641 12.2233 10.5772 12.3732 10.4496 12.5008C10.3218 12.6285 10.1719 12.6923 10 12.6923Z" fill="%231C1B1F"/></svg>');
	bottom: 1.125rem;
	z-index: 1;
	pointer-events: none;
	/* transform: translate(0, -50%); */
}

.form-inputs__item:has(.js-pickup-time)::before {
	content: '';
	right: 0.625rem;
	position: absolute;
	width: 1.25rem;
	height: 1.25rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	bottom: 0.9375rem;
	z-index: 1;
	pointer-events: none;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><mask id="mask0_327_16015" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_327_16015)"><path d="M12.346 15.8332C10.7155 15.8332 9.33457 15.2674 8.20305 14.1359C7.07152 13.0044 6.50575 11.6234 6.50575 9.99296C6.50575 8.37463 7.07152 6.999 8.20305 5.86609C9.33457 4.73303 10.7155 4.1665 12.346 4.1665C13.9642 4.1665 15.3398 4.73303 16.4728 5.86609C17.6059 6.999 18.1724 8.37463 18.1724 9.99296C18.1724 11.6234 17.6059 13.0044 16.4728 14.1359C15.3398 15.2674 13.9642 15.8332 12.346 15.8332ZM12.3391 14.9998C13.728 14.9998 14.9085 14.5137 15.8808 13.5415C16.853 12.5693 17.3391 11.3887 17.3391 9.99984C17.3391 8.61095 16.853 7.43039 15.8808 6.45817C14.9085 5.48595 13.728 4.99984 12.3391 4.99984C10.9502 4.99984 9.76964 5.48595 8.79742 6.45817C7.8252 7.43039 7.33909 8.61095 7.33909 9.99984C7.33909 11.3887 7.8252 12.5693 8.79742 13.5415C9.76964 14.5137 10.9502 14.9998 12.3391 14.9998ZM14.3951 12.6713L14.9897 12.0767L12.7558 9.84275V6.92296H11.9224V10.1778L14.3951 12.6713ZM2.65951 7.08317V6.24984H5.67242V7.08317H2.65951ZM1.82617 10.4165V9.58317H5.67242V10.4165H1.82617ZM2.65951 13.7498V12.9165H5.67242V13.7498H2.65951Z" fill="%231C1B1F"/></g></svg>');
}

.thanks-form {
	/* padding: 1.5rem; */
}

#buy_now_dialog:has(.thanks-form:not(.hidden)) .buy-form__right .buy-form--scrollable {
	display: none;
}

.thanks-form>div {
	max-width: 28.75rem;
	width: 100%;
	gap: 2.25rem;
}

.buy-form__right:has(.thanks-form):not(:has(.thanks-form.hidden)) {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.thanks-title {
	font-size: 2rem;
	color: var(--main-blue);
}

.lead-thanks-form {
	width: 100%;
}

.lead-thanks-form>div {
	max-width: 28.75rem;
	width: 100%;
	margin: 0 auto;
	gap: 1.5rem;
	color: #fff;
}

.quiz-form__content {
	width: 100%;
	gap: 2.25rem;
	transition: opacity 0.2s ease;
}

.quiz-form.is-submitting .quiz-form__content {
	opacity: 0;
	pointer-events: none;
}

.quiz-form:has(.lead-thanks-form:not(.hidden)) .quiz-form__content {
	display: none;
}

#need_consuiltation:has(.lead-thanks-form:not(.hidden)) .consultation-form__content {
	display: none;
}

#need_credit:has(.lead-thanks-form:not(.hidden)) .consultation-form__content {
	display: none;
}

#need_consuiltation:has(.lead-thanks-form:not(.hidden))>.dialog-container::before {
	content: '';
	width: 38.125rem;
	height: 38.125rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	opacity: 0.05;
	filter: blur(0.25rem);
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="444" height="503" viewBox="0 0 444 503" fill="none"><path d="M263.085 446.633L478.754 230.965L435.926 188.137L263.085 360.978L175.9 273.792L133.072 316.62L263.085 446.633ZM305.913 611.826C263.595 611.826 223.827 603.796 186.607 587.736C149.388 571.675 117.012 549.879 89.4796 522.347C61.9474 494.815 40.1511 462.439 24.0907 425.219C8.03022 388 0 348.231 0 305.913C0 263.595 8.03022 223.827 24.0907 186.607C40.1511 149.388 61.9474 117.012 89.4796 89.4796C117.012 61.9474 149.388 40.1511 186.607 24.0907C223.827 8.03022 263.595 0 305.913 0C348.231 0 388 8.03022 425.219 24.0907C462.439 40.1511 494.815 61.9474 522.347 89.4796C549.879 117.012 571.675 149.388 587.736 186.607C603.796 223.827 611.826 263.595 611.826 305.913C611.826 348.231 603.796 388 587.736 425.219C571.675 462.439 549.879 494.815 522.347 522.347C494.815 549.879 462.439 571.675 425.219 587.736C388 603.796 348.231 611.826 305.913 611.826ZM305.913 550.644C374.234 550.644 432.102 526.936 479.519 479.519C526.936 432.102 550.644 374.234 550.644 305.913C550.644 237.593 526.936 179.724 479.519 132.307C432.102 84.8909 374.234 61.1826 305.913 61.1826C237.593 61.1826 179.724 84.8909 132.307 132.307C84.8909 179.724 61.1826 237.593 61.1826 305.913C61.1826 374.234 84.8909 432.102 132.307 479.519C179.724 526.936 237.593 550.644 305.913 550.644Z" fill="white"/></svg>');
	right: -2.5rem;
	bottom: 0;
	pointer-events: none;
	z-index: 0;
}

#need_credit:has(.lead-thanks-form:not(.hidden))>.dialog-container::before {
	content: '';
	width: 38.125rem;
	height: 38.125rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	opacity: 0.05;
	filter: blur(0.25rem);
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="444" height="503" viewBox="0 0 444 503" fill="none"><path d="M263.085 446.633L478.754 230.965L435.926 188.137L263.085 360.978L175.9 273.792L133.072 316.62L263.085 446.633ZM305.913 611.826C263.595 611.826 223.827 603.796 186.607 587.736C149.388 571.675 117.012 549.879 89.4796 522.347C61.9474 494.815 40.1511 462.439 24.0907 425.219C8.03022 388 0 348.231 0 305.913C0 263.595 8.03022 223.827 24.0907 186.607C40.1511 149.388 61.9474 117.012 89.4796 89.4796C117.012 61.9474 149.388 40.1511 186.607 24.0907C223.827 8.03022 263.595 0 305.913 0C348.231 0 388 8.03022 425.219 24.0907C462.439 40.1511 494.815 61.9474 522.347 89.4796C549.879 117.012 571.675 149.388 587.736 186.607C603.796 223.827 611.826 263.595 611.826 305.913C611.826 348.231 603.796 388 587.736 425.219C571.675 462.439 549.879 494.815 522.347 522.347C494.815 549.879 462.439 571.675 425.219 587.736C388 603.796 348.231 611.826 305.913 611.826ZM305.913 550.644C374.234 550.644 432.102 526.936 479.519 479.519C526.936 432.102 550.644 374.234 550.644 305.913C550.644 237.593 526.936 179.724 479.519 132.307C432.102 84.8909 374.234 61.1826 305.913 61.1826C237.593 61.1826 179.724 84.8909 132.307 132.307C84.8909 179.724 61.1826 237.593 61.1826 305.913C61.1826 374.234 84.8909 432.102 132.307 479.519C179.724 526.936 237.593 550.644 305.913 550.644Z" fill="white"/></svg>');
	right: -2.5rem;
	bottom: 0;
	pointer-events: none;
	z-index: 0;
}

#need_consuiltation .consultation-form__content {
	gap: 1.5rem;
	display: flex;
	flex-direction: column;
}

#need_credit .consultation-form__content {
	gap: 1.5rem;
	display: flex;
	flex-direction: column;
}

#need_credit .need-credit-payment {
	margin-bottom: 0;
}

#need_credit .need-credit-payment .form-inputs {
    gap: 0.75rem 1.5rem;
    max-width: 34.375rem;
}

#consultation_form,
#credit_form {
	gap: 0.9375rem;
	max-width: 34.375rem;
}

#need_consuiltation .pretty-button,
#need_credit .pretty-button {
	width: 100%;
}

#need_consuiltation[open],
#need_credit[open] {
	max-height: calc(100dvh - 1.875rem);
	overflow: hidden;
}

#need_consuiltation>.dialog-container,
#need_credit>.dialog-container {
	gap: 2.25rem;
	flex: 0 1 auto;
	min-height: 0;
	height: auto;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 3.5rem 2.25rem 2.25rem;
	background:
		radial-gradient(
			ellipse 70% 55% at 0% 0%,
			color-mix(in srgb, var(--main-blue) 20%, transparent) 0%,
			transparent 75%
		),
		var(--dark-grey);
	position: relative;
}

#need_consuiltation>.dialog-container>.post-loader,
#need_credit>.dialog-container>.post-loader {
	margin: 0;
	width: auto;
	max-width: 100%;
	position: relative;
	z-index: 2;
}

#need_consuiltation.is-submitting>.dialog-container>.post-loader.post-loader--active,
#need_credit.is-submitting>.dialog-container>.post-loader.post-loader--active {
	position: absolute;
	inset: 0;
	z-index: 10;
	margin: 0;
	width: auto;
	max-width: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--dark-grey);
	border-radius: 10px;
}

.quiz-form>.post-loader {
	margin: 0;
	width: auto;
	max-width: 100%;
	position: relative;
	z-index: 2;
}

.quiz-form.is-submitting {
	position: relative;
}

.quiz-form.is-submitting>.post-loader.post-loader--active {
	position: absolute;
	inset: 0;
	z-index: 10;
	margin: 0;
	width: auto;
	max-width: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.buy-form__right:has(.thanks-form):not(:has(.thanks-form.hidden))::before {
	content: '';
	width: 38.125rem;
	height: 38.125rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	opacity: 0.05;
	filter: blur(0.25rem);
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="444" height="503" viewBox="0 0 444 503" fill="none"><path d="M263.085 446.633L478.754 230.965L435.926 188.137L263.085 360.978L175.9 273.792L133.072 316.62L263.085 446.633ZM305.913 611.826C263.595 611.826 223.827 603.796 186.607 587.736C149.388 571.675 117.012 549.879 89.4796 522.347C61.9474 494.815 40.1511 462.439 24.0907 425.219C8.03022 388 0 348.231 0 305.913C0 263.595 8.03022 223.827 24.0907 186.607C40.1511 149.388 61.9474 117.012 89.4796 89.4796C117.012 61.9474 149.388 40.1511 186.607 24.0907C223.827 8.03022 263.595 0 305.913 0C348.231 0 388 8.03022 425.219 24.0907C462.439 40.1511 494.815 61.9474 522.347 89.4796C549.879 117.012 571.675 149.388 587.736 186.607C603.796 223.827 611.826 263.595 611.826 305.913C611.826 348.231 603.796 388 587.736 425.219C571.675 462.439 549.879 494.815 522.347 522.347C494.815 549.879 462.439 571.675 425.219 587.736C388 603.796 348.231 611.826 305.913 611.826ZM305.913 550.644C374.234 550.644 432.102 526.936 479.519 479.519C526.936 432.102 550.644 374.234 550.644 305.913C550.644 237.593 526.936 179.724 479.519 132.307C432.102 84.8909 374.234 61.1826 305.913 61.1826C237.593 61.1826 179.724 84.8909 132.307 132.307C84.8909 179.724 61.1826 237.593 61.1826 305.913C61.1826 374.234 84.8909 432.102 132.307 479.519C179.724 526.936 237.593 550.644 305.913 550.644Z" fill="white"/></svg>');
	right: -2.5rem;
	bottom: 0;
}









/* График FPS */


.configuration-chart-block__text {
	gap: 12px;
	margin-bottom: 2.25rem;
}

.configuration-chart-block__text>span {
	font-size: 20px;
}

.curr-conf-chart__empty {
	margin: 0;
	opacity: .7;
}

.chart-legend-configurator ul {
	padding: 0;
	margin: 0 0 .75rem 0;
	display: flex;
	gap: .75rem;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
}

.chart-legend-configurator ul li {
	gap: .5rem;
	cursor: pointer;
}


.chart-legend-configurator ul li .legend-item__color {
	width: .75rem;
	height: .75rem;
}


.curr-conf-chart__canvas-wrap {
	position: relative;
	width: 100%;
}

.curr-conf-chart__loader {
	display: none;
	position: absolute;
	inset: 0;
	z-index: 2;
	margin: 0;
	align-items: center;
	justify-content: center;
	background: rgba(20, 20, 20, 0.55);
	margin: 0 !important;
}

.curr-conf-chart__loader.post-loader--active {
	display: flex;
}

.curr-conf-chart__loader img {
	width: 3.25rem;
	height: 3.25rem;
	animation: rotation 1.5s linear infinite;
}

#currConfFpsChart {
	width: 100% !important;
	height: 100% !important;
}

.chart-container {
	width: 100%;
	max-width: 87.5rem;
	margin: 0 auto;
	position: relative;
	padding: 3.5rem 0;
}

#cinebenchChart {
	width: 100% !important;
	height: 100% !important;
}

.cinebench-chart-wrap {
	height: 80px;
}

.chart-container::after {
	content: '';
	width: 100%;
	height: 0.125rem;
	position: absolute;
	left: 50%;
	bottom: 0;
	background-size: 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='1920' height='2' viewBox='0 0 1920 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.27835e-08 0.625C-1.09278e-08 0.875 1.09278e-08 1.125 3.27835e-08 1.375C32 1.41666 64 1.45624 96 1.49374C384 1.83122 672 1.99994 960 1.99992C1248 1.99989 1536 1.83112 1824 1.49359C1856 1.45609 1888 1.4165 1920 1.37483C1920 1.12483 1920 0.874832 1920 0.624832C1888 0.583168 1856 0.543588 1824 0.506091C1536 0.168616 1248 -0.000109104 960 -8.39259e-05C672 -5.87481e-05 384 0.168716 96 0.506242C64 0.543744 32 0.583331 -3.27835e-08 0.625Z' fill='url(%23paint0_linear_327_16873)' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_327_16873' x1='4.37107e-08' y1='1.49999' x2='1920' y2='1.49982' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23141414' /%3E%3Cstop offset='0.5' stop-color='%230060F0' /%3E%3Cstop offset='1' stop-color='%23141414' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	transform: translate(-50%);
}

.chart-container::before {
	content: '';
	filter: blur(12.5rem);
	background: var(--main-blue);
	position: absolute;
	left: 50%;
	top: 50%;
	width: 23.75rem;
	height: 7.5rem;
	border-radius: 100%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: -1;
}


.chart-container h2 {
	margin-bottom: 0.75rem;
}

.chart-container p {
	max-width: 42.8125rem;
	margin: 0 auto 2.25rem auto;
}


.chart-legend ul {
	display: flex;
	gap: 2.25rem;
	list-style: none;
	margin: 0 0 2.25rem 0;
	padding: 0;
	justify-content: center;
	flex-wrap: wrap;
}

.chart-legend ul li {
	gap: 0.75rem;
	cursor: pointer;
	transition: .2s;
}

.chart-legend ul li.inactive {
	opacity: .3;
	transition: .2s;
}

.chart-legend ul li.inactive span {
	color: #fff !important;
}

.legend-item__color {
	width: 3.625rem;
	height: 0.625rem;
	margin: 0.3125rem 0;
	border-radius: 10px;
}

.legend-item__label {
	display: inline-block;
}

.legend-item span {
	transition: .2s;
}

.legend-item:hover span {
	color: var(--main-blue);
	transition: .2s;
}










#mobile_bar {
	z-index: 4;
	display: none;
	position: relative;
	width: calc(100% - 30px);
	position: fixed;
	bottom: 24px;
	left: 50%;
	transform: translate(-50%, 0);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
	backdrop-filter: blur(2.5px);
	border-radius: 36px;
	border: 1px solid transparent;
	padding: 4px;
	background: rgba(20, 20, 20, 0.70);
}


/* ========== Mobile menu ========== */
.burger {
	display: none;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	z-index: 21;
	-webkit-tap-highlight-color: transparent;
}

.burger #closeMenu {
	display: none;
}

.burger.is-open #openMenu {
	display: none;
}

.burger.is-open #closeMenu {
	display: block;
}

.mobile-menu {
	position: fixed;
	inset: 0;
	z-index: 20;
	background: var(--black);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		opacity 0.25s ease,
		visibility 0.25s ease;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.mobile-menu.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.mobile-menu__panel {
	min-height: 100%;
	padding: 1.25rem 1.25rem 2.5rem;
	display: flex;
	flex-direction: column;
}

.mobile-menu__top {
	margin-bottom: 2.5rem;
}

.mobile-menu__title {
	font-size: 1.5rem;
	color: #fff;
}

.mobile-menu__close {
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	line-height: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.mobile-menu__nav {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}

.mobile-menu__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.mobile-menu__list a {
	color: #fff;
	font-size: 1.5rem;
	-webkit-tap-highlight-color: transparent;
}

/* .mobile-menu__list a:hover,
.mobile-menu__list .current-menu-item > a {
	color: var(--main-blue);
} */

/* Правое меню: визуальный разрыв после «Проекты / Вопросы» */
/* .mobile-menu__list--secondary > li:nth-child(2) {
	margin-bottom: 1.75rem;
} */

body.is-mobile-menu-open {
	overflow: hidden;
}


#mobile_bar::before {
	content: "";
	position: absolute;
	inset: -1px 0 0 -1px;
	padding: 1px;
	border-radius: inherit;
	pointer-events: none;
	width: 100%;
	height: 100%;

	background: linear-gradient(90deg,
			var(--main-blue) 0%,
			var(--main-blue) 5%,
			rgba(153, 153, 153, 0.05) 25%,
			rgba(153, 153, 153, 0.05) 50%,
			rgba(153, 153, 153, 0.05) 75%,
			var(--main-blue) 95%,
			var(--main-blue) 100%);
	mask:
		conic-gradient(#000 0 0) content-box exclude,
		conic-gradient(#000 0 0);
}

.mobile-bar__items {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	border-radius: 60px;
	gap: 1px;
}

.mobile-bar__items>li>a,
.mobile-bar__items>li>button {
	padding: 10px 7px;
	transition: .2s;
}

.mobile-bar__items>li {
	width: 100%;
}


.bar-item__name {
	color: #fff;
	font-size: 13px;
}

.mobile-bar__items>li>button {
	background: none;
	border: none;
	width: 100%;
	border-radius: 60px;
	transition: .2s;
}

.mobile-bar__items>li>a.is-active {
	background: var(--main-blue);
	transition: .2s;
	border-radius: 60px;
}

.mobile-bar__items>li>button.is-active {
	background: var(--main-blue);
	transition: .2s;

}





#need_consultation_button {
	position: fixed;
	bottom: 3.125rem;
	right: 5.9375rem;
	border: 1px solid var(--main-blue);
	background: var(--dark-grey);
	border-radius: 10px;
	color: #fff;
	padding: 1rem 1.5rem;
	gap: 0.75rem;
	font-size: 1rem;
	transition: .2s;
	z-index: 5;
}

#need_consultation_button:hover {
	box-shadow: 0 0 1.375rem 0.5625rem #0060f0;
	transition: .2s;
}



#consultation_form {
	gap: 0.9375rem;
	max-width: 34.375rem;
}

.consultation-form__inner {
	gap: 2.25rem;
	position: relative;
	z-index: 1;
	flex: 0 1 auto;
	min-height: 0;
	overflow: auto;
	padding: 0.5rem 1.5rem 2rem;
}


.consultation-form__text {
	max-width: 34.375rem;
	color: #fff;
	gap: 0.75rem;
}

.consultation-form__text>span {
	font-size: 2rem;
}



.animate-on-scroll {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .6s ease, transform .6s ease;
	will-change: opacity, transform;
}

.animate-on-scroll.show {
	opacity: 1;
	transform: translateY(0);
}





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

	#need_consultation_button {
		right: 4.0625rem;
	}

	#portfolio_dialog {
		min-height: 50vh;
	}

	#portfolio_dialog>.dialog-container {
		padding: 2.25rem;
	}

	#portfolio_dialog .portfolio-header {
		padding-bottom: 2.25rem;
	}

	#portfolio_dialog .portfolio-content {
		padding-top: 2.25rem;
	}

}

@media screen and (max-width: 1399px) {
	.sticky-messengers-list li img {
		max-height: 1rem;
	}

	.sticky-messengers-list {
		gap: 1rem;
	}

	.sticky-messengers-list li a {
		padding: .5rem;
	}



	.btn-download-pdf>span:nth-child(2) {
		font-size: 1rem;
	}
}


@media screen and (max-width: 1199px) {
	html {
		font-size: 14px;
	}


	.anchors {
		top: 5rem;
	}

}




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

	.container {
		width: 100%;
	}

	#mobile_bar {
		display: flex;
	}

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

	.menu__left,
	.main-nav-right {
		display: none;
	}

	.sticky-messengers-list {
		display: none;
	}

	#breadcrumbs span {
		white-space: nowrap;
		flex-wrap: nowrap;
	}

	#breadcrumbs {
		flex-wrap: nowrap;
		margin-bottom: .5rem;
		padding-bottom: 0.6rem;
		overflow: auto;
	}

	.page-title h1 {
		margin: 0;
		font-size: 1.5rem;
	}

	#need_consultation_button {
		right: 15px;
		bottom: 8rem;
		display: none;
	}

	.buy-form__left {
		display: none;
	}

	.buy-form__right {
		min-width: unset;
		width: 100%;
		max-width: 100%;
	}

	.chart-container {
		max-width: 100%;
		padding: 2.5rem 1rem;
	}

	#cpu-benchmark>.chart-container {
		padding: 2.5rem 0;
	}


	#cpu-benchmark>.chart-legend ul {
		gap: 1rem;
		margin: 0 0 1.5rem 0;
	}


	.chart-container p {
		max-width: 100%;
		margin: 0 auto 1.5rem auto;
	}

	.chart-legend ul {
		gap: 1.5rem;
		margin: 0 0 1.5rem 0;
	}

	.configuration-chart-block__text {
		margin-bottom: 1rem;
	}

	#hardware-info {
		min-width: unset;
	}

	.buy-form__price>strong {
		font-size: 1.5rem;
	}

	.client-block--fiz {
		margin-bottom: 0;
	}

	.hardware-info__item {
		padding-bottom: 1.5rem;
		font-size: 1.5rem;
	}

	.hardware-info__thumb {
		padding-bottom: 1.5rem;
	}
	.hardware-chars__item {
		gap: 1rem;
		padding: 1.5rem 0;
	}

	.hardware-info__thumb img {
		max-width: 12rem;
	}

	.hardware-chars__sub {
		gap: .75rem;
	}
	.hardware-sub__item {
		gap: 1rem;
	}

	.hardware-sub__item>* {
		max-width: calc(50% - .5rem);
	}

	.dialog-scrollable-container {
		z-index: unset !important;
		height: 100%;
		overflow-y: auto;
		padding-right: 1rem;
	}

	.hardware-info__content-text {
		padding: 1.5rem 0;
	}

	/*
	  iOS плохо считает height: max-content у <dialog>.
	  Dialog занимает область по центру, карточку (.dialog-container / .dialog-content) центрируем внутри.
	*/
	dialog:not(.pdf-preview-dialog) {
		height: max-content;
		max-height: 90dvh;
		min-height: 0 !important;
		margin: auto;
		inset: 0;
		overflow: hidden;
		padding: 2.1875rem 0;
	}

	dialog:not(.pdf-preview-dialog)[open] {
		display: block;
		overflow: hidden;
		padding: 2.1875rem 0;
	}

	dialog:not(.pdf-preview-dialog)>.dialog-container,
	dialog:not(.pdf-preview-dialog)>.dialog-content {
		height: auto;
		max-height: calc(90dvh - 4.375rem);
		flex: 0 1 auto;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}

	#buy_now_dialog>.dialog-container {
		overflow: hidden;
		max-height: calc(90dvh - 4.375rem);
	}

	#buy_now_dialog:has(.thanks-form:not(.hidden)) {
		height: 75dvh;
		min-height: 0 !important;
		max-height: 75dvh;
		margin: auto;
		inset: 0;
	}

	#buy_now_dialog:has(.thanks-form:not(.hidden))>.dialog-container {
		height: auto;
		max-height: calc(75dvh - 4.375rem);
	}

	#buy_now_dialog:has(.thanks-form:not(.hidden)) .buy-form-container,
	#buy_now_dialog:has(.thanks-form:not(.hidden)) #contact_form_container,
	#buy_now_dialog:has(.thanks-form:not(.hidden)) .buy-form__right {
		height: auto;
		max-height: none;
		min-height: 0;
	}

	#buy_now_dialog:has(.thanks-form:not(.hidden)) .thanks-form {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	dialog {
		min-height: 0;
	}

	.dialog-container {
		min-height: 0;
	}

	#need_consuiltation,
	#need_credit {
		min-height: 0;
		margin: auto;
		inset: 0;
		overflow: hidden;
	}

	#need_consuiltation>.dialog-container,
	#need_credit>.dialog-container {
		padding: 1.5rem 0.75rem 1.5rem;
		min-height: 0;
		height: auto;
		overflow: hidden;
	}

	.consultation-form__inner {
		gap: 1rem;
		height: auto;
		overflow: auto;
		padding: 0.5rem 1rem 1.5rem;
	}

	.consultation-form__text>span {
		font-size: 1.5rem;
	}

	#portfolio_dialog {
		height: auto;
		max-height: 90dvh;
		min-height: 0;
		padding-top: 2.1875rem;
		overflow: visible;
	}

	#portfolio_dialog>form[method="dialog"] {
		top: 0.3125rem;
	}

	#portfolio_dialog>.dialog-container {
		padding: 1.5rem .75rem 1.5rem 1.5rem;
		aspect-ratio: unset;
		height: auto;
		min-height: 0;
		max-height: calc(90dvh - 4.375rem);
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}

	#portfolio_dialog.is-loading>.dialog-container {
		aspect-ratio: unset;
		height: calc(90dvh - 4.375rem);
		min-height: calc(90dvh - 4.375rem);
		max-height: calc(90dvh - 4.375rem);
	}

	#portfolio_dialog .dialog-container__inner {
		flex: 1 1 auto;
		min-height: 0;
		height: auto;
		max-height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		padding-right: .75rem;
	}

	#portfolio_dialog .dialog-container__text {
		width: 100%;
		padding: 0 1rem 0 0;
		height: auto;
		max-height: none;
		overflow: visible;
	}

	#portfolio_dialog .dialog-container__slider {
		width: 50%;
		margin: 0 auto;
		height: auto;
		max-height: none;
		aspect-ratio: 48 / 40;
	}

	#portfolio_dialog .portfolio-header {
		padding-bottom: 1.5rem;
	}

	#portfolio_dialog .portfolio-content {
		padding-top: 1.5rem;
	}

	#portfolio_dialog .portfolio-content p {
		margin-bottom: 1rem;
	}

	#portfolio_dialog .portfolio-dialog-slider {
		width: 100%;
		height: auto;
	}

	.slider-hover-button {
		width: 2rem;
		opacity: 1;
	}

	#portfolio_dialog .slider-hover-button.prev {
		background: linear-gradient(-90deg, rgba(20, 20, 20, 0) 0%, var(--dark-grey) 100%);
	}

	#portfolio_dialog .slider-hover-button.next {
		background: linear-gradient(90deg, rgba(20, 20, 20, 0) 0%, var(--dark-grey) 100%);
	}
}




@media screen and (max-width: 767px) {
	h2 {
		font-size: 1.5rem;
		margin-bottom: 1.2rem;

	}

	dialog {
		width: 100%;
	}

	#buy_now_dialog {
		width: calc(100% - 1rem);
		height: calc(100vh - 1rem);
		height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem);
		max-height: calc(100vh - 1rem);
		max-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem);
		overflow: hidden;
	}

	#buy_now_dialog>.dialog-container {
		height: 100%;
		max-height: none;
		overflow: hidden;
	}

	#buy_now_dialog:not(.is-submitting)>.dialog-container:has(.post-loader.post-loader--active) {
		width: 100%;
		min-width: 0;
		max-width: 100%;
		aspect-ratio: auto;
		height: 100%;
	}

	#buy_now_dialog:not(.is-submitting)>.dialog-container>.post-loader.post-loader--active {
		position: absolute;
		inset: 0;
	}

	#buy_now_dialog .buy-form-container {
		height: 100%;
		max-height: 100%;
	}

	#buy_now_dialog #contact_form_container {
		height: 100%;
		min-height: 0;
	}

	#buy_now_dialog .buy-form__right {
		display: flex;
		flex-direction: column;
		height: 100%;
		min-height: 0;
		max-height: 100%;
		overflow: hidden;
	}

	#buy_now_dialog .buy-form--scrollable {
		flex: 1 1 auto;
		min-height: 0;
		max-height: 100%;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	.pdf-preview-dialog {
		width: calc(100% - 1rem);
		max-width: 100%;
		height: calc(100vh - 1rem);
		height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem);
		max-height: calc(100vh - 1rem);
		max-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem);
	}

	.pdf-preview-dialog>.dialog-container {
		min-width: 0;
		width: 100%;
		max-width: 100%;
	}

	.pdf-preview-dialog .dialog-container__inner {
		padding: 0 0.75rem 1rem;
		gap: 1rem;
	}

	.pdf-preview-preview {
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	#consultation_form {
		max-width: 100%;
	}

	.client-block--fiz>.form-inputs>.form-inputs__item {
		width: 100%;
	}

	.delivery-block--pickup>.form-inputs>.form-inputs__item {
		width: 100%;
	}

	.delivery-block .form-inputs__item:nth-child(-n +2) {
		width: 100%;
	}

	.client-block--ur>.form-inputs>.form-inputs__item {
		width: 100%;
	}

	/* dialog {
		height: 95dvh;
	} */
	.submit-block>* {
		width: 100%;
	}

	.submit-block {
		gap: 1rem;
	}

	.hardware-info__thumb img {
		max-width: 10rem;
	}
	.hardware-chars__item {
		gap: .75rem;
		padding: 1rem 0;
	}

	#portfolio_dialog .dialog-container__slider {
		width: 75%;
		height: auto;
		max-height: none;
	}
}

@media screen and (max-width: 635px) {
	.payment-block>.form-inputs>.form-inputs__item {
		width: 100%;
	}

	#portfolio_dialog .dialog-container__slider {
		width: 100%;
		height: auto;
		max-height: none;
	}
}