@charset "UTF-8";@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(../fonts/Inter-Regular.woff2) format("woff2"),url(../fonts/Inter-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(../fonts/Inter-SemiBold.woff2) format("woff2"),url(../fonts/Inter-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url(../fonts/Montserrat-Medium.woff2) format("woff2"),url(../fonts/Montserrat-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url(../fonts/Montserrat-Bold.woff2) format("woff2"),url(../fonts/Montserrat-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: MontserratAlternates;
    font-display: swap;
    src: url(../fonts/MontserratAlternates-Medium.woff2) format("woff2"),url(../fonts/MontserratAlternates-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url(../fonts/Montserrat-Regular.woff2) format("woff2"),url(../fonts/Montserrat-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url(../fonts/Montserrat-SemiBold.woff2) format("woff2"),url(../fonts/Montserrat-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: MontserratAlternates;
    font-display: swap;
    src: url(../fonts/MontserratAlternates-SemiBold.woff2) format("woff2"),url(../fonts/MontserratAlternates-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: PFDinTextCompPro;
    font-display: swap;
    src: url(../fonts/PFDinTextCompPro-Regular.woff2) format("woff2"),url(../fonts/PFDinTextCompPro-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --font-family: "Montserrat",sans-serif;
    --second-family: "Montserrat Alternates",sans-serif;
    --third-family: "Inter",sans-serif;
    --font: "PFDinTextCompPro",sans-serif;
    --color-main: #7e7e7e;
    --description-bg: #ffeeed;
    --color-hero-header: #f09580;
    --color-accent-1: #fb9d88;
    --color-accent-1-hover: #f1876f;
    --color-accent-1-light: #ffeaea;
    --color-accent-1-light-hover: #ffebe5;
    --color-accent-2: #b290d8;
    --color-accent-2-hover: #8b55c8;
    --color-accent-2-light: #dec2fe;
    --color-accent-2-light-hover: #efe0ff;
    --color-accent-3: #01c7b6;
    --color-accent-3-hover: #00a294;
    --color-accent-3-light: #85e2da;
    --color-accent-3-light-hover: #a1fff7;
    --color-accent-4: #8ba1cc;
    --color-accent-4-hover: #6e8dca;
    --color-accent-4-light: #d3e2ff;
    --color-accent-4-light-hover: #e3ecff;
    --color-accent-5: #e49cc4;
    --color-accent-5-hover: #d974ac;
    --color-accent-5-light: #ffcae7;
    --color-accent-5-light-hover: #ffe4f3;
    --color-bg-main: #ffe7e4;
    --color-bg-secondary: #d3e2ff;
    --color-bg: #edf0f3;
    --color-text-blue: #1555a3;
    --color-white: #fff;
    --transition-duration: 0.3s;
    --transition-timing-function: ease;
    --border-radius: 0.9375rem;
    --border-radius-pc: 0.78125vw;
    --popup-btn: #ffb198;
    --popup-btn--no: rgba(255, 173, 169, 0.7)
}

a,button,input,svg *,textarea {
    -webkit-transition-duration: var(--transition-duration);
    -o-transition-duration: var(--transition-duration);
    transition-duration: var(--transition-duration);
    -webkit-transition-timing-function: var(--transition-timing-function);
    -o-transition-timing-function: var(--transition-timing-function);
    transition-timing-function: var(--transition-timing-function)
}

*,::after,::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

b {
    font-weight: 600
}

html {
    scroll-behavior: smooth
}

body {
    color: var(--color-main);
    line-height: 1;
    font-family: Montserrat,sans-serif;
    outline: 0;
    font-size: clamp(14px,.641vw + 11.7px,24px);
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body :focus {
    outline: 0
}

:where(blockquote,figure):where([class]),body {
    margin: 0
}

:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]) {
    margin-block:0}

:where(ul[class]) {
    list-style: none
}

:where(ul,ol):where([class]) {
    padding-left: 0
}

p {
    margin-block:0}

img {
    display: block;
    max-width: 100%;
    height: auto
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

legend {
    padding: 0;
    margin: 0
}

button,input,textarea {
    font-family: Montserrat,sans-serif;
    font-size: inherit
}

a {
    text-decoration: none;
    color: inherit
}

svg:not(.svg-color) [fill] {
    fill: currentColor
}

svg:not(.svg-color-stroke) [stroke] {
    stroke: currentColor
}

svg * {
    -webkit-transition-property: fill,stroke;
    -o-transition-property: fill,stroke;
    transition-property: fill,stroke
}

body {
    background-color: #ffe7e4;
    font-weight: 600
}

.lock body {
    overflow: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    -ms-touch-action: none;
    touch-action: none
}

button,input,select,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.wrapper {
    min-height: 100%;
    overflow: hidden
}

.wrapper>main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.wrapper>* {
    min-width: 0
}

body::after {
    content: "";
    background-color: rgba(0,0,0,.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .8s ease 0s;
    -o-transition: opacity .8s ease 0s;
    transition: opacity .8s ease 0s;
    pointer-events: none;
    z-index: 149
}

.popup-show body::after {
    opacity: 1
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 1.875rem 1.1875rem;
    -webkit-transition: visibility .8s ease 0s;
    -o-transition: visibility .8s ease 0s;
    transition: visibility .8s ease 0s;
    visibility: hidden;
    pointer-events: none
}

.popup_show {
    z-index: 150;
    visibility: visible;
    overflow: auto;
    pointer-events: auto
}

.popup_show .popup__content {
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.popup__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center
}

.popup__content {
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: -webkit-transform .3s ease 0s;
    -o-transition: transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s,-webkit-transform .3s ease 0s;
    background-color: var(--color-white);
    padding: .9375rem;
    width: 100%;
    max-width: 17.125rem;
    border-radius: 1.25rem
}

.lock .popup__content {
    visibility: visible
}

[class*=-ibg] {
    position: relative
}

[class*=-ibg] img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

[class*=-ibg_contain] img {
    -o-object-fit: contain;
    object-fit: contain
}

.main-wrapper {
    margin: 0 auto;
    width: 88.888889vw
}

.visually-hidden {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    margin: -1px!important;
    border: 0!important;
    padding: 0!important;
    white-space: nowrap!important;
    -webkit-clip-path: inset(100%)!important;
    clip-path: inset(100%)!important;
    clip: rect(0 0 0 0)!important;
    overflow: hidden!important
}

.section-title {
    text-align: center;
    line-height: 104%;
    text-transform: uppercase;
    color: var(--color-main);
    font-weight: 600;
    font-size: clamp(24px,1.346vw + 19.178px,45px)
}

.logo {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.btn {
    padding: 0;
    background-color: transparent;
    border: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

[data-accordion-trigger].hidden {
    display: none
}

[data-accordion] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

[data-accordion-content] {
    height: 0;
    overflow: hidden;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    font-weight: 500;
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    font-family: inherit;
    opacity: 0
}

[data-accordion-content].open {
    height: auto;
    opacity: 1;
    padding-top: .9375rem
}

.hero-slider [data-accordion-content].open {
    padding-top: 0;
    padding-bottom: .9375rem
}

.btn-main {
    font-weight: 500;
    font-size: .9375rem;
    line-height: 160%;
    text-align: center;
    color: var(--color-white);
    border-radius: var(--border-radius)
}

.btn-more {
    background-color: var(--color-accent-4);
    color: var(--color-white);
    border-radius: var(--border-radius);
    border: .0625rem solid #ffe9e8;
    margin: 0 0 0 auto;
    font-size: clamp(.75rem,1.3vw + .5rem,.875rem);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 1.5rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: clamp(8rem,7.291667vw,10.3125rem);
    height: clamp(1.625rem,2.8vw,2rem)
}

.btn-icon {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
    font-weight: 600;
    line-height: 160%;
    color: var(--color-white);
    margin: 0 auto;
    border-radius: var(--border-radius);
    min-width: 19.6875rem;
    min-height: 3.3125rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .75rem;
    font-size: clamp(15px,4.1667px + .3923vw,18px)
}

.btn-icon::after {
    min-width: 2.1875rem;
    content: "";
    display: block;
    width: 2.1875rem;
    height: 2.1875rem;
    background-image: url(../img/hero/1/hero-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.btn-icon--hybrid {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 2rem;
    width: clamp(8rem,7.291667vw,10.3125rem);
    max-width: 13.1875rem;
    min-width: 13.1875rem
}

.btn-icon--hybrid::after {
    display: none
}

.btn-icon--info::after {
    background-image: url(../img/icons/info.svg)
}

.btn-icon--play::after {
    background-image: url(../img/icons/play.svg)
}

.page__state-info {
    padding-top: 3.75rem
}

.state-info {
    font-weight: 600;
    font-size: .5rem;
    line-height: 137%;
    text-transform: uppercase
}

.state-info__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .4375rem
}

.state-info__content--bold {
    font-weight: 800
}

.ha-clickable-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    background-color: transparent
}

.ha-clickable-area::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    cursor: pointer;
    background-color: transparent
}

.decors {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.decors__ball {
    position: absolute;
    opacity: .4;
    display: none
}

.decors__ball--mobile {
    display: block
}

.decors__round {
    position: absolute;
    border-radius: 50%;
    aspect-ratio: 1;
    display: none;
    background-color: var(--color-accent-1)
}

.decors__round--mobile {
    display: block
}

.decors__round--orange {
    background-color: var(--color-accent-1)
}

.section-decor {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.section-decor__mobile {
    display: block;
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 130vw;
    height: 25.944444vw;
    color: var(--color-accent-4)
}

.section-decor__mobile--top {
    left: -14vw;
    bottom: auto;
    width: 125vw;
    top: -31vw;
    height: 66.777778vw;
    width: 125vw
}

.section-decor__pc {
    display: none
}

.popup-spec__text {
    background: var(--color-white)
}

.popup-spec__inner {
/*    max-width: 15.1875rem;*/
    margin: 0 auto;
    border: .0625rem solid var(--color-main);
    border-radius: var(--border-radius);
    background: rgba(255,255,255,.4);
    padding: .875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.875rem
}

.popup-spec__description {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 100%;
    text-align: center
}

.popup-spec__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .25rem
}

.popup-spec__btn {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 100%;
    text-align: center;
    color: var(--main);
    border-radius: var(--border-radius);
    width: 6.75rem;
    height: 2rem;
    background-color: var(--popup-btn);
    color: var(--color-white)
}

.popup-spec__btn--no {
    background-color: var(--popup-btn--no)
}

.hero__image-pc {
    color: var(--color-accent-1)
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 70;
    overflow: visible
}

.header::after {
    content: "";
    width: 100%;
    height: 10.625rem;
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(#ffa6a6),color-stop(10.5%,#ffa5a5),color-stop(65%,rgba(247,158,163,0)));
    background: -o-linear-gradient(top,#ffa6a6 0,#ffa5a5 10.5%,rgba(247,158,163,0) 65%);
    background: linear-gradient(to bottom,#ffa6a6 0,#ffa5a5 10.5%,rgba(247,158,163,0) 65%);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 1.125rem;
    padding-top: .3125rem
}

.main-menu__logo {
    position: relative;
    z-index: 2
}

.main-menu__logo svg {
    width: 9.8125rem;
    height: 5.8125rem
}

.main-menu__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem
}

.main-menu__search {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-menu__search svg {
    color: var(--color-white);
    width: 1.625rem;
    height: 1.625rem
}

.menu__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: -webkit-gradient(linear,left top,left bottom,from(#ffa6a6),color-stop(80.95%,#fda6a8),to(rgba(255,158,184,0)));
    background: -o-linear-gradient(top,#ffa6a6 0,#fda6a8 80.95%,rgba(255,158,184,0) 100%);
    background: linear-gradient(180deg,#ffa6a6 0,#fda6a8 80.95%,rgba(255,158,184,0) 100%);
    font-size: 1.875rem;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: -.03em;
    padding: 7.0625rem 5.9375rem 5.25rem 2.4375rem;
    color: var(--color-white);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    width: 100%;
    top: 0;
    right: -100%;
    -webkit-transition: right .3s ease 0s;
    -o-transition: right .3s ease 0s;
    transition: right .3s ease 0s;
    overflow: auto;
    z-index: 60;
    max-width: 22.5rem
}

.menu__body::before {
    content: "";
    position: fixed;
    width: 100%;
    top: 0;
    right: -100%;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    background-color: var(--whiteColor)
}

.menu-open .menu__body {
    right: 0;
    z-index: 60
}

.menu-open .menu__body::before {
    right: 0
}

.menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem
}

.icon-menu {
    padding: 0;
    background-color: transparent;
    border: none;
    width: 2.8125rem;
    height: 2.8125rem;
    display: block;
    gap: .3125rem;
    background-color: var(--color-white);
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    z-index: 65
}

.icon-menu.close-menu {
    position: absolute;
    right: 1.0625rem;
    display: none
}

.icon-menu span,.icon-menu::after,.icon-menu::before {
    content: "";
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    right: .53125rem;
    position: absolute;
    width: 100%;
    height: .125rem;
    background-color: var(--color-accent-1);
    max-width: 1.75rem
}

.icon-menu::before {
    top: 1.125rem
}

.icon-menu::after {
    bottom: 1.125rem
}

.icon-menu span {
    top: calc(50% - .0625rem);
    opacity: 0
}

.menu-open .icon-menu span {
    width: 0
}

.menu-open .icon-menu::before {
    top: calc(50% - .0625rem);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.menu-open .icon-menu::after {
    bottom: calc(50% - .0625rem);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pc-menu {
    font-family: var(--second-family);
    display: none
}

.pc-menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pc-menu__link {
    font-weight: 500;
    line-height: 140%;
    font-variant: small-caps;
    text-align: center;
    color: rgba(255,255,255,.8);
    font-size: 1.375rem
}

.menu-open .header__icon-menu {
    opacity: 0;
    visibility: hidden
}

.menu-open .close-menu {
    display: block;
    opacity: 1
}

.footer {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(247,158,190,0)),to(rgba(255,165,165,.8)));
    background: -o-linear-gradient(top,rgba(247,158,190,0) 0,rgba(255,165,165,.8) 100%);
    background: linear-gradient(180deg,rgba(247,158,190,0) 0,rgba(255,165,165,.8) 100%)
}

.footer .icon-menu span,.footer .icon-menu::after,.footer .icon-menu::before {
    background-color: #fb9d88
}

.footer-body {
    padding-top: 4.75rem;
    padding-bottom: 1.25rem
}

.footer-body--mobile {
    display: block
}

.footer-body--pc {
    display: none
}

.footer-body__content {
    font-weight: 700;
    line-height: 140%;
    font-size: 1rem;
    color: #7e7e7e
}

.footer-body__title {
    font-size: 1.25rem;
    display: inline-block;
    margin-bottom: 1.5rem
}

.footer-body__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    margin-bottom: 4.375rem
}

.footer-body__item-title {
    font-weight: 600
}

.footer-body__item-description {
    font-weight: 500
}

.footer-body__contacts-title {
    display: inline-block
}

.footer-body__contacts-description {
    font-weight: 500
}
.footer-body__serial{
  display: flex !important;
  align-items: center;
  justify-content: center !important;
}

.footer-body__contacts-link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.footer-body__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.875rem;
    margin-bottom: 1.25rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-body__copyright {
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 2.1875rem
}

.footer-body__copyright a {
    display: block;
    font-size: .75rem;
    line-height: 120%
}

.footer-body__copyright-title {
    margin-bottom: .75rem
}

.footer-body__important {
    border-radius: 2.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.875rem 1.25rem;
    border-color: var(--color-white);
    background-color: var(--color-white)
}

.footer-body__important span {
    font-family: var(--font);
    font-weight: 500;
    font-size: 2.1875rem;
    text-align: center;
    letter-spacing: -.03em;
    line-height: 100%;
    text-transform: uppercase
}

.btn-accent-1 {
    background-color: var(--color-accent-1)
}

.btn-accent-1-light {
    background-color: var(--color-accent-1-light)
}

.btn-accent-2 {
    background-color: var(--color-accent-2)
}

.btn-accent-2-light {
    background-color: var(--color-accent-2-light)
}

.btn-accent-3 {
    background-color: var(--color-accent-3)
}

.btn-accent-3-light {
    background-color: var(--color-accent-3-light)
}

.btn-accent-4 {
    background-color: var(--color-accent-4)
}

.btn-accent-4-light {
    background-color: var(--color-accent-4-light)
}

.btn-accent-5 {
    background-color: var(--color-accent-5)
}

.btn-accent-5-light {
    background-color: var(--color-accent-5-light)
}

.hover-text-underline {
    text-decoration: underline
}

.medications__image {
    margin-left: -5.555556vw;
    margin-right: -5.555556vw;
    max-width: 38.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 5
}

.medications__image::after {
    content: "";
    position: absolute;
    bottom: 0;
    aspect-ratio: 358/558;
    height: 15.875rem;
    width: 105vw;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(247,158,190,0)),color-stop(45.8%,#ffa5a5),color-stop(89.72%,rgba(247,158,163,0)));
    background: -o-linear-gradient(top,rgba(247,158,190,0) 0,#ffa5a5 45.8%,rgba(247,158,163,0) 89.72%);
    background: linear-gradient(to bottom,rgba(247,158,190,0) 0,#ffa5a5 45.8%,rgba(247,158,163,0) 89.72%);
    z-index: -1
}

.medications__image--orange::after {
    opacity: .5;
    bottom: -12.5rem;
    height: 18.75rem
}

.medications__image--purple::after {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(184,148,215,0)),color-stop(57.87%,#ccaada),color-stop(89.72%,rgba(175,158,255,0)));
    background: -o-linear-gradient(top,rgba(184,148,215,0) 0,#ccaada 57.87%,rgba(175,158,255,0) 89.72%);
    background: linear-gradient(180deg,rgba(184,148,215,0) 0,#ccaada 57.87%,rgba(175,158,255,0) 89.72%);
    height: 13.25rem;
    opacity: .5
}

.medications__image--turquoise::after {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(176,255,229,0)),color-stop(25%,rgba(0,200,184,.25)),color-stop(50%,rgba(0,200,184,.25)),color-stop(75%,rgba(158,247,234,.25)),to(rgba(158,247,234,0)));
    background: -o-linear-gradient(top,rgba(176,255,229,0) 0,rgba(0,200,184,.25) 25%,rgba(0,200,184,.25) 50%,rgba(158,247,234,.25) 75%,rgba(158,247,234,0) 100%);
    background: linear-gradient(180deg,rgba(176,255,229,0) 0,rgba(0,200,184,.25) 25%,rgba(0,200,184,.25) 50%,rgba(158,247,234,.25) 75%,rgba(158,247,234,0) 100%);
    height: 8.875rem
}

.medications__image--pink::after {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,185,221,0)),color-stop(43.27%,rgba(233,155,206,.6)),color-stop(81.73%,rgba(241,157,203,.42)),color-stop(95.67%,rgba(247,158,201,0)));
    background: -o-linear-gradient(top,rgba(255,185,221,0) 0,rgba(233,155,206,.6) 43.27%,rgba(241,157,203,.42) 81.73%,rgba(247,158,201,0) 95.67%);
    background: linear-gradient(180deg,rgba(255,185,221,0) 0,rgba(233,155,206,.6) 43.27%,rgba(241,157,203,.42) 81.73%,rgba(247,158,201,0) 95.67%);
    height: 13.875rem;
    opacity: .5;
    bottom: auto
}

.medications__image--blue::after {
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(213,228,255,0)),color-stop(21.63%,rgba(187,203,235,.67)),color-stop(50.48%,#aebfe1),color-stop(79.33%,rgba(185,207,239,.52)),color-stop(93.56%,rgba(198,223,254,0)));
    background: -o-linear-gradient(top,rgba(213,228,255,0) 0,rgba(187,203,235,.67) 21.63%,#aebfe1 50.48%,rgba(185,207,239,.52) 79.33%,rgba(198,223,254,0) 93.56%);
    background: linear-gradient(180deg,rgba(213,228,255,0) 0,rgba(187,203,235,.67) 21.63%,#aebfe1 50.48%,rgba(185,207,239,.52) 79.33%,rgba(198,223,254,0) 93.56%)
}

.page__direction {
    padding-top: 8.125rem;
    margin-bottom: 2.8125rem
}

.direction {
    position: relative
}

.direction::after {
    position: absolute;
    bottom: 1vw;
    width: 100vw;
    height: 14.114583vw;
    background-image: url(../img/direction/gradient.svg);
    background-size: 100%
}

.direction__content {
    position: relative;
    z-index: 2
}

.direction__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4vw
}

.direction__item {
    aspect-ratio: 298/103
}

.direction__title {
    display: none
}

.direction__decor-1 {
    width: 8vw;
    left: -7vw;
    top: 7vw
}

.direction__decor-2 {
    width: 10vw;
    right: -8.8vw;
    top: 3.8vw
}

.direction__decor-3 {
    width: 7vw;
    left: -6.2vw;
    bottom: -1.3vw
}

.direction__decor-round-1 {
    width: 4.427083vw;
    left: -9.2vw;
    bottom: 7.8vw
}

.direction__decor-round-2 {
    width: 2.8125vw;
    right: -4.5vw;
    bottom: 3vw
}

.direction-type {
    border-radius: var(--border-radius);
    color: var(--color-white);
    padding: 2vw 12vw 2vw 2vw;
    width: 100%;
    gap: 2vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: clamp(103px,1.8vw + 50px,25.92vw);
    max-height: 13.125rem
}

.direction-type--1 {
    background-color: var(--color-accent-1-hover)
}

.direction-type--1 .direction-type__decor-1 {
    width: 8vw;
    top: 3vw;
    right: 13vw;
    width: 8%;
    top: 3%;
    right: 13%;
    -webkit-transform: rotate(136deg);
    -ms-transform: rotate(136deg);
    transform: rotate(136deg)
}

.direction-type--1 .direction-type__decor-2 {
    width: 5.5%;
    bottom: 4%;
    right: 31%;
    -webkit-transform: rotate(136deg);
    -ms-transform: rotate(136deg);
    transform: rotate(136deg)
}

.direction-type__decor {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .3
}

.direction-type--2 {
    background-color: var(--color-accent-2-hover)
}

.direction-type--2 .direction-type__decor-1 {
    width: 7%;
    bottom: 1%;
    right: 20%;
    -webkit-transform: rotate(-73deg);
    -ms-transform: rotate(-73deg);
    transform: rotate(-73deg)
}

.direction-type--3 {
    background-color: var(--color-accent-3-hover)
}

.direction-type--3 .direction-type__decor-1 {
    width: 9.75%;
    top: -1%;
    left: 22%;
    -webkit-transform: rotate(-73deg);
    -ms-transform: rotate(-73deg);
    transform: rotate(-73deg)
}

.direction-type--4 {
    background-color: var(--color-accent-4-hover)
}

.direction-type--5 {
    background-color: var(--color-accent-5-hover)
}

.direction-type--5 .direction-type__decor-1 {
    width: 9.75vw;
    top: -1vw;
    right: 5.5vw;
    width: 9.75%;
    top: -1%;
    right: 5.5%;
    -webkit-transform: rotate(-73deg);
    -ms-transform: rotate(-73deg);
    transform: rotate(-73deg)
}

.direction-type__image {
    width: 25vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

.direction-type__image svg {
    width: 25vw;
    height: 25vw
}

.direction-type__text {
    line-height: 112%;
    font-size: clamp(16px,4.444vw,4.444vw);
    z-index: 2;
    position: relative
}

.direction-type__link {
    width: 3vw;
    height: 7vw;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3vw;
    flex: 0 0 3vw
}

.direction-type__link::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url(../img/direction/arrow.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 3vw 7vw
}

.direction-type__link span {
    display: none
}

.ha-clickable-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    background-color: transparent
}

.ha-clickable-area::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    cursor: pointer;
    background-color: transparent
}

.page__about {
    position: relative;
    padding-bottom: 25vw;
    padding-top: 8.125rem
}

.about .section-decor__pc {
    left: -1.5vw
}

.about .section-decor__mobile {
    left: -13.5vw
}

.about__content {
    position: relative;
    border: .125rem solid var(--color-white);
    padding: 5vw;
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3vw;
    background: #ffeeed
}

.about__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.about__title {
    white-space: nowrap
}

.about__icon {
    width: 30.833333vw;
    margin-right: 6.666667vw;
    -ms-flex-item-align: start;
    align-self: flex-start;
    justify-self: flex-start
}

.about__inner {
    font-weight: 500;
    font-size: 4.166667vw;
    line-height: 120%;
    border-radius: var(--border-radius);
    background-color: var(--color-white);
    color: var(--color-main);
    padding: 5vw 1.666667vw 3vw 3.055556vw;
    font-size: clamp(.9375rem,1.2vw + .5rem,1.75rem)
}

.about__inner span {
    font-weight: 700
}

.about__inner ul {
    padding-left: 5.7vw;
    margin: 0;
    margin-bottom: 3.5vw
}

.about__inner li:not(:last-child) {
    margin-bottom: 5.555556vw
}

.about__text {
    margin-bottom: 5.555556vw
}

.about__link {
    background-color: #8ba1cc
}

.advantages {
    position: relative
}

.advantages__content {
    padding-top: 11.111111vw
}

.advantages__title {
    font-size: clamp(40px,40px + (100vw - 360px) / 1560 * 5,45px);
    margin-bottom: 3.4375rem
}

.advantages__list {
    display: -ms-grid;
    display: grid;
    gap: .875rem;
    margin-bottom: 1.25rem
}

.advantages__item {
    font-family: var(--third-family);
    color: var(--color-text-blue);
    background-color: var(--color-white);
    text-align: center;
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .25rem;
    padding: 1.875rem 1.25rem .9375rem 1.25rem;
    min-height: 12.5rem;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.1);
    box-shadow: 0 4px 20px rgba(0,0,0,.1)
}

.advantages__number {
    font-size: 4.375rem;
    letter-spacing: -.09em;
    text-transform: uppercase
}

.advantages__description {
    font-size: 1.25rem;
    line-height: 130%
}

.advantages__info {
    font-size: .875rem;
    line-height: 100%
}

.page__partners {
    padding-top: 2.875rem
}

.partners {
    position: relative
}

.partners .section-decor__pc {
    left: 2vw
}

.partners__title {
    line-height: 125%;
    margin-bottom: 3.4375rem
}

.partners__content {
    display: -ms-grid;
    display: grid;
    place-items: center;
    gap: .625rem
}

.partners__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--border-radius);
    max-height: 12.5rem;
    aspect-ratio: 8/5;
    width: 100%
}

.partners__link--grey {
    background-color: #bfbebe
}

.partners__link--orange {
    background-color: #dc9494
}

.partners__image--chemo {
    width: 9.625rem;
    height: 5.25rem
}

.partners__image--emcure {
    width: 12.0625rem;
    height: 4.125rem
}

.hero:not(:first-child) {
    padding-top: 3.4375rem
}

.hero {
    position: relative
}

.hero__title {
    font-weight: 600;
    line-height: 100%;
    color: #faa893;
    text-align: center;
    font-size: clamp(30px,3.846vw + 16.15px,90px);
    margin-bottom: 2.25rem
}

.hero__content {
    margin: 0 auto;
    max-width: 29.75rem;
    width: 100vw
}

.hero__image-pc {
    display: none
}

.hero__btn {
    min-height: 2rem;
    min-width: 13.25rem;
    margin-top: -26vw
}

.hero.hero-endometriosis .decors__round {
    background-color: var(--color-accent-1)
}

.hero.hero-endometriosis .hero__decor-1 {
    width: 9.072917vw;
    height: 7.53125vw;
    top: 22vw;
    left: 7vw
}

.hero.hero-endometriosis .hero__decor-2 {
    width: 7.072917vw;
    height: 5.53125vw;
    left: 4.66vw;
    top: 40vw
}

.hero.hero-endometriosis .hero__decor-3 {
    width: 8.072917vw;
    height: 6.53125vw;
    top: 14vw;
    left: 53vw
}

.hero.hero-endometriosis .hero__decor-4 {
    width: 10.072917vw;
    height: 8.53125vw;
    top: 11.5vw;
    right: 3vw;
    -webkit-transform: rotate(-83deg);
    -ms-transform: rotate(-83deg);
    transform: rotate(-83deg)
}

.hero.hero-endometriosis .hero__decor-round-1 {
    width: 16.770833vw;
    height: 16.770833vw;
    left: -10vw;
    top: 15vw
}

.hero.hero-endometriosis .hero__decor-round-2 {
    width: 2.1875vw;
    height: 2.1875vw;
    left: 40.8vw;
    top: 20.5vw
}

.hero.hero-endometriosis .hero__decor-round-3 {
    width: 2.8125vw;
    height: 2.8125vw;
    right: 6.3vw;
    top: 38vw
}

.hero.hero-endometriosis .hero__decor-round-4 {
    width: 4.5vw;
    height: 4.5vw;
    right: 2vw;
    top: 25vw
}

.hero.hero-lactication::after {
    background-image: url(../img/hero/2/gradient.svg)
}

.hero.hero-lactication .hero__btn {
    border-color: var(--color-accent-2)
}

.hero.hero-lactication .hero__title {
    color: #ae8dd8;
    margin-bottom: 0
}

.hero.hero-lactication .decors__round {
    background-color: var(--color-accent-2)
}

.hero.hero-lactication .hero__decor-1 {
    width: 7.072917vw;
    height: 5.53125vw;
    top: 2vw;
    left: 40vw
}

.hero.hero-lactication .hero__decor-2 {
    width: 12.072917vw;
    height: 10.53125vw;
    top: -4vw;
    left: 83vw
}

.hero.hero-lactication .hero__decor-3 {
    width: 8.072917vw;
    height: 6.53125vw;
    top: 32.5vw;
    left: 86.5vw
}

.hero.hero-lactication .hero__decor-round-1 {
    width: 3.645833vw;
    height: 3.645833vw;
    top: 37vw;
    left: 6vw
}

.hero.hero-lactication .hero__decor-round-2 {
    width: 4.427083vw;
    height: 4.427083vw;
    top: 9vw;
    left: 45vw
}

.hero.hero-lactication .hero__decor-round-3 {
    width: 1.5625vw;
    height: 1.5625vw;
    top: 17vw;
    left: 44.5vw
}

.hero.hero-lactication .hero__decor-round-4 {
    width: 2.8125vw;
    height: 2.8125vw;
    top: 39.5vw;
    left: 94.5vw
}

.hero.hero-lactication .hero__decor-round-5 {
    width: 16.770833vw;
    height: 16.770833vw;
    top: 2.5vw;
    left: 93.5vw
}

.hero.hero-antiandrogenic .hero__btn {
    border-color: var(--color-accent-3)
}

.hero.hero-antiandrogenic .hero__title {
    color: #01b2a3
}

.hero.hero-antiandrogenic .decors__round {
    background-color: var(--color-accent-3)
}

.hero.hero-antiandrogenic .hero__decor-1 {
    width: 7.072917vw;
    height: 5.53125vw;
    top: 25vw;
    left: 52vw
}

.hero.hero-antiandrogenic .hero__decor-2 {
    width: 12.072917vw;
    height: 10.53125vw;
    top: 15vw;
    left: 46vw
}

.hero.hero-antiandrogenic .hero__decor-3 {
    width: 8.072917vw;
    height: 6.53125vw;
    top: 39vw;
    left: 5.5vw
}

.hero.hero-antiandrogenic .hero__decor-round-1 {
    width: 5.46875vw;
    height: 5.46875vw;
    top: 22vw;
    left: 11.5vw
}

.hero.hero-antiandrogenic .hero__decor-round-2 {
    width: 3.645833vw;
    height: 3.645833vw;
    top: 42vw;
    left: 5vw
}

.hero.hero-antiandrogenic .hero__decor-round-3 {
    width: 1.5625vw;
    height: 1.5625vw;
    top: 17.5vw;
    left: 38.5vw
}

.hero.hero-antiandrogenic .hero__decor-round-4 {
    width: 2.1875vw;
    height: 2.1875vw;
    top: 24.5vw;
    left: 62.5vw
}

.hero.hero-antiandrogenic .hero__decor-round-5 {
    width: 16.770833vw;
    height: 16.770833vw;
    top: 2.5vw;
    left: -10vw
}

.hero.hero-antiandrogenic .hero__decor-round-6 {
    width: 2.8125vw;
    height: 2.8125vw;
    top: 33.5vw;
    left: 90vw
}

.hero.hero-antiandrogenic .hero__decor-round-7 {
    width: 4.427083vw;
    height: 4.427083vw;
    top: 16.5vw;
    left: 93vw
}

.hero.hero-menstrual::after {
    background-image: url(../img/hero/4/gradient.svg)
}

.hero.hero-menstrual .hero__btn {
    border-color: var(--color-accent-5)
}

.hero.hero-menstrual .hero__title {
    color: #e99bce
}

.hero.hero-menstrual .decors__round {
    background-color: #e99bce
}

.hero.hero-menstrual .hero__decor-1 {
    width: 7.072917vw;
    height: 5.53125vw;
    top: 3.5vw;
    left: 40vw
}

.hero.hero-menstrual .hero__decor-2 {
    width: 12.072917vw;
    height: 10.53125vw;
    top: 2vw;
    left: 83.5vw
}

.hero.hero-menstrual .hero__decor-3 {
    width: 8.072917vw;
    height: 6.53125vw;
    top: 0;
    left: 70.5vw
}

.hero.hero-menstrual .hero__decor-round-1 {
    width: 4.427083vw;
    height: 4.427083vw;
    top: 25.5vw;
    left: 6.5vw
}

.hero.hero-menstrual .hero__decor-round-2 {
    width: 1.5625vw;
    height: 1.5625vw;
    top: 20.5vw;
    left: 43vw
}

.hero.hero-menstrual .hero__decor-round-3 {
    width: 3.177083vw;
    height: 3.177083vw;
    top: 21vw;
    left: 81vw
}

.hero.hero-menstrual .hero__decor-round-4 {
    width: 2.8125vw;
    height: 2.8125vw;
    top: 36vw;
    left: 90vw
}

.hero.hero-menstrual .hero__decor-round-5 {
    width: 16.770833vw;
    height: 16.770833vw;
    top: 6.5vw;
    left: 93vw
}

.hero.hero-intimate::after {
    background-image: url(../img/hero/5/gradient.svg);
    height: 38.697917vw
}

.hero.hero-intimate .hero__btn {
    border-color: var(--color-accent-4)
}

.hero.hero-intimate .hero__title {
    color: #6b80ab
}

.hero.hero-intimate .decors__round {
    background-color: var(--color-accent-4)
}

.hero.hero-intimate .hero__decor-1 {
    width: 8.072917vw;
    height: 6.53125vw;
    top: 15.5vw;
    left: 11vw
}

.hero.hero-intimate .hero__decor-2 {
    width: 12.072917vw;
    height: 10.53125vw;
    top: 10vw;
    left: 53.5vw
}

.hero.hero-intimate .hero__decor-3 {
    width: 8.072917vw;
    height: 6.53125vw;
    top: 9vw;
    left: 87.5vw
}

.hero.hero-intimate .hero__decor-round-1 {
    width: 2.604167vw;
    height: 2.604167vw;
    top: 3vw;
    left: 7vw
}

.hero.hero-intimate .hero__decor-round-2 {
    width: 2.447917vw;
    height: 2.447917vw;
    top: 27vw;
    left: 18.5vw
}

.hero.hero-intimate .hero__decor-round-3 {
    width: 1.5625vw;
    height: 1.5625vw;
    top: 15.5vw;
    left: 47vw
}

.hero.hero-intimate .hero__decor-round-4 {
    width: 4.583333vw;
    height: 4.583333vw;
    top: -4vw;
    left: 88vw
}

.hero.hero-intimate .hero__decor-round-5 {
    width: 16.770833vw;
    height: 16.770833vw;
    top: 6.5vw;
    left: -10vw
}

.hero.hero-intimate .hero__decor-round-6 {
    width: 2.8125vw;
    height: 2.8125vw;
    top: 19vw;
    left: 89vw
}

.hero.hero-intimate .hero__decor-round-7 {
    width: 1.510417vw;
    height: 1.510417vw;
    top: 7vw;
    left: 95.5vw
}

.page__states {
    position: relative;
    padding-top: 3.75rem
}

.states--accent-1 .states__title {
    color: var(--color-accent-1)
}

.states--accent-1 .section-decor {
    color: var(--color-accent-1)
}

.states--accent-1 .section-decor,.states--accent-1 .section-decor__mobile,.states--accent-1 .section-decor__pc {
    color: var(--color-accent-1)
}

.states--accent-1 .section-decor__pc {
    color: var(--color-accent-1)
}

.states--accent-2 .states__title {
    color: var(--color-accent-2)
}

.states--accent-2 .section-decor,.states--accent-2 .section-decor__mobile,.states--accent-2 .section-decor__pc {
    color: var(--color-accent-2)
}

.states--accent-2 .decors__round {
    background-color: var(--color-accent-2)
}

.states--accent-2 .section-decor__pc {
    color: var(--color-accent-2)
}

.states--accent-3 .states__title {
    color: var(--color-accent-3)
}

.states--accent-3 .section-decor,.states--accent-3 .section-decor__mobile,.states--accent-3 .section-decor__pc {
    color: var(--color-accent-3)
}

.states--accent-3 .decors__round {
    background-color: var(--color-accent-3)
}

.states--accent-3 .section-decor__pc {
    color: var(--color-accent-3)
}

.states--accent-4 .states__title {
    color: var(--color-accent-4)
}

.states--accent-4 .states__link {
    color: var(--color-accent-4)
}

.states--accent-4 .section-decor,.states--accent-4 .section-decor__mobile,.states--accent-4 .section-decor__pc {
    color: var(--color-accent-4)
}

.states--accent-4 .decors__round {
    background-color: var(--color-accent-4)
}

.states--accent-5 .states__title {
    color: var(--color-accent-5)
}

.states--accent-5 .section-decor,.states--accent-5 .section-decor__mobile,.states--accent-5 .section-decor__pc {
    color: var(--color-accent-5)
}

.states--accent-5 .decors__round {
    background-color: var(--color-accent-5)
}

.states .section-decor__mobile {
    left: -16vw;
    bottom: -5.625rem
}

.states .section-decor__pc {
    bottom: -2vw;
    width: 103vw
}

.states__title {
    font-weight: 400;
    line-height: 82%;
    font-size: 2.5rem;
    text-align: center;
    text-transform: none;
    margin-bottom: 3.75rem
}

.states__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .875rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.states__item {
    max-width: 100%;
    width: 100%
}

.states__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 1rem;
    line-height: 106%;
    letter-spacing: -.02em;
    width: 100%;
    color: var(--color-accent-1);
    border-radius: 2.125rem;
    text-align: center;
    padding: .25rem;
    min-height: 3.3125rem;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
    background-color: #f4e3e3;
    z-index: 2;
    position: relative
}

.states__decor-1 {
    width: 8.072917vw;
    height: 6.53125vw;
    top: 6.5vw;
    left: 23.5vw
}

.states__decor-2 {
    width: 11.072917vw;
    height: 9.53125vw;
    top: 4.5vw;
    left: 66.8vw;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.states__decor-3 {
    width: 5.072917vw;
    height: 4.23125vw;
    top: 11.5vw;
    left: 90.5vw
}

.states__decor-round-1 {
    width: 3.020833vw;
    height: 3.020833vw;
    left: 7.2vw;
    top: 11.6vw
}

.states__decor-round-2 {
    width: 2.1875vw;
    height: 2.1875vw;
    left: 16.5vw;
    top: 26vw
}

.states__decor-round-3 {
    width: 1.875vw;
    height: 1.875vw;
    right: 13.7vw;
    top: 5vw
}

.states__decor-round-4 {
    width: 2.8125vw;
    height: 2.8125vw;
    right: 12vw;
    top: 27vw
}

.page__pharmacies {
    padding-top: 3.75rem
}

.pharmacies__title {
    font-weight: 600;
    font-size: 1.875rem;
    line-height: 82%;
    text-align: center;
    margin-bottom: 1.875rem
}

.pharmacies__list {
    display: grid;
    gap: 1.375rem;
    border-radius: 1.1875rem;
    background-color: var(--color-white);
    padding: 2rem 1rem 1.875rem 1rem;
    grid-template-columns: repeat(5,1fr);
    align-items: center;
    justify-items: center;
}

.pharmacies__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem
}

.pharmacies__btn {
    font-weight: 600;
    font-size: 1rem;
    line-height: 75%;
    text-align: center;
    min-width: 8.0625rem;
    min-height: 2.25rem;
    color: #ffe9e8;
    background-color: #ffab90;
    border-radius: var(--border-radius);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: .0625rem solid transparent
}

.page-state {
    padding-top: 3.75rem
}

.page__hero-slider {
    padding-top: 3.375rem;
    padding-bottom: 6.25rem
}

.hero-slider {
    position: relative
}

.hero-slider .section-decor__mobile {
    width: 140.388889vw;
    height: 40.111111vw;
    left: -16vw;
    bottom: -4vw;
    color: var(--color-accent-1)
}

.hero-slider .section-decor__pc {
    width: 93.020833vw;
    height: 24.53125vw;
    left: 7.03125vw;
    bottom: -6.458333vw;
    color: var(--color-accent-1)
}

.hero-slider__title {
    font-weight: 600;
    font-size: clamp(20px,1.875vw + 12.5px,35px);
    line-height: 110%;
    text-transform: uppercase;
    color: var(--color-accent-1);
    margin-bottom: 1.25rem;
    display: inline-block
}

.hero-slider__title-pc {
    display: none;
    font-weight: 500;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: var(--color-accent-1);
    padding-top: 1vw;
    font-size: 1.822917vw;
    line-height: 100%
}

.hero-slider--product .hero-slider__title-pc sup {
    font-size: 0.5em;
    vertical-align: super;
    line-height: 1;
    position: relative;
    top: -0.2em;
}

.hero-slider__subtitle {
    font-weight: 700;
    font-size: 1rem;
    line-height: 112%
}

.hero-slider__content {
    position: relative;
    border-radius: var(--border-radius);
    border: .0625rem solid var(--color-white);
    background-color: #ffeded;
    padding: 2.25rem 1rem 1.25rem 1rem
}

.hero-slider__slide {
    margin-right: -1.25rem
}

.hero-slider__pagination {
    padding-top: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem;
    max-width: 50%;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 5
}

.hero-slider__pagination .swiper-pagination-bullet {
    cursor: pointer;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #d9d9d9
}

.hero-slider__pagination .swiper-pagination-bullet-active {
    background-color: var(--color-accent-1)
}

.hero-slide__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem;
    height: 100%
}

.hero-slide__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: .75rem;
    right: .75rem;
    font-weight: 600;
    font-size: .8125rem;
    line-height: 92%;
    text-align: center;
    color: var(--color-white);
    height: 1.25rem;
    width: 5.0625rem;
    border-radius: 1rem;
    background-color: var(--color-accent-1)
}

.hero-slide__body {
    position: relative;
    width: 100%;
    aspect-ratio: 288/220;
    max-height: 25rem;
    overflow: hidden;
    border-radius: var(--border-radius)
}

.hero-slide__body img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.hero-slide__body iframe {
    width: 100%;
    height: 100%
}

.hero-slide__info {
    padding: 1.25rem;
    border-radius: var(--border-radius);
    background-color: var(--color-white);
    border: .0625rem solid #ffeded;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem;
    line-height: 100%;
    font-weight: 600;
    font-size: .8125rem;
    line-height: 100%
}

.hero-slide__title {
    font-weight: 700;
    font-size: 1rem;
    line-height: 112%
}

.hero-slide__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem
}

.hero-slide__image {
    border-radius: var(--border-radius);
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 27.222222vw;
    flex: 0 0 27.222222vw;
    aspect-ratio: 98/130
}

.hero-slide__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hero-slide__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .3125rem
}

.hero-slide__name {
    line-height: 100%;
    font-size: clamp(13px,13px + .4487vw,20px)
}

.hero-slide__name span {
    display: block
}

.hero-slide__description {
    line-height: 100%;
    font-weight: 500;
    font-size: clamp(13px,13px + .3205vw,18px)
}

.hero-slide__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
    row-gap: 1.25rem
}

.hero-slide__send {
    color: var(--color-accent-1)
}

.hero-slide__send svg {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.hero-slide__vk {
    color: var(--color-accent-1)
}

.hero-slide__vk svg {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.hero-slide__btn {
    color: var(--color-white);
    font-size: clamp(13px,.78125vw,15px);
    min-width: 7.375rem;
    min-height: 1.3125rem;
    border-radius: var(--border-radius);
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.hero-description {
    padding-top: 3.125rem
}

.hero-description__list {
    padding-top: 1.75rem
}

.hero-description__list .section-decor__mobile {
    position: absolute;
    left: -22.555556vw;
    bottom: -1.5625rem;
    width: 132vw;
    height: 26.833333vw;
    color: var(--color-accent-1)
}

.hero-description__list .section-decor__pc {
    height: 18.09375vw;
    left: -7vw;
    bottom: -2vw;
    color: var(--color-accent-1);
    width: 108.5vw
}

.hero-description__item {
    position: relative
}

.hero-description__item:not(:last-child) {
    padding-bottom: 3.75rem
}

.hero-description__body {
    padding: 1rem;
    background-color: #ffeeed;
    border-radius: var(--border-radius);
    border: .0625rem solid var(--color-white);
    z-index: 2;
    position: relative
}

.hero-description__header {
    padding-bottom: 1.125rem;
    margin-bottom: .625rem;
    position: relative
}

.hero-description__image {
    position: absolute;
    width: calc(100% + 1.25rem);
    height: 28.611111vw;
    bottom: 0;
    max-height: 6.25rem;
    height: clamp(82px,12vw,168px)
}

.hero-description__image--small-mobile {
    height: clamp(50px,12vw,112px)
}

.hero-description__image--very-small-mobile {
    height: clamp(43px,12vw,68px)
}

.hero-description__image--very-tiny-mobile {
    height: clamp(30px,5vw,40px)
}

.hero-description__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right bottom;
    object-position: right bottom
}

.hero-description__title {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 110%;
    color: var(--color-accent-1);
    position: relative;
    padding-right: 20%;
    min-width: 5.125rem;
    display: inline-block;
    z-index: 3
}

.hero-description__subtitle {
    font-size: clamp(15px,15px + 1.28vw - 4.62px,35px);
    line-height: 120%;
    font-weight: 600;
    display: inline-block;
    padding-top: 1.875rem;
    margin-bottom: 1.5rem
}

.hero-description .hero-description__btn {
    margin: 0 auto 0 auto
}

.hero-description__description-small {
    font-size: clamp(11px,11px + .3vw,15px);
    font-family: var(--font-family);
    font-weight: 600;
    font-size: .625rem;
    line-height: 1.5 !important;
    text-transform: uppercase;
    display: block;
    padding-top: .875rem
    
}

.hero-description__description-small span {
    display: block;
    font-weight: 600
}

.hero-description__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem;
    padding: 1.875rem .625rem 1.25rem .625rem;
    border-radius: var(--border-radius);
    background-color: var(--color-white);
    font-weight: 500;
    font-size: .9375rem;
    line-height: 120%
}

.hero-description__content p span {
    font-weight: 600
}

.hero-description__content li::marker {
    color: #000;
    font-size: .8em
}

.hero-description__content li {
    list-style-type: disc
}

.hero-description__content ul {
    padding-left: 1.875rem
}

.hero-description__more {
    position: relative;
    margin-top: 1.875rem
}

.hero-slide__send-tooltip {
    font-weight: 400;
    position: absolute;
    top: -2.8125rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    width: 11.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.875rem;
    font-size: .875rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: 10;
    pointer-events: none;
    background-color: var(--color-accent-1);
    border-radius: var(--border-radius)
}

.hero-slide__send-tooltip.active,.hero-slide__send-wrapper.active .hero-slide__send-tooltip {
    opacity: 1;
    visibility: visible
}

.hero-slide__send-wrapper {
    position: relative;
    display: inline-block
}

.medications {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.medications .hero:not(:first-child) {
    padding-top: 1.25rem
}

.medications .page__hero {
    padding-top: 5.8125rem
}

.medications__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3rem;
    padding-top: 3.125rem;
    color: var(--color-accent-1);
    position: relative
}

.medications__title {
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 118%;
    text-align: center;
    margin-bottom: .625rem;
    margin-left: -.625rem;
    margin-right: -.625rem
}

.medications__title span {
    display: block
}

.medications__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2.25rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 4
}

.medications__header-mobile {
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 87%;
    text-align: center;
    margin: 0 auto
}

.medications__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 2.25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.medications__subtitle {
    font-weight: 600;
    font-size: 2.3125rem;
    line-height: 89%;
    text-align: center
}

.medications__subbtn {
    background-color: rgba(255,255,255,.4);
    border: .0625rem solid var(--color-accent-1);
    border-radius: var(--border-radius);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 500;
    font-size: .875rem;
    line-height: 129%;
    text-align: center;
    min-width: 10.3125rem;
    min-height: 1.625rem;
    font-size: clamp(14px,.78125vw,15px)
}

.medications__link:not(:last-child) {
    margin-bottom: .625rem
}

.medications__decor {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0;
    position: absolute;
    left: -6.625rem;
    top: 1.0625rem;
    width: 28rem;
    height: 23.75rem;
    z-index: 2
}

.medications__decor svg {
    width: 100%;
    height: 100%
}

.medications .hero-endometriosis.hero::after {
    bottom: -7vw
}

.medications .hero-endometriosis .medications__title {
    color: var(--color-hero-header)
}

.medications .hero-endometriosis .hero__decor-round-1 {
    width: 1.5rem;
    height: 1.5rem;
    left: 2.25rem;
    top: 8.125rem
}

.medications .hero-endometriosis .hero__decor-round-2 {
    width: 2rem;
    height: 2rem;
    top: 16rem;
    left: 71.111111vw
}

.medications .hero-endometriosis .hero__decor-round-3 {
    width: 2rem;
    height: 2rem;
    top: 16rem;
    left: 71.111111vw
}

.medications .hero-endometriosis .hero__decor-1 {
    width: 4.25rem;
    height: 3.9375rem;
    top: 7.5rem;
    left: 73.888889vw
}

.medications .hero-endometriosis .hero__decor-2 {
    width: 4.25rem;
    height: 3.9375rem;
    top: 14.6875rem;
    left: 10vw
}

.medications .hero-endometriosis .hero__decor-3 {
    width: 3.25rem;
    height: 2.9375rem;
    top: 16.5625rem;
    left: 48.888889vw
}

.medications .hero-lactication .medications__title {
    color: #ae8dd8
}

.medications .hero-lactication .hero__decor-1 {
    width: 8.3125rem;
    height: 8rem;
    top: 39%;
    left: -3.4375rem
}

.medications .hero-lactication .hero__decor-2 {
    width: 5.625rem;
    height: 4.875rem;
    top: 98%;
    left: 10px
}

.medications .hero-lactication .hero__decor-3 {
    width: 3.25rem;
    height: 2.9375rem;
    top: 16.5625rem;
    left: 48.888889vw
}

.medications .hero-lactication .medications__body {
    color: var(--color-accent-2)
}

.medications .hero-lactication .medications__decor {
    left: auto;
    right: -6.875rem;
    width: 28rem;
    height: 23.1875rem;
    top: 2.5rem
}

.medications .hero-lactication .medications__subbtn {
    border-color: var(--color-accent-2)
}

.medications .hero-antiandrogenic.hero::after {
    bottom: -2vw
}

.medications .hero-antiandrogenic .medications__title {
    color: #01c7b6
}

.medications .hero-antiandrogenic .medications__image img {
    padding-left: .75rem
}

.medications .hero-antiandrogenic .medications__body {
    gap: .875rem
}

.medications .hero-antiandrogenic .medications__decor {
    left: -7.125rem;
    top: 2.5rem;
    width: 24.375rem;
    height: 31.875rem;
    color: var(--color-accent-3)
}

.medications .hero-antiandrogenic .medications__body {
    color: var(--color-accent-3)
}

.medications .hero-antiandrogenic .medications__subtitle {
    color: var(--color-accent-3)
}

.medications .hero-antiandrogenic .medications__subbtn {
    border-color: var(--color-accent-3)
}

.medications .hero-antiandrogenic .hero__decor-1 {
    width: 4.25rem;
    height: 3.9375rem;
    top: 1.875rem;
    left: 77.888889vw
}

.medications .hero-antiandrogenic .hero__decor-2 {
    width: 6.25rem;
    height: 5.8125rem;
    top: 11.875rem;
    left: 83vw
}

.medications .hero-menstrual .medications__title {
    color: #d081b5
}

.medications .hero-menstrual .medications__body {
    gap: 0
}

.medications .hero-menstrual .medications__image img {
    padding-left: .75rem
}

.medications .hero-menstrual .medications__inner {
    max-width: 85vw
}

.medications .hero-menstrual .medications__subbtn {
    border-color: var(--color-accent-5)
}

.medications .hero-menstrual .medications__body {
    color: var(--color-accent-5)
}

.medications .hero-menstrual .medications__body::after {
    aspect-ratio: 376/277
}

.medications .hero-menstrual .medications__decor {
    left: auto;
    right: -5.875rem;
    top: -2rem
}

.medications .hero-menstrual .hero__decor-1 {
    width: 5.3125rem;
    height: 5rem;
    top: 43%;
    left: 1.5rem
}

.medications .hero-menstrual .hero__decor-2 {
    width: 4.625rem;
    height: 3.875rem;
    top: 28%;
    left: 15.625rem
}

.medications .hero-menstrual .hero__decor-3 {
    width: 6.25rem;
    height: 5.9375rem;
    top: 31.5625rem;
    left: -2.5rem
}

.medications .hero-intimate .medications__title {
    color: #6b80ab
}

.medications .hero-intimate .medications__decor {
    left: -10.75rem;
    top: 2.0625rem;
    width: 38.75rem;
    height: 42.6875rem;
    color: var(--color-accent-4);
    z-index: 2
}

.medications .hero-intimate .medications__body {
    color: var(--color-accent-4)
}

.medications .hero-intimate .medications__subtitle {
    color: var(--color-accent-4)
}

.medications .hero-intimate .medications__subbtn {
    border-color: var(--color-accent-4)
}

.medications .hero-intimate .hero__decor-1 {
    width: 4.25rem;
    height: 3.9375rem;
    top: 1.875rem;
    left: 77.888889vw
}

.medications .hero-intimate .hero__decor-2 {
    width: 6.25rem;
    height: 5.8125rem;
    top: 11.875rem;
    left: 83vw
}

.product {
    padding-top: 7.5rem
}

.product__title {
    display: block;
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 82%;
    text-align: center;
    color: var(--color-accent-1);
    text-align: center;
    margin-bottom: 1.875rem
}

.product .hero .medications__body {
    padding-top: 1.875rem;
    gap: 0
}

.product .hero-description .section-decor__mobile {
    bottom: -1.875rem
}

.product .hero-description__title {
    color: var(--color-main)
}

.hero-description__title sup {
    font-size: 0.5em;
}

.hero-slider {
    position: relative
}

.hero-slider--product {
    padding-top: 4.0625rem
}

.hero-slider--product .hero-slide__info-product {
    border: .0625rem solid var(--color-main);
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .625rem;
    gap: 2.1875rem;
    max-width: 100%;
    margin-right: 1px
}

.hero-slider--product .section-decor__mobile {
    left: -17.5vw!important;
    bottom: -24vw!important
}

.hero-slider--product .hero-slider__content {
    background-color: var(--color-white);
    padding: .9375rem;
    border: .0625rem solid var(--color-accent-1)
}

.hero-slider--product .hero-slide__body {
    min-height: 13.5625rem;
    min-height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.hero-slider--product .hero-slide__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.125rem
}

.hero-slider--product .hero-slide__body {
    max-height: 36.25rem
}

.hero-slider--product .hero-slide__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 1.25rem;
    -webkit-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    max-width: 37.125rem
}

.hero-slider--product .hero-slide__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.hero-slider--product .hero-slide__image {
    width: 6.0625rem;
    height: 8.25rem
}

.hero-slider--product .hero-slider__title-pc {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    font-size: clamp(15px,15px + 2.2vw,50px);
    font-family: var(--second-family);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product .medications .hero-endometriosis::after {
    bottom: -11vw
}

.product .medications .hero-endometriosis .hero__decor-round-1 {
    left: 90.5vw;
    top: 35vw
}

.theme--orange {
    --color-accent-4: #fb9d88
}

.theme--orange .hero-endometriosis .medications__image {
    position: relative
}

.theme--orange .hero-endometriosis .medications__image::after {
    opacity: .5
}

.theme--purple {
    --color-accent-1: #b290d8;
    --color-accent-1-hover: #8b55c8;
    --color-accent-4: #b290d8;
    --color-hero-header: #ae8dd8;
    --popup-btn: #b290d8;
    --popup-btn--no: #cfb2ee
}

.theme--purple .header::after {
    background: -webkit-gradient(linear,left top,left bottom,from(#b894d7),color-stop(24%,#c49dd4),color-stop(89.72%,rgba(175,158,255,0)));
    background: -o-linear-gradient(top,#b894d7 0,#c49dd4 24%,rgba(175,158,255,0) 89.72%);
    background: linear-gradient(180deg,#b894d7 0,#c49dd4 24%,rgba(175,158,255,0) 89.72%)
}

.theme--purple .menu__body {
    background: -webkit-gradient(linear,left top,left bottom,from(#b290d8),color-stop(80.95%,#b290d8),to(rgba(208,158,255,0)));
    background: -o-linear-gradient(top,#b290d8 0,#b290d8 80.95%,rgba(208,158,255,0) 100%);
    background: linear-gradient(180deg,#b290d8 0,#b290d8 80.95%,rgba(208,158,255,0) 100%)
}

.theme--purple .hero::after {
    background-image: url(../img/hero/2/gradient.svg)
}

.theme--turquoise {
    --color-accent-1: #01c7b6;
    --color-accent-1-hover: #00a294;
    --color-accent-4: #01c7b6;
    --color-hero-header: #01b2a3;
    --popup-btn: #01c7b6;
    --popup-btn--no: #53dfd3
}

.theme--turquoise .header::after {
    background: -webkit-gradient(linear,left top,left bottom,from(#01c7b6),color-stop(16.83%,#01c7b6),color-stop(89.72%,rgba(158,255,250,0)));
    background: -o-linear-gradient(top,#01c7b6 0,#01c7b6 16.83%,rgba(158,255,250,0) 89.72%);
    background: linear-gradient(180deg,#01c7b6 0,#01c7b6 16.83%,rgba(158,255,250,0) 89.72%)
}

.theme--turquoise .menu__body {
    background: -webkit-gradient(linear,left top,left bottom,from(#01c7b6),color-stop(80.95%,#01c7b6),to(rgba(158,250,255,0)));
    background: -o-linear-gradient(top,#01c7b6 0,#01c7b6 80.95%,rgba(158,250,255,0) 100%);
    background: linear-gradient(180deg,#01c7b6 0,#01c7b6 80.95%,rgba(158,250,255,0) 100%)
}

.theme--turquoise .hero::after {
    height: 17.239583vw;
    background-image: url(../img/pagestates/3/gradient.svg)
}

.theme--pink {
    --color-accent-1: #e49cc4;
    --color-accent-1-hover: #d974ac;
    --color-accent-4: #e49cc4;
    --color-hero-header: #d081b5;
    --popup-btn: #e49cc4;
    --popup-btn--no: #f8c0df
}

.theme--pink .header::after {
    background: -webkit-gradient(linear,left top,left bottom,from(#fcb1e0),color-stop(.01%,#ffaee3),color-stop(89.72%,rgba(255,165,251,0)));
    background: -o-linear-gradient(top,#fcb1e0 0,#ffaee3 .01%,rgba(255,165,251,0) 89.72%);
    background: linear-gradient(180deg,#fcb1e0 0,#ffaee3 .01%,rgba(255,165,251,0) 89.72%)
}

.theme--pink .menu__body {
    background: -webkit-gradient(linear,left top,left bottom,from(#e99bce),color-stop(65.38%,#e99bce),color-stop(90.38%,rgba(255,210,222,0)));
    background: -o-linear-gradient(top,#e99bce 0,#e99bce 65.38%,rgba(255,210,222,0) 90.38%);
    background: linear-gradient(180deg,#e99bce 0,#e99bce 65.38%,rgba(255,210,222,0) 90.38%)
}

.theme--pink .hero::after {
    background-image: url(../img/hero/4/gradient.svg)
}

.theme--blue {
    --color-accent-1: #8ba1cc;
    --color-accent-1-hover: #6e8dca;
    --color-accent-4: #8ba1cc;
    --color-hero-header: #6b80ab;
    --popup-btn: #8ba1cc;
    --popup-btn--no: #bdd2fa
}

.theme--blue .header::after {
    background: -webkit-gradient(linear,left top,left bottom,from(#8ba1cc),color-stop(24%,#8ba1cc),color-stop(89.72%,rgba(229,229,229,0)));
    background: -o-linear-gradient(top,#8ba1cc 0,#8ba1cc 24%,rgba(229,229,229,0) 89.72%);
    background: linear-gradient(180deg,#8ba1cc 0,#8ba1cc 24%,rgba(229,229,229,0) 89.72%)
}

.theme--blue .menu__body {
    background: -webkit-gradient(linear,left top,left bottom,from(#8ba1cc),color-stop(80.95%,#8ba1cc),to(rgba(208,158,255,0)));
    background: -o-linear-gradient(top,#8ba1cc 0,#8ba1cc 80.95%,rgba(208,158,255,0) 100%);
    background: linear-gradient(180deg,#8ba1cc 0,#8ba1cc 80.95%,rgba(208,158,255,0) 100%)
}

.theme--blue .hero::after {
    background-image: url(../img/hero/5/gradient.svg)
}

.main-state .page-state {
    padding-top: 7.125rem
}

.main-state .hero-lactication .hero__decor-1 {
    top: 7vw;
    left: 31vw
}

.main-state .hero-lactication .hero__decor-2 {
    top: 6vw;
    left: 83vw
}

.main-state .hero-lactication .hero__decor-3 {
    top: 25.5vw;
    left: 86.5vw
}

.main-state .hero-lactication .hero__decor-round-1 {
    top: 37vw;
    left: 6vw
}

.main-state .hero-lactication .hero__decor-round-2 {
    top: 26vw;
    left: 47.5vw
}

.main-state .hero-lactication .hero__decor-round-3 {
    top: 30vw;
    left: 42.5vw
}

.main-state .hero-lactication .hero__decor-round-4 {
    top: 32.5vw;
    left: 94.5vw
}

.main-state .hero-lactication .hero__decor-round-5 {
    top: 10.5vw;
    left: 93.5vw
}

.main-state .hero-lactication .hero__decor-round-6 {
    width: 1.5625vw;
    height: 1.5625vw;
    top: 22vw;
    left: 80vw
}

.main-state .hero-antiandrogenic .hero__decor-1 {
    top: 37vw;
    left: 18vw
}

.main-state .hero-antiandrogenic .hero__decor-2 {
    top: 16vw;
    left: 46vw
}

.main-state .hero-antiandrogenic .hero__decor-3 {
    top: 28.5vw;
    left: 52.5vw
}

.main-state .hero-antiandrogenic .hero__decor-round-1 {
    top: 26.5vw;
    left: 9vw
}

.main-state .hero-antiandrogenic .hero__decor-round-2 {
    width: 2.8125vw;
    height: 2.8125vw;
    top: 43vw;
    left: 4vw
}

.main-state .hero-antiandrogenic .hero__decor-round-3 {
    width: 2.1875vw;
    height: 2.1875vw;
    top: 28vw;
    left: 62.5vw
}

.main-state .hero-antiandrogenic .hero__decor-round-4 {
    top: 32.5vw;
    left: 92.5vw
}

.main-state .hero-antiandrogenic .hero__decor-round-5 {
    width: 4.427083vw;
    height: 4.427083vw;
    top: 20.5vw;
    left: 92.5vw
}

.main-state .hero-antiandrogenic .hero__decor-round-6 {
    width: 1.5625vw;
    height: 1.5625vw;
    top: 22vw;
    left: 80vw
}

.main-state .hero-intimate .hero__decor-1 {
    top: 20.5vw
}

.main-state .hero-intimate .hero__decor-2 {
    top: 14vw
}

.main-state .hero-intimate .hero__decor-3 {
    top: 16.5vw;
    left: 90vw
}

.main-state .hero-intimate .hero__decor-round-1 {
    top: 9vw;
    left: 9vw
}

.main-state .hero-intimate .hero__decor-round-2 {
    top: 33vw
}

.main-state .hero-intimate .hero__decor-round-3 {
    top: 19.5vw
}

.main-state .hero-intimate .hero__decor-round-4 {
    top: 4vw
}

.main-state .hero-intimate .hero__decor-round-5 {
    top: 12.5vw
}

.main-state .hero-intimate .hero__decor-round-6 {
    top: 27vw;
    left: 91vw
}

.main-state .hero-intimate .hero__decor-round-7 {
    top: 14vw
}

.main-products .hero-description__item .hero-description__more .section-decor__mobile {
    bottom: -3rem
}

.main-products .product .medications--small .medications__body {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 5rem
}

.main-products .product .medications--small .hero__image-pc {
    width: 100vw;
    top: -6vw
}

.main-products .product .medications--small .medications__header-mobile span {
    display: block
}

.main-products .product .medications--small .medications__title {
    display: none;
    font-size: 1.875rem
}

.main-products .product .medications--small .medications__header {
    font-weight: 600;
    line-height: 109%;
    font-variant: small-caps;
    color: var(--color-hero-header)
}

.main-products .product-1 .hero-endometriosis .hero__decor-round-1 {
    left: 83.5vw;
    top: 6vw
}

.main-products .product-1 .medications__header {
    padding-left: 2.5vw
}

.main-products .product-1 .medications--small .hero__decor-1 {
    width: 5.072917vw;
    height: 4.53125vw;
    top: 7vw;
    left: 37.5vw
}

.main-products .product-1 .medications--small .hero__decor-2 {
    top: -3vw;
    left: 18.5vw
}

.main-products .product-1 .medications--small .hero__decor-3 {
    top: 2.5vw;
    left: 52.5vw
}

.main-products .product-1 .medications--small .hero__decor-4 {
    width: 5.072917vw;
    height: 4.6125vw;
    top: 4.5vw;
    right: 23.5vw
}

.main-products .product-1 .medications--small .hero__decor-round-2 {
    width: 3.020833vw;
    height: 3.020833vw;
    top: 24vw;
    left: 14.4vw
}

.main-products .product-2 .medications--small .hero__decor-1 {
    width: 5.072917vw;
    height: 4.23125vw;
    top: 7.5vw;
    left: 40vw
}

.main-products .product-2 .medications--small .hero__decor-2 {
    top: 0;
    left: 10.5vw
}

.main-products .product-2 .medications--small .hero__decor-3 {
    width: 5.072917vw;
    height: 4.3125vw;
    top: 4vw;
    left: 70.5vw
}

.main-products .product-2 .medications--small .hero__decor-4 {
    width: 9.072917vw;
    height: 7.5vw;
    right: 40vw;
    top: 3.5vw
}

.main-products .product-2 .medications--small .hero__decor-5 {
    width: 7.072917vw;
    height: 6.1125vw;
    top: -2vw;
    left: 88.5vw
}

.main-products .product-2 .medications--small .hero__decor-round-1 {
    width: 3.020833vw;
    height: 3.020833vw;
    top: 5vw;
    left: 33vw
}

.main-products .product-2 .medications--small .hero__decor-round-2 {
    width: 2.8125vw;
    height: 2.8125vw;
    top: 0;
    left: 81vw
}

.main-products .product-2 .hero__image-pc svg {
    width: 100vw!important;
    height: auto!important
}

.main-products .product-2 .hero__image-pc {
    top: -4vw!important
}

.main-products .product-2 .hero__decor-1 {
    width: 8.072917vw;
    height: 6.53125vw;
    top: 5.5vw;
    left: 42vw
}

.main-products .product-2 .hero__decor-2 {
    width: 11.072917vw;
    height: 9.53125vw;
    top: 20vw;
    left: 50.5vw
}

.main-products .product-2 .hero__decor-3 {
    width: 12.072917vw;
    height: 10.53125vw;
    top: 10vw;
    left: 83.5vw
}

.main-products .product-2 .hero__decor-round-1 {
    width: 3.645833vw;
    height: 3.645833vw;
    top: 42vw;
    left: 7vw
}

.main-products .product-2 .hero__decor-round-2 {
    width: 1.5625vw;
    height: 1.5625vw;
    top: 24vw;
    left: 44.5vw
}

.main-products .product-2 .hero__decor-round-3 {
    width: 4.427083vw;
    height: 4.427083vw;
    top: 8.5vw;
    left: 58vw
}

.main-products .product-2 .hero__decor-round-4 {
    width: 2.8125vw;
    height: 2.8125vw;
    top: 43vw;
    left: 95vw
}

.main-products .product-3 .medications__image img {
    padding-left: .75rem
}

.main-products .product-3 .hero__image-pc {
    width: 100vw
}

.main-products .product-3 .hero__decor-1 {
    width: 8.072917vw;
    height: 6.53125vw;
    top: 23.5vw;
    left: 50vw
}

.main-products .product-3 .hero__decor-2 {
    width: 10.072917vw;
    height: 8.53125vw;
    top: 5.5vw;
    left: 5.5vw
}

.main-products .product-3 .hero__decor-3 {
    width: 12.072917vw;
    height: 10.53125vw;
    top: 4vw;
    left: 48.5vw
}

.main-products .product-3 .hero__decor-round-1 {
    width: 3.645833vw;
    height: 3.645833vw;
    top: 35vw;
    left: 6vw
}

.main-products .product-3 .hero__decor-round-2 {
    width: 1.5625vw;
    height: 1.5625vw;
    top: 19vw;
    left: 38vw
}

.main-products .product-3 .hero__decor-round-3 {
    width: 2.1875vw;
    height: 2.1875vw;
    top: 20vw;
    left: 58vw
}

.main-products .product-3 .hero__decor-round-4 {
    width: 4.427083vw;
    height: 4.427083vw;
    top: 20vw;
    left: 93.5vw
}

.main-products .product-3 .hero__decor-round-5 {
    width: 2.8125vw;
    height: 2.8125vw;
    top: 34vw;
    left: 91vw
}

.main-products .product-3 .medications--small .hero__image-pc {
    left: 0
}

.main-products .product-3 .medications--small .hero__decor-1 {
    width: 5.372917vw;
    height: 4.53125vw;
    top: 5vw;
    left: 39.5vw
}

.main-products .product-3 .medications--small .hero__decor-2 {
    top: 2vw;
    left: 59.5vw
}

.main-products .product-3 .medications--small .hero__decor-3 {
    top: 2.5vw;
    left: 15vw
}

.main-products .product-3 .medications--small .hero__decor-4 {
    width: 5.372917vw;
    height: 4.53125vw;
    top: 10.5vw;
    right: 45.5vw
}

.main-products .product-3 .medications--small .hero__decor-round-1 {
    width: 2.8125vw;
    height: 2.8125vw;
    top: 8vw;
    left: 90.4vw
}

.main-products .product-4 .medications__image img {
    padding-left: .75rem
}

.main-products .product-4 .hero__decor-1 {
    width: 8.072917vw;
    height: 7.03125vw;
    top: 10.5vw;
    left: 4vw
}

.main-products .product-4 .hero__decor-2 {
    width: 11.072917vw;
    height: 10.03125vw;
    top: 17vw;
    left: 49.5vw
}

.main-products .product-4 .hero__decor-3 {
    width: 8.072917vw;
    height: 7.0125vw;
    top: 35vw;
    left: 53.5vw
}

.main-products .product-4 .hero__decor-4 {
    width: 9.072917vw;
    height: 7.5vw;
    right: 40vw;
    top: 3.5vw
}

.main-products .product-4 .hero__decor-5 {
    width: 7.072917vw;
    height: 6.1125vw;
    top: -2vw;
    left: 88.5vw
}

.main-products .product-4 .hero__decor-round-1 {
    width: 3.645833vw;
    height: 3.645833vw;
    top: 41vw;
    left: 6vw
}

.main-products .product-4 .hero__decor-round-2 {
    width: 2.1875vw;
    height: 2.1875vw;
    top: 17vw;
    left: 65vw
}

.main-products .product-4 .hero__decor-round-3 {
    width: 4.427083vw;
    height: 4.427083vw;
    top: 23vw;
    left: 94vw
}

.main-products .product-4 .hero__decor-round-4 {
    width: 2.8125vw;
    height: 2.8125vw;
    top: 35vw;
    left: 91vw
}

.main-products .product-4 .medications--small .hero__decor-1 {
    width: 5.072917vw;
    height: 4.23125vw;
    top: 7.5vw;
    left: 40vw
}

.main-products .product-4 .medications--small .hero__decor-2 {
    top: 0;
    left: 17.5vw
}

.main-products .product-4 .medications--small .hero__decor-3 {
    width: 5.072917vw;
    height: 4.3125vw;
    top: 16vw;
    left: 57.5vw
}

.main-products .product-4 .medications--small .hero__decor-4 {
    width: 9.072917vw;
    height: 7.5vw;
    right: 40vw;
    top: 3.5vw
}

.main-products .product-4 .medications--small .hero__decor-5 {
    width: 7.072917vw;
    height: 6.1125vw;
    top: 20vw;
    left: 90.5vw
}

.main-products .product-4 .medications--small .hero__decor-round-1 {
    width: 3.020833vw;
    height: 3.020833vw;
    top: 4vw;
    left: 88vw
}

.main-products .product-5 .medications__body {
    margin-top: -3.75rem;
    position: relative;
    z-index: 2
}

.main-products .product-5 .medications__body::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 200vw;
    aspect-ratio: 358/558;
    height: 15.875rem;
    left: -100vw;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(188,191,230,0)),color-stop(45.8%,#8ba1cc),color-stop(89.72%,rgba(190,193,221,0)));
    background: -o-linear-gradient(top,rgba(188,191,230,0) 0,#8ba1cc 45.8%,rgba(190,193,221,0) 89.72%);
    background: linear-gradient(180deg,rgba(188,191,230,0) 0,#8ba1cc 45.8%,rgba(190,193,221,0) 89.72%);
    z-index: -1;
    opacity: .5
}

.main-products .product-5 .hero__image {
    position: relative
}

.main-products .product-5 .medications__image {
    position: absolute;
    display: none
}

.main-products .product-5 .medications__image--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    right: -3.125rem;
    width: 100vw;
    max-height: 20.25rem;
    max-width: 22.5rem
}

.main-products .product-5 .medications__image--mobile::after {
    display: none
}

.main-products .product-5 .hero__decor-1 {
    width: 8.072917vw;
    height: 7.03125vw;
    top: 4.5vw;
    left: 4vw
}

.main-products .product-5 .hero__decor-2 {
    width: 11.072917vw;
    height: 10.03125vw;
    top: 19vw;
    left: 52.5vw
}

.main-products .product-5 .hero__decor-3 {
    width: 8.072917vw;
    height: 7.0125vw;
    top: 36vw;
    left: 55.5vw
}

.main-products .product-5 .hero__decor-4 {
    width: 9.072917vw;
    height: 7.5vw;
    right: 40vw;
    top: 3.5vw
}

.main-products .product-5 .hero__decor-5 {
    width: 7.072917vw;
    height: 6.1125vw;
    top: -2vw;
    left: 88.5vw
}

.main-products .product-5 .hero__decor-round-1 {
    width: 3.645833vw;
    height: 3.645833vw;
    top: 41vw;
    left: 6vw
}

.main-products .product-5 .hero__decor-round-2 {
    width: 3.4375vw;
    height: 3.4375vw;
    top: 27vw;
    left: 39vw
}

.main-products .product-5 .hero__decor-round-3 {
    width: 4.427083vw;
    height: 4.427083vw;
    top: 18vw;
    left: 91vw
}

.main-products .product-5 .hero__decor-round-4 {
    width: 2.8125vw;
    height: 2.8125vw;
    top: 35vw;
    left: 91vw
}

.main-products .product-5 .hero__decor-round-5 {
    width: 1.5625vw;
    height: 1.5625vw;
    top: 31vw;
    left: 50vw
}

.main-products .product-5 .medications--small .medications__body {
    gap: 0;
    margin-top: 0
}

.main-products .product-5 .medications--small .medications__image {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-products .product-5 .medications--small .medications__image::after {
    display: none
}

.main-products .product-5 .medications--small .hero__decor-1 {
    width: 8.072917vw;
    height: 7.03125vw;
    top: 14.5vw;
    left: 45vw
}

.main-products .product-5 .medications--small .hero__decor-2 {
    width: 11.072917vw;
    height: 10.03125vw;
    top: 3vw;
    left: 9.5vw
}

.main-products .product-5 .medications--small .hero__decor-3 {
    width: 6.072917vw;
    height: 5.0125vw;
    top: 2vw;
    left: 37.5vw
}

.main-products .product-5 .medications--small .hero__decor-4 {
    width: 6.072917vw;
    height: 5.5vw;
    right: 30vw;
    top: 9.5vw
}

.swiper,.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-vertical .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.swiper-android .swiper-slide,.swiper-android .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-button-lock {
    display: none!important
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-slide {
    position: relative;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (min-width: 26.25em) {
    .hero-description__list .section-decor__mobile {
        bottom:-2rem;
        max-height: 7.375rem
    }
}

@media (min-width: 29.99875em) {
    .section-decor__mobile--top {
        display:none
    }

    .about__icon {
        margin-right: 0
    }

    .about__text {
        margin-bottom: 4vw
    }

    .hero__title {
        max-width: 70%;
        margin: 0 auto 2.25rem auto
    }

    .hero__btn {
        margin-top: -7.875rem
    }

    .states__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .hero-slide__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14vw;
        flex: 0 0 14vw
    }

    .hero-description__title {
        font-size: clamp(20px,1.2vw + 19.178px,40px);
        padding-right: 35%
    }

    .hero-description__title--big {
        padding-right: 17%
    }

    .medications__body {
        padding: 0 1.25rem;
        width: auto
    }

    .medications__title {
        margin: 0 0 .625rem 0
    }

    .hero-slider--product .hero-slide__inner {
        max-width: 100%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .hero-slider--product .hero-slide__inner .hero-slide__actions {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .hero-slider--product .hero-slide__image {
        -ms-grid-row-span: 2;
        grid-row: span 2
    }
}

@media (min-width: 47.99875em) {
    .btn-more {
        min-width:8.125rem;
        min-height: 2rem;
        width: 8.59375vw;
        height: 1.666667vw
    }

    .direction__list {
        gap: 2vw;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .direction__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 2vw);
        flex: 0 1 calc(50% - 2vw);
        max-width: calc(50% - 2vw)
    }

    .direction-type {
        max-height: 100%;
        min-height: 6.4375rem;
        padding: 0 2.5rem 0 .625rem
    }

    .direction-type__image {
        height: 84.466019%;
        max-height: 6.4375rem;
        min-width: 5.625rem;
        width: 100%;
        max-width: 5.625rem
    }

    .direction-type__image svg {
        width: 100%;
        height: 100%
    }

    .direction-type__text {
        font-size: clamp(16px,2vw,2.444vw)
    }

    .direction-type__link::after {
        background-size: 1.4vw 4vw
    }

    .about__content {
        border: none;
        padding: 4vw
    }

    .about__header {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .about__icon {
        width: 15vw;
        position: absolute;
        right: 2.34375vw;
        top: -3vw;
        right: 0
    }

    .about__inner ul {
        padding-left: 4.7vw
    }

    .about__inner li:not(:last-child) {
        margin-bottom: 2.604167vw
    }

    .about__text {
        margin-bottom: 2.604167vw
    }

    .advantages__content {
        padding-top: .520833vw
    }

    .advantages__title {
        margin-bottom: 5.864583vw
    }

    .advantages__list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2,1fr)
    }

    .partners__content {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2,1fr);
        border-radius: var(--border-radius);
        padding: 1.666667vw;
        background-color: var(--color-white);
        -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.1);
        box-shadow: 0 4px 20px rgba(0,0,0,.1)
    }

    .states__title {
        line-height: 58%
    }

    .hero-slider__pagination {
        gap: 5vw;
        padding-top: .625vw
    }

    .hero-slider__pagination .swiper-pagination-bullet {
        width: 1.1875rem;
        height: 1.1875rem
    }
}

@media (min-width: 61.99875em) {
    .section-title {
        font-size:2.34375vw
    }

    .btn-icon {
        min-width: 20rem;
        line-height: 139%;
        text-align: left;
        width: 22.604167vw;
        height: 3.333333vw;
        padding: 0 1.041667vw
    }

    .btn-icon--hybrid {
        max-width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 22.604167vw;
        min-height: 3.4375rem;
        font-size: 1.125rem
    }

    .btn-icon--hybrid::after {
        display: block
    }

    .page__state-info {
        padding-top: 4.166667vw
    }

    .state-info {
        font-size: .625rem
    }

    .decors__ball {
        display: block
    }

    .decors__round {
        display: block
    }

    .section-decor__mobile {
        display: none
    }

    .section-decor__pc {
        display: block;
        position: absolute;
        z-index: -1;
        width: 100.520833vw;
        height: 21.09375vw;
        left: 0;
        bottom: 0;
        color: var(--color-accent-4)
    }

    .header {
        padding-top: 1.56vw
    }

    .header::after {
        height: 19.427083vw
    }

    .main-menu {
        width: 78.125vw;
        margin: 0 auto;
        gap: 1.25rem;
        padding-right: 0;
        padding-top: 0
    }

    .main-menu__logo svg {
        width: 11.9375rem;
        height: 4.75rem
    }

    .main-menu__search {
        display: none
    }

    .menu__body {
        padding-bottom: 19.875rem;
        min-height: 39.375rem
    }

    .icon-menu.close-menu {
        right: .885417vw
    }

    .pc-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        z-index: 2;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .pc-menu__list {
        gap: 1.25rem
    }

    .pc-menu__link {
        font-size: clamp(14px,1.197916vw,22px)
    }

    .footer-body {
        padding-top: 6.770833vw;
        padding-bottom: 6.770833vw
    }

    .footer-body--mobile {
        display: none
    }

    .footer-body--pc {
        display: block
    }

    .footer-body__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 1.25rem;
        font-size: .833333vw
    }

    .footer-body__title {
        margin-bottom: 0;
        font-size: 1.041667vw
    }

    .footer-body__list {
        margin-bottom: 0;
        gap: 1.041667vw
    }

    .footer-body__inner .logo {
        width: 9.947917vw;
        height: 4.010417vw
    }

    .footer-body__inner {
        max-width: 25vw;
        min-width: 20vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.5625vw
    }

    .footer-body__contacts {
        font-size: 1.041667vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: .416667vw
    }

    .footer-body__contacts-title {
        display: block;
        margin-bottom: .260417vw
    }

    .footer-body__contacts-description span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: .104167vw
    }

    .footer-body__contacts-link:not(:last-child) {
        margin-bottom: .260417vw
    }

    .footer-body__copyright a {
        font-size: .625vw
    }

    .footer-body__copyright-title {
        margin-bottom: 1.354167vw;
        font-size: 1.041667vw
    }

    .footer-body__important {
        padding: 0;
        height: 4.375vw;
        width: 88.572917vw;
        margin: 0 auto 5vw auto
    }

    .footer-body__important span {
        font-size: 3.385417vw;
        letter-spacing: -.02em;
        line-height: unset
    }

    .medications__image {
        position: static;
        z-index: 2;
        max-width: 100%;
        width: 40.46875vw;
        height: 21.510417vw;
        aspect-ratio: 777/413;
        margin: 0
    }

    .medications__image::after {
        display: none
    }

    .medications__image img,.medications__image picture {
        width: 100%
    }

    .direction {
        padding-bottom: 7.3vw
    }

    .direction::after {
        content: ""
    }

    .direction__list {
        padding-top: 1.041667vw;
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(14.791667vw,1fr));
        gap: 1vw
    }

    .direction__item {
        max-width: 100%
    }

    .direction__title {
        display: block;
        line-height: 140%;
        color: #faa893;
        margin: 0 auto;
        font-size: 4.1666vw
    }

    .direction-type {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: clamp(16px,4.444vw,24px);
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(50% - 1vw);
        flex: 1 0 calc(50% - 1vw);
        height: auto;
        text-align: center;
        gap: 2vw;
        padding: 5vw 1vw 3.5vw 1vw;
        min-height: 30.3125vw;
        border-radius: var(--border-radius-pc)
    }

    .direction-type__decor {
        display: none
    }

    .direction-type__image {
        max-width: 100%;
        width: 7.604167vw
    }

    .direction-type__image svg {
        width: 7.604167vw;
        height: 7.604167vw
    }

    .direction-type__text {
        font-size: 1.25vw;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .direction-type__link {
        font-size: clamp(12px,.78125vw,.78125vw);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: .0625rem solid var(--color-white);
        font-size: clamp(11px,.78125vw,15px);
        border-radius: clamp(6px,1.25vw,24px);
        padding: 0 clamp(4px,.6vw,12px);
        border-radius: 1.5rem
    }

    .direction-type__link.ha-clickable-area {
        position: relative;
        width: 8.4375vw;
        height: 1.770833vw
    }

    .direction-type__link::after {
        display: none
    }

    .direction-type__link::before {
        display: none
    }

    .direction-type__link span {
        text-align: center;
        display: block
    }

    .page__about {
        padding-bottom: 5.25vw;
        padding-top: 10.416667vw
    }

    .about__content {
        background-color: #edf0f3;
        padding: 2.083333vw 2vw
    }

    .about__inner ul {
        padding-left: 3.5vw;
        margin-bottom: .729167vw
    }

    .about__inner li:not(:last-child) {
        margin-bottom: .5vw
    }

    .advantages__title {
        padding-top: .520833vw;
        margin-bottom: 2.864583vw
    }

    .page__partners {
        padding-top: 7.5vw;
        padding-bottom: 9.5vw
    }

    .hero:not(:first-child) {
        padding-top: 3.125vw
    }

    .hero::after {
        background-image: url(../img/hero/1/gradient.svg);
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: 29.114583vw
    }

    .hero__wrapper {
        padding-bottom: 25.9375vw
    }

    .hero__title {
        position: absolute;
        left: 12.96875vw;
        top: 8.760417vw
    }

    .hero__content {
        max-width: 100%;
        width: 90.729167vw;
        height: 34.270833vw;
        padding-top: 4.8125vw;
        margin: 0
    }

    .hero__image {
        display: none
    }

    .hero__image-pc {
        display: block
    }

    .hero__btn {
        margin-top: 0;
        position: absolute;
        font-size: 1.125rem;
        -webkit-transform: translateY(2vw);
        -ms-transform: translateY(2vw);
        transform: translateY(2vw);
        min-height: 3.125rem;
        right: 10vw;
        width: 22vw;
        min-width: 15rem;
        height: 3.233871vw;
        padding: 0 1.041667vw;
        top: 32vw
    }

    .hero.hero-endometriosis .hero__decor-4 {
        right: 0
    }

    .hero.hero-lactication .hero__wrapper {
        padding-bottom: 17.9375vw
    }

    .hero.hero-lactication .hero__btn {
        right: 59.4vw;
        top: 30vw
    }

    .hero.hero-lactication .hero__title {
        text-align: left;
        max-width: 34.84375vw;
        top: 3vw;
        left: 52.96875vw;
        font-size: 4.166667vw;
        line-height: 100%
    }

    .hero.hero-lactication .hero__image-pc {
        width: 100vw
    }

    .hero.hero-lactication .hero__content {
        padding-top: 0;
        margin-top: -3.854167vw;
        height: 37.1875vw
    }

    .hero-antiandrogenic.hero {
        bottom: 0
    }

    .hero-antiandrogenic.hero::after {
        background-image: url(../img/hero/3/gradient.svg);
        height: 22.65625vw
    }

    .hero.hero-antiandrogenic {
        padding-top: 6vw
    }

    .hero.hero-antiandrogenic .hero__wrapper {
        padding-bottom: 20.9375vw
    }

    .hero.hero-antiandrogenic .hero__btn {
        right: 11vw;
        top: 33vw
    }

    .hero.hero-antiandrogenic .hero__title {
        text-align: left;
        max-width: 37.84375vw;
        top: 4vw;
        left: 16.96875vw;
        font-size: 4.166667vw;
        line-height: 100%
    }

    .hero.hero-antiandrogenic .hero__image-pc {
        width: 95vw
    }

    .hero.hero-antiandrogenic .hero__content {
        padding-top: 0;
        margin-top: -4.864583vw;
        height: 37.1875vw
    }

    .hero.hero-menstrual {
        padding-top: 6vw
    }

    .hero.hero-menstrual .hero__wrapper {
        padding-bottom: 18.9375vw
    }

    .hero.hero-menstrual .hero__btn {
        right: 66.5vw;
        top: 35.5vw
    }

    .hero.hero-menstrual .hero__title {
        text-align: left;
        max-width: 37.84375vw;
        top: 6vw;
        left: 50vw;
        font-size: 4.166667vw;
        line-height: 100%
    }

    .hero.hero-menstrual .hero__image-pc {
        width: 97vw
    }

    .hero.hero-menstrual .hero__content {
        padding-top: 0;
        margin-top: -1.854167vw;
        height: 42.291667vw;
        margin-left: 12.760417vw
    }

    .hero.hero-intimate {
        padding-top: 6vw
    }

    .hero.hero-intimate .hero__wrapper {
        padding-bottom: 11.9375vw
    }

    .hero.hero-intimate .hero__btn {
        right: 14.5vw;
        top: 28.5vw
    }

    .hero.hero-intimate .hero__title {
        text-align: left;
        max-width: 44.84375vw;
        top: -4vw;
        left: 16vw;
        font-size: 4.166667vw;
        line-height: 100%
    }

    .hero.hero-intimate .hero__image-pc {
        width: 100vw
    }

    .hero.hero-intimate .hero__content {
        padding-top: 0;
        margin-top: -4.854167vw;
        height: 42.291667vw;
        margin-left: 2.760417vw
    }

    .page__states {
        padding-top: 3.645833vw
    }

    .states--accent-1 .states__title {
        color: var(--color-main)
    }

    .states--accent-2 .states__title {
        color: var(--color-main)
    }

    .states--accent-3 .states__title {
        color: var(--color-main)
    }

    .states--accent-4 .states__title {
        color: var(--color-main)
    }

    .states--accent-5 .states__title {
        color: var(--color-main)
    }

    .states__title {
        margin-bottom: 6vw;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 2.34375vw;
        margin-bottom: 6vw
    }

    .states__list {
        -webkit-column-gap: 3.645833vw;
        -moz-column-gap: 3.645833vw;
        column-gap: 3.645833vw;
        row-gap: 4.6875vw;
        margin: 0 auto
    }

    .states__item {
        width: auto;
        max-width: 100%
    }

    .states__link {
        font-size: 1.041667vw;
        min-height: 3.645833vw;
        width: 22.395833vw;
        border-radius: 1.770833vw;
        border-width: .104167vw
    }

    .page__pharmacies {
        padding-top: 4.5vw
    }

    .pharmacies__title {
        margin-bottom: 3.125vw;
        font-size: 2.34375vw
    }

    .pharmacies__item {
        gap: 1.041667vw;
        width: 100%;
        height: 8vw;
    }

    .page-state {
        padding-top: 5.552083vw
    }

    .page-state__endometriosis .hero__content {
        padding-top: 2.8125vw
    }

    .page-state__endometriosis .hero__wrapper {
        padding-bottom: 20vw
    }

    .page__hero-slider {
        padding-top: 0
    }

    .hero-slider__title {
        display: none
    }

    .hero-slider__title-pc {
        display: inline-block
    }

    .hero-slider__subtitle {
        display: none
    }

    .hero-slider__content {
        background-color: var(--color-white);
        padding: 1.5625vw
    }

    .hero-slide__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 1.354167vw;
        -moz-column-gap: 1.354167vw;
        column-gap: 1.354167vw
    }

    .hero-slide__time {
        font-size: 1.302083vw;
        width: 8.229167vw;
        height: 2.03125vw;
        right: .78125vw;
        top: 1.197917vw
    }

    .hero-slide__body {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 56.354167vw;
        flex: 1 0 56.354167vw;
        max-height: 100%;
        min-height: 34.114583vw;
        aspect-ratio: 16/9;
        height: 100%
    }

    .hero-slide__info {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 17.1875vw;
        flex: 0 0 17.1875vw;
        border: none;
        padding: 0;
        gap: 1.5625vw
    }

    .hero-slide__title {
        display: none
    }

    .hero-slide__inner {
        gap: .520833vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .hero-slide__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 7.291667vw;
        height: 8.072917vw
    }

    .hero-slide__text {
        gap: .9375rem
    }

    .hero-slide__actions {
        -webkit-column-gap: 1.302083vw;
        -moz-column-gap: 1.302083vw;
        column-gap: 1.302083vw
    }

    .hero-slide__send svg {
        width: 2.03125vw;
        height: 2.03125vw;
        min-width: 2.1875rem;
        min-height: 2.1875rem
    }

    .hero-slide__vk svg {
        height: 2.03125vw;
        width: 2.03125vw;
        min-width: 2.1875rem;
        min-height: 2.1875rem
    }

    .hero-slide__btn {
        min-height: 2.25rem;
        min-width: 10.3125rem;
        font-size: .9375rem
    }

    .hero-description {
        padding-top: 0
    }

    .hero-description__item {
        padding-bottom: 0
    }

    .hero-description__item:not(:last-child) {
        padding-bottom: 6.5625vw
    }

    .hero-description__body {
        padding: 1.822917vw 1.666667vw 1.666667vw 1.666667vw;
        border-width: .125rem
    }

    .hero-description__header {
        padding-bottom: 1.875vw
    }

    .hero-description__image {
        width: 100%;
        max-height: initial;
        height: initial
    }

    .hero-description__title::after {
        height: 8.229167vw;
        top: auto;
        bottom: 0
    }

    .hero-description__title br {
        display: none
    }

    .hero-description .hero-description__btn {
        margin: 0 0 0 auto
    }

    .hero-description__content br {
        display: none
    }

    .hero-description__content {
        padding: 3.75rem;
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 108%;
        padding: 2.604167vw 2.8125vw
    }

    .medications .hero:not(:first-child) {
        padding-top: 5.46875vw
    }

    .medications {
        padding-top: 2.083333vw
    }

    .medications .page__hero {
        padding-top: 2.5vw
    }

    .medications .hero .hero__content {
        padding-top: 0;
        height: auto;
        width: auto
    }

    .medications__body {
        padding: 0;
        padding-top: 15.3125vw;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 auto;
        max-width: 90.125vw!important
    }

    .medications__body::after {
        display: none
    }

    .medications__body--right .medications__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin-left: 3.125vw
    }

    .medications__body--right .medications__header {
        padding-left: 49vw
    }

    .medications__body--right .medications__links {
        margin-left: 3.5vw
    }

    .medications__body--right .medications__image {
        margin-left: 0
    }

    .medications .hero__wrapper {
        padding-bottom: 0
    }

    .medications .hero__image-pc {
        position: absolute;
        width: 89vw;
        max-width: 100vw
    }

    .medications__title {
        font-size: 3.385417vw;
        text-align: left;
        max-width: 50vw
    }

    .medications__title br {
        display: block
    }

    .medications__header-mobile {
        display: none
    }

    .medications__header {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 1.458333vw;
        padding-left: 9vw
    }

    .medications__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        max-width: 83vw
    }

    .medications__subtitle {
        display: none
    }

    .medications__subbtn {
        left: 14.5vw;
        top: 22vw;
        height: 1.875vw;
        width: 11.614583vw
    }

    .medications__links {
        margin-bottom: 2vw
    }

    .medications__decor {
        display: none
    }

    .medications .hero-endometriosis .medications__image {
        margin-left: 7vw
    }

    .medications .hero-endometriosis .hero__decor-round-1 {
        width: 3.020833vw;
        height: 3.020833vw;
        left: 12.5vw;
        top: 10vw
    }

    .medications .hero-endometriosis .hero__decor-round-2 {
        width: 5.46875vw;
        height: 5.46875vw;
        top: 38.5vw;
        left: 4.4vw
    }

    .medications .hero-endometriosis .hero__decor-round-3 {
        width: 2.1875vw;
        height: 2.1875vw;
        top: 23vw;
        left: 62.5vw
    }

    .medications .hero-endometriosis .hero__decor-round-4 {
        width: 4.427083vw;
        height: 4.427083vw;
        top: 19vw;
        left: 93vw
    }

    .medications .hero-endometriosis .hero__decor-round-5 {
        width: 2.8125vw;
        height: 2.8125vw;
        top: 35.5vw;
        left: 90vw
    }

    .medications .hero-endometriosis .hero__decor-1 {
        width: 8.072917vw;
        height: 6.53125vw;
        top: 5vw;
        left: 38vw
    }

    .medications .hero-endometriosis .hero__decor-2 {
        width: 12.072917vw;
        height: 10.53125vw;
        top: 12vw;
        left: 46.5vw
    }

    .medications .hero-endometriosis .hero__decor-3 {
        width: 7.072917vw;
        height: 5.53125vw;
        top: 32.5vw;
        left: 51.5vw
    }

    .medications .hero-lactication.hero .hero__wrapper {
        padding-bottom: 3.9375vw
    }

    .medications .hero-lactication .medications__header {
        padding-top: 5vw
    }

    .medications .hero-lactication .medications__body {
        padding-top: 10.416667vw
    }

    .medications .hero-lactication .hero__image-pc {
        margin-left: 0
    }

    .medications .hero-lactication .hero__image-pc svg {
        width: 114.166667vw;
        height: 56.875vw
    }

    .medications .hero-lactication .hero__decor-round-1 {
        width: 3.645833vw;
        height: 3.645833vw;
        left: 6vw;
        top: 46vw
    }

    .medications .hero-lactication .hero__decor-round-2 {
        width: 4.427083vw;
        height: 4.427083vw;
        top: 18vw;
        left: 43.4vw
    }

    .medications .hero-lactication .hero__decor-round-3 {
        width: 1.5625vw;
        height: 1.5625vw;
        top: 27.5vw;
        left: 43vw
    }

    .medications .hero-lactication .hero__decor-round-4 {
        width: 2.8125vw;
        height: 2.8125vw;
        top: 48vw;
        left: 94.5vw
    }

    .medications .hero-lactication .hero__decor-round-5 {
        width: 2.8125vw;
        height: 2.8125vw;
        top: 37.5vw;
        left: 90vw
    }

    .medications .hero-lactication .hero__decor-1 {
        width: 7.072917vw;
        height: 5.53125vw;
        top: 10.5vw;
        left: 40vw
    }

    .medications .hero-lactication .hero__decor-2 {
        width: 12.072917vw;
        height: 10.53125vw;
        top: 8.5vw;
        left: 82.5vw
    }

    .medications .hero-lactication .hero__decor-3 {
        width: 8.072917vw;
        height: 6.53125vw;
        top: 7vw;
        left: 71vw
    }

    .medications .hero-antiandrogenic .hero__wrapper {
        padding-bottom: 1vw
    }

    .medications .hero-antiandrogenic .medications__image {
        width: 46vw;
        height: 28.25vw;
        aspect-ratio: 960/600;
        left: 7.5vw;
        top: 27.5vw;
        margin-left: 8vw
    }

    .medications .hero-antiandrogenic .medications__image img {
        padding: 0
    }

    .medications .hero-antiandrogenic .medications__body {
        gap: 0
    }

    .medications .hero-antiandrogenic .medications__subbtn {
        position: absolute;
        left: 35.5vw;
        top: 9.2vw
    }

    .medications .hero-antiandrogenic .medications__body {
        padding-top: 6.770833vw
    }

    .medications .hero-antiandrogenic .hero__image-pc {
        left: -12.5vw;
        top: -1vw
    }

    .medications .hero-antiandrogenic .hero__image-pc svg {
        width: 102.65625vw;
        height: 54.84375vw
    }

    .medications .hero-antiandrogenic .hero__decor-round-1 {
        width: 3.645833vw;
        height: 3.645833vw;
        left: 6vw;
        top: 41vw
    }

    .medications .hero-antiandrogenic .hero__decor-round-2 {
        width: 1.5625vw;
        height: 1.5625vw;
        top: 24vw;
        left: 38vw
    }

    .medications .hero-antiandrogenic .hero__decor-round-3 {
        width: 2.1875vw;
        height: 2.1875vw;
        top: 29vw;
        left: 62.5vw
    }

    .medications .hero-antiandrogenic .hero__decor-round-4 {
        width: 4.427083vw;
        height: 4.427083vw;
        top: 21vw;
        left: 93vw
    }

    .medications .hero-antiandrogenic .hero__decor-round-5 {
        width: 2.8125vw;
        height: 2.8125vw;
        top: 38vw;
        left: 90vw
    }

    .medications .hero-antiandrogenic .hero__decor-1 {
        width: 8.072917vw;
        height: 6.53125vw;
        top: 8vw;
        left: 6.5vw
    }

    .medications .hero-antiandrogenic .hero__decor-2 {
        width: 12.072917vw;
        height: 10.53125vw;
        top: 18vw;
        left: 50vw
    }

    .medications .hero-antiandrogenic .hero__decor-3 {
        width: 7.072917vw;
        height: 5.53125vw;
        top: 35vw;
        left: 51.5vw
    }

    .medications .hero-menstrual.hero::after {
        bottom: -10vw
    }

    .medications .hero-menstrual .hero__wrapper {
        padding-bottom: 1vw
    }

    .medications .hero-menstrual .hero__content {
        margin: 0
    }

    .medications .hero-menstrual .medications__body {
        padding-top: 5.5vw
    }

    .medications .hero-menstrual .medications__header {
        padding-left: 43vw
    }

    .medications .hero-menstrual .medications__image {
        width: 48.020833vw;
        height: 30.625vw
    }

    .medications .hero-menstrual .medications__image img {
        padding-left: 0
    }

    .medications .hero-menstrual .medications__subbtn {
        position: absolute;
        left: 60.5vw;
        top: 9.2vw
    }

    .medications .hero-menstrual .hero__image-pc svg {
        width: 114.66667vw;
        height: 47.875vw
    }

    .medications .hero-menstrual .hero__decor-round-1 {
        width: 4.427083vw;
        height: 4.427083vw;
        left: 7vw;
        top: 22vw
    }

    .medications .hero-menstrual .hero__decor-round-2 {
        width: 2.8125vw;
        height: 2.8125vw;
        top: 35.5vw;
        left: 40.4vw
    }

    .medications .hero-menstrual .hero__decor-round-3 {
        width: 1.5625vw;
        height: 1.5625vw;
        top: 28vw;
        left: 43vw
    }

    .medications .hero-menstrual .hero__decor-round-4 {
        width: 3.177083vw;
        height: 3.177083vw;
        top: 28.5vw;
        left: 81.5vw
    }

    .medications .hero-menstrual .hero__decor-round-5 {
        width: 2.8125vw;
        height: 2.8125vw;
        top: 37.5vw;
        left: 90vw
    }

    .medications .hero-menstrual .hero__decor-1 {
        width: 7.072917vw;
        height: 5.53125vw;
        top: 11vw;
        left: 40vw
    }

    .medications .hero-menstrual .hero__decor-2 {
        width: 12.072917vw;
        height: 10.53125vw;
        top: 13vw;
        left: 80vw
    }

    .medications .hero-menstrual .hero__decor-3 {
        width: 8.072917vw;
        height: 6.53125vw;
        top: 27vw;
        left: 67vw
    }

    .medications .hero-intimate .medications__header {
        position: absolute;
        left: 20.5vw;
        top: 18vw
    }

    .medications .hero-intimate .hero__wrapper {
        padding-bottom: 2vw
    }

    .medications .hero-intimate .medications__image {
        width: 37.59375vw;
        height: 48.770833vw;
        left: 7.5vw;
        top: 27.5vw;
        margin-left: 0
    }

    .medications .hero-intimate .medications__links {
        margin-bottom: 7.291667vw
    }

    .medications .hero-intimate .medications__body {
        padding-top: 6.770833vw
    }

    .medications .hero-intimate .hero__image-pc {
        top: 4.5vw;
        left: -9vw
    }

    .medications .hero-intimate .hero__image-pc svg {
        width: 109.65625vw;
        height: 55.84375vw
    }

    .medications .hero-intimate .hero__decor-round-1 {
        width: 2.604167vw;
        height: 2.604167vw;
        left: 7vw;
        top: 14.5vw
    }

    .medications .hero-intimate .hero__decor-round-2 {
        width: 1.302083vw;
        height: 1.302083vw;
        top: 34vw;
        left: 11vw
    }

    .medications .hero-intimate .hero__decor-round-3 {
        width: 1.5625vw;
        height: 1.5625vw;
        top: 37vw;
        left: 37vw
    }

    .medications .hero-intimate .hero__decor-round-4 {
        width: 2.864583vw;
        height: 2.864583vw;
        top: 38vw;
        left: 53vw
    }

    .medications .hero-intimate .hero__decor-round-5 {
        width: 2.8125vw;
        height: 2.8125vw;
        top: 32.5vw;
        left: 91vw
    }

    .medications .hero-intimate .hero__decor-round-6 {
        width: 4.427083vw;
        height: 4.427083vw;
        top: 17.5vw;
        left: 94.5vw
    }

    .medications .hero-intimate .hero__decor-1 {
        width: 8.072917vw;
        height: 6.53125vw;
        top: 18.5vw;
        left: 9.5vw
    }

    .medications .hero-intimate .hero__decor-2 {
        width: 12.072917vw;
        height: 10.53125vw;
        top: 27vw;
        left: 56vw
    }

    .medications .hero-intimate .hero__decor-3 {
        width: 8.072917vw;
        height: 6.53125vw;
        top: 31vw;
        left: 42vw
    }

    .product {
        padding-top: 0
    }

    .product__title {
        display: none
    }

    .product .hero .medications__body {
        padding-top: 11vw;
        margin-bottom: 10vw
    }

    .product .hero-description {
        padding-top: 9.166667vw
    }

    .hero-slider--product {
        padding-top: 9.375vw
    }

    .hero-slider--product .hero-slide__info-product {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 1.875rem 1.875rem 1.875rem 2.5rem;
        gap: 1.25rem;
        height: 100%
    }

    .hero-slider--product .hero-slider__content {
        border: none
    }

    .hero-slider--product .hero-slide__body {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 54vw;
        flex: 1 0 54vw
    }

    .hero-slider--product .hero-slide__content {
        gap: 1.5625rem
    }

    .hero-slider--product .hero-slide__inner {
        -webkit-column-gap: 2.1875rem;
        -moz-column-gap: 2.1875rem;
        column-gap: 2.1875rem;
        row-gap: 1.875rem
    }

    .hero-slider--product .hero-slide__image {
        width: 8.3125rem;
        height: 11.375rem
    }

    .hero-slider--product .hero-slider__title-pc {
        word-break: break-word
    }

    .theme--orange .hero-endometriosis .medications__image {
        margin-left: 0
    }

    .theme--purple .header::after {
        height: 14vw
    }

    .theme--turquoise .header::after {
        height: 14vw
    }

    .theme--pink .header::after {
        height: 14vw
    }

    .theme--blue .header::after {
        height: 14vw
    }

    .main-state .page__hero-description {
        margin-bottom: 6.25vw
    }

    .main-state .page-state {
        padding-top: 5.552083vw
    }

    .main-state .page-state .hero__image-pc {
        padding-top: 4.5vw
    }

    .main-state .hero-endometriosis .hero__image-pc {
        padding-top: 0
    }

    .main-state .hero-lactication {
        padding-top: 6vw
    }

    .main-state .hero-lactication .hero__wrapper {
        padding-bottom: 17.9375vw
    }

    .main-state .hero-lactication .hero__btn {
        top: auto!important;
        bottom: 16vw
    }

    .main-state .hero-lactication .hero__title {
        top: 6vw;
        left: 40vw
    }

    .main-state .hero-lactication .hero__image-pc {
        width: 100vw;
        margin-left: 0
    }

    .main-state .hero-antiandrogenic.hero::after {
        background-image: url(../img/hero/3/gradient.svg);
        height: 22.65625vw
    }

    .main-state .hero-antiandrogenic .hero__title {
        top: 7vw
    }

    .main-state .hero-antiandrogenic {
        padding-top: 4.5vw
    }

    .main-state .hero-antiandrogenic .hero__wrapper {
        padding-bottom: 20vw
    }

    .main-state .hero-antiandrogenic .hero__btn {
        right: 11vw;
        top: 36vw
    }

    .main-state .hero-menstrual.hero::after {
        height: 24.114583vw
    }

    .main-state .hero-menstrual .hero__image-pc {
        padding-top: 0;
        margin-top: -4vw
    }

    .main-state .hero-menstrual .hero__wrapper {
        padding-bottom: 12.5vw
    }

    .main-state .hero-menstrual .hero__btn {
        top: auto!important;
        bottom: 20vw
    }

    .main-state .hero-intimate {
        padding-top: 13.5vw
    }

    .main-state .hero-intimate .hero__wrapper {
        padding-bottom: 6vw
    }

    .main-state .hero-intimate .hero__image-pc {
        padding-top: 0
    }

    .main-state .hero-intimate .hero__title {
        max-width: 45.84375vw;
        top: 5vw
    }

    .main-state .hero-intimate .hero__btn {
        top: auto!important;
        bottom: 15vw
    }

    .main-products .page__states {
        padding-top: 7.8125vw
    }

    .main-products .product .medications__header {
        padding-left: 3vw
    }

    .main-products .product .hero-slider .section-decor__pc {
        bottom: -12.458333vw
    }

    .main-products .product .medications {
        padding-top: 2.75vw
    }

    .main-products .product .medications__title {
        font-size: 3.385417vw
    }

    .main-products .product .medications__body {
        margin-bottom: 0;
        gap: 8vw;
        max-width: 78.12vw!important
    }

    .main-products .product .medications--small {
        padding-top: 3vw
    }

    .main-products .product .medications--small .medications__body {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 11vw;
        margin-bottom: 7vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2vw
    }

    .main-products .product .medications--small .medications__title {
        display: inline-block;
        font-size: 2.864583vw
    }

    .main-products .product .medications--small .medications__header {
        padding-left: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0
    }

    .main-products .product .medications--small .medications__inner {
        padding-top: 0
    }

    .main-products .product-1 .medications__body {
        padding-top: 11vw
    }

    .main-products .product-1 .medications--small .medications {
        padding-top: 0
    }

    .main-products .product-1 .medications--small .medications__header {
        gap: 4.5vw
    }

    .main-products .product-2 .medications--small .medications__image {
        margin-left: 0
    }

    .main-products .product-2 .medications--small .hero-lactication {
        padding-top: 11vw
    }

    .main-products .product-2 .medications--small .medications__header {
        padding-top: 0
    }

    .main-products .product-2 .medications--small .medications__body {
        padding-top: 3vw
    }

    .main-products .product-2 .hero::after {
        bottom: -4vw
    }

    .main-products .product-2 .medications {
        padding-top: 0
    }

    .main-products .product-2 .medications__body {
        margin-bottom: 0
    }

    .main-products .product-2 .hero__image-pc {
        width: 100vw
    }

    .main-products .product-3 .medications__body {
        padding-top: 6.5vw;
        gap: 5vw
    }

    .main-products .product-3 .medications__image {
        width: 45vw;
        height: 27.25vw;
        aspect-ratio: 960/600;
        left: 7.5vw;
        top: 27.5vw;
        margin-left: 1vw
    }

    .main-products .product-3 .medications__image img {
        padding-left: 0
    }

    .main-products .product-3 .medications__body {
        gap: 0
    }

    .main-products .product-3 .hero {
        padding-top: 2vw
    }

    .main-products .product-3 .medications__body {
        margin-bottom: 0
    }

    .main-products .product-3 .medications--small .medications__title {
        min-width: 38vw
    }

    .main-products .product-3 .medications--small .medications__body {
        padding-top: 17vw
    }

    .main-products .product-3 .medications--small .medications__title {
        position: absolute;
        left: -14vw;
        top: -18vw
    }

    .main-products .product-3 .medications--small .hero {
        padding-top: 0
    }

    .main-products .product-4 .medications__image {
        width: 44.020833vw;
        height: 26.625vw
    }

    .main-products .product-4 .medications {
        padding-top: 5vw
    }

    .main-products .product-4 .hero-menstrual .hero::after {
        bottom: -13vw
    }

    .main-products .product-4 .medications__image {
        margin-left: 1.5vw
    }

    .main-products .product-4 .medications__image img {
        padding-left: 0
    }

    .main-products .product-4 .hero__image-pc {
        width: 114.635417vw;
        height: 52.8125vw;
        left: -14vw;
        max-width: none
    }

    .main-products .product-4 .medications__body {
        gap: 0
    }

    .main-products .product-4 .medications--small {
        padding-top: 0
    }

    .main-products .product-4 .medications--small .medications__header {
        gap: 6.25vw
    }

    .main-products .product-4 .medications--small .medications__image {
        margin-left: 2.5vw
    }

    .main-products .product-4 .medications--small .hero::after {
        height: 20.114583vw;
        bottom: 0
    }

    .main-products .product-4 .medications--small .hero__image-pc {
        width: 100vw;
        left: 0
    }

    .main-products .product-4 .medications--small .hero-menstrual {
        padding-top: 10vw
    }

    .main-products .product-4 .medications--small .medications__header {
        padding-top: 0
    }

    .main-products .product-4 .medications--small .medications__body {
        padding-top: 0
    }

    .main-products .product-5 .medications {
        padding-top: 2vw
    }

    .main-products .product-5 .hero::after {
        height: 38vw
    }

    .main-products .product-5 .medications__body {
        margin-top: 0;
        padding-top: 35vw
    }

    .main-products .product-5 .medications__body::after {
        display: none
    }

    .main-products .product-5 .medications__header {
        position: absolute;
        left: 20vw
    }

    .main-products .product-5 .medications__links {
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        width: 100%
    }

    .main-products .product-5 .medications__image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 40.333333vw;
        height: 40.333333vw;
        aspect-ratio: 832/832;
        left: -7vw
    }

    .main-products .product-5 .medications__image--mobile {
        display: none
    }

    .main-products .product-5 .medications__header {
        top: 9vw;
        left: 22vw
    }

    .main-products .product-5 .hero__image-pc {
        width: 100vw
    }

    .main-products .product-5 .medications--small .hero-intimate {
        padding-top: 12vw
    }

    .main-products .product-5 .medications--small .hero__image-pc {
        width: 108.958333vw;
        left: -8vw;
        top: -2vw
    }

    .main-products .product-5 .medications--small .medications__header {
        gap: 9.458333vw;
        left: 45.2vw
    }

    .main-products .product-5 .medications--small .medications__title {
        min-width: 34.875rem
    }

    .main-products .product-5 .medications--small .medications__body {
        padding-top: 0
    }

    .main-products .product-5 .medications--small .medications__body::after {
        display: none
    }

    .state-1 .hero__btn {
        top: 28vw
    }

    .state-2 .hero__btn {
        top: 28vw
    }

    .state-3 .hero__btn {
        top: 28vw
    }

    .state-4 .hero__btn {
        top: 28vw
    }

    .state-5 .hero__btn {
        top: 28vw
    }
}

@media (min-width: 61.99875em) and (min-width:87.5em) {
    .main-products .product .medications__title {
        font-size:3.125vw
    }
}

@media (min-width: 87.5em) {
    .main-wrapper {
        max-width:78.12vw
    }

    .btn-icon {
        font-size: .9375vw
    }

    .page__direction {
        margin-bottom: 0;
        padding-top: 9.3vw
    }

    .advantages__list {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4,1fr);
        margin-bottom: 3.75rem
    }

    .hero__btn {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .hero.hero-lactication .hero__btn {
        top: 40.5vw;
        right: 59.4vw
    }

    .hero.hero-antiandrogenic .hero__btn {
        top: 36vw
    }

    .hero.hero-menstrual .hero__btn {
        top: 37.5vw
    }

    .hero.hero-intimate .hero__btn {
        top: 31.5vw
    }

    .states__title {
        margin-bottom: 10.9375vw
    }

    .states__list {
        -webkit-column-gap: 4.947917vw;
        -moz-column-gap: 4.947917vw;
        column-gap: 4.947917vw;
        row-gap: 5.572917vw
    }

    .hero-description__list .section-decor__pc {
        width: 100.520833vw
    }

    .medications__subbtn {
        min-width: 13.9375rem;
        min-height: 2.25rem
    }

    .hero-slider--product .hero-slide__info-product {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border-radius: var(--border-radius-pc)
    }

    .hero-slider--product .hero-slider__content {
        padding: 1.4375rem 2.0625rem 2.0625rem 2.0625rem
    }

    .hero-slider--product .hero-slide__body {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 74.895833vw;
        flex: 1 0 74.895833vw
    }

    .hero-slider--product .hero-slide__inner {
        width: 30.9375vw
    }

    .main-state .hero-lactication .hero__btn {
        bottom: 6vw
    }

    .main-state .hero-antiandrogenic .hero__btn {
        top: 38vw
    }

    .main-state .hero-menstrual .hero__btn {
        bottom: 18vw
    }

    .main-state .hero-intimate .hero__btn {
        right: 13.5vw
    }

    .main-products .product .medications--small .medications__body {
        padding-top: 12vw
    }

    .main-products .product-4 .medications--small .medications__body {
        padding-top: 3vw
    }

    .main-products .product-5 .medications--small .medications__title {
        min-width: 40rem
    }

    .state-1 .hero__btn {
        top: 30vw
    }

    .state-2 .hero__btn {
        top: 30vw
    }

    .state-3 .hero__btn {
        top: 30vw
    }

    .state-4 .hero__btn {
        top: 30vw
    }

    .state-5 .hero__btn {
        top: 30vw
    }
}

@media (min-width: 220rem) {
    .popup__content {
        max-width: 13.5vw;
    }
    
    .popup-spec__btns {
        width: 100%;
    }
    
    .popup-spec__btn {
        width: 50%;
        height: 3vh;
    }
}

@media (min-width: 120em) {
    body {
        font-size:1.25vw
    }

    .popup__content {
        padding: .78125vw;
        border-radius: 1.041667vw
    }

    .btn-more {
        font-size: .729167vw;
        border-radius: var(--border-radius-pc)
    }

    .btn-icon {
        border-radius: var(--border-radius-pc)
    }

    .btn-icon::after {
        width: 1.822917vw;
        height: 1.822917vw
    }

    .btn-icon--hybrid {
        font-size: .9375vw
    }

    .state-info {
        font-size: .520833vw
    }

    .state-info__content {
        gap: .364583vw
    }

    .state-info__content span {
        margin-bottom: .520833vw
    }

    .popup-spec__inner {
        border-radius: var(--border-radius-pc);
        border-width: .052083vw;
        padding: .729167vw;
        gap: 1.5625vw
    }

    .popup-spec__description {
        font-size: .9375vw
    }

    .popup-spec__btn {
        font-size: 1.041667vw;
        border-radius: var(--border-radius-pc)
    }

    .main-menu {
        gap: 3.125vw
    }

    .main-menu__logo svg {
        width: 9.947917vw;
        height: 3.958333vw
    }

    .menu__body {
        padding: 5.885417vw 4.947917vw 4.375vw 2.03125vw;
        max-width: 27.906977vw;
        font-size: 2.325581vw;
        min-height: 32.8125vw
    }

    .icon-menu {
        width: 2.34375vw;
        height: 2.34375vw
    }

    .icon-menu::after,.icon-menu::before {
        max-width: 1.458333vw;
        right: .4vw;
        height: .155039vw
    }

    .icon-menu::before {
        top: 1.395349vw
    }

    .icon-menu::after {
        bottom: 1.395349vw
    }

    .icon-menu span {
        top: calc(50% - .078125vw)
    }

    .menu-open .icon-menu span {
        width: 0
    }

    .menu-open .icon-menu::before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .menu-open .icon-menu::after {
        bottom: calc(50% - .13vw);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .pc-menu__list {
        gap: 2.083333vw
    }

    .pc-menu__link {
        font-size: 1.145833vw
    }

    .footer-body__important {
        border-radius: 2.34375vw;
        max-width: 95.572917vw
    }

    .direction-type__image {
        max-height: 100%;
        height: auto
    }

    .direction-type__link {
        font-size: .78125vw;
        border-radius: var(--border-radius-pc)
    }

    .about__content {
        border-radius: var(--border-radius-pc);
        gap: 2.34375vw
    }

    .about__inner {
        font-size: 1.458333vw;
        padding: 2.34375vw 1.25vw 1.416667vw 2.083333vw;
        border-radius: var(--border-radius-pc)
    }

    .advantages__title {
        font-size: 2.34375vw
    }

    .advantages__list {
        gap: .729167vw;
        margin-bottom: 3.125vw
    }

    .advantages__item {
        min-height: 11.145833vw;
        padding: 2.604167vw 1.041667vw .78125vw 1.041667vw
    }

    .advantages__number {
        font-size: 3.645833vw
    }

    .advantages__description {
        font-size: 1.041667vw
    }

    .advantages__info {
        font-size: .729167vw
    }

    .partners__title {
        font-size: 2.34375vw;
        margin-bottom: 2.864583vw
    }

    .partners__content {
        border-radius: var(--border-radius-pc)
    }

    .partners__link {
        max-height: 100%;
        height: 13.854167vw;
        border-radius: var(--border-radius-pc)
    }

    .partners__image--chemo {
        width: 13.59375vw;
        height: 7.34375vw
    }

    .partners__image--emcure {
        width: 16.979167vw;
        height: 5.833333vw
    }

    .hero__title {
        font-size: 4.166667vw
    }

    .hero__btn {
        width: 22.604167vw;
        height: 3.333333vw;
        font-size: .9375vw;
        top: 32vw
    }

    .hero.hero-endometriosis .hero__decor-4 {
        right: 3vw
    }

    .states__item {
        max-width: 20.833333vw
    }

    .pharmacies__image {
        height: 5.260417vw
    }

    .pharmacies__image img {
        width: 100%;
        height: 100%
    }

    .pharmacies__btn {
        width: 7.864583vw;
        height: 1.875vw;
        font-size: .833333vw;
        border-radius: .989583vw
    }

    .page-state__endometriosis .hero__title {
        font-size: 4.6875vw
    }

    .hero-slider__content {
        border-radius: var(--border-radius-pc)
    }

    .hero-slider__slide {
        margin-right: 1.041667vw
    }

    .hero-slider__pagination .swiper-pagination-bullet {
        width: .989583vw;
        height: .989583vw
    }

    .hero-slide__body {
        border-radius: var(--border-radius-pc)
    }

    .hero-slide__info {
        border-radius: var(--border-radius-pc);
        font-size: .9375vw
    }

    .hero-slide__image {
        border-radius: var(--border-radius-pc)
    }

    .hero-slide__text {
        gap: 1.458333vw
    }

    .hero-slide__name {
        font-size: 1.041667vw
    }

    .hero-slide__description {
        font-size: .9375vw
    }

    .hero-slide__btn {
        width: 8.59375vw;
        height: 1.875vw;
        font-size: .78125vw;
        border-radius: var(--border-radius-pc)
    }

    .hero-description__image {
        max-height: none;
        width: 74.791667vw
    }

    .hero-description__title {
        font-size: 2.083333vw;
        padding-left: 3.125vw
    }

    .hero-description__description-small {
        font-size: .729167vw;
        line-height: 112%;
        font-variant: small-caps;
        text-transform: none;
        padding-top: 1.5625vw
    }

    .hero-description__content {
        font-size: 1.25vw;
        gap: .625vw
    }

    .hero-slide__send-tooltip {
        width: 9.375vw;
        height: 1.5625vw;
        top: -2.34375vw;
        font-size: .729167vw;
        border-radius: var(--border-radius-pc)
    }

    .medications__subbtn {
        font-size: .78125vw;
        border-radius: var(--border-radius-pc)
    }

    .hero-slider--product {
        padding-top: 9.375vw
    }

    .hero-slider--product .hero-slide__info-product {
        padding: 1.5625vw 4.375vw 1.5625vw 2.083333vw;
        border-width: .052083vw;
        gap: 1.822917vw
    }

    .hero-slider--product .hero-slider__content {
        padding: 1.197917vw 1.71875vw
    }

    .hero-slider--product .hero-slide__content {
        gap: 1.302083vw
    }

    .hero-slider--product .hero-slide__body {
        max-height: 30.208333vw
    }

    .hero-slider--product .hero-slide__inner {
        -webkit-column-gap: 1.822917vw;
        -moz-column-gap: 1.822917vw;
        column-gap: 1.822917vw;
        row-gap: 1.5625vw
    }

    .hero-slider--product .hero-slide__text {
        gap: .78125vw
    }

    .hero-slider--product .hero-slide__image {
        width: 6.927083vw;
        height: 9.479167vw
    }

    .hero-slider--product .hero-slider__title-pc {
        font-weight: 600;
        font-size: 2.604167vw
    }
}

@media (max-width: 120em) {
    .about__icon {
        top:-3.385417vw
    }
}

@media (prefers-reduced-motion:reduce) {
    * {
        -webkit-animation-duration: 0s!important;
        animation-duration: 0s!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important;
        -webkit-transition-duration: 0s!important;
        -o-transition-duration: 0s!important;
        transition-duration: 0s!important;
        scroll-behavior: auto!important
    }
}

@media (hover: hover) {
    .logo:hover {
        opacity:.7
    }

    .icon-menu:hover {
        background-color: var(--color-accent-1-hover)
    }

    .icon-menu:hover span,.icon-menu:hover::after,.icon-menu:hover::before {
        background-color: var(--color-white)
    }

    .footer .icon-menu:hover {
        background-color: #f1876f
    }

    .footer .icon-menu:hover span,.footer .icon-menu:hover::after,.footer .icon-menu:hover::before {
        background-color: var(--color-white)
    }

    .btn-accent-1:hover {
        background-color: var(--color-accent-1-hover)
    }

    .btn-accent-1-light:hover {
        background-color: var(--color-accent-1-light-hover)
    }

    .btn-accent-2:hover {
        background-color: var(--color-accent-2-hover)
    }

    .btn-accent-2-light:hover {
        background-color: var(--color-accent-2-light-hover)
    }

    .btn-accent-3:hover {
        background-color: var(--color-accent-3-hover)
    }

    .btn-accent-3-light:hover {
        background-color: var(--color-accent-3-light-hover)
    }

    .btn-accent-4:hover {
        background-color: var(--color-accent-4-hover)
    }

    .btn-accent-4-light:hover {
        background-color: var(--color-accent-4-light-hover)
    }

    .btn-accent-5:hover {
        background-color: var(--color-accent-5-hover)
    }

    .btn-accent-5-light:hover {
        background-color: var(--color-accent-5-light-hover)
    }

    .hover-text-light:hover {
        color: var(--color-white)
    }

    .hover-text-dark:hover {
        color: var(--color-main)
    }

    .hover-text-underline:hover {
        text-decoration: none
    }

    .direction-type__link:hover {
        border-color: transparent
    }

    .about__link:hover {
        background-color: #6e8dca
    }

    .partners__link--grey:hover {
        background-color: #a8a8a8;
        -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
        box-shadow: 0 4px 4px 0 rgba(0,0,0,.25)
    }

    .partners__link--orange:hover {
        background-color: #a8a8a8;
        -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
        box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
        background-color: #d77d7d
    }

    .states--accent-4 .states__link:hover {
        background-color: var(--color-accent-4)
    }

    .states__link:hover {
        color: var(--color-white);
        background-color: var(--color-accent-1);
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .pharmacies__btn:hover {
        color: var(--color-main);
        background-color: var(--color-white);
        border-color: var(--color-accent-1)
    }

    .hero-slide__send svg:hover {
        color: var(--color-accent-1-hover)
    }

    .hero-slide__vk svg:hover {
        color: var(--color-accent-1-hover)
    }

    .medications__subbtn:hover {
        border-color: var(--color-accent-1)
    }

    .medications .hero-lactication .medications__subbtn:hover {
        color: var(--color-white);
        background-color: var(--color-accent-2-hover)
    }

    .medications .hero-antiandrogenic .medications__subbtn:hover {
        border-color: var(--color-accent-3)
    }

    .medications .hero-menstrual .medications__subbtn:hover {
        color: var(--color-white);
        background-color: var(--color-accent-5-hover)
    }

    .medications .hero-intimate .medications__subbtn:hover {
        border-color: var(--color-accent-4)
    }
}

@media (hover: none) {
    .logo:active {
        opacity:.7
    }

    .icon-menu:active {
        background-color: var(--color-accent-1-hover)
    }

    .icon-menu:active span,.icon-menu:active::after,.icon-menu:active::before {
        background-color: var(--color-white)
    }

    .footer .icon-menu:active {
        background-color: #f1876f
    }

    .footer .icon-menu:active span,.footer .icon-menu:active::after,.footer .icon-menu:active::before {
        background-color: var(--color-white)
    }

    .btn-accent-1:active {
        background-color: var(--color-accent-1-hover)
    }

    .btn-accent-1-light:active {
        background-color: var(--color-accent-1-light-hover)
    }

    .btn-accent-2:active {
        background-color: var(--color-accent-2-hover)
    }

    .btn-accent-2-light:active {
        background-color: var(--color-accent-2-light-hover)
    }

    .btn-accent-3:active {
        background-color: var(--color-accent-3-hover)
    }

    .btn-accent-3-light:active {
        background-color: var(--color-accent-3-light-hover)
    }

    .btn-accent-4:active {
        background-color: var(--color-accent-4-hover)
    }

    .btn-accent-4-light:active {
        background-color: var(--color-accent-4-light-hover)
    }

    .btn-accent-5:active {
        background-color: var(--color-accent-5-hover)
    }

    .btn-accent-5-light:active {
        background-color: var(--color-accent-5-light-hover)
    }

    .hover-text-light:active {
        color: var(--color-white)
    }

    .hover-text-dark:active {
        color: var(--color-main)
    }

    .hover-text-underline:active {
        text-decoration: none
    }

    .direction-type__link:active {
        border-color: transparent
    }

    .about__link:active {
        background-color: #6e8dca
    }

    .partners__link--grey:active {
        background-color: #a8a8a8;
        -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
        box-shadow: 0 4px 4px 0 rgba(0,0,0,.25)
    }

    .partners__link--orange:active {
        background-color: #a8a8a8;
        -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
        box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
        background-color: #d77d7d
    }

    .states--accent-4 .states__link:active {
        background-color: var(--color-accent-4)
    }

    .states__link:active {
        color: var(--color-white);
        background-color: var(--color-accent-1);
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .pharmacies__btn:active {
        color: var(--color-main);
        background-color: var(--color-white);
        border-color: var(--color-accent-1)
    }

    .hero-slide__send svg:active {
        color: var(--color-accent-1-hover)
    }

    .hero-slide__vk svg:active {
        color: var(--color-accent-1-hover)
    }

    .medications__subbtn:active {
        border-color: var(--color-accent-1)
    }

    .medications .hero-lactication .medications__subbtn:active {
        color: var(--color-white);
        background-color: var(--color-accent-2-hover)
    }

    .medications .hero-antiandrogenic .medications__subbtn:active {
        border-color: var(--color-accent-3)
    }

    .medications .hero-menstrual .medications__subbtn:active {
        color: var(--color-white);
        background-color: var(--color-accent-5-hover)
    }

    .medications .hero-intimate .medications__subbtn:active {
        border-color: var(--color-accent-4)
    }
}

@media (hover: hover) and (hover:hover) {
    .medications__subbtn:hover:hover {
        color:var(--color-white);
        background-color: var(--color-accent-1-hover)
    }

    .medications .hero-antiandrogenic .medications__subbtn:hover:hover {
        color: var(--color-white);
        background-color: var(--color-accent-3-hover)
    }

    .medications .hero-intimate .medications__subbtn:hover:hover {
        color: var(--color-white);
        background-color: var(--color-accent-4-hover)
    }
}

@media (hover: hover) and (hover:none) {
    .medications__subbtn:hover:active {
        color:var(--color-white);
        background-color: var(--color-accent-1-hover)
    }

    .medications .hero-antiandrogenic .medications__subbtn:hover:active {
        color: var(--color-white);
        background-color: var(--color-accent-3-hover)
    }

    .medications .hero-intimate .medications__subbtn:hover:active {
        color: var(--color-white);
        background-color: var(--color-accent-4-hover)
    }
}

@media (hover: none) and (hover:hover) {
    .medications__subbtn:active:hover {
        color:var(--color-white);
        background-color: var(--color-accent-1-hover)
    }

    .medications .hero-antiandrogenic .medications__subbtn:active:hover {
        color: var(--color-white);
        background-color: var(--color-accent-3-hover)
    }

    .medications .hero-intimate .medications__subbtn:active:hover {
        color: var(--color-white);
        background-color: var(--color-accent-4-hover)
    }
}

@media (hover: none) and (hover:none) {
    .medications__subbtn:active:active {
        color:var(--color-white);
        background-color: var(--color-accent-1-hover)
    }

    .medications .hero-antiandrogenic .medications__subbtn:active:active {
        color: var(--color-white);
        background-color: var(--color-accent-3-hover)
    }

    .medications .hero-intimate .medications__subbtn:active:active {
        color: var(--color-white);
        background-color: var(--color-accent-4-hover)
    }
}

.hidden {
    display: none !important;
}


.pharmacies__item a {
    width: 10vw;
    height: 10vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    transition: .3s ease;
}

@media (hover: hover) {
    .pharmacies__item a:hover {
        box-shadow: 0 2px 8px 0 rgba(67,19,56,.1);
    }
}
.pharmacies__item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 768px) {
    .pharmacies__list {
        grid-template-columns: repeat(2,1fr);
    }

    .pharmacies__item a {
        width: 100%;
        height: 100%;
    }
}

.a__decoration{
    text-decoration: underline;
}
.d-block{
    display:block !important;
}

.image-pc_padding{
    top: -7vw !important;
}

.hero-description__item {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.folded-text__wrapper {
    cursor: pointer;
    transition: transform 0.3s ease;
}

 /* Медиа-запрос для мобильных устройств */
@media (max-width: 768px) {
    .folded-text{
       max-height: 2em; /* Ограничиваем высоту блока */
        overflow: hidden; /* Скрываем переполнение */
        position: relative;
        transition: max-height 0.4s ease; 
    }
    .folded-text-10{
        max-height: 18vh;
    }
    .folded-text-12{
        max-height: 20vh;
    }
    .folded-text-14{
        max-height: 22vh;
    }
    .folded-text-16{
        max-height: 24vh;
    }
    .folded-text-18{
        max-height: 26vh;
    }
    .folded-text-20{
        max-height: 28vh;
    }
    .folded-text-22{
        max-height: 30vh;
    }
    .folded-text-24{
        max-height: 32vh;
    }
    .folded-text-26{
        max-height: 34vh;
    }
    .folded-text::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2.5em; /* Высота градиента */
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        pointer-events: none; /* Чтобы можно было кликать сквозь градиент */
        transition: opacity 0.3s ease;
        opacity: 1;
    }
    
    /* Стили для развернутого состояния */
    .folded-text__wrapper.expanded .folded-text {
        max-height: 1000px; /* Достаточно большое значение для полного раскрытия */
    }

    .folded-text__wrapper.expanded .folded-text::after {
        opacity: 0; /* Скрываем градиент при раскрытии */
    }
    
    .hero-description__description-small {
        max-height: 3.5em; /* Ограничиваем высоту блока */
        overflow: hidden; /* Скрываем переполнение */
        position: relative;
        transition: max-height 0.4s ease;
    }

    /* Градиент для скрытия текста */
    .hero-description__description-small::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2.5em; /* Высота градиента */
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        pointer-events: none; /* Чтобы можно было кликать сквозь градиент */
        transition: opacity 0.3s ease;
        opacity: 1;
    }

    .section-decor__pc {
        display: none;
    }

    .section-decor__mobile {
        display: block;
    }

    /* Стили для развернутого состояния */
    .hero-description__item.expanded .hero-description__description-small {
        max-height: 1000px; /* Достаточно большое значение для полного раскрытия */
    }

    .hero-description__item.expanded .hero-description__description-small::after {
        opacity: 0; /* Скрываем градиент при раскрытии */
    }

/*
    .hero-description__item.expanded::after {
        content: "Нажмите, чтобы свернуть";
    }
*/
}

/* На десктопе всегда показываем полный текст */
@media (min-width: 769px) {
    .folded-text {
        max-height: none;
    }

    .folded-text::after {
        display: none;
    }

    .folded-text__wrapper::after {
        display: none;
    }
    
    .hero-description__description-small {
        max-height: none;
    }

    .hero-description__description-small::after {
        display: none;
    }

    .hero-description__item::after {
        display: none;
    }
}
.d-flex{
  display: flex !important;
}
.align-center{
  align-items: center !important;
}
.justify-space-between{
  justify-content: space-between !important;
}