*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
}
img,
svg,
video {
display: block;
max-width: 100%;
height: auto;
}
input,
button,
textarea,
select {
font: inherit;
color: inherit;
}
button {
cursor: pointer;
background: none;
border: none;
padding: 0;
outline: 0;
}
:where(ul[class], ol[class]) {
list-style: none;
padding: 0;
}
:root {
--container-max: 84rem;
--container-pad: clamp(1rem, 3vw, 2rem); --ar-space-1: 0.25rem;
--ar-space-2: 0.5rem;
--ar-space-3: 1rem;
--ar-space-4: 1.5rem;
--ar-space-5: 2.5rem;
--ar-space-6: 4rem; --ar-blue-100: var(--arv3-blue);
--ar-blue-80: #0D6EFDCC;
--ar-blue-32: #0D6EFD52;
--ar-blue-24: #0D6EFD3D;
--ar-blue-16: #0D6EFD29;
--ar-blue-8: #0D6EFD14;
--ar-blue-4: #0D6EFD0A;
--ar-blue-pale: var(--arv3-pale);
--ar-blue-mist: var(--arv3-pale);
--ar-black: #2E3133;
--ar-dark-grey: #586982;
--ar-middle-grey: #99AAC5;
--ar-light-grey: var(--arv3-line);
--ar-white: #FFFFFF;
--ar-white-transparent: #FFFFFF29;
--ar-dark-blue: var(--arv3-navy);
--ar-orange-dark: #D6320D;
--ar-orange: #FE5A35;
--ar-orange-4: #FE5A350A;
--ar-skin: #FBC3AC;
--ar-skin-dark: #DFAB96; --ar-bg-white: var(--ar-white);
--ar-bg-alt: var(--ar-blue-4);
--ar-brand: var(--ar-blue-100);
--ar-accent: var(--ar-orange);
--ar-font: var(--ar-dark-blue); --ar-shadow-sm: 0 1px 3px 0 #0000004D;
--ar-shadow-soft: 0 16px 23.2px 0 #00000008;
--ar-shadow-blue: 0 4px 30px 0 #2F6DFF1A;
--ar-shadow-card: 0 8px 20px 0 #0000000F; --ar-radius-sm: 0.375rem; --ar-radius-md: 0.625rem; --ar-radius-lg: 1rem;  --ar-font-family:var(--arv3-font);
--ar-letter-spacing: 0;
--ar-h1-size: 2.5rem; --ar-h1-weight: 600;
--ar-h1-line: 2.75rem; --ar-h2-size: 2rem; --ar-h2-weight: 600;
--ar-h2-line: 2.2rem; --ar-h3-size: 1.5rem; --ar-h3-weight: 600;
--ar-h3-line: 1.8rem; --ar-h4-size: 1.25rem; --ar-h4-weight: 500;
--ar-h4-line: 1.625rem; --ar-body-size: 1rem; --ar-body-weight: 400;
--ar-body-line: 1.4rem; }
body {
font-family: var(--ar-font-family);
font-size: var(--ar-body-size);
font-weight: var(--ar-body-weight);
line-height: var(--ar-body-line);
letter-spacing: var(--ar-letter-spacing);
color: var(--ar-font);
background-color: var(--ar-bg-white);
}
h1,
.ar-h1 {
font-size: var(--ar-h1-size);
font-weight: var(--ar-h1-weight);
line-height: var(--ar-h1-line);
}
h2,
.ar-h2 {
font-size: var(--ar-h2-size);
font-weight: var(--ar-h2-weight);
line-height: var(--ar-h2-line);
}
h3,
.ar-h3 {
font-size: var(--ar-h3-size);
font-weight: var(--ar-h3-weight);
line-height: var(--ar-h3-line);
}
h4,
.ar-h4 {
font-size: var(--ar-h4-size);
font-weight: var(--ar-h4-weight);
line-height: var(--ar-h4-line);
}
p,
.ar-body {
font-size: var(--ar-body-size);
font-weight: var(--ar-body-weight);
line-height: var(--ar-body-line);
}
.container {
width: 100%;
max-width: var(--container-max);
margin-inline: auto;
padding-inline: var(--container-pad);
}
.gap-1 { gap: var(--ar-space-1); }
.gap-2 { gap: var(--ar-space-2); }
.gap-3 { gap: var(--ar-space-3); }
.gap-4 { gap: var(--ar-space-4); }
.gap-5 { gap: var(--ar-space-5); }
.p-1 { padding: var(--ar-space-1); }
.p-2 { padding: var(--ar-space-2); }
.p-3 { padding: var(--ar-space-3); }
.px-2 { padding-inline: var(--ar-space-2); }
.px-3 { padding-inline: var(--ar-space-3); }
.px-4 { padding-inline: var(--ar-space-4); }
.m-1 { margin: var(--ar-space-1); }
.m-2 { margin: var(--ar-space-2); }
.m-3 { margin: var(--ar-space-3); }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: var(--ar-space-1); }
.mt-2 { margin-top: var(--ar-space-2); }
.mt-3 { margin-top: var(--ar-space-3); }
.mt-4 { margin-top: var(--ar-space-4); }
.mt-5 { margin-top: var(--ar-space-5); }
.mt-auto { margin-top: auto; }
.ar-flex { display: flex; }
.ar-flex__col { flex-direction: column; }
.ar-flex-1 { flex: 1; }
.ar-w-full { width: 100%; }
.ar-items-center { align-items: center; }
.ar-items-start { align-items: start; }
.ar-justify-center { justify-content: center; }
.ar-self-start { align-self: flex-start; }
.ar-text-center { text-align: center; }
.ar-text-gray { color: var(--ar-dark-grey); }
.ar-text-accent { color: var(--ar-accent); }
.ar-text-line-through { text-decoration: line-through; }
.ar-semibold { font-weight: 600; }
.ar-text-brand {
color: var(--ar-brand);
text-decoration: none;
}
.divider {
border-bottom: 1px solid var(--ar-light-grey);
margin: var(--ar-space-3) 0;
}
.ar-icon {
display: block;
width: var(--ar-space-4);
height: var(--ar-space-4);
flex-shrink: 0;
background: var(--ar-icon, none) center / contain no-repeat;
}
.ar-circles-icon            { --ar-icon: url(//arimed.ru/wp-content/themes/arimed/dist/images/icons/circles.svg); }
.ar-clock-icon              { --ar-icon: url(//arimed.ru/wp-content/themes/arimed/dist/images/icons/clock.svg); }
.ar-map-pin-icon            { --ar-icon: url(//arimed.ru/wp-content/themes/arimed/dist/images/icons/map-pin.svg); }
.ar-user-icon               { --ar-icon: url(//arimed.ru/wp-content/themes/arimed/dist/images/icons/user.svg); }
.ar-exclamation-icon        { --ar-icon: url(//arimed.ru/wp-content/themes/arimed/dist/images/icons/exclamation-triangle.svg); }
.ar-small-check-circle      { --ar-icon: url(//arimed.ru/wp-content/themes/arimed/dist/images/icons/small-check-circle.svg); }
.ar-small-check-circle-orng { --ar-icon: url(//arimed.ru/wp-content/themes/arimed/dist/images/icons/small-check-circle-orng.svg); }
.ar-check-circle-icon {
--ar-icon: url(//arimed.ru/wp-content/themes/arimed/dist/images/icons/check-circle.svg);
width: 2rem;
height: 2rem;
}
.ar-star-icon {
--ar-icon: url(//arimed.ru/wp-content/themes/arimed/dist/images/icons/star.svg);
width: 1.125rem;
height: 1.125rem;
}
.ar-doctor-placeholder-icon {
--ar-icon: url(//arimed.ru/wp-content/themes/arimed/dist/images/icons/user.svg);
width: 3rem;
height: 3rem;
opacity: 0.4;
}
.ar-icon-wrapper {
padding: var(--ar-space-3);
background: var(--ar-bg-alt);
max-width: max-content;
max-height: max-content;
min-width: max-content;
border-radius: var(--ar-space-2);
.ar-icon {
width: 2rem;
height: 2rem;
}
}
.icon {
display: block;
width: 1.5rem;
height: 1.5rem;
flex-shrink: 0;
}
.icon-sm {
width: 1rem;
height: 1rem;
}
.chevron-icon {
-webkit-mask: url(//arimed.ru/wp-content/themes/arimed/dist/images/icons/chevron.svg) no-repeat center / contain;
mask: url(//arimed.ru/wp-content/themes/arimed/dist/images/icons/chevron.svg) no-repeat center / contain;
background-color: currentColor;
}
.chevron-icon-next {
transform: rotate(180deg);
}
.ar-btn {
padding: .8rem;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
border-radius: var(--ar-radius-sm);
height: max-content;
text-decoration: none;
cursor: pointer;
span, a {
color: inherit;
}
}
.ar-btn-brand {
background: var(--ar-brand);
color: var(--ar-white);
}
.ar-btn-brand:hover {
background: var(--ar-blue-80);
color: var(--ar-bg-white);
}
.ar-btn-brand-light {
background: var(--ar-blue-8);
color: var(--ar-brand);
}
.ar-btn-brand-light:hover {
background: var(--ar-blue-16);
}
.ar-btn-brand-transparent {
background: var(--ar-white-transparent);
color: var(--ar-brand);
}
.ar-btn-accent {
background: var(--ar-accent);
}
.ar-btn-accent:hover {
background: var(--ar-orange-dark);
color: var(--ar-bg-white);
}
.ar-btn-icon {
width: 3rem;
height: 3rem;
padding: 0;
flex-shrink: 0;
}
.ar-tag {
display: flex;
align-items: center;
border-radius: var(--ar-radius-md);
padding: 3px 10px;
background-color: var(--ar-blue-8);
color: var(--ar-brand);
}
.ar-how-it-works,
.ar-gallery,
.single-spec_services .ar-clinic-info,
.ar-features,
.ar-working-with,
.faq,
.single-spec_services .ar-doc-slider {
background: var(--ar-bg-alt);
}
.ar-contacts-bar {
background-color: var(--ar-bg-white);
padding: var(--ar-space-3) 0;
box-shadow: var(--ar-shadow-card);
}
.ar-contacts-bar__wrapper {
display: flex;
justify-content: flex-end;
align-items: center;
gap: var(--ar-space-4);
flex-wrap: wrap;
}
.ar-contacts-bar__item {
display: inline-flex;
align-items: center;
gap: var(--ar-space-2);
font-size: var(--ar-body-size);
color: var(--ar-dark-grey);
text-decoration: none;
line-height: var(--ar-body-line);
}
.ar-contacts-bar__metro-icon {
width: 1.5rem;
height: 1.5rem;
flex-shrink: 0;
color: var(--ar-brand);
}
.ar-contacts-bar__phone-icon {
width: 1.4rem;
height: 1.4rem;
flex-shrink: 0;
color: var(--ar-brand);
}
.ar-contacts-bar__item--phone {
color: var(--ar-font);
font-weight: 600;
transition: color 0.2s ease;
&:hover {
color: var(--ar-brand);
}
}
.ar-features {
padding: var(--ar-space-5) 0;
}
.ar-working-with {
margin-top: var(--ar-space-6);
}
.ar-advantages {
padding: var(--ar-space-5) 0;
}
.ar-column__wrapper {
padding: var(--ar-space-5) 0;
display: flex;
flex-direction: column;
gap: var(--ar-space-3);
}
.ar-four-section__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.ar-three__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--ar-space-4);
margin-top: var(--ar-space-4);
}
.ar-service-page-item {
display: flex;
gap: var(--ar-space-5);
}
.ar-clinic-info__wrapper {
display: flex;
gap: var(--ar-space-5);
padding: var(--ar-space-5) 0;
}
.ar-clinic-info__img {
display: flex;
gap: var(--ar-space-3);
}
.ar-clinic-info__license {
max-width: 300px;
border-radius: var(--ar-radius-md);
}
.ar-ul {
display: flex;
flex-direction: column;
gap: var(--ar-space-3);
margin-top: var(--ar-space-4);
padding-left: var(--ar-space-4);
li {
list-style: disc;
}
li::marker {
color: var(--ar-brand);
}
}
.ar-hero {
width: 100%;
background: var(--ar-bg-alt);
}
.ar-hero__info {
gap: var(--ar-space-5);
}
.ar-hero__grid {
display: grid;
grid-template-columns: 1fr 1fr;
}
.ar-hero__cta {
display: flex;
align-items: center;
background: var(--ar-bg-white);
border-radius: var(--ar-radius-lg);
gap: var(--ar-space-4);
box-shadow: var(--ar-shadow-card);
padding: var(--ar-space-4);
}
.ar-advantage {
display: flex;
flex-direction: column;
gap: var(--ar-space-3);
}
.ar-symptoms__item {
display: flex;
flex-direction: column;
padding: var(--ar-space-3);
gap: var(--ar-space-3);
}
.ar-symptoms__item-icon {
width: 69px;
height: 69px;
}
.ar-cta-block {
display: flex;
border-radius: var(--ar-radius-md);
background: var(--ar-bg-alt);
justify-content: space-between;
padding: var(--ar-space-5);
}
.ar-hero__cta .ar-btn,
.ar-cta-block .ar-btn {
min-width: max-content;
}
.ar-card {
display: flex;
flex-direction: column;
gap: var(--ar-space-4);
padding: var(--ar-space-4);
background: var(--ar-bg-white);
border-radius: var(--ar-radius-md);
box-shadow: var(--ar-shadow-card);
}
.ar-card-header {
display: flex;
flex-direction: column;
gap: var(--ar-space-3);
font-weight: 600;
font-size: var(--ar-h4-size);
}
.ar-why-us-card {
border-radius: var(--ar-radius-md);
padding: var(--ar-space-4);
flex: 1;
&.orange {
background: var(--ar-orange-4);
}
&.blue {
background: var(--ar-bg-alt);
}
}
.ar-doctor-card {
display: flex;
flex-direction: column;
gap: var(--ar-space-2);
padding: var(--ar-space-3);
background: var(--ar-bg-white);
border-radius: var(--ar-radius-lg);
box-shadow: var(--ar-shadow-card);
}
.ar-doctor-card__photo {
display: flex;
justify-content: center;
aspect-ratio: 1 / 1;
border-radius: var(--ar-radius-md);
background: var(--ar-bg-alt);
overflow: hidden;
img {
object-fit: cover;
}
i {
align-self: center;
}
}
.ar-doctor-card__body {
display: flex;
flex-direction: column;
gap: var(--ar-space-2);
}
.ar-gallery__grid img {
width: 100%;
object-fit: cover;
max-width: 384px;
max-height: 210px;
border-radius: var(--ar-radius-md);
}
.ar-steps {
counter-reset: step;
display: flex;
flex-direction: column;
gap: var(--ar-space-4);
}
.ar-steps__item {
counter-increment: step;
display: flex;
gap: var(--ar-space-3);
}
.ar-steps__item::before {
content: counter(step);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 1.75rem;
height: 1.75rem;
border-radius: 50%;
background: var(--ar-brand);
color: var(--ar-white);
font-weight: 600;
font-size: var(--ar-body-size);
}
.ar-review {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.ar-review-card {
position: relative;
width: 100%;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--ar-space-3);
padding: var(--ar-space-4) var(--ar-space-4) var(--ar-space-6);
margin-bottom: calc(1.75rem + var(--ar-space-3));
background: var(--ar-bg-white);
border: 1px solid var(--ar-light-grey);
border-radius: var(--ar-radius-lg);
}
.ar-review-card__stars {
display: flex;
align-items: center;
gap: 0.125rem;
}
.ar-review-card__avatar {
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
display: flex;
align-items: center;
justify-content: center;
width: 3.5rem;
height: 3.5rem;
flex-shrink: 0;
border-radius: 50%;
background: var(--ar-blue-pale);
}
.ar-callback-form {
background: var(--ar-bg-alt);
padding: var(--ar-space-5);
margin-top: var(--ar-space-6);
.ar-card {
max-width: 45%;
width: 45%;
gap: var(--ar-space-3);
p {
margin: 0;
display: flex;
flex-direction: column;
gap: var(--ar-space-3);
}
}
}
.ar-submit {
margin-top: var(--ar-space-3);
p {
position: relative;
}
.wpcf7-spinner {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
}
.ar-form-price {
display: flex;
align-items: center;
gap: var(--ar-space-2);
border: 1px solid var(--ar-brand);
border-radius: var(--ar-radius-md);
padding: var(--ar-space-3) var(--ar-space-4);
}
.ar-form-phone {
width: 100%!important;
background: var(--ar-bg-alt)!important;
border: none!important;
border-radius: var(--ar-radius-md)!important;
padding: var(--ar-space-3) var(--ar-space-4)!important;
color: var(--ar-dark-grey)!important;
outline: none!important;
}
.ar-form-phone::placeholder {
color: var(--ar-middle-grey);
}
.ar-form-checkbox {
display: flex;
align-items: flex-start;
gap: var(--ar-space-2);
cursor: pointer;
}
.ar-checkbox {
appearance: none;
width: 1.25rem;
height: 1.25rem;
flex-shrink: 0;
margin-top: 0.125rem;
border: 1px solid var(--ar-middle-grey);
border-radius: 0.25rem;
cursor: pointer;
}
.ar-checkbox:checked {
background: var(--ar-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center / 0.75rem no-repeat;
border-color: var(--ar-brand);
}
.ar-callback-form__footer {
margin-top: 0;
background: url(//arimed.ru/wp-content/themes/arimed/dist/images/spec-services/form-bg.png) center / cover no-repeat var(--ar-blue-mist);
padding: var(--ar-space-6) var(--ar-space-5);
gap: var(--ar-space-3);
align-items: start;
.ar-card__title {
font-size: var(--ar-h4-size);
font-weight: var(--ar-h4-weight);
margin-bottom: var(--ar-space-2);
}
.ar-confirmation {
font-size: 0.875rem;
a {
color: var(--ar-brand);
}
}
}
.accordion {
display: flex;
flex-direction: column;
gap: var(--ar-space-3);
}
.accordion-item {
padding: var(--ar-space-4);
background: var(--ar-white);
border-radius: var(--ar-radius-md);
box-shadow: var(--ar-shadow-card);
}
.accordion-item__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--ar-space-3);
cursor: pointer;
list-style: none;
}
.accordion-item__header::-webkit-details-marker {
display: none;
}
.accordion-item__title {
font-size: var(--ar-h4-size);
font-weight: var(--ar-h4-weight);
}
.accordion-item__chevron {
transform: rotate(-90deg);
transition: transform 0.2s ease;
}
.accordion-item[open] .accordion-item__chevron {
transform: rotate(90deg);
}
.accordion-item__body {
margin-top: var(--ar-space-3);
}
.ar-doc-slider .slider-wrapper {
--slide-w: 15.5rem;
--slide-gap: 1.5rem;
--nav-size: 2.5rem;
position: relative;
margin-top: var(--ar-space-4);
}
.ar-doc-slider .slider {
overflow: hidden;
padding-block: var(--ar-space-2);
}
.ar-doc-slider .swiper-slide {
width: var(--slide-w);
height: auto;
opacity: 0.4;
transition: opacity 0.3s ease, transform 0.3s ease;
}
.ar-doc-slider .swiper-slide-active {
opacity: 1;
transform: scale(1.04);
}
.ar-doc-slider .swiper-slide img {
display: block;
width: 100%;
aspect-ratio: 969 / 1371;
object-fit: cover;
background: var(--ar-white);
border-radius: var(--ar-radius-md);
box-shadow: none;
transition: box-shadow 0.3s ease;
}
.ar-doc-slider .swiper-slide-active img {
box-shadow: var(--ar-shadow-card);
}
.slider-nav {
position: absolute;
top: 50%;
left: calc(50% - (var(--slide-w) / 2) - (var(--slide-gap) / 2) - (var(--nav-size) / 2));
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: var(--nav-size);
height: var(--nav-size);
border: none;
border-radius: 50%;
background: var(--ar-accent);
color: var(--ar-white);
cursor: pointer;
transition: background 0.2s ease;
box-shadow: 0 2px 8px #00000024;
z-index: 2;
}
.slider-nav-next {
left: auto;
right: calc(50% - (var(--slide-w) / 2) - (var(--slide-gap) / 2) - (var(--nav-size) / 2));
}
.slider-nav:hover {
background: var(--ar-orange-dark);
}
.slider-nav.swiper-button-disabled {
opacity: 0.4;
cursor: default;
pointer-events: none;
}
.footer-form-img {
display: none;
}
.ar-promotion-text {
font-size: 0.875rem;
}
.ar-legal-info {
background-color: var(--ar-bg-alt);
padding: 50px 0px 24px;
}
.ar-legal-info__wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 30px;
flex-wrap: wrap;
}
.ar-legal-info__wrapper--end {
justify-content: flex-end;
}
.ar-legal-info__col {
display: flex;
flex-direction: column;
gap: 8px;
}
.ar-legal-info__col--right {
text-align: right;
}
.ar-legal-info .ar-legal-info__title,
.ar-legal-info a {
margin: 0;
font-size: 16px;
color: var(--arv3-navy);
font-weight: 500;
}
.ar-legal-info p {
margin: 0;
font-size: 14px;
color: #586982;
line-height: 1.4;
font-weight: 400;
}
.ar-legal-info strong {
font-weight: 400;
color: var(--arv3-navy);
}
.ar-hero--thank-you .ar-hero__grid {
min-height: 437px;
align-items: flex-end;
}
.ar-hero--thank-you h1 {
font-size: var(--ar-h1-size);
margin-bottom: 0px;
}
.ar-hero--thank-you .ar-hero__info {
align-self: center;
gap: var(--ar-space-3);
padding-block: var(--ar-space-4);
font-size: var(--ar-h4-size);
}
.ar-hero--thank-you .ar-btn {
width: max-content;
padding-inline: 1.75rem;
font-size: var(--ar-body-size);
}
.ar-hero--thank-you .ar-hero__grid-image img {
max-height: 437px;
width: auto;
margin-left: auto;
object-fit: contain;
}
@media (max-width: 60rem) {
:root {
--ar-h1-size: 2rem; --ar-h1-line: 2.2rem; --ar-h2-size: 1.5rem; --ar-h2-line: 1.65rem; --ar-h3-size: 1.25rem; --ar-h3-line: 1.5rem; --ar-h4-size: 1rem; --ar-h4-line: 1.3rem; --ar-body-size: 0.875rem; --ar-body-line: 1.1375rem; }
.ar-contacts-bar__wrapper {
justify-content: flex-start;
flex-direction: column;
align-items: flex-start;
gap: var(--ar-space-2);
}
.ar-icon-wrapper {
padding: var(--ar-space-2);
.ar-icon {
width: 1.5rem;
height: 1.5rem;
}
}
.ar-hero__grid {
grid-template-columns: 1fr;
gap: var(--ar-space-4);
padding: var(--ar-space-3);
}
.ar-hero__info {
gap: var(--ar-space-3);
}
.ar-hero__cta {
flex-direction: column-reverse;
align-items: stretch;
gap: var(--ar-space-3);
padding: var(--ar-space-3);
}
.ar-hero__cta .ar-btn {
min-width: 0;
}
.ar-hero__promo {
align-items: flex-start;
text-align: left;
gap: var(--ar-space-3);
}
.ar-hero__promo-title,
.ar-hero__promo-price {
font-size: var(--ar-h3-size);
line-height: var(--ar-h3-line);
font-weight: 600;
}
.ar-four-section__grid {
grid-template-columns: 1fr;
gap: var(--ar-space-4);
}
.ar-advantage {
flex-direction: row;
align-items: center;
}
.ar-features .ar-four-section__grid {
display: flex;
flex-direction: column-reverse;
text-align: center;
}
.ar-features .ar-features__grid {
display: grid;
grid-template-columns: 1fr 1fr;
}
.ar-three__grid {
grid-template-columns: 1fr;
gap: var(--ar-space-4);
margin-top: 0;
}
.ar-symptoms__item {
padding: 0;
}
.ar-symptoms__item-icon {
width: var(--ar-space-5);
height: var(--ar-space-5);
}
.ar-cta-block {
flex-direction: column;
padding: var(--ar-space-3);
gap: var(--ar-space-3);
}
.ar-service-page-item {
flex-direction: column;
gap: var(--ar-space-3);
}
.ar-gallery__grid {
grid-template-columns: 1fr 1fr;
}
.accordion-item {
padding: var(--ar-space-3);
}
.ar-callback-form {
padding: 0;
.ar-card {
max-width: 100%;
width: 100%;
gap: var(--ar-space-3);
}
}
.ar-callback-form-wrapper {
flex-direction: column-reverse;
padding: var(--ar-space-5) 0;
}
.ar-clinic-info__wrapper {
flex-direction: column;
gap: var(--ar-space-3);
padding-bottom: 0;
}
.ar-clinic-info__img {
gap: var(--ar-space-2);
> div, > img {
max-width: 50%;
}
}
.ar-callback-form__footer {
background: var(--ar-blue-mist);
padding-top: var(--ar-space-5);
.ar-card__title {
font-size: var(--ar-h3-size);
}
}
.ar-doc-slider .slider-wrapper {
--slide-w: min(62vw, 14rem);
--slide-gap: 0.75rem;
--nav-size: 1.5rem;
}
.slider-nav .icon {
width: 1rem;
height: 1rem;
}
.slider-nav {
left: 0;
}
.slider-nav-next {
left: auto;
right: 0;
}
.ar-doc-slider .swiper-slide:not(.swiper-slide-active) {
opacity: 0.6;
}
.ar-hero__grid-image {
display: flex;
justify-content: center;
width: 100%;
position: relative;
}
.ar-hero__grid-image img {
display: block;
width: 100%;
max-height: 360px;
object-fit: contain;
}
.ar-legal-info__wrapper {
flex-direction: column;
gap: 20px;
}
.ar-legal-info__col--right {
text-align: left;
}
.footer-form-img {
display: flex;
}
} .ar-promotion-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ar-promotion-branch{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;background:#fff;border:1px solid var(--ar-light-grey);border-radius:20px;box-shadow:0 8px 24px rgba(23,32,57,.06);min-width:0}
.ar-promotion-branch h3{font-size:22px;line-height:1.3;margin:0}
.ar-promotion-branch p{margin:0;font-size:16px;line-height:1.5}
.ar-promotion-branch__metro{color:var(--ar-dark-grey)}
.ar-promotion-branch__phone{font-weight:600;color:var(--arv3-blue)}
.ar-promotion-branch>.ar-flex{margin-top:auto;flex-wrap:wrap}
.ar-promotion-branch--compact{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;gap:4px}
.ar-promotion-branch--compact h3{font-size:16px}
.ar-promotion-branch--compact p{font-size:14px}
.ar-promotion-clinics{padding-block:32px}
.ar-doctor-card__clinic{font-size:14px;line-height:1.4;color:var(--ar-dark-grey)}
@media(max-width:650px){.ar-promotion-branches{grid-template-columns:1fr;gap:16px}.ar-promotion-branch{padding:20px}.ar-promotion-branch--compact{padding:0}.ar-promotion-branch h3{font-size:20px}.ar-promotion-branch--compact h3{font-size:16px}} .ar-promotion-branch .ar-promotion-branch__metro{display:flex;flex-wrap:wrap;gap:6px;color:var(--arv3-blue)}
.ar-promotion-branch__station{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;background:#edf4ff;color:#0965d5;font-size:14px;font-weight:600;line-height:1.4}
.ar-promotion-branch__metro .ar-contacts-bar__metro-icon{width:18px;height:18px} @media(max-width:650px){
.ar-promotion-contacts .ar-promotion-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.ar-promotion-contacts .ar-promotion-branch--compact p{font-size:13px;line-height:1.4}
.ar-promotion-contacts .ar-promotion-branch__station{max-width:100%;min-width:0;padding:4px 6px;gap:4px;font-size:12px;overflow-wrap:anywhere}
.ar-promotion-contacts .ar-contacts-bar__metro-icon{width:14px;height:14px}
.ar-promotion-contacts .ar-promotion-branch__phone{font-size:12px;white-space:nowrap}
}