.main > #bx-panel { /*display: none !important;*/ } .show__password { cursor: pointer; } .auth_alert { background: #fee; color: #e83333; font-size: 13px; text-align: left; padding: 4px 10px 4px; margin-bottom: 25px; display: inline-block; border: 1px solid #ebccd1; border-radius: 4px; } .auth_success { background: #e6f8de; color: #419a19; font-size: 13px; text-align: left; padding: 4px 10px 4px; margin-bottom: 25px; display: inline-block; border: 1px solid #d6e9c6; border-radius: 4px; } main #bx-panel.bx-panel-folded ~ .content { min-height: calc(100vh - 199px); } main #bx-panel:not(.bx-panel-folded) ~ .content { min-height: calc(100vh - 307px); } /* y-scroll hotfix */ @media (min-width: 1024) { .catalog__main .content { max-height: calc(100vh - 80px); } main #bx-panel:not(.bx-panel-folded) ~ .content { max-height: calc(100vh - 157px); } } .footer { z-index: 2; } main #bx-panel ~ .categories__modal { padding-top: 147px; } main #bx-panel.bx-panel-folded ~ .categories__modal { padding-top: 39px; } .js-link { cursor: pointer; } .custom-scroll__table .cell { padding: 2px 4px 0 4px; } .custom-scroll__table .cell:first-of-type::after { display: none; } .custom-scroll__table .cell .td__value .td__control .quantity-control { padding: 0 4px; position: relative; z-index: 3; } .custom-scroll__table .cell .td__value .td__control .quantity-control::after { content: ''; display: block; position: absolute; right: 0; width: 1px; height: calc(100% - 2px); background-color: #f1f4f6; top: 50%; transform: translateY(-50%); } .quantity-control__wrapper .quantity-control__value { padding-left: 2px; padding-right: 2px; text-align: center; height: 22px; width: 40px; } .custom-scroll__table .quantity-control__wrapper .quantity-control__value { padding: 3px 2px; text-align: right; height: 22px; width: 38px; font-size: 10px; } .back__link { display: inline-flex; } .disable .form__input:disabled::-webkit-input-placeholder { color: transparent; } .disable .form__input:disabled::-webkit-input-placeholder { color: transparent; } .disable .form__input:disabled::-webkit-input-placeholder { color: transparent; } .disable .form__input:disabled::-webkit-input-placeholder { color: transparent; } .custom-scroll__table .row.product-item-container.hover { position: relative; z-index: 1; } .custom-scroll__table .cell__link .cell__image:hover { /*transform: translateX(7px);*/ scale: 1; box-shadow: none; } .custom-scroll__table .table-body img { } .custom-scroll__table .cell__image_con { width: 48px; height: 48px; background: #fff; } .custom-scroll__table .cell__image_con:hover { transform: translateX(20px); scale: 3; box-shadow: 0px 0px 8px 4px rgba(34, 60, 80, 0.2); } .custom-scroll__table .cell__image_con:hover { transform: translateX(20px); scale: 3; box-shadow: 0px 0px 8px 4px rgba(34, 60, 80, 0.2); } .custom-scroll__table .cell__link .cell__image_con { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; background: #fff; flex-shrink: 0; border: 1px solid #e6ecf0; border-radius: 6px; overflow: hidden; } .custom-scroll__table .cell__image_con:hover { border-radius: 0; border: none; } .custom-scroll__table .cell__link .cell__image_con img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .custom-scroll__table .changing__buttons { padding-top: 20px; } /* HEADER */ .header .header__wrapper .menu__mobile .logo__link img { max-height: 32px; } /* AJAX подгрузка в каталоге */ .custom-scroll__table .ctalog_bottom_line { } .custom-scroll__table .ctalog_bottom_rm { /*display: none!important;*/ } .custom-scroll__table .ctalog_bottom_rm .js-catalog-rm { display: none !important; } .custom-scroll__table .ctalog_bottom_rm .info__page { display: none; } .custom-scroll__table .ctalog_bottom_rm { display: none; } .custom-scroll__table .ctalog_bottom_rm.active .lds-ring { display: block; } /*.main .sub-catalog__section .sub-catalog__wrapper .changing__buttons.ctalog_bottom_rm { display: none; } .main .sub-catalog__section .sub-catalog__wrapper .changing__buttons.ctalog_bottom_rm.active { display: flex; }*/ .main .sub-catalog__section .sub-catalog__wrapper .changing__buttons.ctalog_bottom_rm.no_active { display: none; } /*.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link.active { color: #F90D01; cursor: default; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__input:checked { display: none; }*/ .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items { position: relative; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__input { left: unset; right: 0; width: 40px; z-index: 3; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link .accordion__input { top: 16px; right: -12px; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__label .sub-catalog__title.current { color: #f90d01; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link.current { color: #f90d01; } /* AJAX подгрузка в каталоге (мобильная версия) */ .main .sub-catalog__section .sub-catalog__wrapper .changing__buttons--mobiles { } .main .sub-catalog__section .sub-catalog__wrapper .changing__buttons--mobiles > * { display: none !important; } .main .sub-catalog__section .sub-catalog__wrapper .changing__buttons--mobiles .lds-ring { width: 60px; height: 60px; } .main .sub-catalog__section .sub-catalog__wrapper .changing__buttons--mobiles.loading .lds-ring { display: block !important; } .accordion__input:checked ~ .accordion__content { max-height: none; } .lds-ring { display: none; position: relative; width: 80px; height: 80px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 42px; height: 42px; margin: 8px; border: 2px solid #fff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #182c36 transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } /*.ctalog_bottom_rm .lds-ring div { border-width: 5px; border-width: 5px; border-color: #E23D41 transparent transparent transparent; }*/ @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Фильтр в каталоге */ .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-tabs .component__button.css-filter-reset { background-color: #182c36; color: #ffffff; border: 1px solid #182c36; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-tabs .component__button.css-filter-reset svg .stroke { stroke: #ffffff; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-tabs .component__button .span_svg { line-height: 0; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .checkbox-item .checkbox.disabled { opacity: 0.3; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .checkbox-item .checkbox.disabled .checkout__input { cursor: not-allowed; } #smartfilter-form.block_ui { position: relative; } #smartfilter-form.block_ui::after { content: ''; display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; cursor: not-allowed; background: rgb(0 0 0 / 20%); } #smartfilter-form.block_ui .lds-ring { display: none; } #smartfilter-form .lds-ring { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: not-allowed; } #smartfilter-form .smartfilter-hidden-input { display: none; } #smartfilter-form .smartfilter-hidden-block { display: none; } #smartfilter-form .checkbox .checkout__input[type='radio'] + .checkout__label { font-size: 12px; } #smartfilter-form .checkbox .checkout__input[type='radio'] + .checkout__label .box { border-radius: 50%; } #smartfilter-form .checkbox .checkout__input[type='radio'] + .checkout__label .box::before { display: none; } #smartfilter-form .checkbox .checkout__input[type='radio'] + .checkout__label .box::after { display: none; } #smartfilter-form .checkbox .checkout__input[type='radio']:checked + .checkout__label .box { background-color: #fff; } #smartfilter-form .checkbox .checkout__input[type='radio']:checked + .checkout__label .box::before { display: block; background: #000; width: 10px; height: 10px; border-radius: 50%; transform: none; top: 4px; left: 4px; } .filter_prop_images { padding-top: 8px; } .filter_prop_images .bx-filter-param-label { min-height: 20px; font-weight: normal; cursor: pointer; float: left; display: block; margin-right: 5px; margin-top: 5px; } .filter_prop_images .bx-filter-param-label.bx-active .bx-filter-param-btn { border-color: #182c36; } .filter_prop_images .bx-filter-param-label.disabled .bx-filter-param-btn { opacity: 0.3; cursor: not-allowed; } .filter_prop_images .bx-filter-param-btn { font-weight: normal; display: inline-block; width: 30px; height: 30px; padding: 0; text-align: center; text-decoration: none; color: #000; vertical-align: middle; border: none; border-radius: 4px; background: #fff; position: relative; cursor: pointer; border: 1px solid #999; } .filter_prop_images .bx-filter-btn-color-icon { line-height: 24px; display: inline-block; width: 28px; height: 28px; vertical-align: middle; -webkit-background-size: cover; background-size: cover; border-radius: 0; border: 3px solid #fff; border-radius: 4px; } /* Детальная страница каталога */ .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control .quantity-control__wrapper .quantity-control__value { padding-left: 2px; padding-right: 2px; } .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control span:first-child { min-height: 16px; } .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control span:last-child { min-height: 16px; } .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper.in_cart .css-add-to-cart.css-btn-list { display: none; } .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description .card-header__block:not(:first-child) p span:not(:last-child):after { right: -12px; left: unset; } .main .card-product__section .card-product .card-body .video__block { } .main .card-product__section .card-product .card-body .video__block .video__item { } .main .card-product__section .card-product .card-body .video__block .video__item .video__background { position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; } .main .card-product__section .card-product .card-body .video__block .video__item .video__background iframe { position: absolute; width: auto; height: auto; min-width: 100%; min-height: 100%; } .main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper a { color: #dc2f2f; } .card__table tbody tr .td-wrapper__control .td__value .td__control .component__button { width: 34px; } .not-available { color: #f90d01 !important; } .main .card-product__section .card-product .card-body .card-body__tabs.tab-container-full-width { flex-basis: 100%; } .main .card-product__section .card-product .card-body .card-body__descriptions { max-width: 39%; } .main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content { overflow: hidden; } @media (max-width: 425px) { .card__table tbody tr .td-wrapper__control .td__value .td__control div[data-entity='buttons-block'] { width: 100%; } .card__table tbody tr .td-wrapper__control .td__value .td__control .component__button { width: 100%; } } @media (max-width: 1280px) { body.is_side_panel .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product { flex-direction: row; } .main .card-product__section .card-product .card-body .card-body__descriptions { background-color: #f6f8fa; padding: 32px; } .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control { align-items: center; } } @media (max-width: 1570px) { .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper { grid-template-columns: auto; grid-gap: 0; } } @media (min-width: 1571px) { .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper { display: flex; justify-content: space-between; } .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper:last-child { width: 100%; max-width: 614px; } } .side-panel .side-panel-container { background-color: #fff; width: calc(100% - 130px) !important; } .side-panel .side-panel-label { border-radius: 8px; position: absolute; left: -90px; width: 48px; height: 48px; padding: 0; box-shadow: none; background: #ffffff no-repeat center center url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfM185MzI4KSI+DQogICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMFYwWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4wMSI+PC9wYXRoPg0KICAgICAgICA8cGF0aCBjbGFzcz0ic3Ryb2tlIiBkPSJNNCA0TDIwIDIwIiBzdHJva2U9IiMxODJDMzYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICAgICAgICA8cGF0aCBjbGFzcz0ic3Ryb2tlIiBkPSJNNCAyMEwyMCA0IiBzdHJva2U9IiMxODJDMzYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICAgIDwvZz4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGNsaXBQYXRoIGlkPSJjbGlwMF8zXzkzMjgiPg0KICAgICAgICAgICAgPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSI+PC9yZWN0Pg0KICAgICAgICA8L2NsaXBQYXRoPg0KICAgIDwvZGVmcz4NCjwvc3ZnPg=='); } .side-panel .side-panel-label * { display: none; } @media (min-width: 1300px) { .side-panel .side-panel-container { min-width: 1200px; width: calc(100% - 510px) !important; } } body.is_side_panel .main__container { padding-top: 24px; } body.is_side_panel main { background-color: #fff; } @media (max-width: 1023px) { body.is_side_panel .content { padding-top: 0; } } .main__block.hidden { display: none !important; } /* Модальное окно настроек колонок в каталоге */ .modal__body { position: relative; } .modal__body .lds-ring { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: not-allowed; } .modal__body.loading::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; cursor: not-allowed; background: rgb(0 0 0 / 20%); } .modal__body.loading .lds-ring { display: block; } /* Каталог - список */ .custom-scroll__table .custom-scroll-table__header { min-width: 100%; z-index: 2; color: #3b5765; } .sub-catalog__section-search-result .custom-scroll__table .custom-scroll-table__header { width: 100% !important; } .custom-scroll__table .table-body { width: auto; min-width: 100%; } .custom-scroll__table .table-body + .table-body, .custom-scroll__table .ctalog_bottom_rm.no_active + .table-body { border-top: none; } .custom-scroll__table .row { min-width: 100%; } .sub-catalog__section-search-result .custom-scroll__table .row { width: 100% !important; } .custom-scroll__table .col-name, .custom-scroll__table .cell { flex-grow: 0; } .custom-scroll__table .col-name:first-of-type, .custom-scroll__table .cell:first-of-type { flex-grow: 1; } .custom-scroll__table .col-name:last-of-type, .custom-scroll__table .cell:last-of-type { flex-grow: 0; } .custom-scroll__table .row .cell[data-code] { /*word-break: break-word;*/ font-size: 11px; line-height: 16px; font-weight: 300; color: #182c36; border-top: 1px solid #E6ECF0; border-bottom: 1px solid #E6ECF0; z-index: 1; } .custom-scroll__table .cell .td__value .td__control { } .custom-scroll__table .cell:last-of-type { /*padding-top: 4px; align-items: flex-start;*/ } .custom-scroll__table .cell .td__value .td__control { flex-wrap: wrap; } .custom-scroll__table .cell .td__value .td__control .price { position: relative; white-space: nowrap; font-weight: 300; font-size: 11px; line-height: 16px; color: #182c36; width: 57px; padding-right: 4px; text-align: center; } .custom-scroll__table .cell .td__value .td__control .price::after { content: ''; display: block; position: absolute; right: -4px; width: 1px; top: 50%; transform: translateY(-50%); height: 24px; background-color: #f1f4f6; } .mob-table-cards.vertically-views .table-card .table-card__content { flex-grow: 1; } .mob-table-cards.vertically-views .table-card .table-card__content .item__wrapper { flex-grow: 1; } .mob-table-cards.vertically-views .table-card .table-card__content .item__wrapper .item__sub-wrapper { margin-top: auto; } .mob-table-cards.horizontally-views .table-card .table-card__image { min-width: 112px; display: flex; justify-content: center; align-items: flex-start; } .custom-scroll__table .cell.cell__link .item__availability { font-weight: 400; color: #18a676; line-height: 12px; font-size: 10px; } .option-item__description .item__info .item__number { color: #3b5765; font-weight: 400; } .option-item__description .item__info .item__measure { font-weight: 400; font-size: 10px; color: #839ead; line-height: 12px; } .custom-scroll__table .option-item__description .item__info .item__number { line-height: 12px; font-size: 10px; } .table-body-con { } .custom-scroll__table.wo_img .custom-scroll-table__header .row-header { /*flex: 0 0 422px;*/ grid-gap: 0px; } .custom-scroll__table.wo_img .product-item-container .cell.cell__link { grid-gap: 0px; /*flex-basis: 422px;*/ } .custom-scroll__table.wo_img .product-item-container .cell.cell__link .cell__image_con { display: none; } @media (max-width: 640px) { .mob-table-cards.horizontally-views .table-card { position: relative; padding-bottom: 56px; } .mob-table-cards.horizontally-views .table-card .table-card__content .item__wrapper .js-cart-block > *[data-entity='buttons-block'] { width: 100%; position: absolute; left: 0; bottom: 0; } .mob-table-cards.horizontally-views .table-card .table-card__content .item__wrapper .add-to-card { position: absolute; width: calc(100% - 32px); right: 16px; bottom: 16px; } } /* @media (max-width: px) { .mob-table-cards.horizontally-views .table-card .table-card__content .item__wrapper .add-to-card { } } */ @media (max-width: 599px) { .mob-table-cards.vertically-views .table-card .table-card__content .item__wrapper .item__sub-wrapper { flex-direction: column; width: 100%; grid-gap: 10px; } } @media (max-width: 576px) { .option-item__description .item__info .item__number { font-weight: 500; } .mob-table-cards.vertically-views .table-card .table-card__content { padding: 8px; } } @media (min-width: 1401px) { .catalog__main .footer { display: block; } } .total-price-wrapper .total.td-rub { margin-left: 20px; } img.user__avatar { width: 40px; } /* Сортировка в каталоге */ .select.sort-desktop .select__list .select__item { position: static; width: auto; height: auto; } .select.sort-desktop .select__list .select__item.active { background-color: #f6f8fa; } .select.sort-desktop .select__list .select__item.w_link { padding: 0; } .select.sort-desktop .select__list .select__item.w_link a { display: block; text-decoration: none; cursor: pointer; padding: 16px 10px; transition: 0.3s ease; color: #182c36; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .select .select__list .select__item.w_link { padding: 0; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .select .select__list .select__item.w_link a { display: block; text-decoration: none; cursor: pointer; padding: 12px 10px; } .sort-mobile__modal .modal__sub-body .sort-mobile__list .sort-mobile__wrapper .sort-mobile__item.active { font-weight: bold; } /* Выбранные значения фильтра в каталоге */ .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content #smartfilter-selected-block { display: flex; flex-wrap: wrap; padding-top: 8px; border-top: 1px solid #e6ecf0; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content #smartfilter-selected-block .component__button { padding: 6px; font-size: 13px; line-height: 8px; margin-top: 8px; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content #smartfilter-selected-block > .component__button + .component__button { margin-left: 8px; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content #smartfilter-selected-block .filter_decor_icon { background-color: #fff; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content #smartfilter-selected-block .js-filter-val { background-color: #e23d41; color: #fff; cursor: pointer; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content #smartfilter-selected-block .js-filter-val svg .stroke { stroke: #fff; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content #smartfilter-selected-block .css-filter-reset { background-color: #182c36; color: #fff; cursor: pointer; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content #smartfilter-selected-block .css-filter-reset svg .stroke { stroke: #fff; } /* Регистрация */ .main .authorization__section .authorization .create__form .section__contents .form__input::-webkit-input-placeholder { color: #abb0b3; } .main .authorization__section .authorization .create__form .section__contents .form__input::-webkit-input-placeholder { color: #abb0b3; } .main .authorization__section .authorization .create__form .section__contents .form__input::-webkit-input-placeholder { color: #abb0b3; } .main .authorization__section .authorization .create__form .section__contents .form__input::-webkit-input-placeholder { color: #abb0b3; } /* Форма добавления/редактирования профиля */ .css-form-profile-add .form__input::-webkit-input-placeholder, .css-form-profile-detail .form__input::-webkit-input-placeholder { color: #abb0b3; } .css-form-profile-add .form__input::-webkit-input-placeholder, .css-form-profile-detail .form__input::-webkit-input-placeholder { color: #abb0b3; } .css-form-profile-add .form__input::-webkit-input-placeholder, .css-form-profile-detail .form__input::-webkit-input-placeholder { color: #abb0b3; } .css-form-profile-add .form__input::-webkit-input-placeholder, .css-form-profile-detail .form__input::-webkit-input-placeholder { color: #abb0b3; } /* Форма добавления/редактирования представителя */ .css-form-invete-add .form__input::-webkit-input-placeholder, .css-form-invete-detail .form__input::-webkit-input-placeholder, .css-form-invite-edit .form__input::-webkit-input-placeholder { color: #abb0b3; } .css-form-invete-add .form__input::-webkit-input-placeholder, .css-form-invete-detail .form__input::-webkit-input-placeholder, .css-form-invite-edit .form__input::-webkit-input-placeholder { color: #abb0b3; } .css-form-invete-add .form__input::-webkit-input-placeholder, .css-form-invete-detail .form__input::-webkit-input-placeholder, .css-form-invite-edit .form__input::-webkit-input-placeholder { color: #abb0b3; } .css-form-invete-add .form__input::-webkit-input-placeholder, .css-form-invete-detail .form__input::-webkit-input-placeholder, .css-form-invite-edit .form__input::-webkit-input-placeholder { color: #abb0b3; } .invite_alert { background: #fee; color: #e83333; font-size: 13px; text-align: left; padding: 4px 10px 4px; display: inline-block; border: 1px solid #ebccd1; border-radius: 4px; } .form__label.no_required:after { display: none; } /* Корзина */ .td-rub__value { text-align-last: left; } /* Добавление в корзину */ .css-add-to-cart.clicked { display: none !important; } .js-cart-block { } .js-cart-block div[data-entity='buttons-block'] { } .custom-scroll__table .js-cart-block.in_cart div[data-entity='buttons-block'].square_btns_con { width: 24px; height: 24px; } .js-cart-block.in_cart div[data-entity='buttons-block'] .css-add-to-cart { /*display: none;*/ width: 100%; height: 100%; } .js-cart-block div[data-entity='buttons-block'] .css-add-to-cart { background-color: #e23d41; } .js-cart-block div[data-entity='buttons-block'] .css-add-to-cart[data-type='delay'] { background-color: #fff; } .js-cart-block div[id$='_basket_actions'] { position: relative; } .js-cart-block.in_cart div[id$='_basket_actions'] { cursor: pointer; } .js-cart-block.in_cart div[id$='_basket_actions']::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .js-cart-block.in_cart div[id$='_basket_actions'] .css-add-to-cart.css-btn-list { position: relative; opacity: 1; /*background-color: #e6ecf0;*/ } .js-cart-block.in_cart div[id$='_basket_actions'] .css-add-to-cart.css-btn-list[data-type='add'] svg { opacity: 0; } .js-cart-block.in_cart div[id$='_basket_actions'] .css-add-to-cart.css-btn-list[data-type='add']::before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 16px auto !important; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 5L7.00004 11L4.5 8.50002' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } .js-cart-block.in_cart div[id$='_basket_actions'] .css-add-to-cart.css-btn-list[data-type='delay'] { opacity: 1; background-color: #e6ecf0; } .js-cart-block.in_cart div[id$='_basket_actions'] .css-add-to-cart.css-btn-list[data-type='delay'] svg path { stroke: #fff; } .js-cart-block.lock > .quantity-control { position: relative; opacity: 0.3; } .js-cart-block.lock > .quantity-control::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .js-cart-block.lock div[id$='_basket_actions'], .js-cart-block.lock > *[data-entity='buttons-block'], .js-cart-block.lock_add > *[data-entity='buttons-block'] { position: relative; /*opacity: 0.3;*/ } .js-cart-block.lock div[id$='_basket_actions'] *[id$='_buy_link'], .js-cart-block.lock > *[data-entity='buttons-block'] *[id$='_buy_link'], .js-cart-block.lock_add > *[data-entity='buttons-block'] *[id$='_buy_link'] { opacity: 0.3; } .js-cart-block.lock div[id$='_basket_actions']::before, .js-cart-block.lock > *[data-entity='buttons-block']::before, .js-cart-block.lock_add > *[data-entity='buttons-block']::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .js-cart-block.lock div[id$='_basket_actions'] *[id$='_add_basket_link'], .js-cart-block.lock_add div[id$='_basket_actions'] *[id$='_add_basket_link'], .js-cart-block.lock > *[data-entity='buttons-block'] *[id$='_add_basket_link'], .js-cart-block.lock_add > *[data-entity='buttons-block'] *[id$='_add_basket_link'] { opacity: 0.3; } .js-cart-block.card-header__product.lock .quantity-control__wrapper { position: relative; opacity: 0.3; } .js-cart-block.card-header__product.lock .quantity-control__wrapper::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .js-cart-block.card-header__product div[id$='_basket_actions'] .css-add-to-cart { background-color: #e23d41; } /*.js-cart-block.card-header__product.in_cart div[id$="_basket_actions"] { position: relative; } .js-cart-block.card-header__product.in_cart div[id$="_basket_actions"]::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .js-cart-block.card-header__product.in_cart div[id$="_basket_actions"] .css-add-to-cart { opacity: 0.5; background-color: #182C36; } */ .title-search-result .quantity-control { margin-left: 0; } /* Tooltip */ .lk_tooltip { position: fixed; top: 120px; right: 0; display: flex; flex-direction: column; z-index: 100; height: 0; } .lk_tooltip_item { width: 300px; position: relative; background-color: #ffffff; padding: 16px; z-index: 2; box-shadow: 0px 8px 16px #e6ecf0; border-radius: 8px; left: calc(100% + 16px); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .lk_tooltip_item + .lk_tooltip_item { margin-top: 24px; } .lk_tooltip_item.active { left: -24px; } .lk_tooltip_item_ttl { color: #182c36; font-size: 13px; font-style: normal; font-weight: 700; line-height: 16px; margin: 0 0 12px; } .lk_tooltip_item_name { font-style: normal; font-weight: 300; font-size: 14px; line-height: 16px; color: #182c36; } .lk_tooltip_item_lnk { display: block; text-decoration: none; border-radius: 8px; border: 1px solid #e6ecf0; background: #fff; padding: 11px 16px; text-align: center; margin-top: 8px; color: #182c36; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .lk_tooltip_item_lnk:hover { background-color: #182c36; color: #e6ecf0; } .lk_tooltip_item_close { width: 24px; height: 24px; cursor: pointer; position: absolute; top: 10px; right: 10px; background-size: 25px auto !important; background: no-repeat center center url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg5OTFfNDAyOTgpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAxXzg5OTFfNDAyOTgpIj4KPHBhdGggZD0iTTQgNEgyMFYyMEg0VjRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjAxIi8+CjxwYXRoIGQ9Ik02LjY2Nzk3IDYuNjY2NjNMMTcuMzM0NiAxNy4zMzMzIiBzdHJva2U9IiMxODJDMzYiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNi42Njc5NyAxNy4zMzM0TDE3LjMzNDYgNi42NjY3MSIgc3Ryb2tlPSIjMTgyQzM2IiBzdHJva2Utd2lkdGg9IjEuMzMzMzMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzg5OTFfNDAyOTgiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0IDQpIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfODk5MV80MDI5OCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgNCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K'); } /* Корзина */ .table.basket__table > thead > tr > th { padding: 12px; } .header .header__wrapper .menu__navigation .menu__component.cart__link { background-color: #e23d41; color: #fff; } .header .header__wrapper .menu__navigation .menu__component.cart__link svg * { stroke: #fff; } .header .header__wrapper .menu__navigation .menu__component.cart__link:hover { background-color: #839ead; color: #ffffff; } .header .header__wrapper .menu__navigation .menu__component.cart__link:hover svg * { stroke: #000; } @media (max-width: 1023px) { .header .header__wrapper .menu__navigation .cart__link .cart__counter { display: inline-block; width: auto; min-width: 16px; height: 16px; background-color: #182c36; color: #fff; top: 2px; right: 2px; text-indent: unset; overflow: hidden; font-size: 10px; text-align: center; padding: 0 2px; border-radius: 8px; } } @media (max-width: 576px) { .basket__section div.empty { flex-direction: column; } } /* Регистрация */ .form__input_error { position: absolute; color: red; font-style: normal; font-weight: 400; font-size: 10px; line-height: 16px; top: 10px; right: 10px; } .main__form_note { font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.4; color: red; padding: 48px 48px 16px 48px; } .main__form_note ~ .block__title { padding-top: 0 !important; } /* Авторизация */ .dial-in__form .fieldset .dial-in__wrapper .dial-in__sub-wrapper .dial-in__input { width: 172px; border-bottom: 2px solid #182c36; letter-spacing: 12px; text-align: center; } .bx_auth_resend_con { text-align: center; } .bx_auth_resend_con a { display: block; background-color: #e6ecf0; color: #182c36; padding: 12px 12px; font-style: normal; white-space: nowrap; font-weight: 400; font-size: 14px; line-height: 22px; border-radius: 8px; text-align: center; transition: 0.3s ease; } .bx_auth_resend_con a:hover { background-color: #182c36; color: #e6ecf0; } /* Авторизация - выбор профиля */ .profile__description .profile__verification.auth_select { background-color: #e6ecf0; padding: 4px 6px 4px 4px; } /* Меню каталога в сайдбаре */ .categories__modal .modal__body.block_ui { } .categories__modal .modal__body.block_ui::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; cursor: not-allowed; background: rgb(0 0 0 / 20%); } .categories__modal .modal__body.block_ui .lds-ring { display: block; z-index: 4; } @media (max-width: 1023px) { .categories__modal .modal__body { overflow-y: auto; height: calc(100vh - 81px); } #bx-panel ~ .categories__modal .modal__body { overflow-y: auto; height: calc(100vh - 120px); } #bx-panel:not(.bx-panel-folded) ~ .categories__modal .modal__body { overflow-y: auto; height: calc(100vh - 228px); } } /* Меню каталога в разделе каталога */ .sub-catalog__subcategories.block_ui { position: relative; } .sub-catalog__subcategories.block_ui::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; cursor: not-allowed; background: rgb(0 0 0 / 20%); border-radius: 8px; } .sub-catalog__subcategories .lds-ring { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: not-allowed; z-index: 4; } .sub-catalog__subcategories.block_ui .lds-ring { display: block; } /* Модальное окно выбора профиля в шапке */ .profile__modal .profile__description { transition: 0.3s ease; } .profile__modal .profile__description .profile__name { position: static; cursor: default; } .profile__modal .profile__description .profile__verification { background-color: #e6ecf0; padding: 4px 6px 4px 4px; } .profile__modal .profile__description:not(.active):not(.now_active) { cursor: pointer; } .profile__modal .profile__description:not(.active):not(.now_active) .profile__name { cursor: inherit; } .profile__modal .profile__description:not(.active):not(.now_active):hover { background-color: #e6ecf0; } /* Оформление заказа */ .checkout__item .profile__description .profile__verification svg { width: auto; } /* Редактирование профиля */ .add__photo-input { display: none; } .add__photo-preview { width: 56px; height: 56px; border-radius: 50%; } .profile__photo .add__photo-input + label.photo__wrapper { pointer-events: none; cursor: none; } .profile__photo.add .add__photo-input + label.photo__wrapper { pointer-events: all; cursor: pointer; position: relative; } .profile__photo.add .add__photo-input + label.photo__wrapper::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../img/svg/photo-icon.svg'); background-repeat: no-repeat; background-position: center; border-radius: 50%; } .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo .photo__wrapper { background-size: auto; } /* Похожие товары в деталке */ @media (min-width: 769px) { .catalog__table.same_block tbody tr .td-wrapper__control .td__value .td__control { display: flex; align-items: center; justify-content: space-between; grid-gap: 4px; flex-wrap: wrap; } .catalog__table.same_block tbody tr .td-wrapper__control .td__value .td__control .total { transform: unset; width: 100%; text-align: center; padding: 0 2px; padding-left: 55px !important; position: static; order: 2; line-height: 10px; } } @media (max-width: 425px) { .catalog__table.same_block tbody tr .td-wrapper__control .td__value .js-cart-block.in_cart div[id$='_basket_actions'] .css-add-to-cart.css-btn-list.w_text::before { display: none; } .catalog__table.same_block tbody { grid-template-columns: 49% 49%; } } @media (min-width: 426px) { .catalog__table.same_block tbody tr .td-wrapper__control .td__value .js-cart-block div[id$='_basket_actions'] .css-add-to-cart.css-btn-list.w_text { font-size: 0 !important; } .catalog__table.same_block tbody tr .td-wrapper__control .td__value .td__control .component__button { width: 34px; height: 34px; } .catalog__table.same_block tbody tr .td-wrapper__control .td__value .js-cart-block.in_cart div[id$='_basket_actions'] .css-add-to-cart.css-btn-list[data-type='delay']::before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 16px auto !important; background: no-repeat center center url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF82ODY4XzM4MTQwNikiPg0KPHBhdGggZD0iTTAgMEgxNlYxNkgwVjBaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjAxIiBzdHlsZT0ic3Ryb2tlOiB0cmFuc3BhcmVudDsiPjwvcGF0aD4NCjxwYXRoIGQ9Ik0xMS4zMzQ2IDE0QzEyLjgwNzQgMTQgMTQuMDAxMyAxMi44MDYxIDE0LjAwMTMgMTEuMzMzM0MxNC4wMDEzIDkuODYwNTMgMTIuODA3NCA4LjY2NjYzIDExLjMzNDYgOC42NjY2M0M5Ljg2MTg4IDguNjY2NjMgOC42Njc5NyA5Ljg2MDUzIDguNjY3OTcgMTEuMzMzM0M4LjY2Nzk3IDEyLjgwNjEgOS44NjE4OCAxNCAxMS4zMzQ2IDE0WiIgc3Ryb2tlPSIjMTgyQzM2IiBzdHJva2Utd2lkdGg9IjEuMzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KPHBhdGggZD0iTTExLjMzMiA4LjY2NjYzVjExLjMzMzNIMTMuOTk4NyIgc3Ryb2tlPSIjMTgyQzM2IiBzdHJva2Utd2lkdGg9IjEuMzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KPHBhdGggZD0iTTggMlY0LjY2NjY3QzggNC44NDM0OCA4LjA3MDI0IDUuMDEzMDUgOC4xOTUyNiA1LjEzODA3QzguMzIwMjkgNS4yNjMxIDguNDg5ODYgNS4zMzMzMyA4LjY2NjY3IDUuMzMzMzNIMTEuMzMzMyIgc3Ryb2tlPSIjMTgyQzM2IiBzdHJva2Utd2lkdGg9IjEuMzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KPHBhdGggZD0iTTcuNjY2NjcgMTRIMy4zMzMzM0MyLjk3OTcxIDE0IDIuNjQwNTcgMTMuODU5NSAyLjM5MDUyIDEzLjYwOTVDMi4xNDA0OCAxMy4zNTk0IDIgMTMuMDIwMyAyIDEyLjY2NjdWMy4zMzMzM0MyIDIuOTc5NzEgMi4xNDA0OCAyLjY0MDU3IDIuMzkwNTIgMi4zOTA1MkMyLjY0MDU3IDIuMTQwNDggMi45Nzk3MSAyIDMuMzMzMzMgMkg4TDExLjMzMzMgNS4zMzMzM1Y2LjY2NjY3IiBzdHJva2U9IiMxODJDMzYiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQo8L2c+DQo8ZGVmcz4NCjxjbGlwUGF0aCBpZD0iY2xpcDBfNjg2OF8zODE0MDYiPg0KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSI+PC9yZWN0Pg0KPC9jbGlwUGF0aD4NCjwvZGVmcz4NCjwvc3ZnPg=='); } } /* Блок добавления фото */ .add__photo_custom .profile__photo { font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; color: #182c36; display: flex; align-items: center; grid-gap: 12px; margin-bottom: 16px; } .add__photo_custom .profile__photo.add .add__photo-input + label.photo__wrapper { pointer-events: all; cursor: pointer; position: relative; } .add__photo_custom .profile__photo .photo__wrapper { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 100%; background-repeat: no-repeat; background-position: center; background-size: auto; overflow: hidden; font-size: 0 !important; } .add__photo_custom .profile__photo.add .photo__wrapper { cursor: pointer; flex: 0 0 auto; } .add__photo_custom .profile__photo.add .photo__wrapper::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/svg/photo-icon.svg); background-repeat: no-repeat; background-position: center; border-radius: 50%; } .add__photo_custom .profile__photo .text__wrapper { display: flex; flex-direction: column; grid-gap: 4px; } .add__photo_custom .profile__photo .text__wrapper span:nth-child(2) { font-size: 12px; font-style: normal; font-weight: 500; line-height: 16px; color: #839ead; } .add__photo_custom .profile__photo.add .add__photo-input + label.photo__wrapper li { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; } .add__photo_custom .profile__photo.add .add__photo-input + label.photo__wrapper img { width: auto; height: auto; max-width: 100%; max-height: 100%; } /* Форма добавления/редактирования представителя */ .css-form-invete-add .profile__description .profile__name { position: static; } .css-form-invite-edit .profile__description .profile__name { position: static; } .custom-multi-selector { display: flex; flex-direction: column; grid-gap: 16px; } .custom-multi-selector .multi-selector-active-items { display: flex; flex-direction: column; grid-gap: 16px; } .custom-multi-selector .select.sort-desktop .profile__description.custom__item:hover { background-color: #3b5765; } .custom-multi-selector .select.sort-desktop .profile__description.custom__item:hover .select__item, .custom-multi-selector .select.sort-desktop .profile__description.custom__item.active .select__item { color: #fff; } .custom-multi-selector .custom-multi-selector-select { height: 0; overflow: hidden; opacity: 0; } .custom-multi-selector .select.error { border: 1px solid #e23d41; } .custom-multi-selector .select__wrapper .arrow__button { position: relative; top: -5px; } .main.catalog__main .breadcrumbs__list + .main__block .main__title + button.light__button { padding: 4px 8px; border-radius: 4px; margin-bottom: 0; margin-top: 5px; font-size: 9px; line-height: 11px; letter-spacing: 0.02em; font-weight: 500; } .main.catalog__main .breadcrumbs__list + .main__block { flex-direction: row; align-items: start; grid-gap: 8px 5px; flex-wrap: wrap; } .main.catalog__main .breadcrumbs__list + .main__block .main__title { margin-bottom: 0; } /* Правки в каталоге t_124603 */ @media (min-width: 1024px) { .main .sub-catalog__section .sub-catalog__wrapper .filter__modal { position: fixed; right: inherit; left: -150%; top: 0; z-index: 5; max-width: 360px; width: 100%; transition: 0.3s ease; z-index: 5000; max-width: 232px; height: 100vh !important; background-color: #ffffff; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.active { left: 0; right: inherit; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal .filter__modal_con { display: flex; flex-direction: column; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper.tablet { display: none; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .buttons__wrapper .filter__button { display: flex; } .main .sub-catalog__section .sub-catalog__wrapper .tablet .down__line .product__button { display: flex; padding: 16px !important; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal { overflow-y: scroll; border-right: 1px solid #e6ecf0; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal::-webkit-scrollbar { width: 0px; height: auto; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal::-webkit-scrollbar-track-piece { background-color: #e6ecf0; -webkit-border-radius: 8px; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #3b5765; } main.catalog__main .content .custom-scroll__table { width: 100%; } .aside__main .aside__header { min-height: 80px; } .main .sub-catalog__section .sub-catalog__wrapper #smartfilter-form .checkbox .checkout__label { font-size: 12px; } } @media (min-width: 1641px) { /* main.catalog__main .content .custom-scroll__table .cell:first-of-type { flex-basis: 600px; } */ /* .custom-scroll__table .custom-scroll-table__header .row-header { flex: 0 0 600px; } */ } @media (max-width: 1023px) { .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .buttons__wrapper .filter__button .filter-label { display: none; } .main .sub-catalog__section .sub-catalog__wrapper .js-filter-desktop-btn { display: none; } .main .sub-catalog__section .sub-catalog__wrapper .js-categories-desktop-btn { display: none; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.categories-mode > .sub-catalog__subcategories > .modal__header { display: none; } } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside { height: 100%; grid-gap: 0; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown { border-radius: 0; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__subcategories { /*display: none;*/ display: block; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .filters__mobile .modal__header { /*display: flex;*/ display: none; } .main .sub-catalog__section .sub-catalog__wrapper .filter-table__component.first-line { display: flex; grid-gap: 8px; } .main .sub-catalog__section .sub-catalog__wrapper .js-filter-desktop-btn { padding: 12px 16px; } .main .sub-catalog__section .sub-catalog__wrapper .js-filter-desktop-btn .amount { display: flex; justify-content: center; align-items: center; position: absolute; background-color: #e23d41; color: #ffffff; border-radius: 100%; width: 13px; padding: 2px; right: -5px; top: -7px; font-size: 8px; font-style: normal; font-weight: 500; line-height: 9px; letter-spacing: 0.16px; color: #ffffff; } .main .sub-catalog__section .sub-catalog__wrapper .js-categories-desktop-btn { padding: 17px 16px; } .main .sub-catalog__section .sub-catalog__wrapper .select { font-weight: 400; font-size: 14px; line-height: 16px; padding: 12px; height: 40px; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.filter-mode > .sub-catalog__subcategories { /*display: none !important;*/ border-radius: 0; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.filter-mode > .sub-catalog__subcategories .modal__header { padding: 5px; left: -150%; transition: 0.3s ease; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.filter-mode.active > .sub-catalog__subcategories { padding-top: 45px; position: relative; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.filter-mode.active > .sub-catalog__subcategories .modal__header { position: fixed; top: 0; left: 0; width: 228px; background: #fff; z-index: 10; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.filter-mode > .sub-catalog__subcategories .modal__header .modal__close { padding: 5px; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.filter-mode > .sub-catalog__subcategories > .dropdown__button { display: flex; border-bottom: 1px solid #e6ecf0; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.filter-mode > .sub-catalog__subcategories > .dropdown__content:not(.active) { border-bottom: 1px solid #e6ecf0; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.filter-mode > .sub-catalog__subcategories > .dropdown__content:not(.active) > .sub-catalog__item:first-child { border-top: none; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.filter-mode .sub-catalog__filters .sub-catalog__items { border-bottom: 1px solid #e6ecf0; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.filter-mode .sub-catalog__filters .sub-catalog__items:not(.active) > .sub-catalog__item:first-child { border-top: none; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.filter-mode > .sub-catalog__filters .sub-catalog__item.dropdown__button { /*display: none !important;*/ display: flex; border-bottom: 1px solid #e6ecf0; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.categories-mode > .sub-catalog__filters { /*display: none !important;*/ } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.categories-mode > .sub-catalog__subcategories { border-radius: 0; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.categories-mode > .sub-catalog__subcategories > .sub-catalog__item.dropdown__button { /*display: none;*/ } main.catalog__main footer { position: fixed; left: 232px; width: calc(100% - 232px); } @media (max-width: 1023px) { .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.filter-mode.active > .sub-catalog__subcategories { padding-top: 0; } .main .sub-catalog__section .sub-catalog__wrapper .filter__modal.filter-mode.active > .sub-catalog__subcategories .modal__header { position: static; width: 100%; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .dropdown__button { display: flex; } } .main .profile__section .section__block .section__contents .section__content .section__table .cell__name .photo__logo { display: flex; align-items: center; justify-content: center; border-radius: 50%; font-style: normal; width: 40px; height: 40px; overflow: hidden; flex-shrink: 0; } .js-user-profile-edit-form .form__wrapper.disable .form__input::-webkit-input-placeholder { color: transparent; } .js-user-profile-edit-form .form__wrapper.disable .form__input::-moz-placeholder { color: transparent; } .js-user-profile-edit-form .form__wrapper.disable .form__input:-moz-placeholder { color: transparent; } .js-user-profile-edit-form .form__wrapper.disable .form__input:-ms-input-placeholder { color: transparent; } .js-user-profile-edit-form .form__wrapper:not(.disable) .form__input::-webkit-input-placeholder { color: #abb0b3; } .js-user-profile-edit-form .form__wrapper:not(.disable) .form__input::-moz-placeholder { color: #abb0b3; } .js-user-profile-edit-form .form__wrapper:not(.disable) .form__input:-moz-placeholder { color: #abb0b3; } .js-user-profile-edit-form .form__wrapper:not(.disable) .form__input:-ms-input-placeholder { color: #abb0b3; } .js-user-profile-edit-form .form__wrapper:not(.disable) .password__input::-webkit-input-placeholder, .css-form-invite-edit .form__wrapper:not(.disable) .password__input::-webkit-input-placeholder { color: transparent; } .js-user-profile-edit-form .form__wrapper:not(.disable) .password__input::-moz-placeholder, .css-form-invite-edit .form__wrapper:not(.disable) .password__input::-moz-placeholder { color: transparent; } .js-user-profile-edit-form .form__wrapper:not(.disable) .password__input:-moz-placeholder, .css-form-invite-edit .form__wrapper:not(.disable) .password__input:-moz-placeholder { color: transparent; } .js-user-profile-edit-form .form__wrapper:not(.disable) .password__input:-ms-input-placeholder, .css-form-invite-edit .form__wrapper:not(.disable) .password__input:-ms-input-placeholder { color: transparent; } .css-form-invite-edit .details-select { display: block !important; } .css-form-invite-edit .details-select:not(.edit) .select-label { display: none !important; } .aside__main .aside__profile img.user__avatar { border-radius: 50%; } /* Раздел формирования заказа */ .main .main-order__section .create__main-wrapper { padding-bottom: 90px; } .main .main-order__section .create__main-wrapper .create__form .field__wrapper .field__block.upload__field_xls { background-color: #3b5765; } .main .main-order__section .create__main-wrapper .create__form .field__wrapper .field__block.upload__field_xls .upload__text { color: #f6f6f6; } .main .main-order__section .create__main-wrapper .create__form .field__wrapper .field__block .component__button.dropdown__button { cursor: pointer; } .main .main-order__section .order__table tbody tr td .td__wrap .item__availability span:last-child { font-weight: 500; } .main .main-order__section .create__main-wrapper .create__form .field__wrapper .buttons__wrappper .component__button { cursor: pointer; } .main .main-order__section .order-make__content .table td .td__control > .quantity-control { margin-left: auto; } .main .main-order__section .processed_run__wrapper { position: relative; } .main .main-order__section .processed_run__wrapper .lds-ring { width: 60px; height: 60px; position: absolute; right: 0; top: -4px; } .main .main-order__section .processed_run__wrapper.block_ui::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; cursor: not-allowed; } .main .main-order__section .processed_run__wrapper.block_ui .lds-ring { display: block; z-index: 4; } @media (max-width: 576px) { .main .main-order__section .processed_run__wrapper.block_ui { padding-bottom: 50px; } .main .main-order__section .processed_run__wrapper.block_ui .lds-ring { right: 0; left: 0; margin-left: auto; margin-right: auto; top: 40px; } /*.categories__modal .modal__body { overflow-y: auto; height: calc(100vh - 81px); } #bx-panel ~ .categories__modal .modal__body { overflow-y: auto; height: calc(100vh - 120px); } #bx-panel:not(.bx-panel-folded) ~ .categories__modal .modal__body { overflow-y: auto; height: calc(100vh - 228px); }*/ } /* Раздел документов */ .documents_container .show-more__block .page-navigation a.page-navigation__button { display: flex; justify-content: center; align-items: center; } .documents_container .main .orders__section .empty { width: auto; height: auto; } .documents_container .main .orders__section .empty .empty_txt { display: flex; flex-direction: column; justify-content: center; } .main .document__section .filter-table .filter-table__wrapper .organization__select .select__list { height: auto; max-height: 340px; } .calendar__modal .calendar__table .calendar .days .day:not(.inactive) { cursor: pointer; } .calendar__modal .calendar__table .calendar .days .day.checked-to, .calendar__modal .calendar__table .calendar .days .day.checked-from { color: #fff; background-color: #949ca1; } .sub-modal .modal__sub-body .sub-modal__list .sub-modal__wrapper .profile__description.active { background-color: #f1f4f6; } .sub-modal .modal__sub-body .sub-modal__list .sub-modal__wrapper .profile__description.active .profile__name { color: #3b5765; } .act-calendar__modal .form__input::-webkit-input-placeholder, .calendar__modal .calendar__body .form__input::-webkit-input-placeholder { color: #abb0b3; } .act-calendar__modal .form__input::-moz-placeholder, .calendar__modal .calendar__body .form__input::-moz-placeholder { color: #abb0b3; } .act-calendar__modal .form__input:-moz-placeholder, .calendar__modal .calendar__body .form__input:-moz-placeholder { color: #abb0b3; } .act-calendar__modal .form__input:-ms-input-placeholder, .calendar__modal .calendar__body .form__input:-ms-input-placeholder { color: #abb0b3; } .act-calendar__modal .select .select__list .select__item.active { background-color: #f6f8fa; } /* Базовые стили */ body .base_styles, body .base_styles:not(.accordion__content) * { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.01em; text-align: left; color: #182c36; } body .base_styles h1 { font-size: 40px; font-weight: 400; line-height: 48px; letter-spacing: 0.01em; text-align: left; color: #182c36; margin-bottom: 16px; } body .base_styles h2 { font-size: 36px; font-weight: 400; line-height: 48px; letter-spacing: 0.01em; text-align: left; color: #182c36; margin-bottom: 16px; } body .base_styles h3 { font-size: 32px; font-weight: 400; line-height: 40px; letter-spacing: 0.01em; text-align: left; color: #182c36; margin-bottom: 16px; } body .base_styles h4 { font-size: 28px; font-weight: 400; line-height: 36px; letter-spacing: 0.01em; text-align: left; color: #182c36; margin-bottom: 16px; } body .base_styles h5 { font-size: 24px; font-weight: 400; line-height: 32px; letter-spacing: 0.01em; text-align: left; color: #182c36; margin-bottom: 16px; } body .base_styles h6 { font-size: 20px; font-weight: 400; line-height: 28px; letter-spacing: 0.01em; text-align: left; color: #182c36; } body .base_styles p { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.01em; text-align: left; color: #182c36; margin-bottom: 16px; } body .base_styles strong { font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 0.01em; text-align: left; color: #182c36; } body .base_styles ul, body .base_styles ol { padding-left: 20px; margin-bottom: 16px; } body .base_styles a { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.02em; color: #e23d41; text-decoration: underline; } body .base_styles ul li, body .base_styles ol li { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.02em; text-align: left; color: #182c36; } body .base_styles ul li::marker { color: #e23d41; } body .base_styles table { background-color: #ffffff; margin-bottom: 16px; } body .base_styles table thead { background-color: #f1f4f6; } body .base_styles table thead th { padding: 12px; border: 1px solid #e6ecf0; } body .base_styles table tbody tr td { padding: 8px; border: 1px solid #e6ecf0; } @media (max-width: 768px) { body .base_styles h1 { font-size: 32px; font-weight: 400; line-height: 40px; letter-spacing: 0.01em; text-align: left; color: #182c36; } body .base_styles h2 { font-size: 28px; font-weight: 400; line-height: 32px; letter-spacing: 0.01em; text-align: left; color: #182c36; } body .base_styles h3 { font-size: 24px; font-weight: 400; line-height: 28px; letter-spacing: 0.01em; text-align: left; color: #182c36; } body .base_styles h4 { font-size: 20px; font-weight: 400; line-height: 24px; letter-spacing: 0.01em; text-align: left; color: #182c36; } body .base_styles h5 { font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0.01em; text-align: left; color: #182c36; } body .base_styles h6 { font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: 0.01em; text-align: left; color: #182c36; } } .header.search { z-index: 10; } .menu__navigation .menu__component.cart__link .cart__counter:not(.have_items) { opacity: 0; } .title-search-result .option-image__wrapper .option-image__wrapper { align-items: center; justify-content: center; display: flex; } .title-search-result .option-image__wrapper .option-image__wrapper img.option-item__image { width: auto; height: auto; max-width: 100%; max-height: 100%; } .categories__modal .modal__body .category__item a.category__wrapper { flex-grow: 1; } @media (max-width: 1023px) { .categories__modal.modal-top { width: 80%; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside.active.active { width: 80%; right: inherit; left: 0; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside.active > .sub-catalog__subcategories { width: 100%; } .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside.active > .sub-catalog__dropdown { width: 100%; } .title-search-result { overflow: auto !important; height: auto; } .title-search-result .option__list { max-height: 212px; overflow: auto; } } @media (max-width: 576px) { .aside__main .aside__fixed { width: 80%; } } @media (min-width: 577px) and (max-width: 1023px) { .categories__modal.modal-top { max-width: 360px; } } .main .card-product__section .card-product .card-header .slider__wrapper .card__slider-1 .swiper-slide { display: flex; align-items: center; justify-content: center; } .main .card-product__section .card-product .card-header .slider__wrapper .card__slider-1 .mini-image { width: auto; height: auto; max-width: 100%; max-height: 100%; } .card-product__section .slider__wrapper .card__slider-2 .swiper-slide img { max-width: 256px; max-height: 256px; object-fit: contain; } .custom-scroll__table .custom-scroll-table__header .row-header { flex-grow: 1; flex: auto; width: 100% !important; min-width: 180px; } .custom-scroll__table .cell:first-of-type { flex-basis: auto; min-width: 180px; } .custom-scroll__table .cell.cell-sticky:last-of-type, .custom-scroll__table .col-name.last-col-name:last-of-type { flex-basis: 229px; } .custom-scroll__table .cell.cell-sticky:last-of-type { border-radius: 0 8px 8px 0; border: 1px solid #E6ECF0; border-left: none; } @media (min-width: 1024px) { .main .sub-catalog__section .main__container .sub-catalog__wrapper .sub-catalog__aside { min-width: auto; } } .main .card-product__section .card-tables { padding: 32px 24px 24px 0; } .is_side_panel .main .card-product__section .card-tables { padding: 32px 24px 24px 24px; background-color: #f6f8fa; border-radius: 8px; } .custom-scroll__table .cell__link .cell__image_con img { width: 100%; height: 100%; object-fit: contain; } .basket__table tbody tr .table__image { object-fit: contain; } .basket__table tbody tr .td__value a { display: flex; } /* pending-orders and cart */ .filter-table .filter-table__wrapper .filter-table__component .filter-table__input--pending { padding-right: 36px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: 24px 24px; background-position: right 12px center; } .custom-table .custom-line--pending { grid-template-columns: 50px 110px minmax(210px, auto) 63px 105px minmax(auto, 550px); } .name-order .td__value { font-weight: 400; } .custom-cell--comment .td__value { display: block; padding: 8px 12px; font-weight: 400; border-radius: 8px; border: 1px solid #e6ecf0; } .custom-cell--comment .td__value textarea { resize: vertical; } .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header--pending { margin-bottom: 18px; border-radius: 8px; } .table--pending thead tr th:first-child { border-top-left-radius: 8px; } .table--pending thead tr th:last-child { border-top-right-radius: 8px; } .table.table--pending tbody tr td.border-none, .table.table--pending thead tr th.border-none { border-right: none; } .pending-quantity .quantity-control__value { width: 56px; } .pending-disabled .td__wrapper { opacity: 0.4; } .background-line.active .custom-cell--comment .td__value { background-color: #fff; } .pending-orders-search { position: relative; } .pending-orders-search input { padding: 16px 44px 16px 12px; /* background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: 24px 24px; background-position: right 12px center; */ background-color: #fff; border-radius: 8px; width: 100%; } .pending-orders-search-wrapper { width: 100%; position: relative; } .pending-orders-search-wrapper.active { z-index: 7; } .pending-orders-search-wrapper button { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); } .pending-orders-search-loupe { visibility: visible; opacity: 1; transition: 0.3s ease; } .pending-orders-search-close { opacity: 0; visibility: hidden; transition: 0.3s ease; } .pending-orders-search-close.active { opacity: 1; visibility: visible; } .pending-orders-search-loupe.no-active { opacity: 0; visibility: hidden; } .pending-search-option { position: absolute; top: 55px; left: 0; width: 100%; display: flex; flex-direction: column; padding: 0; margin: 0; list-style-type: none; z-index: 5; background-color: #fff; border: 1px solid #e6ecf0; border-radius: 8px; box-shadow: 0px 8px 16px 0px #e6ecf0; opacity: 0; visibility: hidden; transition: 0.3s ease; } .pending-search-option.active { opacity: 1; visibility: visible; } .pending-search-option-list { max-height: 252px; overflow: auto; box-shadow: 0px 8px 16px 0px #e6ecf0; overscroll-behavior: contain; } .pending-search-option-list::-webkit-scrollbar { width: 4px; height: auto; } .pending-search-option-list::-webkit-scrollbar-track-piece { background-color: #e6ecf0; -webkit-border-radius: 8px; } .pending-search-option-list::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #3b5765; } .pending-search-option-item { position: relative; display: flex; gap: 8px; padding: 16px; border-bottom: 1px solid #e6ecf0; width: 100%; flex-grow: 1; } .pending-search-option-content { display: flex; justify-content: space-between; align-items: center; width: 100%; } .pending-search-option-title { display: flex; flex-direction: column; } .pending-search-option-title > b { font-size: 12px; font-weight: 500; line-height: 16px; text-align: left; color: #18a676; } .pending-search-option-title p { font-size: 14px; font-weight: 300; line-height: 16px; text-align: left; } .pending-search-option-title span { font-size: 12px; font-weight: 400; line-height: 16px; text-align: left; color: #3b5765; } .pending-search-option-price { display: flex; align-items: center; gap: 15px; margin-left: auto; } .pending-search-option-price b { font-size: 14px; font-weight: 400; line-height: 16px; text-align: center; color: #182c36; white-space: nowrap; } .pending-search-option-price-wrapper { display: flex; flex-direction: column; } .pending-search-option-price-wrapper p { display: none; font-size: 12px; font-weight: 500; line-height: 16px; text-align: left; color: #3b5765; } .pending-search-option-price-wrapper span { font-size: 12px; font-weight: 500; line-height: 16px; text-align: left; color: #18a676; } .pending-search-option-item img { width: 32px; height: 32px; border: 1px solid #e6ecf0; border-radius: 6px; object-fit: contain; } .pending-remove-bnt { display: flex; align-items: center; justify-content: center; } .table--pending { overflow: hidden; } .main .orders__section .custom-table--pending .custom-table__body .dropdown__sub-table .sub-table { overflow: visible; } .pending-orders-search.pending-editor { display: flex; max-height: 0; visibility: hidden; transition: 0.5s ease; opacity: 0; } .pending-orders-search.pending-editor.active { max-height: 100px; visibility: visible; opacity: 1; margin-bottom: 18px; } .pending-remove-bnt.pending-editor { display: flex; max-width: 0; visibility: hidden; transition: 0.5s ease; opacity: 0; } .pending-remove-bnt.pending-editor.active { visibility: visible; opacity: 1; max-width: 100px; } .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper { overflow: hidden; } .save__button { visibility: hidden; transition: 0.5s ease; opacity: 0; max-width: 0; padding: 0 !important; } .save__button.active { visibility: visible; opacity: 1; max-width: 150px; padding: 16px !important; } .sub-table__header--pending .sub-table__control { margin-left: auto; } .sub-table__control-wrapper { position: relative; display: flex; align-items: center; gap: 8px; transition: 0.5s ease; max-width: 350px; opacity: 1; } .sub-table__control-wrapper.transform { max-width: 0; opacity: 0; visibility: hidden; } .pending-quantity .quantity-control__button { transition: 0.5s ease; opacity: 0; visibility: hidden; } .pending-quantity .quantity-control__value[disabled] { background-color: #fff; } .pending-quantity .quantity-control__button.active { opacity: 1; visibility: visible; } .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header--pending .sub-table__wrapper .sub-table__control { gap: 0; } .main .orders__section .filter-table--pending .filter-table__wrapper .component__button { position: static; } .filter-table--pending .filter-table__wrapper { position: static; display: flex; } .filter-table--pending .document-search, .main .document__section .filter-table--pending .data-search { display: none; } .remove-modal, .place-modal, .pending-modal, .not-available-modal { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 5; width: 100%; max-width: 400px; background-color: #fff; border-radius: 16px; padding: 24px; visibility: hidden; opacity: 0; transition: 0.3s ease; } .remove-modal .modal__close, .place-modal .modal__close, .pending-modal .modal__close, .not-available-modal .modal__close { position: absolute; top: 20px; right: 20px; } .remove-modal__step, .place-modal__step, .pending-modal__step { display: flex; flex-direction: column; transition: 0.3s ease; max-height: 500px; } .remove-modal__step--two, .place-modal__step--two, .pending-modal__step--two { max-height: 0; visibility: hidden; opacity: 0; } .remove-modal.active, .place-modal.active, .pending-modal.active, .not-available-modal.active { visibility: visible; opacity: 1; } .remove-modal__step--one.no-active, .place-modal__step--one.no-active, .pending-modal__step--one.no-active { visibility: hidden; opacity: 0; max-height: 0; } .remove-modal__step--two.active, .place-modal__step--two.active, .pending-modal__step--two.active { visibility: visible; opacity: 1; max-height: 500px; } .remove-modal__header, .place-modal__header, .pending-modal__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .remove-modal__content, .place-modal__content, .pending-modal__content { font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; color: #000814; margin-bottom: 24px; } .pending-modal__header { font-size: 16px; font-weight: 500; line-height: 40px; text-align: left; text-transform: uppercase; } .pending-modal__content p { margin-bottom: 8px; } .pending-modal__content input { padding: 16px 12px; background-color: #fff; font-size: 13px; font-weight: 400; line-height: 16px; text-align: left; border-radius: 8px; border: 1px solid #c5d6df; width: 100%; } .place-modal__content span { display: block; margin-bottom: 8px; } .place-modal__content ol { padding-left: 24px; } .place-modal__content--title { font-size: 20px; font-weight: 400; line-height: 24px; text-align: left; margin-bottom: 8px; } .remove-modal__footer, .place-modal__footer, .pending-modal__footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .remove-modal__footer button, .place-modal__footer button, .pending-modal__footer button, .pending-modal__footer a { width: 100%; flex-grow: 1; padding: 16px; } .order__pending { display: flex; flex-direction: column; gap: 16px; padding: 24px; background-color: #e6ecf0; border-radius: 9px; max-width: 400px; margin-top: 24px; } .main .basket__section .basket__block .basket__content .order__information { background-color: #fff; } @media (min-width: 1024px) and (max-width: 1280px) { [data-entity='basket-total-block'] > div { display: flex; gap: 24px; } [data-entity='basket-total-block'] .order__pending, [data-entity='basket-total-block'] .order__information { flex-grow: 1; width: 100%; height: fit-content; } [data-entity='basket-total-block'] .order__pending { margin-top: 0; } } .main .basket__section .basket__block .basket__content .order__information .order__information-wrapper { background-color: #fff; border-radius: 8px; } .order__pending span { font-family: Roboto; font-size: 16px; font-weight: 500; line-height: 18px; text-align: left; } .order__pending p { font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; } .custom-table--pending .custom-cell { align-items: start; } .custom-line--pending .td__wrapper { margin-top: 8px; } .custom-line--pending .custom-cell--comment .td__wrapper { margin-top: 0; } .custom-line--pending.active { background-color: #e6ecf0; } .custom-line--pending.active .custom-cell:not(:last-child) { border-right: 1px solid #c5d6df; } .custom-line--pending.active .custom-cell { border-bottom: 1px solid #c5d6df; } .table--pending tbody tr .table__image { display: flex; border: 1px solid #e6ecf0; border-radius: 8px; } .table--pending .option-item__description .item__info .item__number { font-family: Roboto; font-size: 12px; font-weight: 400; line-height: 16px; text-align: left; color: #3b5765; } .table--pending .option-item__description .item__info .item__availability { font-size: 12px; font-weight: 400; line-height: 16px; text-align: left; color: #18a676; } .opacity { opacity: 0.5; } .opacity .quantity-control__button { opacity: 0 !important; visibility: hidden !important; } .custom-table--pending .custom-table__header .custom-cell, .custom-table--pending .custom-table__header .custom-cell a { display: flex; align-items: center; gap: 8px; } .custom-table--pending .custom-table__header .custom-cell span { top: auto; } .title-search-result { overscroll-behavior: contain; box-shadow: 0px 8px 16px 0px #e6ecf0 !important; } @media (hover: hover) { .custom-table .custom-cell .dropdown:hover { background-color: #182c36; } .custom-table .custom-cell .dropdown:hover svg .stroke { stroke: #fff; } } @media (hover: none) { .custom-table .custom-cell .dropdown:active { background-color: #182c36; } .custom-table .custom-cell .dropdown:active svg .stroke { stroke: #fff; } } .main .orders__section .table--pending { border-radius: 8px; } @media (max-width: 1280px) { .order__pending { max-width: 100%; } } @media (max-width: 1023px) { .filter-table--pending .filter-table__wrapper { margin-bottom: 16px; } } @media (max-width: 1023px) { .pending-search-option-list { max-height: 204px; } .custom-cell--comment .td__value textarea { resize: none; } .custom-cell--comment .td__value textarea::-webkit-scrollbar { overflow: hidden; } .custom-cell--comment .td__value::-webkit-scrollbar { width: 14px; display: hidden; } .custom-cell--comment .td__value { resize: vertical; overflow-y: scroll; } .custom-table--pending .custom-table__header { display: none; } .filter-table--pending .filter-table__wrapper { gap: 8px; } .custom-table--pending .custom-table__body { border-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .main .orders__section .custom-table--pending .custom-table__body .dropdown__sub-table .sub-table { padding: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .custom-table--pending .custom-table__body tr td { padding: 16px; } .main--pending { background-color: #f6f8fa; } .custom-line--pending .custom-table__body { border-radius: 8px; } .custom-line--pending.active .custom-cell:not(:last-child) { border-right: none; } .custom-line--pending.active .custom-cell { border-bottom: none; } .table--pending .option-item__description .item__info .item__number { font-weight: 500 !important; } .custom-line--pending .td__wrapper { margin-top: 0; } .table--pending .item__availability { display: none; } .table--pending td .td-mobile-thead { margin-bottom: 0; } .pending-search-option { position: absolute; top: 55px; left: 0; width: 100%; display: flex; flex-direction: column; padding: 0; margin: 0; list-style-type: none; z-index: 5; background-color: #fff; border: 1px solid #e6ecf0; } .pending-search-option-item { padding: 8px; } /* .pending-search-option-item { display: flex; gap: 8px; padding: 16px; border-bottom: 1px solid #e6ecf0; width: 100%; } */ /* .pending-search-option-content { display: flex; flex-direction: column; gap: 14px; } */ .pending-search-option-title p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* .pending-search-option-title p { font-size: 14px; font-weight: 400; line-height: 20px; text-align: left; } .pending-search-option-title span { font-size: 12px; font-weight: 400; line-height: 16px; text-align: left; } .pending-search-option-price { display: flex; align-items: end; justify-content: space-between; } */ /* .pending-search-option-price-wrapper { display: flex; flex-direction: column; } .pending-search-option-price-wrapper p { display: block; position: static; font-size: 12px; font-weight: 500; line-height: 16px; text-align: left; color: #3b5765; transform: none; } .pending-search-option-price-wrapper b { position: static; font-size: 20px; font-weight: 500; line-height: 24px; letter-spacing: 0.01em; text-align: left; color: #182c36; transform: none; } */ .custom-table--pending { overflow: visible; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } /* .pending-search-option-item .black__button { position: static; padding: 12px; transform: none; } */ /* .pending-search-option-price-wrapper span { font-size: 12px; font-weight: 500; line-height: 16px; text-align: left; color: #18a676; } */ /* .pending-search-option-item img { width: 112px; height: 112px; object-fit: contain; } */ .main__container { padding: 0 8px; } .custom-table .custom-line--pending { display: flex; flex-wrap: wrap; } .custom-table .custom-line--pending .custom-cell:not(.custom-cell--comment) { width: auto; flex-grow: 0; text-align: left; display: block; border-right: none; } .custom-table .custom-line--pending .custom-cell:not(:first-child) { min-width: 82px; } .main .orders__section .custom-table .custom-line--pending .td__wrapper .td-mobile-thead { text-transform: uppercase; font-size: 10px; display: block; background-color: transparent; line-height: 16px; color: #839ead; } .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header--pending { background-color: #f6f8fa; } .table--pending tbody tr .table__image { width: 112px; height: 112px; } .custom-line--pending + .dropdown__sub-table { background-color: #e6ecf0 !important; padding: 0 !important; } .custom-table--pending .custom-table__body tr td:not(:last-child) { border-top: none; } .table--pending .tr__orders-table td:nth-child(n + 3):nth-child(-n + 5) { position: absolute; bottom: 0; } .table--pending td { width: fit-content; } .table--pending thead { display: none; } .table--pending .tr__orders-table td:nth-child(3) { left: 130px; } .table--pending tbody tr td .item__name { max-width: 90%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-weight: 400; } .main .orders__section .table--pending .tr__orders-table td .td__wrapper .td__value { font-style: normal; font-weight: 500; line-height: 16px; color: #182c36; } .custom-table--pending .td__wrapper .td-mobile-thead { display: block; background-color: transparent; } .custom-table--pending .custom-table__body tr td { border-top: none; } .custom-table--pending .custom-table__body tr td:not(:last-child) { border-right: none; } .table--pending .tr__orders-table td:nth-child(2) { position: absolute; top: 0; left: 130px; } .pending-orders-search.pending-editor { margin-left: 8px; margin-right: 8px; } .main .orders__section .table--pending { border-radius: 8px; } .main .orders__section .table--pending .tr__orders-table td .td__wrapper .td__value { font-size: 20px; line-height: 33px; } .sub-table__header--pending .sub-table__control { width: 100%; } .main .orders__section .table--pending .tr__orders-table td .td__wrapper .td-mobile-thead { font-weight: 500 !important; color: #3b5765; font-size: 12px; font-style: normal; line-height: 16px; text-transform: inherit; } .table--pending .tr__orders-table td:last-child { position: absolute; top: 8px; right: 8px; } .table--pending .tr__orders-table td:last-child svg { width: 32px; height: 32px; } } @media (min-width: 577px) and (max-width: 1023px) { .table.table--pending tbody tr td.border-none { min-height: 71px; } .table--pending .tr__orders-table td:nth-child(5) { left: auto; right: 8px; } .table--pending .tr__orders-table td:nth-child(4) { left: auto; right: 130px; } } @media (min-width: 475px) and (max-width: 576px) { .custom-table .custom-line--pending .custom-cell.name-order { margin-right: 80px; } } @media (max-width: 576px) { .pending-search-input::placeholder { font-size: 10px; } .custom-table .custom-line--pending .custom-cell.price-cell { margin-left: 56px; } .sub-table__header--pending .sub-table__control { flex-wrap: nowrap !important; } .pending-search-option-content { flex-wrap: wrap; } .table--pending tbody tr td .item__name { max-width: 80%; -webkit-line-clamp: 3; } .custom-table--pending .custom-table__body tr td { padding: 8px; } .filter-table .filter-table__wrapper .filter-table__component .filter-table__input--pending { width: 140px; } .filter-table--pending .filter-table__wrapper { margin-bottom: 0; gap: 8px; } .filter-table--pending .filter-table__wrapper .light__button { padding: 16px; } .sub-table__header--pending .info-item:first-child { flex-grow: 1; width: 100%; } .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header--pending { padding: 8px; } .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header--pending .sub-table__wrapper .sub-table__info { gap: 16px; } .table--pending .tr__orders-table { height: 290px; } .custom-table--pending .table--pending .tr__orders-table td:nth-child(3) { bottom: auto; top: 85px; left: 130px; width: fit-content; } .custom-table--pending .table--pending .tr__orders-table td:nth-child(4) { bottom: auto; top: 160px; left: 130px; width: fit-content; transform: none; } .custom-table--pending .table--pending .tr__orders-table td .item__info { bottom: -10px; left: 8px; } .sub-table__header--pending .sub-table__control-wrapper { max-width: 100%; width: 100%; } .sub-table__header--pending .sub-table__control button { width: 100% !important; flex-grow: 1; } .pending-search-option-item .black__button { width: auto; } .custom-table--pending .table--pending .tr__orders-table td:nth-child(5) { bottom: auto; top: 220px; left: 130px; width: fit-content; } .table--pending .tr__orders-table td:last-child { top: auto; bottom: 10px; right: 10px; } .table--pending .tr__orders-table td:last-child svg { width: 16px; height: 16px; } .main.catalog__main .breadcrumbs__list + .main__block .main__title + button.light__button { display: none; } } /* pending-orders and cart */