/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/ /* Examples (uncomment to use):*/ /* Expand site width */ /* body .wrapper { max-width: 1400px !important; } */ /* Set site background image */ /* body { background: url(image_source) top no-repeat; } /* Hide compare button */ /* a.compare_item { display: none !important; }*/ .footer-nav__download-container .book { background: url(/bitrix/templates/aspro-premier/images/footer-download-icon.svg) no-repeat 0 0; width: 26px; height: 23px; display: flex; vertical-align: middle; align-items: center; margin: auto 12px; } .footer__block.--right-bottom{ width: 100%; height: auto; display: flex; } .footer-nav__download-content{ justify-content: flex-start; display: flex; width: 100%; padding-top: 7px; } h4.footer-nav__download-title{ font-family: Open Sans, sans-serif; font-style: normal; line-height: 19px; font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 2px; } a.footer-nav__download-text{ font-weight: 400; color: #ad9c90; text-decoration: none; font-family: Open Sans, sans-serif; font-style: normal; line-height: 19px; font-size: 14px; } .footer-nav__download-container.--load-icon { position: relative; } .drag-block.container.SERVICES button.btn.btn-default.to_cart.animate-load.btn-sm.js-item-action{ display:none; } .index-block__preview { max-width: 100%; } .services-list.services_block-template button.btn.btn-default.to_cart.animate-load.btn-sm.js-item-action{ display:none; } .detail-block.ordered-block.order_form{ display:none; } .drag-block.container.SERVICES .prices{ display:none; } .services-list.services_block-template .prices{ display:none; } /*.main.banner-auto{ z-index: 5; }*/ .bx-sbb-empty-cart-desc { text-align: center; color: #fff; } .top-content-row__tags-button.line-block__item.color-dark-parent-all { display: none; } .btn_mute svg{ pointer-events: none; } /*.banners-big .wrapper_video iframe, .banners-big .wrapper_video object, .banners-big .wrapper_video video { min-height: 100%; min-width: 100%; heiaght: 100%!important; position: relative; top: 0%; left: 0%; transform: none; } .banners-big .wrapper_video { position: relative; } .banners-big--high { --big-banner-height: auto; }*/ .contacts__col.contacts__col--right { /*display: none;*/ } input.btnTBank { color: black; font-size: 1.5em; } input.btnTBank{ background-color: var(--theme-base-color); border-color: var(--theme-base-color); color: var(--button_color_text); margin-bottom: 10px; }  .status-amount--visible{ display: none !important; } .dropdown-menu-inner.header-menu__wide-limiter.scrollbar { max-height: 400px; } @media screen and (max-width: 1199px) { .dropdown-menu-wrapper { width: 100vw; left: 0 !important; } } @media screen and (min-width: 1200px) { .dropdown-menu-wrapper { width: 71vw; left: 2.7% !important; } } @media screen and (min-width: 1710px) { .dropdown-menu-wrapper { width: 50vw; left: 11.7% !important; } } .has-long-banner .page-top-info { padding-top: 30% !important; }
div.input:has(input#input_PERSONAL_BIRTHDAY) {
display: flex;
align-items: center;
}
textarea[readonly="readonly"] {
background-color: #00000000 !important;
}


.line-block__item .sku-props__value {
    width: fit-content !important;
    font-size: smaller;
    padding: 0 0.5rem;
    min-width: 2rem;
}

.sku-props--detail .sku-props__value--pict,
.catalog-detail__offers .sku-props__value {
    --pict-prop-size: 49px !important;
    font-size: medium !important;
    width: fit-content;
    padding: 0 1rem;
    min-width: 3rem;
}

.section-gallery-wrapper__item img {
    display: none;
}

.section-gallery-wrapper__item.active img {
    display: block;
}

.sticker__item--blackfriday {
   background-color: #000000;
}

.sticker__item--hit {
   background-color: #ff0000;
}

.to_upper_case {
    text-transform: uppercase;
}
.dropdown-menu-wrapper--woffset {
    width: fit-content;
}

.shadow_container {
    border-bottom: 1px solid #eeeeee;
    padding: 7px 0;
    background: #124a3d;
    color: #fff;
}

.shadow_container a {
    color: #fff;
    text-decoration: none;
}

.marquee {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.marquee__inner {
    display: inline-flex;
    gap: 50px;
    position: relative;
    will-change: transform;
    animation: marquee 29s linear infinite;
}

.marquee:hover .marquee__inner {
    animation-play-state: paused;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@media (max-width: 768px) {
    .shadow_container {
        padding: 4px 0;
    }
    .shadow_container a {
        font-size: 14px;
    }

    .marquee__inner {
        animation: marquee-mobile 60s linear infinite;
    }

    @keyframes marquee-mobile {
        from {
            transform: translateX(100vw);
        }
        to {
            transform: translateX(-100%);
        }
    }
}


/*Страница успеха*/
.sale-order__btn-item .btn {
    width: 130px;
}
.btn.btn-gree {
    background-color: var(--secondary-black-dark-light-bg);
    border-color: var(--secondary-black-dark-light-bg);
}

.btn.btn-gree:hover {
    background-color: var(--light, #E8E9ED) var(--dark, #4a4a53);
    border-color: var(--light, #E8E9ED) var(--dark, #4a4a53);
}

.sale-order__title {
    font-family: Golos Text;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 44px;
    leading-trim: NONE;
    line-height: 52px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

.sale_order_full_table.sale-order--block {
    max-width: 100%;
}

.sale-order--block {
    margin-top: 128px;
    border: none!important;
    color: #222228;
}

.sale-order__title.page-success {
    margin-top: 0;
}
.sale-order__title {
    margin-top: 54px;
    color: #222228;
}

.sale-order__desc {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    margin-top: 24px;
    text-align: center;
}

.sale-order__desc-pay {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
}

.sale-order__desc a,
.sale-order__desc a:hover {
    color: var(--theme-base-color);
    border-color: var(--theme-base-color);
    text-decoration-color: var(--theme-base-color);
}

.sale-order__wrap-btn {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
}

.sale-order__border {
    border-bottom: 1px solid #D7D8DA;
    margin-top: 24px;
}

.sale-order__bottom-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #8D8D8D;
    margin-top: 24px;
    margin-bottom: 90px;
}

@media (max-width: 1023px) {
    .sale-order--block {
        margin-top: 64px;
    }
    .sale-order__title {
        font-size: 28px;
        line-height: 36px;
    }

    .sale-order__desc,
    .sale-order__desc-pay{
        font-size: 16px;
        line-height: 24px;

    }

    .sale-order__bottom-text {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 0;
    }
}

.header-menu__wrapper .dropdown-menu-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(var(--theme-page-width) + calc(2 * var(--theme-page-width-padding)));
    padding-inline: var(--theme-page-width-padding, 32px);
    width: 100%;
    left: 0!important;
}

/**/
.stickers {
    position: absolute;
    z-index: 100;
    left: 8px;
    top: 8px;
}

.stickers__item {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    background: #FF5E00;
    margin-bottom: 4px;
    padding: 4px;
    padding-right: 8px;
    cursor: pointer;
    width: max-content;
}

.stickers__item-name {
    width: calc(100% - 20px);
}

.stickers__item-img {
    margin-right: 5px;
    display: flex;
    width: 20px;
    height: 20px;
}

.stickers__item-img img{
    mix-blend-mode: unset;
}

.stickers__item-name {
    font-weight: 700;
    font-size: 12px;
    line-height: 23px;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
}

.stickers__item-desc {
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);

    margin-left: 8px;
    padding: 8px 10px;

    width: 220px;

    background: #333;
    border-radius: 6px;

    font-size: 12px;
    line-height: 16px;
    color: #fff;

    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease;
    z-index: 10;
}

/* показываем при наведении */
.stickers__item:hover .stickers__item-desc {
    opacity: 1;
    visibility: visible;
}

.stickers__item-desc::before {
    content: '';
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);

    border-width: 6px;
    border-style: solid;
    border-color: transparent #333 transparent transparent;
}
/**/

.item-action-stickers {
    height: 20px;
}
.image-list-wrapper .item-action-stickers img {
    position: relative;
}

.item-action-stickers {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.item-action-stickers img {
    display: block;
    width: 20px;
    height: 20px;
}

/* tooltip */
.action-stickers-desc {
    position: absolute;
    right: 100%; /* ставим слева от элемента */
    top: 50%;
    transform: translateY(-50%) translateX(-8px);

    width: 210px;
    max-width: 90vw;

    background: #333;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 18px;
    color: #fff;

    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease;
    z-index: 999;
}

/* стрелочка снизу */
.action-stickers-desc::after {
    content: '';
    position: absolute;
    right: -6px; /* теперь справа от tooltip */
    top: 50%;
    transform: translateY(-50%) rotate(45deg);

    width: 12px;
    height: 12px;
    background: #333;
}

/* показываем tooltip */
.item-action-stickers:hover .action-stickers-desc,
.item-action-stickers:focus-within .action-stickers-desc {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}

.social__items .social__item.ritm .social__link:before {
    --icon-position: 1;
    --sprite-step: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 92 92' fill='none'%3E%3Cg clip-path='url(%23clip0_2482_3086)'%3E%3Cmask id='mask0_2482_3086' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='92' height='92'%3E%3Cpath d='M92 0H0V92H92V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2482_3086)'%3E%3Cpath d='M92 46C92 20.5949 71.4051 0 46 0C20.5949 0 0 20.5949 0 46C0 71.4051 20.5949 92 46 92C71.4051 92 92 71.4051 92 46Z' fill='black'/%3E%3Cpath d='M20.77 92L33.5564 36.616H49.1357L36.3493 92H20.77Z' fill='url(%23paint0_linear_2482_3086)'/%3E%3Cpath d='M29.1514 36.616L32.656 21.436H48.2353L44.7307 36.616H29.1514Z' fill='url(%23paint1_linear_2482_3086)'/%3E%3Cpath d='M69.1472 36.616L61.0794 71.5615C60.1364 75.6459 56.061 78.1926 51.9765 77.2496C47.8921 76.3067 45.3455 72.2312 46.2885 68.1468L53.5679 36.616H69.1472Z' fill='url(%23paint2_linear_2482_3086)'/%3E%3Cpath d='M64.6984 36.6163H49.1191L50.3429 31.3155C51.2858 27.2311 55.3613 24.6844 59.4457 25.6274C63.5301 26.5703 66.0768 30.6458 65.1338 34.7302L64.6984 36.6163Z' fill='url(%23paint3_linear_2482_3086)'/%3E%3Cpath d='M54.548 21.4363H38.9688L40.7448 13.7434C41.6878 9.65903 45.7633 7.11239 49.8477 8.05534C53.9321 8.9983 56.4787 13.0738 55.5358 17.1582L54.548 21.4363Z' fill='url(%23paint4_linear_2482_3086)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2482_3086' x1='45.4023' y1='55.982' x2='45.4023' y2='36.616' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23E3E4E9'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2482_3086' x1='45.7236' y1='29.992' x2='45.7236' y2='21.436' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23E3E4E9'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2482_3086' x1='66.1128' y1='57.04' x2='66.1128' y2='36.616' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23E3E4E9'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_2482_3086' x1='63.1964' y1='29.3423' x2='63.1964' y2='21.3443' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23E3E4E9'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_2482_3086' x1='53.5256' y1='18.4003' x2='53.5256' y2='7.85913' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23E3E4E9'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_2482_3086'%3E%3Crect width='92' height='92' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")!important;
}

.sale-order__wrap-btn .sale-order__btn-item p {
    display: none;
}

.sale-order__wrap-btn .sale-order__btn-item .btn.btn-primary.btn-buy.btn-lg {
    width: 100%;
    background-color: var(--theme-base-color);
    border-color: var(--theme-base-color);
    color: var(--button_color_text);
}

.personal__main-private__change-password {
    display: none;
}

.yandex_reg {
    margin-top: 8px;
    margin-bottom: 8px;

}

.btn-default-yandex {
    border-color: #ff5e00;
    color: #ff5e00;
    transition: background-color 0.1s ease;
    -moz-transition: background-color 0.1s ease;
    -ms-transition: background-color 0.1s ease;
    -o-transition: background-color 0.1s ease;
    -webkit-transition: background-color 0.1s ease;
}

.btn-default-yandex:hover {
    color: #ffffff;
    background: #ff5e00;
}