/*
Theme Name: rx-new
Author: rx
Description: rx theme
Version: 1.00
Text Domain: rx-new
*/


:root {
    --cRoot: #EFEFEF;
    --cBlock: #FFF;
    --cElement: #EFEFEF;
    --cDelimiting: #DCDCDC;
    --cShadow: rgba(0, 0, 0, .33);
    --cLink: #1D7AB4;
    --cInfo: #0165AC;
    --cAccent: #DE2B53;
    --cSecondary: #293438;
    --cDanger: #EB1500;
    --cOrange: #F5AB12;
    --cYelow: #F3DD21;
    --cPositive: #0B7A3B;
    --cNeutral: #B9B9B9;
    --cAccentMainText: #2B2B2B;
    --cMainText: #595959;
    --cInvertText: #fff;
    --cLabelText: #6B6B6B;
    --cInactiveText: #CCC;
    --cActionText: #FFF;
    --noneShadow: rgba(0, 0, 0, 0) 0 0 0;
    --blockShadow: var(--cShadow) 0 3px 8px;
    --cardShadow: var(--cShadow) 0 3px 5px;
    --separateShadow: var(--cShadow) 0 1px 3px;
    --sActionHeight: 32px;
    --mActionHeight: 40px;
    --lActionHeight: 48px;
    --avatarSize: 48px;
    --aIconSize: 16px;
    --sIconSize: 20px;
    --mIconSize: 24px;
    --lIconSize: 32px;
    --borderWidth: 2px;
    --stadiumBR: 1000px;
    --sBR: 4px;
    --nBR: 8px;
    --lBR: 16px;
    --bBR: 24px;
    --aSp: 2px;
    --tSp: 4px;
    --sSp: 8px;
    --hSp: 12px;
    --mSp: 16px;
    --lSp: 24px;
    --titleFontSize: 24px;
    --subFontSize: 20px;
    --bodyFontSize: 16px;
    --labelFontSize: 14px;
    --captionFontSize: 12px;
    --sLineHeight: 1.2;
    --mLineHeight: 1.4;
    --appFont: Helvetica;
    --secretFont: Helvetica Secret, Helvetica;
    --appFontWeight: 600;
    --animationDuration: 300ms;
    --longAnimationDuration: 1s;
    --backgroundAnimationDuration: 16s;
}

@font-face {
    font-display: swap;
    font-family: 'Helvetica Secret';
    src: url(./assets/fonts/secret.ttf) format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'icomoon';
    src: url('./assets/fonts/icomoon.woff') format('woff');
}

html {
    background-image: radial-gradient(var(--cAccent) 1px, transparent 0.5px),
    radial-gradient(var(--cSecondary) 1px, transparent 0.5px);
    background-color: var(--cRoot);
    background-size: 24px 24px;
    color: var(--cMainText);
    cursor: default;
    font-family: var(--appFont);
    font-size: var(--bodyFontSize);
    font-weight: var(--appFontWeight);
    line-height: 1;
    animation: c-background-animation var(--backgroundAnimationDuration) linear infinite;
}

@keyframes c-background-animation {
    0% {
        background-position: 0 0, 12px 12px;
    }
    25% {
        background-position: 12px 0, 0 12px;
    }
    50% {
        background-position: 12px 12px, 0 0;
    }
    75% {
        background-position: 0 12px, 12px 0;
    }
    100% {
        background-position: 0 0, 12px 12px;
    }
}

@media (max-width: 680px) {
    html {
        background-image: none;
    }
}

a {
    text-decoration: none
}

ol, ul {
    list-style: none
}

* {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 0;
    box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

.align-right {
    text-align: right !important
}

.align-center {
    text-align: center !important
}

.dedicated {
    color: var(--cAccentMainText)
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.flex {
    flex: 1 1
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.p {
    line-height: var(--mLineHeight);
    margin: var(--hSp) 0;
    text-align: justify
}

.p::after {
    content: "";
    display: block;
    clear:both;
}

.p:first-child {
    margin-top: 0
}

.p:last-child {
    margin-bottom: 0
}

.bold {
    font-weight: bold;
}

.small-line-height {
    line-height: var(--sLineHeight);
}

.medium-line-height {
    line-height: var(--mLineHeight);
}

@media (min-width: 680px) {
    .small {
        display: none !important
    }
}

@media (max-width: 680px) {
    .large {
        display: none !important
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

html > canvas {
    -webkit-animation-duration: var(--longAnimationDuration);
    animation-duration: var(--longAnimationDuration);
    -webkit-animation-name: fadein;
    animation-name: fadein;
    max-height: 100vh
}

.c-loader_disabled {
    opacity: 0 !important;
    pointer-events: none;
    backdrop-filter: blur(0);
    background-color: transparent;
}

.c-a {
    color: var(--cLink);
    transition-duration: var(--animationDuration)
}

.c-a_invisible {
    color: inherit
}

.c-a_hidden {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-a:hover {
    color: var(--cAccent)
}

.c-avatar {
    background: linear-gradient(90deg, var(--cAccent) 0, var(--cOrange) 100%);
    border-radius: 50%;
    display: inline-flex;
    padding: 2px
}

.c-avatar img {
    border-radius: 50%;
    height: var(--avatarSize);
    width: var(--avatarSize)
}

.c-badge {
    position: relative
}

.c-badge__label {
    --badgeSize: 20px;
    align-items: center;
    background-color: var(--cAccent);
    border-radius: var(--stadiumBR);
    color: var(--cActionText);
    display: flex;
    font-size: var(--labelFontSize);
    justify-content: center;
    min-height: var(--badgeSize);
    min-width: var(--badgeSize);
    position: absolute;
    right: calc(var(--badgeSize) * -.5);
    top: calc(var(--badgeSize) * -.5)
}

.c-badge__label-large {
    --badgeSize: 20px;
    align-items: center;
    background-color: var(--cAccent);
    border-radius: var(--stadiumBR);
    color: var(--cActionText);
    display: flex;
    font-size: var(--labelFontSize);
    justify-content: center;
    min-height: var(--badgeSize);
    min-width: var(--badgeSize);
    position: absolute;
    right: -20px;
    top: -20px;
}

.c-card {
    border: var(--borderWidth) solid var(--cDelimiting);
    border-radius: var(--lBR);
    box-shadow: 0 0 0 0 transparent;
    padding: var(--hSp);
    position: relative;
    transition-duration: var(--animationDuration);
    width: 100%
}

.c-card_active:hover {
    border: var(--borderWidth) solid transparent;
    box-shadow: var(--cardShadow);
    cursor: pointer
}

.c-currency-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg height='10' width='10' viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat 100%;
    border: none;
    color: var(--cActionText);
    cursor: pointer;
    font-size: var(--captionFontSize);
    margin-left: 10px;
    outline: none;
    padding-right: var(--hSp)
}

.c-icon {
    speak: never;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-family: icomoon, var(--appFont) !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none;
    width: 1em;
    height: 1em;
}

.c-icon:before {
    content: "?"
}

.c-icon-add:before {
    content: "\e900"
}

.c-icon-collections-bookmark:before {
    content: "\e901"
}

.c-icon-delete:before {
    content: "\e902"
}

.c-icon-expand-more:before {
    content: "\e903"
}

.c-icon-filter-list:before {
    content: "\e904"
}

.c-icon-home:before {
    content: "\e905"
}

.c-icon-library-books:before {
    content: "\e906"
}

.c-icon-menu:before {
    content: "\e907"
}

.c-icon-phone-forwarded:before {
    content: "\e908"
}

.c-icon-phone-in-talk:before {
    content: "\e909"
}

.c-icon-play-circle:before {
    content: "\e90a"
}

.c-icon-redeem:before {
    content: "\e90b"
}

.c-icon-remove:before {
    content: "\e90c"
}

.c-icon-replay:before {
    content: "\e90d"
}

.c-icon-send-to-mobile:before {
    content: "\e90e"
}

.c-icon-shopping-cart:before {
    content: "\e90f"
}

.c-icon-support-agent:before {
    content: "\e910"
}

.c-icon-info:before {
    content: "\e911"
}

.c-icon-star:before {
    content: "\e912"
}

.c-icon-local-shipping:before {
    content: "\e913"
}

.c-icon-search:before {
    content: "\e914"
}

ul.c-list {
    list-style-type: disc
}

ol.c-list, ul.c-list {
    list-style-position: inside
}

ol.c-list {
    list-style-type: decimal
}

ol.c-list_simple, ul.c-list_simple {
    list-style-type: none
}

.c-list li {
    line-height: var(--mLineHeight);
    margin-bottom: 10px;
}

.c-banner {
    width: 100%;
    align-items: center;
    background-color: var(--cInfo);
    border-radius: var(--nBR);
    color: var(--cActionText);
    display: inline-flex;
    gap: var(--sSp);
    padding: var(--mSp);
}

.c-banner_error {
    background-color: var(--cDanger);
}

.c-banner_success {
    background-color: var(--cPositive);
}

.c-banner__icon {
    font-size: var(--titleFontSize);
}

.c-banner__right-icon {
    border-radius: var(--sBR);
    height: var(--titleFontSize);
    margin-left: auto;
}

.c-banner-bitcoin {
    margin: auto;
    width: fit-content;
    display: grid;
    grid-gap: var(--mSp);
    grid-template-columns: 1fr;
    grid-template-rows: 60px 1fr;
    color: var(--cAccent);
}

.c-banner-bitcoin__preview {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.c-banner-bitcoin__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--sSp)
}

.c-banner-bitcoin__content * {
    white-space: nowrap;
}

.c-banner-bitcoin__title {
    font-size: var(--subFontSize);
}

@media (max-width: 900px) {
    .c-banner-bitcoin {
        grid-template-columns: 120px min-content;
        grid-template-rows: 1fr;
    }
}

.c-link {
    align-items: center;
    border-radius: var(--stadiumBR);
    color: var(--cAccentMainText);
    cursor: pointer;
    display: inline-flex;
    outline: none;
    padding: var(--sSp) var(--hSp);
    text-decoration: none;
    transition-duration: var(--animationDuration);
    white-space: nowrap
}

.c-link_active {
    color: var(--cAccent)
}

.c-link:hover {
    background-color: var(--cAccent);
    color: var(--cActionText)
}

.c-links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sSp)
}

.c-links_center {
    justify-content: center
}

.c-secure {
    height: var(--bodyFontSize);
    color: var(--cLink);
    user-select: none;
}

.c-secure__preview {
    font-family: var(--secretFont);
    font-weight: 500;
}

.c-secure__show {
    color: var(--cAccent);
    cursor: pointer;
}

.c-rating {
    white-space: nowrap
}

.c-rating__star {
    color: var(--cNeutral)
}

.c-rating__star_active {
    color: var(--cYelow)
}

.c-tag {
    background-color: var(--cElement);
    border-radius: var(--stadiumBR);
    color: var(--cAccentMainText);
    display: inline-block;
    font-size: var(--captionFontSize);
    padding: var(--tSp) var(--sSp);
    transition-duration: var(--animationDuration);
    z-index: 1
}

.c-tag_active {
    cursor: pointer;
}

.c-tag_active:hover {
    background-color: var(--cAccent);
    color: var(--cActionText)
}

.c-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tSp);
    margin-bottom: 5px;
}

.c-toolbar {
    background-color: var(--cSecondary);
    color: var(--cActionText);
    display: flex;
    align-items: center;
    font-size: var(--labelFontSize);
    line-height: var(--sLineHeight);
    padding: var(--tSp) var(--lSp)
}

.c-button {
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    background-color: var(--cBlock);
    border: var(--borderWidth) solid var(--cAccent);
    border-radius: var(--nBR);
    color: var(--cAccent);
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    gap: var(--sSp);
    justify-content: center;
    min-height: var(--sActionHeight);
    min-width: var(--sActionHeight);
    outline: none;
    padding: var(--tSp) var(--sSp);
    transition-duration: var(--animationDuration);
    z-index: 1
}

.c-button:hover {
    background-color: var(--cAccent);
    color: var(--cActionText)
}

.c-button:active {
    transform: scale(.95)
}

.c-button_secondary {
    border: var(--borderWidth) solid var(--cSecondary);
    color: var(--cSecondary)
}

.c-button_secondary:hover {
    background-color: var(--cSecondary)
}

.c-button_size_medium {
    min-height: var(--mActionHeight);
    min-width: var(--mActionHeight);
    padding: var(--tSp) var(--mSp)
}

.c-button_size_large {
    font-size: var(--subFontSize);
    min-height: var(--lActionHeight);
    min-width: var(--lActionHeight);
    padding: var(--tSp) var(--lSp)
}

.c-counter {
    background-color: var(--cBlock);
    border: var(--borderWidth) solid var(--cDelimiting);
    border-radius: var(--nBR);
    display: inline-flex;
    transition-duration: var(--animationDuration)
}

.c-counter input {
    -webkit-appearance: textfield;
    appearance: textfield;
    outline: none
}

.c-counter input::-webkit-inner-spin-button, .c-counter input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.c-counter:focus-within {
    border: var(--borderWidth) solid var(--cAccent)
}

.c-counter button, .c-counter input {
    background-color: initial;
    height: var(--sActionHeight);
    margin: 0;
    padding: 0
}

.c-counter button {
    align-items: center;
    border: none;
    cursor: pointer;
    justify-content: center;
    transition-duration: var(--animationDuration);
    width: var(--sActionHeight)
}

.c-counter input {
    border: none;
    max-width: 40px;
    text-align: center
}

.c-counter button:disabled, .c-counter input[type=number]:disabled {
    cursor: default
}

.c-counter button:disabled {
    color: var(--cDelimiting)
}

.c-form {
    display: flex;
    flex-direction: column;
    max-width: 320px
}

@media (max-width: 680px) {
    .c-form {
        max-width: none
    }
}

.c-form_expand {
    max-width: inherit
}

.c-form__row {
    align-items: center;
    display: flex;
    margin-bottom: var(--mSp);
    width: 100%
}

.c-form__row_actions {
    justify-content: right;
}

.c-form__row:last-child {
    margin-bottom: 0
}

.c-form__row > * {
    margin-right: var(--sSp)
}

.c-form__row > :last-child {
    margin-right: 0
}

.c-input {
    border: var(--borderWidth) solid var(--cDelimiting);
    border-radius: var(--nBR);
    min-height: var(--mActionHeight);
    position: relative;
    transition-duration: var(--animationDuration);
    transition-property: border-color;
    width: 100%
}

.c-input_error {
    position: relative;
    margin-bottom: calc(var(--tSp) + var(--captionFontSize));
    border-color: var(--cDanger);
}

.c-input input, .c-input textarea {
    -webkit-text-fill-color: var(--cMainText) !important;
    align-items: center;
    background-color: initial !important;
    border: none;
    display: flex;
    flex: 1 1;
    margin: var(--sSp) var(--mSp);
    outline: none;
    padding: 0;
    position: relative;
    resize: none;
    transition: background-color 9999s ease-in-out 0s;
    width: calc(100% - var(--mSp) * 2)
}

.c-input input::-webkit-input-placeholder, .c-input textarea::-webkit-input-placeholder {
    color: var(--cLabelText);
    font-size: var(--labelFontSize)
}

.c-input input::placeholder, .c-input textarea::placeholder {
    color: var(--cLabelText);
    font-size: var(--labelFontSize)
}

.c-input__error {
    color: var(--cDanger);
    font-size: var(--captionFontSize);
    position: absolute;
    bottom: calc(-1 * (var(--tSp) + var(--captionFontSize)));
    left: calc(var(--nBR) / 2);
}

.c-input:focus-within {
    border-color: var(--cSecondary)
}

.c-input__icon {
    font-size: var(--subFontSize);
    margin-left: var(--mSp)
}

.c-radio {
    --radio-size: 20px;
    cursor: pointer;
    display: inline-block;
    height: var(--radio-size);
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: var(--radio-size)
}

.c-radio input {
    cursor: pointer;
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 0
}

.c-radio__checkmark {
    background-color: var(--cDelimiting);
    border-radius: 50%;
    height: var(--radio-size);
    left: 0;
    position: absolute;
    top: 0;
    transition-duration: var(--animationDuration);
    width: var(--radio-size)
}

.c-radio:hover input ~ .c-radio__checkmark {
    background-color: var(--cNeutral)
}

.c-radio input:checked ~ .c-radio__checkmark {
    background-color: var(--cAccent)
}

.c-radio .c-radio__checkmark:after {
    background-color: var(--cActionText);
    border-radius: 50%;
    content: "";
    display: block;
    height: calc(var(--radio-size) / 2);
    margin: calc(var(--radio-size) / 4);
    position: absolute;
    width: calc(var(--radio-size) / 2)
}

.b-bonuses__items {
    grid-gap: var(--hSp);
    display: grid;
    gap: var(--hSp)
}

.b-bonuses-item {
    display: flex;
    gap: var(--sSp)
}

.b-bonuses-item__gift {
    color: var(--cAccent);
    line-height: var(--sLineHeight)
}

.b-bonuses-item__desc {
    line-height: var(--sLineHeight);
    text-align: justify
}

.b-search__letters {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sSp);
    width: 100%
}

.b-testimonials__items {
    grid-gap: var(--mSp);
    display: grid;
    gap: var(--mSp);
    grid-template-columns:repeat(1, 1fr)
}

@media (max-width: 1200px) {
    .b-testimonials__items {
        gap: var(--sSp);
    }
}

@media (max-width: 900px) {
    .b-testimonials__items {
        grid-template-columns:repeat(1, 1fr)
    }
}

.b-testimonials-item {
    flex-direction: column
}

.b-testimonials-item, .b-testimonials-item__header {
    display: flex;
    gap: var(--sSp)
}

.b-testimonials-item__info {
    display: flex;
    flex-direction: column;
    gap: var(--tSp);
    justify-content: center
}

.b-testimonials-item__name {
    color: var(--cAccentMainText);
    font-size: var(--subFontSize)
}

.b-testimonials-item__review {
    line-height: var(--sLineHeight);
}

.c-block {
    background-color: var(--cBlock);
    border-radius: var(--bBR);
    box-shadow: var(--blockShadow);
    padding: var(--sSp);
    position: relative;
    transition-duration: var(--animationDuration);
    transition-property: border-radius, box-shadow, padding;
    will-change: border-radius, box-shadow, padding;
    width: 100%
}

.c-block-delimiting {
    height: var(--aSp);
    background-color: var(--cDelimiting);
    border-radius: var(--stadiumBR);
    margin: var(--lSp) var(--mSp);
    font-weight: 400;
}

.c-block-title {
    color: var(--cAccentMainText);
    font-size: var(--titleFontSize);
    margin: var(--hSp) var(--mSp) var(--sSp)
}

.c-block-content {
    margin: var(--hSp) var(--mSp) 0;
}

.c-block-table-content {
    margin: calc(var(--tSp) - var(--borderWidth));
    margin-top: var(--hSp)
}

.c-block-sub-title {
    color: var(--cAccentMainText);
    font-size: var(--subFontSize);
    margin: var(--lSp) var(--mSp) var(--hSp)
}

.c-block-text {
    line-height: var(--mLineHeight);
    margin: var(--mSp) var(--mSp) var(--hSp);
    text-align: justify;
}

.c-block-content:last-child,
.c-block-sub-title:last-child,
.c-block-text:last-child,
.c-block-title:last-child {
    margin-bottom: var(--lSp)
}

.c-block-content:first-child,
.c-block-sub-title:first-child,
.c-block-text:first-child,
.c-block-title:first-child {
    margin-top: var(--lSp)
}

@media (max-width: 680px) {
    .c-block {
        border-radius: 0;
        box-shadow: var(--separateShadow);
        padding: var(--tSp)
    }

    .c-block-delimiting {
        margin-top: var(--sSp);
        margin-bottom: var(--sSp);
    }

    .c-block-content:last-child,
    .c-block-sub-title:last-child,
    .c-block-text:last-child,
    .c-block-title:last-child {
        margin-bottom: var(--sSp)
    }

    .c-block-content:first-child,
    .c-block-sub-title:first-child,
    .c-block-text:first-child,
    .c-block-title:first-child {
        margin-top: var(--sSp)
    }
}

.c-description {
    display: grid;
    width: fit-content;
    grid-row-gap: var(--sSp);
    grid-column-gap: var(--mSp);
    grid-template-columns: auto auto;
}

.c-description__label {
    color: var(--cAccentMainText);
}

.c-description__label:after {
    content: ":";
}

.c-description__label,
.c-description__value {
    line-height: var(--mLineHeight);
    transition-duration: var(--animationDuration);
}

.c-info {
    border: var(--borderWidth) solid var(--cDelimiting);
    border-radius: var(--lBR);
    overflow: hidden;
    width: 100%
}

.c-info__answer, .c-info__question {
    padding: var(--hSp) calc(var(--mSp) - var(--borderWidth))
}

.c-info__question {
    line-height: var(--sLineHeight);
    background-color: var(--cElement);
    color: var(--cAccentMainText);
    border-radius: 10px;
    margin-left: -12px;
    padding: 12px;
    margin-right: -12px;
}

.c-info__answer {
    font-size: var(--labelFontSize)
}

.c-table {
    border: var(--borderWidth) solid var(--cDelimiting);
    border-collapse: collapse;
    border-radius: var(--lBR);
    overflow: hidden
}

.c-table_compact {
    border-radius: var(--nBR)
}

.c-table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.c-table th {
    color: var(--cAccentMainText);
    font-size: var(--subFontSize);
    text-align: left
}

.c-table td {
    text-align: left;
    vertical-align: middle
}

.c-table td, .c-table th {
    padding: var(--sSp) 0 var(--sSp) var(--hSp)
}

.c-table td:first-child, .c-table th:first-child {
    padding-left: calc(var(--mSp) - var(--borderWidth))
}

.c-table td:last-child, .c-table th:last-child {
    padding-right: calc(var(--mSp) - var(--borderWidth))
}

.c-table > table > tbody:first-child > tr:nth-child(odd),
.c-table > table > tbody:nth-child(2) > tr:nth-child(2n), .c-table > table > thead > tr {
    background-color: var(--cElement)
}

.c-table_separated > table > tbody > tr, .c-table_separated > table > thead > tr {
    border-bottom: 2px solid var(--cDelimiting)
}

.c-table_separated > table > tbody > tr:last-child {
    border-bottom: none
}

.c-table td.min {
    white-space: nowrap;
    width: 1%
}

.c-table td.dark {
    color: var(--cAccentMainText)
}

.c-table > table > tbody > tr.dark {
    background-color: var(--cElement) !important
}

.c-table > table > tbody > tr.light {
    background-color: var(--cBlock) !important;
    color: var(--cMainText)
}

.c-table > table > tbody > tr > td.normal-line-height {
    line-height: var(--sLineHeight)
}

.c-table-list {
    display: flex;
    flex-direction: column;
    gap: var(--sSp)
}

@media (min-width: 680px) {
    .c-table_fit-content {
        min-width: 320px;
        width: min-content;
    }
}

@media (max-width: 680px) {
    .c-table td, .c-table th {
        padding-left: var(--sSp)
    }
}

.c-page {
    opacity: 1 !important;
    min-height: 100vh;
    grid-gap: var(--mSp);
    display: grid;
    gap: var(--mSp);
    margin: auto;
    min-width: 320px;
    max-width: 1200px;
    grid-template-areas:
            "header header"
            "aside  main"
            "footer footer";
    grid-template-columns: 230px auto;
    grid-template-rows: min-content min-content;
    padding: 0 var(--mSp);
    transition-duration: var(--animationDuration);
    transition-property: gap, padding;
}

.c-page > header {
    grid-area: header
}

.c-page > main {
    grid-area: main
}

.c-page > aside {
    display: flex;
    flex-direction: column;
    gap: var(--mSp);
    grid-area: aside
}

.c-page > footer {
    grid-area: footer;
    margin-top: auto;
}

@media (max-width: 900px) {
    .c-page {
        gap: var(--sSp);
        grid-template-areas: "header" "aside" "main" "footer";
        grid-template-columns:auto;
        grid-template-rows:min-content min-content min-content;
        padding: 0 var(--sSp)
    }

    .c-page > aside {
        flex-direction: column-reverse;
        gap: var(--sSp)
    }
}

@media (max-width: 680px) {
    .c-page {
        gap: var(--tSp);
        padding: 0
    }

    .c-page > aside {
        gap: var(--tSp);
    }
}

.c-catalog__items {
    grid-gap: var(--mSp);
    display: grid;
    grid-template-columns:1fr
}

.c-catalog-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-left: calc((var(--mSp) + var(--sSp)) * -1);
    transition-duration: var(--animationDuration);
    transition-property: margin-left;
    white-space: nowrap
}

.c-catalog-item:hover {
    margin-left: 0
}

.c-catalog-item__icon {
    margin-right: var(--sSp);
    opacity: 0;
    transition-duration: var(--animationDuration);
    transition-property: opacity
}

.c-catalog-item:hover .c-catalog-item__icon {
    opacity: 1
}

@media (max-width: 900px) {
    .c-catalog__items {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 680px) {
    .c-catalog__title {
        text-align: center;
    }

    .c-catalog__items {
        grid-template-columns:1fr
    }

    .c-catalog-item {
        justify-content: center
    }
}

.c-contacts__items {
    margin-bottom: var(--sSp);
}

.c-contacts-item {
    align-items: start;
    display: flex;
    flex-direction: column;
    margin: var(--sSp) 0;
}

.c-contacts-item__label {
    color: var(--cAccentMainText);
    align-items: center;
    display: flex;
    white-space: nowrap;
    margin-bottom: var(--sSp);
}

.c-contacts-item__desc {
    line-height: var(--sLineHeight);
    font-size: var(--labelFontSize);
    color: var(--cLabelText);
    text-align: justify;
    margin-bottom: var(--sSp);
}

@media (max-width: 900px) {
    .c-contacts__items {
        grid-template-columns:1fr 1fr
    }

    .c-contacts__items .c-contacts-item {
        flex-direction: row
    }
}

@media (max-width: 680px) {
    .c-contacts__items {
        grid-template-columns:1fr
    }

    .c-contacts__title {
        text-align: center
    }

    .c-contacts__items .c-contacts-item {
        justify-content: center
    }
}

.c-content {
    display: grid;
    grid-auto-rows: min-content;
    grid-template-columns:1fr;
    gap: var(--mSp)
}

@media (max-width: 900px) {
    .c-content {
        gap: var(--sSp)
    }
}

@media (max-width: 680px) {
    .c-content {
        gap: var(--tSp)
    }
}

.c-footer {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0;
}

.c-footer__content {
    padding: var(--lSp)
}

.c-footer__copyright {
    flex: 1 1;
    text-align: center;
}

.c-footer__text {
    padding: 10px;
    text-align: justify;
    font-style: italic;
}

@media (max-width: 680px) {
    .c-footer__content {
        padding: calc(var(--mSp) + var(--tSp))
    }
}

.c-header {
    position: sticky;
    top: 0;
    transition-property: border-radius, box-shadow, margin, padding, width;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
    z-index: 100;
}

.c-header__content {
    grid-gap: var(--mSp);
    align-items: center;
    display: grid;
    grid-template-areas: "logo menu trash";
    grid-template-columns: min-content 1fr min-content;
    padding: var(--lSp)
}

.c-header__reference {
    flex: 1 1;
    transition-property: font-size;
    transition-duration: var(--animationDuration);
}

@media (max-width: 900px) {
    .c-header__content {
        grid-template-areas:"menu logo trash"
    }
}

@media (max-width: 680px) {
    .c-header {
        top: -1px;
        z-index: 2;
        position: sticky;
        align-self: stretch;
    }

    .c-header__reference {
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -moz-box;
        overflow-y: auto;
        font-size: var(--captionFontSize);
    }

    .c-header__content {
        padding: var(--hSp) calc(var(--mSp) + var(--tSp))
    }
}

.c-header-logo {
    display: inline-grid;
    grid-area: logo;
    margin: auto;
}

.c-header-logo img {
    transition-duration: var(--animationDuration);
    transition-property: width, height;
    height: var(--mActionHeight);
    width: calc(var(--mActionHeight) * 4.5)
}

@media (max-width: 900px) {
    .c-header-logo img {
        height: var(--sActionHeight);
        width: calc(var(--sActionHeight) * 4.5)
    }
}

.c-header-menu {
    grid-area: menu;
    position: relative
}

.c-header-menu__icon {
    display: none;
    font-size: var(--sActionHeight)
}

.c-header-menu__overlay {
    display: none
}

.c-header-menu__content {
    transition-duration: var(--animationDuration);
}

@media (max-width: 900px) {
    .c-header-menu__content {
        will-change: opacity, top;
        z-index: 10;
        background-color: var(--cBlock);
        border-radius: var(--bBR);
        box-shadow: var(--cardShadow);
        left: calc(var(--sSp) * -1);
        opacity: 0;
        padding: var(--hSp);
        pointer-events: none;
        position: absolute;
        top: calc(var(--mSp) * -1)
    }

    .c-header-menu_opened .c-header-menu__content {
        opacity: 1;
        pointer-events: auto;
        top: calc(var(--sSp) * -1)
    }

    .c-header-menu__overlay {
        will-change: backdrop-filter, background-color;
        backdrop-filter: blur(0);
        background-color: transparent;
        cursor: pointer;
        display: block;
        pointer-events: none;
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        transition-duration: var(--animationDuration);
        z-index: 9
    }

    .c-header-menu_opened .c-header-menu__overlay {
        pointer-events: auto
    }

    .c-header-menu__link {
        width: 100%
    }

    .c-header-menu__icon {
        cursor: pointer;
        display: block
    }
}

@media (max-width: 680px) {
    .c-header-menu_opened .c-header-menu__overlay {
        backdrop-filter: blur(3px);
        background-color: rgba(0, 0, 0, .5)
    }
}

.c-header-trash {
    position: relative;
    display: block;
    grid-area: trash
}

.c-header-trash__icon {
    color: var(--cMainText);
    display: none;
    font-size: var(--sActionHeight)
}

.c-header-trash-button__content {
    position: relative;
    align-items: end;
    display: flex;
    flex-direction: column;
    gap: var(--tSp)
}

.c-header-trash-button__content span{
    white-space: nowrap;
}

.c-header-trash-button__caption {
    white-space: nowrap;
    font-size: var(--captionFontSize)
}

@media (max-width: 900px) {
    .c-header-trash-button {
        display: none
    }

    .c-header-trash__icon {
        display: block
    }
}

.p-bonuses-row {
    align-items: center;
    display: flex;
    gap: var(--sSp);
    justify-content: center
}

.p-bonuses-row__preview {
    align-items: center;
    background-color: var(--cAccent);
    border-radius: var(--nBR);
    color: var(--cActionText);
    display: inline-flex;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: var(--subFontSize);
    gap: var(--sSp);
    margin: var(--tSp) 0;
    padding: var(--tSp) var(--sSp) var(--tSp) var(--tSp);
    text-align: end;
    width: 210px
}

.p-bonuses-row__preview-image {
    background-color: var(--cBlock);
    border-radius: var(--sBR);
    height: 48px
}

.p-bonuses-row__desc {
    width: 100%;
    line-height: var(--sLineHeight)
}

@media (max-width: 680px) {
    .p-bonuses-row {
        display: block
    }

    .p-bonuses-row__preview {
        float: left;
        margin-right: var(--sSp)
    }
}

.p-checkout__item-preview {
    height: 32px;
    width: 40px
}

.p-checkout__item-trash {
    color: var(--cDanger);
    cursor: pointer;
    font-size: var(--sIconSize)
}

.p-checkout-payment {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--mSp);
    justify-content: end
}

.p-checkout-payment__total {
    color: var(--cAccentMainText);
    font-size: var(--titleFontSize);
    line-height: var(--sLineHeight);
    white-space: nowrap
}

@media (max-width: 680px) {
    .p-checkout-payment {
        gap: var(--sSp);
        justify-content: space-between
    }

    .p-checkout-payment__total {
        font-size: var(--subFontSize)
    }
}

.p-item__info {
    display: flex;
    gap: var(--mSp);
}

.p-item__info-icon {
    float: left;
    width: 100%;
    height: auto;
    max-width: 200px;
    object-fit: cover
}

.p-item__package-count {
    color: var(--cLabelText);
    font-size: var(--captionFontSize);
}

.p-item__price {
    color: var(--cPositive);
}

.p-item__price-old {
    font-size: var(--labelFontSize);
    color: var(--cDanger);
    text-decoration: line-through;
}

.p-item__price-per-pill {
    font-size: var(--labelFontSize)
}

.p-item__saving-tag {
    background-color: var(--cYelow)
}

.p-item__bonus {
    font-size: var(--labelFontSize);
}

@media (max-width: 680px) {
    .p-item__info {
        align-items: center;
        flex-direction: column;
    }
}

@media (max-width: 1200px) {
    .p-item__buy-button-content {
        display: none !important
    }
}

.p-catalog__items {
    grid-gap: var(--mSp);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1200px) {
    .p-catalog__items {
        gap: var(--sSp);
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 680px) {
    .p-catalog__items {
        grid-template-columns:repeat(1, 1fr)
    }
}

.p-catalog-item {
    display: flex;
    flex: 1 0 20%;
    flex-direction: column;
    gap: var(--sSp);
    height: 100%
}

.p-catalog-item__header {
    align-items: center;
    display: flex;
    gap: var(--sSp)
}

.p-catalog-item__info {
    display: flex;
    flex-direction: column;
    gap: var(--sSp)
}

.p-catalog-item__name {
    color: var(--cAccentMainText);
    font-size: var(--subFontSize)
}

.p-catalog-item__active-component:hover {
    color: var(--cAccent);
    transition-duration: var(--animationDuration)
}

.p-catalog-item__desc {
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -moz-box;
    display: -webkit-box;
    font-size: var(--labelFontSize);
    line-height: var(--sLineHeight);
    overflow: hidden
}

.p-catalog-item__actions {
    align-items: center;
    display: flex;
    gap: var(--sSp);
    justify-content: space-between;
    margin-top: auto;
}

.p-catalog-item__actions-price {
    color: var(--cAccentMainText);
    font-size: var(--subFontSize);
    white-space: nowrap
}

.p-contacts__info {
    display: flex;
    gap: var(--lSp);
    align-items: center;
}

.p-contacts__info-image {
    width: 156px;
    height: 164px;
    flex-grow: 0;
    flex-shrink: 0;
}

.p-contacts__info-text {
    line-height: var(--mLineHeight);
    text-align: justify;
}

.p-contacts__contact-ways {
    display: flex;
    gap: var(--lSp);
}

.p-contacts__contact-ways-form {
    flex: 1;
}

.p-contacts__contact-ways-numbers {
    flex: 1;
}

@media (max-width: 680px) {
    .p-contacts__info {
        flex-direction: column;
    }

    .p-contacts__info-text {
        float: none;
    }

    .p-contacts__contact-ways {
        flex-direction: column-reverse;
    }
}

.support_chat{
	cursor:pointer;
}


/* DONT REMOVE IT */

.img-align-right {
    margin: 5px 15px;
    max-width: 100%;
    height: auto;
    float: right;
    border-radius: 10px;
}


.img-align-left {
    margin: 5px 15px;
    max-width: 100%;
    height: auto;
    float: left;
    border-radius: 10px;
}

.text-justify {
    text-align: justify;
}

.page-content {
    font-size: var(--labelFontSize);
    padding: var(--lSp);
    font-weight: 400;
    line-height: var(--mLineHeight);
}

strong {
    font-weight: bold;
}

p {
    margin-bottom: var(--hSp) 0;
    text-align: justify
}

h1 {
    color: var(--cAccentMainText);
    font-weight: 600;
    font-size: var(--titleFontSize);
    margin: var(--mSp) 0;
}

h2 {
    color: var(--cAccentMainText);
    font-weight: 600;
    font-size: var(--subFontSize);
    margin: var(--mSp) 0;
}

h3 {
    color: var(--cAccentMainText);
    font-weight: 600;
    font-size: var(--bodyFontSize);
    margin: var(--mSp) 0;
}

.product-title-block {
    display: flex;
    align-items: center;
    background: var(--cInfo);
    color: #fff;
    padding: 12px;
    border-radius: 5px;
    margin-top: 6px;
}

.home-title-block {
    background: var(--cInfo);
    color: #fff;
    padding: 14px;
    border-radius: 5px;
    margin-top: 6px;
}

.product-title {
    margin-right: auto;
}

.product-title-rating {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.product-title-rating-count {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    margin-left: 5px;
}

.breadcrumbs {
    border-radius: 5px;
}

@media (max-width: 680px) {
    .hidden-xs {
        display: none;
    }
    .page-content {
        padding: var(--mSp);
    }
}