@import url(_sprite-stack.css);
.ru, .us { width: 20px; height: 15px; margin-right: 7px; }

/* reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, ol, ul, li, button { margin:0; padding:0; border:0; }
*, ::after, ::before { box-sizing: border-box; }
a, button, div, input { outline: none; }
h1, h2, h3 { font-weight: normal; }
ol:not(.content-row ol), ul, .footer :is(ul, li) { list-style: none; }
img { display:block; }
a { text-decoration: none; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { 	background-color: #fff; }

:root {
	--regular: 'GolosText-Regular', sans-serif;
	--medium: 'GolosText-Medium', sans-serif;
	--bold: 'GolosText-Bold', sans-serif;
	--black: 'GolosText-Black', sans-serif;
	--oranienbaum: 'Oranienbaum', sans-serif;

	--size-sm: 14px;
	--size-base: 18px;
	--size-md: 32px;
	--size-lg: 48px;
	--size-xl: 64px;

	--color-base: #000;
	--color-secondary: #989897;
	--color-danger: #cc0100;
	--color-light: #fff;
	--color-darkred: #b4272d;

	--pad-hor: 72px;
	--pad-vert: 50px;

	--transition: all 0.2s ease;
}

html, body { width: 100%; min-height: 100dvh; }
.wrap, .wrapper, .wrapper-article { max-width: 1440px; margin-inline: auto; }
.wrap:not(.footer .wrap) { padding: var(--pad-vert) var(--pad-hor); }
.wrapper { padding-left: 72px; padding-right: 72px; }
.wrapper-article { padding-top: 72px; padding-bottom: 72px; }
.wrapper-full-size { padding-bottom: var(--pad-vert); }
.wrapper-expert { margin-bottom: var(--pad-vert); padding-top: 48px; padding-bottom: 48px; }

body { font: normal var(--size-base) / 1.55 var(--regular); color: var(--color-base);  background: var(--color-light); }

a { color: var(--color-base); transition: var(--transition); }
a:hover:not(.head a):not(.btn-red):not(.call-action-btn):not(.footer a) { color: var(--color-danger); }
.text-link { text-decoration: underline; text-underline-offset: 0.2777em; }

h1, h2, h2 a, h3, h4, h5 { text-transform: uppercase; }
h1 { font-family: var(--black); font-size: var(--size-xl); line-height: 1.125; }
h2 a { display: block; font-family: var(--bold); font-size: var(--size-md); line-height: 1.25; }
h3 { font-family: var(--black); font-size: var(--size-lg); line-height: 1.166; margin-bottom: 0.6666em; }
	.tracking-text + h3 { margin: 0.6666em 0 0.6666em; }
h4 { font-family: var(--bold); font-size: var(--size-md); line-height: 1.25; margin: 1em 0 1em; }
h5, h6 { font-family: var(--bold); font-size: var(--size-base); }

ul:not(.country-list):not(.dots-ctrl):not(.color-list) { list-style: outside; padding-left: 30px; }
ul:not(.country-list):not(.without-margin):not(.education-list) li:not(:last-child):not(.footer li) { margin-bottom: 29px; }
ul.list-idea li { margin-bottom: 0; }

p + :is(h5, h6, p, ul), ul + .btn-dark { margin-top: 1.58em; }
b, strong, .fbold { font-family: var(--bold); }

.p-rel { position: relative; }

.btn-red { width: 208px; height: 56px; font-size: var(--size-base); color: var(--color-light); background-color: var(--color-danger); }
.btn-light { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 56px; font-family: var(--medium); font-size: var(--size-base); color: var(--color-base); padding: 0 32px; background-color: var(--color-light); transition: var(--transition); }
.btn-light:hover { color: var(--color-danger); }
.btn-pink { width: 140px; height: 40px; font-size: 14px; color: var(--color-danger); border-radius: 20px; background: #fcf1f1; }
.btn-dark { width: 175px; height: 40px; font-size: 14px; color: var(--color-light); letter-spacing: 3px; text-transform: uppercase; background: var(--color-base); }
.btn-dark:hover { color: var(--color-light); }

.fbold { font-family: var(--bold); }
.danger { color: var(--color-danger); }
.dark { color: var(--color-base); }
.bg-gray { background-color: #d8d8d8; }
.bg-dark { background-color: var(--color-base); }

.tracking-text { font-size: var(--size-sm); line-height: 1.714; letter-spacing: 3px; text-transform: uppercase; }
	.tracking-text + p { margin-top: 33px; }

.flex { display: flex; }
.flex-column { flex-direction: column; }
.flex-center { display: flex; align-items: center; justify-content: center; }
.ai-center { align-items: center; }
.jc-center { justify-content: center; }
.jc-between { justify-content: space-between; }

/* head */
.header-row { height: 90px; align-items: center; justify-content: center; position: relative; }
.head:has(.header-top) .header-row { margin-top: 72px; }
.logo { font-family: var(--bold); font-size: var(--size-md); line-height: 1.25; text-transform: uppercase; }
	.logo span { color: var(--color-danger); }
.logo-podbor { width: 167px; height: 36px; position: absolute; left: 72px; top: 50%; transform: translateY(-50%); }
	.logo-podbor img { width: 100%; height: auto; }

.header-top { width: 100%; height: 72px; align-items: center; justify-content: center; gap: 24px; position: fixed; left: 0; top: 0; z-index: 10; background: #fff; box-shadow: 0px 0px 12px 0px rgba(0, 38, 83, 0.14); }
	.header-top img { width: 24px; height: 24px; margin-right: 8px; }

/* running row */
.lenta { position: relative; overflow-x: hidden; margin-bottom: 40px; }
.lenta-row { height: 141px; gap: 0 40px; font-family: var(--black); font-size: 120px; line-height: 1.166; text-transform: uppercase; color: var(--color-light);  -webkit-text-stroke: 2px var(--color-base); padding-left: 40px; }
.fill-black { color: var(--color-base); -webkit-text-stroke: unset; }

@-webkit-keyframes Lenta {
	0% { transform: translateZ(0); }
	to { transform: translate3d(-100%, 0, 0); }
}

@keyframes Lenta {
	0% { transform: translateZ(0); }
	to { transform: translate3d(-100%, 0, 0); }
}

.lenta-row {
	-webkit-animation: Lenta 10s linear infinite;
	animation: Lenta 10s linear infinite;
}

/* section */
.section-opinion { margin-bottom: 72px; }

.section-title-row { margin-bottom: 28px; }
.section-title { font-family: var(--black); font-size: var(--size-lg); line-height: 1.166; text-transform: uppercase; }
	.section-title i { margin: 0 12px 0 -6px; }
.link-more, .btn-more { font-size: var(--size-sm); line-height: 1.714; letter-spacing: 3px; text-transform: uppercase; transition: var(--transition); }
.btn-more { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 40px; border: 1px solid var(--color-base); margin: 40px auto 0; padding: 0 16px; background: var(--color-light); }
.btn-more:hover { border-color: var(--color-danger); }

@-webkit-keyframes pulse {
	from { transform: scale3d(1, 1, 1); }
	50% { transform: scale3d(1.32, 1.32, 1.32); }
	to { transform: scale3d(1, 1, 1); }
}

@keyframes pulse {
	from { transform: scale3d(1, 1, 1); }
	50% { transform: scale3d(1.32, 1.32, 1.32); }
	to { transform: scale3d(1, 1, 1); }
}

.heart-animate {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* card container */
.cards-container { width: 100%; max-width: 1296px; margin-inline: auto; }
.card h2 { margin-bottom: 0.31em; }
.card-text { line-height: 1.3333; color: var(--color-secondary); margin-bottom: 1.28em; }
.card-image { display: block; }
	.card-image img { width: 100%; height: auto; }

.cards-opinion { -moz-column-count: 3; column-count: 3; }
.cards-opinion .card { page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; margin-bottom: 9%; }

.section-test, .section-experts { padding-bottom: 72px; }
.cards-test { justify-content: space-between; }
	.cards-test .card { width: calc((100% - 24px) / 2); }

/* article */

.bubble { width: 100%; font-size: var(--size-sm); line-height: 1.714; position: relative; padding: 16px 48px 16px 32px; border-radius: 40px; }
.bubble + .bubble { margin-top: 12px; }
.bubble-white { background: var(--color-light); }
.bubble-black { color: var(--color-light); margin-top: 31px; background: var(--color-base); }
.bubble-tail::before { width: 58px; height: 49px; display: block; content: ''; position: absolute; left: -29px; bottom: 0; }
.bubble-white::before { background: url('sprite-stack.svg#tail-white') no-repeat 50% / cover; }
.bubble-black::before { background: url('sprite-stack.svg#tail-black') no-repeat 50% / cover; }

.title-container { gap: 0 24px; padding: 48px 72px; }
	.title-container .tracking-text { width: 13.6111%; flex-shrink: 0; }

.full-size, .image-container img { width: 100%; height: auto; }

.author-container { overflow: hidden; background: var(--color-base); }
	.author-container .wrapper { gap: 0 24px; position: relative; padding-top: var(--pad-vert);  padding-bottom: 0; }
	.author-container .image-container { width: 415px; flex-shrink: 0; margin-top: auto; }

.author-about { width: 32.1%; max-width: 418px; flex-direction: column; align-self: flex-end; flex-shrink: 0; color: var(--color-light); padding: 0 32px 67px 0; }
.author-name { display: block; font-family: var(--bold); font-size: var(--size-md); line-height: 1.25; color: var(--color-light); text-transform: uppercase; margin: 0.75em 0; transition: var(--transition); }

.interview { width: 526px; flex-direction: column; align-self: flex-end; position: relative; left: -6.6vw; bottom: 72px; z-index: 3; }
	.interview .bubble:last-child { margin-top: 12px; }

/* new style start */

.content-row { justify-content: space-between; }
	.content-row h2, .float-box h2, .example-selfie-title { font-family: var(--black); font-size: clamp(var(--size-md), 3.24vw, var(--size-lg)); line-height: 1.166; margin-bottom: 0.6666em; }
	.content-row:has(.tracking-text) h2 { margin-top: 0.6666em; }
	.content-row img { width: 100%; height: auto; }
	.content-row ol { padding-left: 30px; }
.example-selfie-title { text-align: center; }

.col-narrow { width: clamp(286px, 36.52vw, 526px) }
.col-wide { width: clamp(286px, 46vw, 636px) }

.float-container { height: 348px; position: relative; }
.float-container-high { height: 606px; }
.float-container .full-size { height: 100%; -o-object-fit: cover; object-fit: cover; }
.float-container:has(.phone-screens) { height: 368px; }
.float-container .phone-screens { width: 338px; height: 356px; position: absolute; left: 795px; bottom: 0; }
	.float-container .phone-screens img {  width: 100%; height: auto; }

.float-box { width: 100%; position: absolute; padding: var(--pad-hor) var(--pad-hor); }
	.float-box h2 { text-transform: inherit; }
	.float-box p { margin-bottom: 1.777em; }
.float-light { color: var(--color-light); }
.float-dark { color: var(--color-base); }
.float-left { left: 0; top: 50%; transform: translateY(-50%); }
.float-top { text-align: center; left: 50%; top: 0; transform: translateX(-50%); }
.float-center { text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.float-box .button-row { flex-wrap: wrap; gap: clamp(12px, 1.5vw, 24px); }
	.float-box .button-row img { width: 199px; height: auto; }

.country-flags { display: flex; flex-direction: column; justify-content: center; }
.img-hearts { width: 80px; height: 80px; flex-shrink: 0; margin-right: clamp(24px, 3.75vw, 48px); }

.card-download { height: 606px; align-items: stretch; }
.card-download img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.card-download .card_body { padding: var(--pad-vert) var(--pad-hor); }
	.card-download .card_body h3 { font-family: var(--bold); text-transform: inherit; }

.card_v1 .card_image { flex-grow: 1; }
.card_v1 .card_body { width: clamp(320px, 50vw, 558px); flex-shrink: 0; color: var(--color-light); background-color: #79838d; }
:is(.card_v1, .card_v2) .card_body p { margin-bottom: 1.777em; }
:is(.card_v2, .card_v1) .card_body-dark { color: var(--color-light); background-color: var(--color-base); }
.card_v2 .card_image { width: clamp(320px, 50vw, 474px); flex-shrink: 0; }
.card_v2 .card_body { min-width: 50%; flex-grow: 1; }
.card_v2 .card_body-gray { background-color: #cacaca; }
	.card_v2 .card_body > div { max-width: 820px; height: 100%; flex-direction: column; }

.example-selfie { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(4, auto); grid-gap: 60px 20px; }

/* end */

.float-block { color: var(--color-light); text-align: center; }
	.float-block h3 { text-transform: inherit; }

.country-list { margin-top: 33px; }
	.country-list li { font-family: var(--black); font-size: var(--size-lg); line-height: 1.166; text-transform: uppercase; }
		.country-list li img { width: 50px; height: auto; margin-right: 11px; }

.check-list input { display: none; }
.check-list label { display: block; font-size: var(--size-base); position: relative; padding-left: 37px; cursor: pointer; }
.check-list:not(.check-group) label:not(:last-child):not(.label-title),
.check-list-link div:not(:last-child) { margin-bottom: 24px; }
	.check-list label + p { margin-bottom: 29px; padding-left: 37px; }
	.check-list label + ul { margin: 0 0 29px 29px; }
	.check-list :is(label + p:last-child, label + ul:last-child) { margin-bottom: 0; }

.check-list label::before, .check-list label::after { display: block; content: ''; position: absolute; }
.check-list label::before { width: 20px; height: 20px; left: 0; top: 3px; background: url('sprite-stack.svg#checkbox') no-repeat 50% 0 / cover; }
[type="checkbox"]:checked + label::before { display: none; }
[type="checkbox"]:checked + label::after { width: 20px; height: 20px; left: 0; top: 3px; background: url('sprite-stack.svg#check-active') no-repeat 50% / cover; }

.check-list .bubble-black { width: 86%; }
.label-title, .check-group-title { display: block; font-family: var(--bold); text-transform: uppercase; }
.check-group-title { margin-bottom: 5px; }

.check-list-item:not(:last-child) { margin-bottom: 29px; }
.check-list-item .label-title { position: relative; }
.check-list-item .label-title::before { width: 24px; height: 24px; display: block; content: ''; position: absolute; left: -30px; top: 2px; background: url('sprite-stack.svg#heart') no-repeat 50% 0 / cover; }

.check-list.check-list-link label { font-family: var(--bold); margin-bottom: 0; }

.color-list li { position: relative; }
.color-list li::before { width: 17px; height: 16px; display: block; content: ''; position: absolute; left: -28px; top: 5px; background-size: cover; background-position: 50%; }
.color-list .marker-red::before { background-image: url('sprite-stack.svg?1779971199#heart-red'); }
.color-list .marker-blue::before { background-image: url('sprite-stack.svg?1779971199#heart-blue'); }
.color-list .marker-white::before { background-image: url('sprite-stack.svg?1779971199#heart-white'); }
.color-list .marker-black::before { background-image: url('sprite-stack.svg?1779971199#heart-black'); }

.search-love-row { width: 100%; height: 200px; background: var(--color-base); }
	.search-love-row + .btn-more { margin-top: 72px; }

.test-container { width: 100%; height: 820px; background-repeat: no-repeat; background-position: 50% 0; }
.prediction-main { background-color: #d5b8b4; background-image: url('test1/bg_1920.webp'); }
	.prediction-main picture { display: block; margin-bottom: 24px; }
	.prediction-main img { width: 428px; height: auto; margin: 0 auto; }
	.prediction-main .card-title { font-size: 20px; line-height: 1.4; margin-bottom: 9px; }
	.prediction-main .card-text { color: var(--color-base); margin-bottom: 24px; }
.main-card { width: 462px; flex-direction: column; padding-bottom: 24px; }
	.main-card .card-body { text-align: center; margin-top: auto; }
	.main-card .card-title { font-family: var(--bold); }
	.main-card .card-text { font-size: var(--size-base); line-height: 1.55; }

.btn-black, .btn-white, .btn-darkred, .btn-darkred-outline { height: 56px; font-size: 18px; margin-inline: auto; border-radius: 50px; cursor: pointer; }
.btn-black { width: 100%; font-family: var(--medium); color: var(--color-light); background: var(--color-base); }
.btn-white { width: 300px; font-family: var(--bold); color: var(--color-base); background: var(--color-light); }

.valentine-main { background-color: #fbd6de; background-image: url('test2/bg_1920.webp'); background-position: 50%; }
	.valentine-main .main-card { padding-bottom: 0; }
	.valentine-main .card-image {margin-bottom: 8px; }
	.valentine-main  img { width: 256px; display: block; margin-inline: auto; }
	.valentine-main :is(.card-title, .card-text) { color: var(--color-darkred); }
	.valentine-main .card-title { font-family: var(--oranienbaum); font-size: var(--size-md); line-height: 1.25; text-transform: uppercase; margin-bottom: 8px; }
	.valentine-main .card-text { font-size: 18px; margin-bottom: 1.7777em; }

.about-women-main { background-color: #ff47a0; background-image: url('../prediction/march/bg_1920.svg'); }
	.about-women-main img { width: 128px; height: 128px; margin-bottom: 32px; }
	.about-women-main .btn-white { width: 187px; }

.wrapper-bg.lazyload { background: none; }
.wrapper-bg.lazyloaded { max-width: 100%; background: #222 url('opinion11/bg1_1440.webp') repeat center; }
.wrapper-bg .bubble-white:first-child { max-width: 450px; }

.interview-2 { width: 100%; max-width: 754px; gap: 24px; }
.avatar-col { flex-shrink: 0; align-self: flex-end; }
	.avatar-col img { width: 76px; height: 76px; }
.interview-col { flex-grow: 1; }

/* expers */
.cards-expert { flex-wrap: wrap; gap: 40px 24px; }
	.cards-expert .card { width: calc((100% - 48px) / 3); flex-shrink: 0; }
	.cards-expert .card-image { margin-bottom: 24px; }

.expert-container { gap: 0 60px; }
	.expert-container > .tracking-text { width: 165px; flex-shrink: 0; }

.expert-info { flex-grow: 1; }
	.expert-info .tracking-text { margin-bottom: 24px; }
	.expert-info h1 { margin-bottom: .35937em; }
	.expert-info p { margin: 0 0 1.2222em; }
.education-list { margin-bottom: 22px; }
	.education-list li:not(:last-child) { margin-bottom: 5px; }

.contact-row { flex-wrap: wrap; gap: 12px; }
.contact-badge { height: 40px; font-size: var(--size-base); line-height: 1; padding: 0 16px; border: 1px solid #989897; border-radius: 22px; background: #fff; }
.contact-badge.active { color: #fff; border-color: #000; background: #000; }
	.contact-badge .icon-stack { margin-right: 8px; }

.expert-photo { width: 416px; flex-shrink: 0; }
	.expert-photo img { width: 100%; height: auto; }

/* call to action */
.wrapper-article:has(.call-action) + .btn-more { margin-top: 0; }

.call-action { width: 100%; }
	.call-action .image-container { margin: auto 0 0 auto; }
.call-action_bg1 { background: #f0c5a2; }
.call-action_bg2 { background: #feca8a; }

.text-container { width: 46.72%; flex-direction: column; justify-content: center; flex-shrink: 0; padding: 24px 0 24px 72px; }
	.text-container h3 { text-transform: inherit; }
	.text-container p { font-size: var(--size-base); margin-bottom: 32px; }
.call-action-btn { width: 251px; height: 56px; font-size: var(--size-base); color: var(--color-light); border: 1px solid var(--color-base); background: var(--color-danger); }

.card-preview { width: 100%; max-width: 968px; height: auto; display: block; margin: 0 auto 35px; }

/* calculator */

.calc-container .title { font-family: var(--bold); font-size: var(--size-base); line-height: 1.2; text-transform: uppercase; margin-bottom: 16px; }
.calc-form { flex-direction: column; position: relative; padding-bottom: 44px; }
	.calc-form label { display: block; margin-bottom: 5px; }
.form-control { width: 100%; max-width: 300px; height: 42px; font-size: var(--size-base); color: var(--color-base); padding: 0 12px; border: 1px solid var(--color-secondary); border-radius: 10px; background: #fff; }
.form-control:hover, .form-control:active,
.form-control:focus, .form-control:focus-visible { border: 1px solid #82b0d5; box-shadow: 0 0 9px rgba(123, 198, 254, 0.37), inset 0 1px 2px rgba(91, 114, 132, 0.3); }
.form-row:not(:nth-child(3)) { margin-bottom: 15px; }
.btn-calc { max-width: 300px; height: 44px; font-family: var(--medium); font-size: var(--size-sm); line-height: 0.8; text-transform: uppercase; color: var(--color-light); margin-top: 24px; border: none; border-radius: 10px; background: #6768d2; cursor: pointer; }
.result { position: absolute; left: 0; bottom: 0; }

/* footer */

.footer { min-width: 1140px; height: 100px; font-size: 13px; position: relative; border-top: 1px solid #e5e5e5; }
	.footer .wrap { width: 1140px; margin-inline: auto; }
	.footer ul { padding-left: 0; list-style: none; }
	.footer a { color: #6768d2; }
	.footer a:hover { text-decoration: underline; text-underline-offset: 3px; }
.copyright-content { width: 700px; }
.footer_link_rules { gap: 20px; margin-left: auto; }
	.footer_link_rules li:last-child { display: none; }
.footer_link { justify-content: space-between; }

.secure-box { width: 349px; height: 56px; flex-shrink: 0; margin-left: 15px; padding: 0 10px; border-radius: 10px; background: #dafddb; }
	.secure-box span { font-size: 12px; line-height: 15px; color: var(--color-base); }
.secure-payment { margin-right: 11px; }
.footer_age { margin-left: auto; }

/* adaptive */

@media screen and (max-width: 1439px) {
	:root {
		--size-base: 16px;
	}

	h1 { font-size: calc(48px + 16 * (100vw - 1024px) / 416); }
	h3, .country-list li { font-size: calc(32px + 16 * (100vw - 1024px) / 416); }

	.logo, .author-name { font-size: calc(24px + 8 * (100vw - 1024px) / 416); }
	.author-container .image-container { width: 28vw; min-width: 277px; }
	.interview { width: 34vw; min-width: 353px; margin-top: 72px; }

	.prediction-container { background-image: url('test1/bg_1440.webp'); }

	.expert-photo { width: 28%; }
}

@media screen and (max-width: 1279px) {
	h2 a { font-size: 24px; }
	h3, .content-row h2, .example-selfie-title, .country-list li { font-family: var(--bold); }

	.country-list li img { width: 40px; }
	.check-list .bubble-black { width: 100%; }
	.tracking-text + p { margin-top: 22px; }
	.float-container .phone-screens { width: 300px; height: 316px; left: 705px; }
	.expert-container { gap: 0 24px; }
	.footer { display: none; }
}

@media screen and (max-width: 1024px) {
	.wrapper-expert { margin-bottom: 40px; }
	.cards-opinion { -moz-column-count: 2; column-count: 2; }

	.test-container { height: 583px; }
	.prediction-container { background-image: url('test1/bg_1024.webp'); }
		.prediction-card img { width: 320px; }
	.main-card { width: 420px; }

	.cards-expert .card-hide { display: none; }
	.cards-expert .card { width: calc((100% - 24px) / 2); }

	.expert-container .tracking-text { width: 127px; }

	.example-selfie { grid-row-gap: 30px; }
}

@media screen and (max-width: 1023px) {
	:root {
		--pad-hor: 24px;
		--pad-vert: 48px;
	}

	html, body { overflow-x: hidden; }
	.wrapper { padding-left: 24px; padding-right: 24px; }
	.wrapper-article { padding-top: 48px; padding-bottom: 48px; }
	.wrapper-full-size { padding-bottom: 48px; }
	.search-love-row + .btn-more { margin-top: 48px; }

	.lenta-row { height: calc(72px + 69 * (100vw - 768px) / 255); font-size: calc(72px + 48 * (100vw - 768px) / 255); line-height: 1; }

	h1 { font-size: var(--size-lg); }
	h3, .country-list li { font-size: var(--size-md); }
	.logo, .author-name { font-size: 24px; }
	.logo-podbor { left: 24px; }

	.header-row { height: 80px; }
	.title-container { flex-direction: column; gap: 14px 0; padding-top: 32px; padding-bottom: 32px; }
		.title-container .tracking-text { width: -webkit-max-content; width: -moz-max-content; width: max-content; }

	.author-container .wrapper-extend { padding-top: 239px; }
	.author-about { width: 350px; position: absolute; left: 24px; top: 41px; }
	.author-wrap { margin-left: auto; margin-right: -45px; }
	.interview { min-width: 283px; bottom: 48px; margin-top: 24px; }
	.wrapper-extend .interview { bottom: 215px; }

	.country-list { margin-top: 26px; }
		.country-list li:not(:last-child) { margin-bottom: 2px; }
		.country-list li img { width: 33px; }

	.float-container .phone-screens { display: none; }

	.search-love-row { height: 152px; }

	.text-container { padding-left: 48px; }

}

@media screen and (max-width: 880px) {
	.expert-container { flex-wrap: wrap; }
		.expert-container .tracking-text { width: 100%; margin-bottom: 16px; }
	.expert-info { width: calc(100% - 264px); }
	.expert-photo { width: 240px; }
}

@media screen and (max-width: 830px) {
	.wrapper-extend .interview-extend { bottom: 228px; }
}

@media screen and (max-width: 768px) {
	.wrapper-expert { padding-top: 32px; padding-bottom: 32px; }
	.prediction-container { background-image: url('test1/bg_768.webp'); }
	.header-top { font-size: var(--size-sm); }

	.expert-info .mb0 { margin-bottom: 0; }
}

@media screen and (max-width: 767px) {
	:root {
		--pad-hor: 16px;
		--pad-vert: 32px;
	}

	.wrapper { padding-left: 16px; padding-right: 16px; }
	.wrapper-article { padding-top: 32px; padding-bottom: 32px; }
	.wrapper-full-size { padding-bottom: 32px; }
	.search-love-row + .btn-more { margin-top: 43px; }

	.header-row { height: 105px; flex-direction: column; margin-bottom: 28px; }
	.logo { margin-top: auto; }
	.logo-podbor { width: 124px; height: 26px; left: 16px; top: 0; transform: translateY(15px); }

	.lenta-row { height: 72px; font-size: 72px; -webkit-animation-duration: 8s; animation-duration: 8s; }

	h1 { font-family: var(--bold); font-size: calc(32px + 16 * (100vw - 640px) / 128); }

	.title-container { --pad-vert: 14px; flex-direction: column; gap: 8px 0; padding-top: 16px; padding-bottom: 16px; }

	.author-about { width: 325px; left: 16px; top: 41px; }
	.interview { left: -7vw; }

	.check-list label { font-size: 16px; padding-left: 32px; }
	.search-love-row { height: 120px; }
	.text-container { width: 48%; padding-left: 24px; }

	.valentine-container { background-image: url('test2/bg_768.webp'); }
}

@media screen and (max-width: 680px) {
	.call-action { flex-direction: column; }
	.text-container { width: 100%; max-width: 480px; margin-inline: auto; padding: 48px 24px 78px; }
	.image-container { width: 100%; max-width: 480px; }
}

@media screen and (max-width: 639px) {
	h1 { font-size: var(--size-md); }

	.section-title { font-family: var(--bold); font-size: calc(32px + 16 * (100vw - 360px) / 280); }
	.link-more { letter-spacing: 2px; }

	.example-selfie { max-width: 380px; grid-template-columns: 1fr; grid-gap: 20px; margin-inline: auto; }

	.cards-opinion { height: auto; max-height: unset; align-content: center; }
	.cards-opinion { -moz-column-count: 1; column-count: 1; }
		.cards-opinion .card, .cards-test .card, .cards-expert .card, .expert-container { width: 100%; max-width: 348px; margin-inline: auto; margin-bottom: 40px; }

	.cards-test, .cards-expert { flex-direction: column; justify-content: unset; align-items: center; }
	.cards-expert .card { margin-bottom: 0; }

	.author-container { padding-bottom: 32px; }
		.author-container .wrapper { flex-direction: column; align-content: center; padding-top: 32px; }
		.author-container .image-container { width: 100%; max-width: 365px; margin-inline: auto; padding: 0 44px; }

	.author-about { position: static; margin: 0 auto 48px; padding: 0; }
	.author-wrap { flex-direction: column; margin-right: auto; }
	.interview { width: 100%; max-width: 400px; align-self: center; position: static; margin-top: -20px; padding: 0 16px; }
	.bubble { padding-right: 32px; }

	.check-list .bubble-black { width: calc(100% - 16px); margin-left: 16px; }

	.content-row { flex-direction: column; align-items: center; }
		.content-row > div { width: 100%; max-width: 380px; }
		.content-row > div:first-child { margin-bottom: 32px; }

	.card-download { height: auto; flex-direction: column; }
		.card-download :is(.card_image, .card_body) { width: 100%; }

	.main-card { width: 320px; }

	.wrapper-expert { padding: 13px 0 16px; }
	.expert-container { gap: 0; }
	.expert-info, .expert-photo { width: 100% }
	.expert-info { margin-bottom: 24px; }

	.about-women-main { height: 410px; }
		.about-women-main img { margin-bottom: 16px; }
		.about-women-main .card-title { font-size: 20px; }
		.about-women-main .card-text { margin-bottom: 16px; }
			.about-women-main .card-text br { display: none; }
		.about-women-main .btn-white { height: 48px; }
}

@media screen and (max-width: 479px) {
	.header-top { height: 64px; flex-direction: column; gap: 0; }
	.head:has(.header-top) .header-row { margin-top: 64px; }
	.btn-pink { width: initial; height: initial; background: #fff; }

	.valentine-container .card-title { font-size: 20px; }
	.valentine-container .btn-white { width: 253px; height: 48px; font-size: 16px; }

	.link-more span { display: none; }

	.check-list-item { padding-left: 30px; }

	.float-container:has(.phone-screens) { height: 460px; }
	.float-box .button-row { flex-direction: column; align-items: center; }

	.interview-2 { flex-direction: column; }
	.avatar-col { order: 2; align-self: flex-start; }
	.interview-col { margin-left: 25px; }

	.img-hearts { width: 60px; height: 60px; margin-right: 16px; }
}

@media screen and (max-width: 360px) {
	.valentine-container { height: 451px; background-image: url('test2/bg_360.webp'); }
}

.m0a { margin-inline: auto; }
.mta { margin-top: auto; }
.mt0 { margin-top: 0; }
.mb0 { margin-bottom: 0; }
.mb29 { margin-bottom: 29px; }
[data-hidden="true"] { display: none; }