@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); :root { --white: #ffffff; --white-30: #ffffff4d; --gray: #656f84; --light-gray: #f1f3f6; --medium-gray: #f5f5f5; --gray-text: #656f84; --gray-blue: #333f53; --gray-message: #d1d6de; --black: #000; --text-black: #0e1626; --medium-black: #10182826; --blue: #146fee; --blue-20: #0f57bb; --light-blue: #d0e8fe; --light-blue-card: #eef7fe; --light-violet: #f0eefe; --green: #49ae34; --light-green: #f0feee; --red: #ee1414; --red-20: #f93c3c; --light-red: #fde3e1; --coral: #ff525f; --pink: #fde3e1; --padding-container: 16px; } /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where( :not( html, iframe, canvas, img, svg, video, audio, #text-editor *, .work-details_description *, .shortpost_text *, input[type='radio'], .swiper * ):not(svg *, symbol *, .md-editor-preview *, .blog-one_content *) ) { all: unset; display: revert; } * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul:not(.dialog_block-list, .list), menu { list-style: none; } img:not(.comment_image, .model_slider-img, .shortpost_foreground, .model-details_marks-icon, .pswp__img) { max-inline-size: 100%; max-block-size: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } summary { list-style: none; } details summary::-webkit-details-marker { display: none; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable='false'])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable='true']) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } html, body { height: 100%; } input[type='password']::-ms-reveal, input[type='password']::-ms-clear { display: none !important; } .maz-zoom-img { background-color: rgba(0, 0, 0, 0.6) !important; } .button { display: flex; align-items: center; justify-content: center; text-align: center; gap: 8px; padding: 6px 20px; font-weight: 700; line-height: 28px; font-size: 14px; cursor: pointer; color: var(--white); border-radius: 8px; transition: 200ms ease; } @media screen and (max-width: 1199.98px) { .button { font-size: 14px; } } @media screen and (max-width: 991.98px) { .button { font-size: 14px; text-align: center; padding: 8px 16px; } } .button-catalog { padding: 10px 16px; font-size: 18px; } @media screen and (max-width: 1199.98px) { .button-catalog { padding: 8px 14px; } } @media screen and (max-width: 991.98px) { .button-catalog { padding: 6px 12px; } } .button-white { border: 1px solid grey; background-color: var(--white); } .button-white:hover { background-color: var(--white-30); } .button-blue { background-color: var(--blue); } .button-blue:hover { background-color: var(--blue-20); } .button-light-blue { background-color: var(--light-blue); color: var(--blue); } .button-light-blue:hover { background-color: var(--blue); color: var(--white); } .button-light-red { background-color: var(--light-red); color: var(--red-20); } .button-light-red:hover { background-color: var(--red); color: var(--white); } .button-gray { color: var(--gray-text); background-color: var(--medium-gray); } .button-gray:hover { background-color: var(--light-gray); } .button-icon { flex-direction: column; width: 40px; } .forgotPasswordMode > .importantMessage { display: flex; flex-direction: column; gap: 32px; align-items: center; background-color: var(--white); color: #97a1b2; line-height: 22px; font-size: 14px; font-weight: 400; text-align: center; } .forgotPasswordMode > .importantMessage span:nth-child(1) { font-weight: 600; font-size: 30px; line-height: 38px; color: var(--gray-blue); } .form, .forgotPasswordMode > .importantMessage { display: flex; flex-direction: column; gap: 32px; padding: 50px; border-radius: 8px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.0784313725); } @media screen and (max-width: 1199.98px) { .form, .forgotPasswordMode > .importantMessage { padding: 32px; } } @media screen and (max-width: 991.98px) { .form, .forgotPasswordMode > .importantMessage { padding: 24px; gap: 20px; } } .form_title, .forgotPasswordMode > .importantMessage_title { font-size: 30px; line-height: 38px; font-weight: 600; text-align: center; } .form_hints, .forgotPasswordMode > .importantMessage_hints { display: flex; gap: 8px; align-items: center; justify-content: center; text-align: center; width: 100%; color: var(--blue); font-size: 14px; } .form_forgot, .forgotPasswordMode > .importantMessage_forgot { text-align: right; font-size: 14px; color: var(--gray-text); } .form .fields, .forgotPasswordMode > .importantMessage .fields { display: flex; flex-direction: column; gap: 8px; } .form .buttons, .forgotPasswordMode > .importantMessage .buttons { display: flex; align-items: center; justify-content: center; width: 100%; } .form .buttons .button, .forgotPasswordMode > .importantMessage .buttons .button { width: 100%; text-align: center; } .resetPasswordMode { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 48px 0; } .accountlogin .form, .accountregistration .form, .accountforgot_password .form, .loginMode .form, .registrationMode .form, .forgotPasswordMode .form { width: 100%; max-width: 35%; } @media screen and (max-width: 991.98px) { .accountlogin .form, .accountregistration .form, .accountforgot_password .form, .loginMode .form, .registrationMode .form, .forgotPasswordMode .form { max-width: 100%; } } .accountlogin main, .accountregistration main, .accountforgot_password main, .loginMode main, .registrationMode main, .forgotPasswordMode main { height: 100%; } .loginMode, .registrationMode, .forgotPasswordMode { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 48px 0; } .officesettings .form, .officepassword .form, .counteragentsMode .form, .deliveryMode .form, .formsModule .form, .cart_right .form { box-shadow: unset; padding: unset; width: 50%; } @media screen and (max-width: 991.98px) { .officesettings .form, .officepassword .form, .counteragentsMode .form, .deliveryMode .form, .formsModule .form, .cart_right .form { width: 100%; } } .officesettings .form_title, .officepassword .form_title, .counteragentsMode .form_title, .deliveryMode .form_title, .formsModule .form_title, .cart_right .form_title { display: none; text-align: left; } .officesettings .form .buttons, .officepassword .form .buttons, .counteragentsMode .form .buttons, .deliveryMode .form .buttons, .formsModule .form .buttons, .cart_right .form .buttons { align-items: flex-start; width: -moz-max-content; width: max-content; } .cart_right .form { width: 100%; } .counteragentsMode .form_title { text-align: left; } .input { display: flex; flex-direction: column; gap: 6px; position: relative; } .input-arrow-right::after { content: 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='M6 12L10 8L6 4' stroke='currentColor' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E"); position: absolute; right: 16px; } .input_wrapper { display: flex; align-items: center; background-color: #eef7fe; color: var(--gray-text); font-size: 14px; border-radius: 8px; position: relative; } .input input, .input textarea, .input select { padding: 12px; width: 100%; background-color: #eef7fe; border-radius: 8px; font-size: 14px; color: var(--black); } .input input::-moz-placeholder, .input textarea::-moz-placeholder, .input select::-moz-placeholder { font-weight: 500; color: var(--gray-text); } .input input::placeholder, .input textarea::placeholder, .input select::placeholder { font-weight: 500; color: var(--gray-text); } .input_icon { padding: 0 16px; } .input_icon ~ input, .input_icon ~ .input_static, .input_icon ~ textarea, .input_icon ~ select { padding-left: 0; } .input_static { padding: 12px; width: 100%; background-color: #eef7fe; border-radius: 8px; color: var(--black); font-weight: 400; } .input_hint { color: var(--gray-text); font-size: 14px; text-transform: capitalize; } .input_arrow { display: flex; align-items: center; justify-content: center; position: absolute; right: 16px; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: none; pointer-events: none; top: 35%; } .input_label { font-size: 14px; font-weight: 500; } .office .input_wrapper { border: 1px solid var(--blue); } .ui-widget-overlay { background: unset !important; background-color: rgba(0, 0, 0, 0.8) !important; } .ui-dialog { border-radius: 8px !important; padding-top: 0 !important; width: 40% !important; padding-bottom: 50px !important; } @media screen and (max-width: 991.98px) { .ui-dialog { width: 100% !important; } } .ui-widget-header { background: unset !important; border: unset !important; } .ui-widget-content { border: unset !important; } .ui-dialog-content { font-weight: 600 !important; font-size: 30px !important; line-height: 38px !important; text-align: center !important; } .ui-dialog-buttonset { display: flex !important; gap: 24px !important; float: unset !important; } @media screen and (min-width: 767.98px) { .ui-dialog-buttonset { padding-left: 50px !important; padding-right: 50px !important; } } .ui-dialog-buttonset button { all: unset !important; flex-grow: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 8px !important; padding: 8px 22px !important; font-weight: 700 !important; line-height: 28px !important; font-size: 18px !important; cursor: pointer !important; color: var(--white) !important; border-radius: 8px !important; transition: 200ms ease !important; } .ui-dialog-buttonset button:nth-child(1) { background-color: var(--blue) !important; } .ui-dialog-buttonset button:nth-child(1):hover { background-color: var(--blue-20) !important; } .ui-dialog-buttonset button:nth-child(2) { background-color: var(--light-blue) !important; color: var(--blue) !important; } .ui-dialog-buttonset button:nth-child(2):hover { background-color: var(--blue) !important; color: var(--white) !important; } .ui-dialog-titlebar-close { position: relative !important; right: -40px !important; } .ui-dialog-titlebar-close.ui-state-hover { background: unset !important; border: unset !important; color: unset !important; background-color: rgba(0, 0, 0, 0.2) !important; } .ui-dialog-titlebar-close .ui-icon-closethick { display: none !important; } .ui-dialog-titlebar-close::before, .ui-dialog-titlebar-close::after { content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 12px !important; height: 1px !important; background-color: black !important; } .ui-dialog-titlebar-close::before { transform: translate(-50%, -50%) rotate(45deg) !important; } .ui-dialog-titlebar-close::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .header { border-bottom: 1px solid #ebedf1; padding-bottom: 10px; position: sticky; top: -44px; z-index: 9; background-color: var(--white); } @media screen and (max-width: 575.98px) { .header { top: -68px; padding-bottom: 0; } } .header_top { width: 100%; background-color: rgb(244, 246, 249); padding: 10px 0; } .header_top-container { display: flex; justify-content: space-between; } @media screen and (max-width: 575.98px) { .header_top-container { flex-direction: column; } } .header_top-location, .header_top-phone { display: flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; line-height: 24px; } @media screen and (max-width: 1199.98px) { .header_top-location, .header_top-phone { font-size: 14px; } } @media screen and (max-width: 991.98px) { .header_top-location, .header_top-phone { font-size: 12px; } } @media screen and (max-width: 575.98px) { .header_top-location, .header_top-phone { font-size: 10px; } } .header_top-location span { font-weight: 400; } .header_top-location span:first-child { display: flex; align-items: center; gap: 4px; color: var(--black); font-weight: 600; } .header_main { padding: 12px 0; } .header_main-container { display: flex; justify-content: space-between; align-items: center; gap: 24px; } @media screen and (max-width: 1199.98px) { .header_main-container { gap: 16px; } } .header_start { display: flex; align-items: center; gap: 32px; } @media screen and (max-width: 1199.98px) { .header_start { gap: 16px; } } @media screen and (max-width: 575.98px) { .header_start { width: 100%; justify-content: space-between; } } .header_search { width: 100%; } @media screen and (max-width: 575.98px) { .header_search { display: none; } } .header_actions { display: flex; gap: 16px; } @media screen and (max-width: 1199.98px) { .header_actions { gap: 8px; } } @media screen and (max-width: 991.98px) { .header_actions { justify-content: space-evenly; width: 100%; } } .header_action { padding: 8px; display: flex; align-items: center; flex-direction: column; gap: 2px; line-height: 20px; font-size: 14px; cursor: pointer; transition: 200ms ease; border-radius: 8px; } .header_action-active, .header_action:hover { background-color: var(--light-gray); } @media screen and (max-width: 991.98px) { .header_action { font-size: 12px; } } .header_action-cart { display: flex; gap: 3px; align-items: center; } .header_cart, .favourites_number { display: flex; align-items: center; justify-content: center; padding: 4px 12px; background-color: #ffcc32; font-weight: 700; line-height: 12px; font-size: 10px; border-radius: 32px; } @media screen and (max-width: 991.98px) { .header_cart, .favourites_number { border-radius: 50%; width: 18px; height: 18px; padding: 0; } } @media screen and (max-width: 991.98px) { .header_end { position: fixed; bottom: 0; left: 0; width: 100%; background-color: var(--white); z-index: 10; padding: 8px; display: flex; align-items: center; } } @media screen and (max-width: 991.98px) { .header_menu { display: none; position: fixed; bottom: 62px; background-color: var(--white); padding: 8px; z-index: 2; width: 100%; border-top: 1px solid var(--light-gray); } .header_menu .menu_list { flex-direction: column; align-items: center; } } @media screen and (max-width: 991.98px) { .header_catalog .catalog { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: auto; overflow: auto; border: 0; margin: 0; } } .header .catalogPopup { display: none; z-index: 11; margin-left: 10px; position: relative; background-color: white; width: 400px; position: absolute; margin: 0px; padding: 0px; box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.5); } @media screen and (min-width: 991.98px) { .header .catalogPopup { overflow: auto; height: calc(100vh - 118px); } } @media screen and (max-width: 991.98px) { .header .catalogPopup { width: 100%; position: fixed; } } .search { display: flex; background-color: var(--blue); border-radius: 10px; padding: 2px; } @media screen and (max-width: 575.98px) { .search { display: none; } } .search_input { width: 100%; background-color: var(--white); border-radius: 8px; padding: 10px 16px; font-size: 18px; line-height: 28px; font-weight: 500; } .search_input::-moz-placeholder { color: var(--gray); } .search_input::placeholder { color: var(--gray); } .search_icon { display: flex; align-items: center; justify-content: center; color: var(--white); padding: 12px; cursor: pointer; } @media screen and (max-width: 991.98px) { .search_icon { padding: 4px; } } .catalog_list { display: flex; flex-direction: column; position: relative; width: 100%; } .catalog_item { font-size: 14px; padding: 8px; } .catalog_link { display: block; } .menu_list { display: flex; gap: 32px; } @media screen and (max-width: 1199.98px) { .menu_list { gap: 16px; } } .menu_item { color: var(--gray-text); font-size: 14px; line-height: 24px; transition: 200ms ease; } .menu_item:hover, .menu_item.selected { color: var(--text-black); } @media screen and (max-width: 1199.98px) { .menu_item { font-size: 14px; } } .menu_item-actions { order: -1; color: var(--red-20); } .menu_item-actions a { display: flex; align-items: center; justify-content: center; gap: 4px; } @media screen and (min-width: 991.98px) { .menu-btn { display: none; } } .menu-btn_lines { width: 24px; height: 24px; position: relative; } .menu-btn_line { display: block; position: absolute; top: 50%; right: 0; width: 100%; height: 2px; border-radius: 4px; background-color: var(--black); transition: 200ms ease; opacity: 1; backface-visibility: hidden; } .menu-btn_line-top { transform: translate(0, -8px); } .menu-btn_line-bottom { transform: translate(0, 8px); } @media screen and (min-width: 991.98px) { .show-search { display: none; } } .menuPopupActive .header_menu { display: flex; } .menuPopupActive .menu-btn_line-top { transform: rotate(45deg) translateZ(0); } .menuPopupActive .menu-btn_line-middle { opacity: 0; } .menuPopupActive .menu-btn_line-bottom { transform: rotate(-45deg) translateZ(0); } @media screen and (max-width: 991.98px) { .catalogPopupActive { overflow: hidden; } } .catalogPopupActive .catalogPopup { display: flex; } .catalog_item { padding: 0; } .catalog_item:first-of-type { margin: 8px 0; } .catalog_item a { padding: 8px; } .catalog_item a:hover { background-color: var(--light-gray); } .catalog_link { padding: 8px; } .catalog_link:hover { background-color: var(--light-gray); } .catalog_cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } @media screen and (max-width: 1199.98px) { .catalog_cards { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 991.98px) { .catalog_cards { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 350px) { .catalog_cards { grid-template-columns: repeat(1, 1fr); } } .catalog_cards_item { background-color: var(--light-gray); border-radius: 8px; position: relative; overflow: hidden; min-height: 150px; padding: 16px; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; cursor: pointer; transition: 200ms ease; } @media screen and (max-width: 767.98px) { .catalog_cards_item { min-height: 100px; } } .catalog_cards_item:hover { background-color: var(--light-blue); } .catalog_cards_item:active { transition: 1ms; transform: scale(0.97); } .catalog_cards_item svg { flex-shrink: 0; } .catalog_cards_image { position: absolute; bottom: 0; right: 0; } @media screen and (max-width: 767.98px) { .catalog_cards_image { max-width: 100px; } } @media screen and (max-width: 420px) { .catalog_cards_image { max-width: 75px; } } .catalog_cards_title { font-size: 14px; font-weight: 600; color: var(--gray-blue); line-height: 1.5; max-width: 70%; position: relative; z-index: 2; } @media screen and (max-width: 767.98px) { .catalog_cards_title { font-size: 14px; } } @media screen and (max-width: 575.98px) { .catalog_cards_title { font-size: 14px; } } .catalog_cards-stocks { margin-top: 24px; } @media screen and (max-width: 991.98px) { .catalog_cards-stocks { margin-top: 16px; } } .category_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } @media screen and (max-width: 1199.98px) { .category_list { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 991.98px) { .category_list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 767.98px) { .category_list { grid-template-columns: repeat(1, 1fr); } } .category_list_title { color: var(--gray-blue); font-size: 14px; font-weight: 600; line-height: 30px; } @media screen and (max-width: 767.98px) { .category_list_title { font-size: 14px; } } .category_list_item { width: 100%; background-color: var(--light-gray); border-radius: 8px; padding: 16px; display: flex; flex-direction: column; gap: 8px; } .category_list_item_content { display: flex; flex-direction: column; gap: 8px; } .category_list_item a { text-decoration: none; font-size: 14px; font-weight: 400; line-height: 22px; } .category_list_item a:hover { color: var(--blue); } @media screen and (max-width: 767.98px) { .category_list_item a { font-size: 14px; } } .category_list_column { width: 100%; display: flex; flex-direction: column; gap: 20px; } .category_info { margin-top: 42px; display: flex; flex-direction: column; gap: 16px; } @media screen and (max-width: 991.98px) { .category_info { margin-top: 24px; } } .category_info ul { list-style: disc; padding-left: 24px; } .category_info ul li { font-size: 16px !important; font-weight: 400; line-height: 22px; } .category_info ul li span { font-size: inherit !important; font-weight: inherit; line-height: inherit; } .category_info a { text-decoration: underline; } .category_info a:hover { color: var(--blue); } .category_description { font-size: 14px; font-weight: 400; line-height: 22px; display: flex; flex-direction: column; gap: 16px; } .category_description_list { display: flex; flex-direction: column; gap: 16px; } .category_description_list p { font-size: 14px; line-height: 22px; } .category_description_list p span { font-size: inherit !important; line-height: inherit; } .category_description_list h2 { font-size: 14px; font-weight: 600; line-height: 22px; color: var(--gray-blue); } .category_description_list h2 span { font-size: inherit !important; font-weight: inherit; line-height: inherit; } .category_description p { font-size: 14px; line-height: 22px; } .category_description span { font-size: inherit !important; line-height: inherit; } .category_description h2 { margin-bottom: 8px; font-size: 30px; font-weight: 600; line-height: 1.2; color: var(--gray-blue); } @media screen and (max-width: 767.98px) { .category_description h2 { font-size: 20px; } } .category_description h2 span { font-size: inherit; font-weight: inherit; line-height: inherit; color: currentColor; } @media screen and (max-width: 767.98px) { .category_description h2 span { font-size: inherit; } } .products_head { display: flex; gap: 12px; align-items: center; margin-bottom: 24px; } .products-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; } @media screen and (max-width: 1199.98px) { .products-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media screen and (max-width: 991.98px) { .products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media screen and (max-width: 767.98px) { .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 575.98px) { .products-grid { gap: 8px; } } @media screen and (max-width: 350px) { .products-grid { grid-template-columns: minmax(0, 1fr); } } @media screen and (max-width: 767.98px) { .products-grid .product_input { max-width: 100%; } } .products-list { display: flex; flex-direction: column; gap: 20px; } .products-actions { grid-template-columns: repeat(4, minmax(0, 1fr)); } @media screen and (max-width: 767.98px) { .products-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 350px) { .products-actions { grid-template-columns: minmax(0, 1fr); } } .products-cart { gap: 12px; } .product { position: relative; transition: 200ms ease; } .product_price-special { position: absolute; top: 20px; right: 20px; padding: 8px 16px; gap: 10px; border-radius: 4px; background-color: var(--red); color: var(--white); font-size: 14px; line-height: 20px; font-weight: 700; } @media screen and (max-width: 767.98px) { .product_price-special { top: 14px; right: 14px; } } .product_image { flex-shrink: 0; } .product-grid { padding: 14px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 16px; position: relative; border-radius: 8px; } @media screen and (max-width: 991.98px) { .product-grid { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.0784313725); gap: 14px; padding: 12px; } } @media screen and (max-width: 767.98px) { .product-grid { padding: 14px; gap: 12px; } } @media screen and (max-width: 575.98px) { .product-grid { padding: 8px; gap: 8px; } } .product-grid:hover { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.0784313725); } .product-grid:hover .product-grid_quantity { display: flex; top: calc(100% - 4px); left: 0; z-index: 2; box-shadow: 0px 17px 20px 0px rgba(0, 0, 0, 0.0784313725); } @media screen and (max-width: 991.98px) { .product-grid:hover .product-grid_quantity { box-shadow: none; bottom: unset; left: unset; } } .product-grid_quantity { padding: 0 14px 14px 14px; width: 100%; position: absolute; display: none; gap: 8px; background-color: var(--white); border-radius: 0 0 8px 8px; flex-direction: column; } @media screen and (max-width: 1199.98px) { .product-grid_quantity { padding: 0 12px 12px 12px; } } @media screen and (max-width: 991.98px) { .product-grid_quantity { padding: unset; position: static; display: flex; } } .product-grid_title { font-size: 14px; font-weight: 500; line-height: 26px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; width: 100%; word-break: break-word; } @media screen and (max-width: 991.98px) { .product-grid_title { font-size: 14px; line-height: 26px; } } @media screen and (max-width: 767.98px) { .product-grid_title { font-size: 14px; } } .product-grid_content { display: flex; flex-direction: column; gap: 4px; font-size: 14px; } @media screen and (max-width: 575.98px) { .product-grid_content { gap: 4px; } } .product-grid_content .priceBlock .price { font-size: 20px; font-weight: 700; line-height: 30px; } @media screen and (max-width: 991.98px) { .product-grid_content .priceBlock .price { font-size: 14px; line-height: 28px; } } @media screen and (max-width: 767.98px) { .product-grid_content .priceBlock .price { font-size: 14px; } } .product-grid_content .priceBlock .discpunt { margin-left: 8px; } .product-list { display: flex; gap: 12px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.0784313725); padding: 20px; border-radius: 8px; align-items: center; } @media screen and (max-width: 767.98px) { .product-list { padding: 14px; } } @media screen and (max-width: 575.98px) { .product-list { flex-direction: column; } } .product-list_content { display: flex; justify-content: space-between; width: 100%; } @media screen and (max-width: 1199.98px) { .product-list_content { flex-direction: column; } } .product-list_content .priceBlock { display: grid; grid-template-columns: max-content 1fr; grid-template-rows: repeat(2, 1fr); gap: 4px; } .product-list_content .priceBlock .price { font-size: 20px; font-weight: 700; line-height: 30px; margin-bottom: 4px; grid-area: 1/1/2/2; } @media screen and (max-width: 767.98px) { .product-list_content .priceBlock .price { font-size: 14px; } } .product-list_content .priceBlock .discpunt { grid-area: 1/2/2/3; } .product-list_content .priceBlock .oldPrice { grid-area: 2/1/3/2; } .product-list_column { display: flex; flex-direction: column; justify-content: center; gap: 12px; flex-shrink: 0; } .product-list_column-left { flex-shrink: 1; color: var(--gray); font-size: 12px; font-weight: 500; line-height: 18px; } .product-list_quantity { display: flex; gap: 12px; } @media screen and (max-width: 1199.98px) { .product-list_quantity { max-width: 260px; } } .product-list_title { font-size: 14px; font-weight: 500; line-height: 20px; color: var(--text-black); max-width: 283px; word-wrap: break-word; } .product-list_title .actionTitle { color: var(--red); } .product-list_price-special { right: auto; left: 20px; } @media screen and (max-width: 767.98px) { .product-list_price-special { left: 14px; } } .product_delivery { color: var(--gray); display: flex; gap: 8px; } @media screen and (max-width: 575.98px) { .product_delivery { font-size: 14px; gap: 4px; } } @media screen and (max-width: 420px) { .product_delivery { font-size: 12px; gap: 2px; } } @media screen and (max-width: 575.98px) { .product_article { font-size: 14px; } } .product_input { display: flex; align-items: center; text-align: center; font-size: 14px; border-radius: 8px; background-color: var(--medium-gray); transition: 200ms ease; max-width: 100px; cursor: text; } .product_input:hover { background-color: var(--light-gray); } .product_input button { padding: 6px 8px; cursor: pointer; } .product_input button:first-child { padding-left: 16px; } .product_input button:last-child { padding-right: 16px; } .product_input input { width: 100%; } .product_input input::-moz-placeholder { color: var(--gray-text); } .product_input input::placeholder { color: var(--gray-text); } .product_input input::-webkit-outer-spin-button, .product_input input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .product_input.mark { background-color: var(--pink); border: 1px solid var(--red); } @media screen and (max-width: 991.98px) { .product_input { font-size: 14px; } } .product_amount { color: var(--blue); font-size: 12px; font-weight: 500; } .product_amount-stock { color: var(--green); } .product-single { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 0.9fr) minmax(0, 0.9fr); gap: 32px; margin-bottom: 40px; } @media screen and (max-width: 1199.98px) { .product-single { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 991.98px) { .product-single { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .product-single:not(.product-single-more-specifications) .product-single_specifications { max-height: 152px; overflow: hidden; } .product-single:not(.product-single-more-description) .product-single_description { max-height: 152px; overflow: hidden; } @media screen and (min-width: 991.98px) { .product-single .prev, .product-single .next { transform: unset; } .product-single .prev { left: 90px; } .product-single .thumbnails { flex-direction: column; gap: 4px; } .product-single .thumbnails-container { order: -1; } .product-single .carousel-container { display: flex; gap: 20px; } } .product-single .overlay-content .thumbnails { flex-direction: row; } .product-single_row { display: flex; justify-content: space-between; border-bottom: 1px solid #ebedf1; padding-bottom: 8px; } .product-single_head { display: flex; flex-direction: column; gap: 12px; font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: 40px; } .product-single_head .breadcrumbs { margin-bottom: 0; } .product-single_column { display: flex; flex-direction: column; gap: 16px; width: 100%; font-size: 14px; font-weight: 400; line-height: 22px; color: var(--black); } .product-single_column_title { display: block; font-weight: 600; margin-bottom: 8px; font-size: 14px; } .product-single_title { font-size: 16px; font-weight: 600; line-height: 32px; color: var(--black); word-wrap: break-word; } @media screen and (max-width: 991.98px) { .product-single_title { font-size: 20px; line-height: 28px; } } @media screen and (max-width: 767.98px) { .product-single_title { font-size: 14px; line-height: 26px; } } .product-single_article { color: var(--gray); font-size: 14px; font-weight: 400; line-height: 22px; margin-top: 8px; display: flex; align-items: center; gap: 8px; } .product-single_description { font-size: 14px; font-weight: 500; line-height: 22px; } .product-single_specifications { font-size: 14px; font-weight: 400; line-height: 22px; display: flex; flex-direction: column; gap: 8px; } .product-single_price .priceBlock { display: grid; grid-template-columns: max-content max-content 1fr; grid-template-rows: 1fr; gap: 16px; } .product-single_price .priceBlock .price { font-size: 26px; font-weight: 700; line-height: 34px; grid-area: 1/1/2/2; } @media screen and (max-width: 767.98px) { .product-single_price .priceBlock .price { font-size: 24px; line-height: 32px; } } .product-single_price .priceBlock .oldPrice { font-size: 14px; font-weight: 500; line-height: 26px; color: var(--gray-text); grid-area: 1/2/2/3; display: flex; align-items: flex-end; } @media screen and (max-width: 767.98px) { .product-single_price .priceBlock .oldPrice { font-size: 14px; line-height: 22px; } } .product-single_price .priceBlock .discpunt { grid-area: 1/3/2/4; padding: 0 8px; border-radius: 4px; background-color: var(--coral); color: var(--white); font-size: 14px; font-weight: 500; line-height: 28px; height: 28px; width: -moz-min-content; width: min-content; } @media screen and (max-width: 767.98px) { .product-single_price .priceBlock .discpunt { font-size: 12px; line-height: 26px; } } .product-single_quantity { display: flex; gap: 16px; } .product-single_quantity .addToCart, .product-single_quantity .changeInCart { flex-grow: 1; } @media screen and (max-width: 1199.98px) { .product-single_first { grid-area: 1/1/2/2; } } @media screen and (max-width: 991.98px) { .product-single_first { grid-area: 1/1/2/2; } } @media screen and (max-width: 1199.98px) { .product-single_second { grid-area: 2/1/3/2; } } @media screen and (max-width: 991.98px) { .product-single_second { grid-area: 3/1/4/2; } } .product-single_third { gap: 24px; } @media screen and (max-width: 1199.98px) { .product-single_third { grid-area: 1/2/2/3; } } @media screen and (max-width: 991.98px) { .product-single_third { grid-area: 2/1/3/2; } } .product-single_delivery { display: flex; flex-direction: column; gap: 8px; color: var(--black); } .product-single_one { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ebedf1; } .product-single_one span, .product-single_one svg { outline: 3px solid #fff; } .product-single_separator { display: flex; gap: 8px; align-items: center; } .product-single_buy { display: flex; flex-direction: column; gap: 16px; } @media screen and (max-width: 991.98px) { .product-single_buy { flex-direction: row; align-items: center; flex-wrap: wrap; } } .product-single .product_amount { font-size: 14px; line-height: 28px; } @media screen and (max-width: 767.98px) { .product-single .product_amount { font-size: 14px; line-height: 22px; } } .product-cart { padding: 8px; flex-direction: row; gap: 8px; } @media screen and (max-width: 575.98px) { .product-cart { padding: 12px; } } @media screen and (max-width: 420px) { .product-cart { flex-direction: column; } } .product-cart_content { gap: 12px; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 3fr); } @media screen and (max-width: 991.98px) { .product-cart_content { grid-template-columns: 1fr; } } @media screen and (max-width: 575.98px) { .product-cart_content { flex-direction: column; gap: 8px; } } .product-cart_content .priceBlock { display: flex; } .product-cart_content .priceBlock .price { font-size: 14px; line-height: 22px; } .product-cart_remove { display: flex; gap: 4px; background-color: var(--pink); padding: 11px 12px; border-radius: 8px; cursor: pointer; width: -moz-min-content; width: min-content; } .product-cart_remove input { all: revert; } .product-cart_image { max-width: 80px; } @media screen and (max-width: 575.98px) { .product-cart_image { max-width: 90px; margin-bottom: auto; } } @media screen and (max-width: 420px) { .product-cart_image { max-width: unset; } } .product-cart_description { display: flex; gap: 16px; } .product-cart_description_content { display: flex; flex-direction: column; gap: 2px; } .product-cart_row { display: flex; justify-content: space-between; gap: 12px; } @media screen and (max-width: 991.98px) { .product-cart_row { gap: 16px; justify-content: flex-start; } } .product-cart_column { gap: 4px; } .product-cart_column-left { font-size: 11px; } .product-cart_title { max-width: unset; } .product .priceBlock .oldPrice { font-size: 14px; text-decoration: line-through; } @media screen and (max-width: 767.98px) { .product .priceBlock .oldPrice { font-size: 14px; } } .product .priceBlock .discpunt { color: var(--blue); font-weight: 500; font-size: 14px; } @media screen and (max-width: 767.98px) { .product .priceBlock .discpunt { font-size: 12px; } } .product .highlight { background-color: var(--light-blue); } .product_left { display: flex; flex-direction: column; gap: 24px; } .product_left .feature_description > .feature_description { white-space: pre-line; } .feature { margin-top: 64px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 64px; } @media screen and (max-width: 991.98px) { .feature { gap: 24px; display: flex; flex-direction: column; } } .feature_title { font-weight: 600; font-size: 14px; line-height: 22px; margin-bottom: 16px; } .feature_description { font-size: 14px; line-height: 22px; } .feature_description a { color: var(--blue); text-decoration: underline; } .more { color: var(--blue); cursor: pointer; } .seeAlso .product-grid:hover .product-grid_quantity { display: flex; bottom: unset; left: unset; z-index: unset; box-shadow: unset; } .seeAlso .product-grid_quantity { padding: unset; position: unset; display: unset; display: flex; } .seeAlso .addToCart { flex-grow: 1; } .quantity .product_input input { padding: 8px 0; } .quantity .product_input input:focus { background-color: var(--pink); border-radius: 8px; } .code .product_input, .quickQuantity .product_input { padding: 8px; height: 100%; border-radius: 8px; } .quantity .cartButton.addToCart { display: flex; } .actions_container ul { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; } @media screen and (max-width: 991.98px) { .actions_container ul { margin-top: 8px; } } .actions_container ul li { font-size: 14px; font-weight: 400; line-height: 20px; color: var(--gray-text); } .actions_container ul li:first-child::before { content: '❘'; margin-right: 8px; } .actions_container ul li::after { content: '❘'; margin-left: 8px; } .actions_empty { font-size: 24px; font-weight: 700; line-height: 32px; color: var(--gray-message); margin-top: 24px; } .actions .wysiwyg h1 { text-align: left; font-size: 32px; font-weight: 600; line-height: 38.73px; color: var(--gray-blue); margin-bottom: 24px; } @media screen and (max-width: 991.98px) { .actions .wysiwyg h1 { font-size: 28px; line-height: 34px; margin-bottom: 20px; } } @media screen and (max-width: 767.98px) { .actions .wysiwyg h1 { font-size: 24px; line-height: 30px; } } .actions .wysiwyg h2 { font-size: 14px; font-weight: 600; line-height: 22px; color: var(--gray-blue); margin-bottom: 8px; } .actions .wysiwyg p { font-size: 14px; margin-bottom: 4px; } @media screen and (max-width: 767.98px) { .actions .wysiwyg p { font-size: 14px; } } .actions .wysiwyg p + h2 { margin-top: 24px; } @media screen and (max-width: 991.98px) { .actions .wysiwyg p + h2 { margin-top: 20px; } } .cartItems { display: grid; grid-template-columns: 1fr 0.32fr; gap: 8px; } @media screen and (max-width: 991.98px) { .cartItems { grid-template-columns: 1fr; } } .cart_right { border-radius: 8px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.0784313725); padding: 16px; display: flex; flex-direction: column; gap: 8px; } @media screen and (min-width: 991.98px) { .cart_right { position: sticky; top: 132px; overflow-y: auto; height: calc(100dvh - 160px); max-height: -moz-max-content; max-height: max-content; } } @media screen and (max-width: 1199.98px) { .cart_right { padding: 16px; } } .cart_left { display: flex; flex-direction: column; gap: 40px; } .cart_request form { padding: unset; box-shadow: unset; gap: 8px; } .cart_request form .form_title { display: none; } .cart_results { display: flex; flex-direction: column; gap: 8px; font-size: 14px; font-weight: 400; line-height: 22px; } .cart_results_item { display: flex; justify-content: space-between; gap: 2px; } .cart_results_item .price { flex-shrink: 0; } .cart_results_filler { border-bottom: 1px solid var(--medium-gray); width: 100%; } .cart_results_total { font-size: 18px; font-weight: 700; } .cart_results_price-hidden { display: none; } .cart_results .button { width: 100%; } .cart_selection { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.0784313725); border-radius: 8px; width: 100%; display: flex; justify-content: center; gap: 16px; padding: 10px 24px; } @media screen and (max-width: 991.98px) { .cart_selection { flex-direction: column; } } .cart_selection .product_input { max-width: 193px; width: 100%; text-align: center; } .cart_amount { display: flex; flex-direction: column; gap: 12px; } .cart_delivery { display: flex; gap: 8px; align-items: flex-end; font-size: 14px; font-weight: 500; line-height: 18.78px; height: 100%; margin: 12px 0; flex-wrap: wrap; } .cart_delivery_item { display: flex; align-items: center; gap: 12px; } .cart_buttons { display: flex; flex-direction: column; gap: 12px; } .cart .message { font-size: 14px; font-weight: 500; line-height: 20px; color: var(--gray-blue); } .cart_empty .message { font-size: 24px; font-weight: 700; line-height: 32px; color: var(--gray-message); } @media screen and (max-width: 767.98px) { .cart_empty .message { font-size: 20px; line-height: 28px; } } .cartItemsAndOrderFormBlock { display: flex; flex-direction: column; gap: 24px; } @media screen and (max-width: 1199.98px) { .orderForm { width: 100%; } } .orderForm .form { box-shadow: none; padding: unset; gap: 8px; } .orderForm .form_title { display: none; } .search_container { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: 42px; } @media screen and (max-width: 991.98px) { .search_container { grid-template-columns: 1fr; gap: 24px; } } .search_messages { margin-bottom: 20px; display: flex; flex-direction: column; gap: 12px; } .search_messages span { font-size: 14px; font-weight: 400; line-height: 22px; color: var(--gray-text); } .search_empty { color: var(--gray-text); text-align: center; font-size: 14px; } .search_content { width: 100%; } .search_content .product_quantity { gap: 8px; flex-wrap: wrap; } .search_content .product_quantity .button { font-size: 14px; padding: 10px; } .search_content .product-grid { font-size: 12px; } .search_content .product-grid_content { font-size: inherit; } .search_content .product-grid_title { font-size: 14px; } .search_sidebar_title { font-size: 14px; font-weight: 600; line-height: 30px; color: var(--gray-blue); margin-bottom: 16px; cursor: pointer; display: flex; align-items: center; gap: 16px; } .search_sidebar_content { padding: 8px 0; background-color: var(--light-gray); border-radius: 8px; } .search_sidebar_content ul li a { display: block; padding: 8px 16px; font-size: 14px; font-weight: 400; line-height: 22px; cursor: pointer; } @media screen and (max-width: 991.98px) { .search_sidebar_content ul li a { font-size: 14px; } } .search_sidebar_content ul li a:hover { background-color: var(--light-blue); } .search_sidebar_content ul li a .counter { color: var(--gray-text); } .banner-main { position: relative; background-color: rgb(211, 234, 218); padding: 32px; z-index: 1; border-radius: 8px; overflow: hidden; } .banner-main::after { content: ''; overflow: hidden; border-radius: 8px; background-image: url('/images/banners/main.png'); position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 8px; } @media screen and (max-width: 991.98px) { .banner-main { padding: 16px; } } .banner-main_price { padding: 16px; background-color: var(--white); border-radius: 8px; display: inline-block; margin-bottom: 14px; } @media screen and (max-width: 991.98px) { .banner-main_price { font-size: 18px !important; } } .banner-main_title { display: block; margin-bottom: 84px; } @media screen and (max-width: 991.98px) { .banner-main_title { margin: 16px 0; } } @media screen and (max-width: 767.98px) { .banner-main_title span { font-size: 24px !important; } } @media screen and (max-width: 1199.98px) { .banner-main_img { width: 40% !important; } } @media screen and (max-width: 991.98px) { .banner-main_img { width: 50% !important; } } @media screen and (max-width: 575.98px) { .banner-main_img { float: unset !important; width: 80% !important; } } .banner-gifts { margin-bottom: 40px; position: relative; padding: 92px 24px; } .banner-gifts::after { content: ''; overflow: hidden; background-image: url('/images/banners/gifts.png'); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 8px; } @media screen and (max-width: 767.98px) { .banner-gifts { margin-bottom: 24px; } } .banner-gifts_link { padding: 12px 24px; display: inline-block; border-radius: 8px; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background-color: var(--white-30); margin-top: 32px; } @media screen and (max-width: 575.98px) { .banner-gifts_link { margin-top: 16px; } } .banner-gifts p { max-width: 854px; margin: 0 auto; font-weight: 400; line-height: 26px; color: var(--white); text-align: center; } .banner-gifts > p, .banner-main > p, .banner-actions > p { position: relative; z-index: 2; } .banner-actions::after { content: ''; overflow: hidden; background-image: url('/images/banners/actions.png'); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 8px; } .gifts tbody tr:first-child td:first-child { border-radius: 8px 0 0 0; } .gifts tbody tr:first-child td:last-child { border-radius: 0 8px 0 0; } .gifts tbody tr:last-child td:first-child { border-radius: 0 0 0 8px; } .gifts tbody tr:nth-child(3) td:last-child { border-radius: 0 0 8px 0; } .gifts tbody tr td { padding: 16px; outline: 1px solid var(--medium-black); } .about h2 { margin-bottom: 16px; } .about_quality { margin: 40px 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; } @media screen and (max-width: 991.98px) { .about_quality { margin: 20px 0; grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media screen and (max-width: 575.98px) { .about_quality { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 420px) { .about_quality { grid-template-columns: minmax(0, 1fr); } } .about_quality-card { padding: 28px 24px; background-color: var(--light-blue); border-radius: 8px; } .confidentiality_cards tr { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.2fr); gap: 20px; } @media screen and (max-width: 991.98px) { .confidentiality_cards tr { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 767.98px) { .confidentiality_cards tr { grid-template-columns: minmax(0, 1fr); } } .confidentiality_cards tr td { display: flex; gap: 16px; border-radius: 8px; padding: 24px; background-color: var(--light-gray); height: -moz-min-content; height: min-content; } @media screen and (max-width: 991.98px) { .confidentiality_cards tr td { height: unset; flex-direction: column; } } @media screen and (max-width: 767.98px) { .confidentiality_cards tr td { height: -moz-min-content; height: min-content; } } .confidentiality_cards tr td p { display: flex; gap: 8px; flex-direction: column; } .confidentiality_cards tr td div { flex-shrink: 0; padding: 22px; border-radius: 8px; background-color: var(--light-blue); display: flex; align-items: center; height: -moz-min-content; height: min-content; margin-right: auto; } @media screen and (max-width: 991.98px) { .confidentiality_cards tr td div { padding: 12px; } } .confidentiality_cards tr td div img { flex-shrink: 0; } .confidentiality h2 { margin-bottom: 16px; } .accept ol { list-style: auto; padding: revert; line-height: 22px; } .slider { position: relative; } .slider_content { position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--white); font-size: 60px; font-weight: 600; line-height: 72px; } @media screen and (max-width: 991.98px) { .slider_content { font-size: 36px; line-height: 48px; } } @media screen and (max-width: 767.98px) { .slider_content { line-height: 24px; font-size: 24px; } } .slider-main { margin-bottom: 36px; } @media screen and (max-width: 991.98px) { .slider-main { margin-bottom: 24px; } } .slider .swiper { width: 100%; height: 235px; border-radius: 8px; } @media screen and (max-width: 767.98px) { .slider .swiper { height: 150px; } } .slider .swiper-slide { text-align: center; font-size: 14px; background: #fff; display: flex; justify-content: center; align-items: center; position: relative; } .slider .swiper-slide img { display: block !important; width: 100% !important; height: 100% !important; -o-object-fit: cover !important; object-fit: cover !important; float: unset !important; } .slider .swiper-arrow-next, .slider .swiper-arrow-prev { display: flex; align-items: center; justify-content: center; position: absolute; top: calc(50% - 24px); border-radius: 50%; box-shadow: 0px 0px 4px 3px rgba(34, 60, 80, 0.2); background-color: var(--white); z-index: 1; padding: 12px 18px; cursor: pointer; } @media screen and (max-width: 991.98px) { .slider .swiper-arrow-next, .slider .swiper-arrow-prev { display: none; } } .slider .swiper-arrow-prev { left: -25px; } @media screen and (max-width: 1399.98px) { .slider .swiper-arrow-prev { left: 0px; } } .slider .swiper-arrow-next { right: -25px; } @media screen and (max-width: 1399.98px) { .slider .swiper-arrow-next { right: 0px; } } .faq { display: flex; flex-direction: column; gap: 24px; } .faq_persons { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } @media screen and (max-width: 991.98px) { .faq_persons { grid-template-columns: 1fr; gap: 8px; } } .faq_persons_item { display: flex; gap: 24px; padding: 24px; border-radius: 8px; font-size: 14px; } @media screen and (max-width: 991.98px) { .faq_persons_item { flex-direction: column; align-items: center; text-align: center; padding: 8px; gap: 8px; } } .faq_persons_item:first-child { background-color: var(--light-violet); } .faq_persons_item:nth-child(2) { background-color: var(--light-green); } .faq_persons_item div { display: flex; flex-direction: column; gap: 8px; } .faq_time { background-color: var(--light-gray); border-radius: 8px; } .faq_time_container { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 27px 40px; } @media screen and (max-width: 991.98px) { .faq_time_container { flex-direction: column; padding: 8px; } } .faq_conditions { display: grid; gap: 50px; grid-template-columns: repeat(2, minmax(0, 1fr)); } @media screen and (max-width: 991.98px) { .faq_conditions { grid-template-columns: 1fr; gap: 24px; } } .faq_conditions_item { display: flex; gap: 24px; padding: 24px; border-radius: 8px; background-color: var(--light-gray); font-size: 14px; } @media screen and (max-width: 767.98px) { .faq_conditions_item { flex-direction: column; } } .faq_conditions_item svg { flex-shrink: 0; } .faq_conditions_info { display: flex; flex-direction: column; gap: 8px; } .faq_conditions_info span { font-size: 14px; } .faq_conditions_info span:first-child { font-weight: 600; } .faq_conditions_container { display: flex; flex-direction: column; gap: 24px; } .faq_conditions img { border-radius: 8px; width: 70%; } @media screen and (max-width: 1199.98px) { .faq_conditions img { width: 100%; } } .faq_subtitle { color: var(--gray-blue); font-size: 24px !important; margin-top: 16px; } @media screen and (max-width: 991.98px) { .faq_subtitle { margin-top: unset; } } .faq_scheme .faq_conditions img { width: 100%; } .time_title { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; padding: 0; } @media screen and (max-width: 991.98px) { .time_title { gap: 16px; align-items: center; text-align: center; } } .time_title_item:last-child { display: flex; align-items: center; justify-content: center; text-align: center; gap: 8px; padding: 14px 24px; font-weight: 700; line-height: 28px; font-size: 14px; cursor: pointer; border-radius: 8px; transition: 200ms ease; background-color: var(--blue); } .time_title_item:last-child:hover { background-color: var(--blue-20); } .contacts { margin-bottom: 40px; } @media screen and (max-width: 991.98px) { .contacts { margin-bottom: 20px; } } .contacts .wysiwyg a { color: var(--blue); text-decoration: underline; } .contacts .sectionTitle, .contacts .fragmentMode { display: none; } .contacts_title, .contacts_subtitle { margin-bottom: 24px; } .contacts_cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; } @media screen and (max-width: 767.98px) { .contacts_cards { grid-template-columns: 1fr; grid-template-rows: unset; } } .contacts_separator { display: flex; gap: 40px; } @media screen and (max-width: 991.98px) { .contacts_separator { flex-direction: column; } } .contacts_separator iframe { flex-grow: 1; border-radius: 8px; } .contacts_card { background-color: var(--light-gray); border-radius: 8px; padding: 16px 18px; display: flex; flex-direction: column; gap: 14px; } @media screen and (max-width: 767.98px) { .contacts_card { grid-area: unset; } } .contacts_card:first-child { grid-area: 1/1/2/3; } @media screen and (max-width: 767.98px) { .contacts_card:first-child { grid-area: unset; } } .contacts_card:nth-child(2) { grid-area: 2/1/3/2; } @media screen and (max-width: 767.98px) { .contacts_card:nth-child(2) { grid-area: unset; } } .contacts_card:nth-child(3) { grid-area: 2/2/3/3; } @media screen and (max-width: 767.98px) { .contacts_card:nth-child(3) { grid-area: unset; } } .contacts_item { display: flex; gap: 16px; line-height: 22px; } .contacts_item svg { flex-shrink: 0; } .vacancy { display: flex; flex-direction: column; gap: 24px; } .vacancy_card { background-color: var(--light-blue-card); padding: 24px; border-radius: 8px; display: flex; gap: 24px; width: 70%; } @media screen and (max-width: 991.98px) { .vacancy_card { flex-direction: column; width: 100%; } } .vacancy_info { display: flex; flex-direction: column; } .vacancy_info_content { display: flex; flex-direction: column; gap: 8px; line-height: 22px; } .vacancy_appeal { background-color: var(--light-gray); width: -moz-max-content; width: max-content; } @media screen and (max-width: 767.98px) { .vacancy_appeal { width: 100%; } } .footer { padding: 50px 0; background-color: rgb(243, 245, 247); } @media screen and (max-width: 1199.98px) { .footer { padding: 30px 0; } } @media screen and (max-width: 991.98px) { .footer { padding: 8px 0; margin-bottom: 78px; } } .footer_container { display: flex; justify-content: space-between; gap: 8px; } @media screen and (max-width: 991.98px) { .footer_container { flex-wrap: wrap; } } .footer_menu { display: flex; flex-direction: column; gap: 12px; } .footer_menu-item:first-child { font-size: 14px; font-weight: 600; color: var(--black); } @media screen and (max-width: 1199.98px) { .footer_menu-item:first-child { font-size: 14px; } } .footer_link { font-size: 14px; color: var(--gray-text); } @media screen and (max-width: 1199.98px) { .footer_link { font-size: 12px; } } .footer_information { display: flex; flex-direction: column; gap: 12px; } .footer_copyright { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: var(--gray-text); } @media screen and (max-width: 1199.98px) { .footer_copyright { font-size: 12px; } } .footer_end { display: flex; gap: 70px; } @media screen and (max-width: 1199.98px) { .footer_end { gap: 50px; } } @media screen and (max-width: 991.98px) { .footer_end { width: 100%; justify-content: space-between; gap: 24px; margin-top: 16px; flex-wrap: wrap; align-items: center; } } .footer_contacts { display: flex; flex-direction: column; gap: 24px; } .footer_contact { display: flex; flex-direction: column; } .footer_contact-title { font-size: 14px; color: var(--black); font-weight: 500; line-height: 20px; } @media screen and (max-width: 1199.98px) { .footer_contact-title { font-size: 12px; } } .footer_contact-link { font-size: 20px; color: var(--black); font-weight: 500; line-height: 30px; } @media screen and (max-width: 1199.98px) { .footer_contact-link { font-size: 14px; } } .footer_contact-timespan { color: var(--gray-text); font-size: 14px; line-height: 20px; } @media screen and (max-width: 1199.98px) { .footer_contact-timespan { font-size: 12px; } } .body.office { display: grid; grid-template-columns: 226px 1fr; align-items: flex-start; gap: 20px; padding-top: 36px; padding-bottom: 36px; } @media screen and (max-width: 991.98px) { .body.office { display: flex; flex-direction: column; } } .office_main { padding: 0; background-color: var(--light-gray); padding: 16px; border-radius: 8px; flex-grow: 1; grid-area: 2/2/3/3; } @media screen and (max-width: 991.98px) { .office_main { width: 100%; padding: 8px; } } .office_account { display: flex; align-items: center; gap: 24px; padding: 24px; border-radius: 8px; grid-area: 1/1/2/3; background-color: var(--light-gray); color: #97a1b2; font-size: 14px; font-weight: 500; width: 100%; } @media screen and (max-width: 991.98px) { .office_account { padding: 8px; gap: 8px; } } .office_user { display: flex; flex-direction: column; gap: 8px; } @media screen and (max-width: 991.98px) { .office_user { gap: 0; } } .office_avatar { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 80px; height: 80px; color: var(--white); background-color: var(--blue); font-size: 18px; font-weight: 700; } @media screen and (max-width: 991.98px) { .office_avatar { width: 64px; height: 64px; font-size: 14px; } } .office_name { font-size: 24px; font-weight: 700; line-height: 32px; color: var(--gray-blue); } .office_stocks { background-color: var(--light-gray); padding: 24px; border-radius: 8px; display: flex; flex-direction: column; gap: 24px; grid-area: 2/1/3/2; } @media screen and (min-width: 991.98px) { .office_stocks { position: sticky; top: 140px; } } @media screen and (max-width: 991.98px) { .office_stocks { padding: 16px 8px; width: 100%; overflow: auto; flex-direction: row; } } .office_stocks ul { display: flex; flex-direction: column; gap: 24px; font-size: 14px; } @media screen and (max-width: 991.98px) { .office_stocks ul { width: -moz-max-content; width: max-content; flex-direction: row; } .office_stocks ul li { width: -moz-max-content; width: max-content; } } .office_stocks ul li { color: #656f84; } .office_stocks ul li.current { color: var(--black); } .office_stocks a { display: flex; align-items: center; gap: 8px; transition: 200ms ease; } .office_stocks a::before { content: ''; display: inline-block; width: 24px; height: 24px; background-color: currentColor; } .office_stocks a:hover { color: var(--black); } .office_stocks a[href='/office/orders']::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 19.425V12.575L5 9.1V15.95L11 19.425ZM13 19.425L19 15.95V9.1L13 12.575V19.425ZM11 21.725L4 17.7C3.68333 17.5167 3.4375 17.275 3.2625 16.975C3.0875 16.675 3 16.3417 3 15.975V8.025C3 7.65833 3.0875 7.325 3.2625 7.025C3.4375 6.725 3.68333 6.48333 4 6.3L11 2.275C11.3167 2.09167 11.65 2 12 2C12.35 2 12.6833 2.09167 13 2.275L20 6.3C20.3167 6.48333 20.5625 6.725 20.7375 7.025C20.9125 7.325 21 7.65833 21 8.025V15.975C21 16.3417 20.9125 16.675 20.7375 16.975C20.5625 17.275 20.3167 17.5167 20 17.7L13 21.725C12.6833 21.9083 12.35 22 12 22C11.65 22 11.3167 21.9083 11 21.725ZM16 8.525L17.925 7.425L12 4L10.05 5.125L16 8.525ZM12 10.85L13.95 9.725L8.025 6.3L6.075 7.425L12 10.85Z'/%3E%3C/svg%3E"); mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 19.425V12.575L5 9.1V15.95L11 19.425ZM13 19.425L19 15.95V9.1L13 12.575V19.425ZM11 21.725L4 17.7C3.68333 17.5167 3.4375 17.275 3.2625 16.975C3.0875 16.675 3 16.3417 3 15.975V8.025C3 7.65833 3.0875 7.325 3.2625 7.025C3.4375 6.725 3.68333 6.48333 4 6.3L11 2.275C11.3167 2.09167 11.65 2 12 2C12.35 2 12.6833 2.09167 13 2.275L20 6.3C20.3167 6.48333 20.5625 6.725 20.7375 7.025C20.9125 7.325 21 7.65833 21 8.025V15.975C21 16.3417 20.9125 16.675 20.7375 16.975C20.5625 17.275 20.3167 17.5167 20 17.7L13 21.725C12.6833 21.9083 12.35 22 12 22C11.65 22 11.3167 21.9083 11 21.725ZM16 8.525L17.925 7.425L12 4L10.05 5.125L16 8.525ZM12 10.85L13.95 9.725L8.025 6.3L6.075 7.425L12 10.85Z'/%3E%3C/svg%3E"); } .office_stocks a[href='/office/templates']::before { -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 11L12 2L17.5 11H6.5ZM17.5 22C16.25 22 15.1875 21.5625 14.3125 20.6875C13.4375 19.8125 13 18.75 13 17.5C13 16.25 13.4375 15.1875 14.3125 14.3125C15.1875 13.4375 16.25 13 17.5 13C18.75 13 19.8125 13.4375 20.6875 14.3125C21.5625 15.1875 22 16.25 22 17.5C22 18.75 21.5625 19.8125 20.6875 20.6875C19.8125 21.5625 18.75 22 17.5 22ZM3 21.5V13.5H11V21.5H3ZM17.5 20C18.2 20 18.7917 19.7583 19.275 19.275C19.7583 18.7917 20 18.2 20 17.5C20 16.8 19.7583 16.2083 19.275 15.725C18.7917 15.2417 18.2 15 17.5 15C16.8 15 16.2083 15.2417 15.725 15.725C15.2417 16.2083 15 16.8 15 17.5C15 18.2 15.2417 18.7917 15.725 19.275C16.2083 19.7583 16.8 20 17.5 20ZM5 19.5H9V15.5H5V19.5ZM10.05 9H13.95L12 5.85L10.05 9Z' fill='currentColor'/%3E%3C/svg%3E%0A"); mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 11L12 2L17.5 11H6.5ZM17.5 22C16.25 22 15.1875 21.5625 14.3125 20.6875C13.4375 19.8125 13 18.75 13 17.5C13 16.25 13.4375 15.1875 14.3125 14.3125C15.1875 13.4375 16.25 13 17.5 13C18.75 13 19.8125 13.4375 20.6875 14.3125C21.5625 15.1875 22 16.25 22 17.5C22 18.75 21.5625 19.8125 20.6875 20.6875C19.8125 21.5625 18.75 22 17.5 22ZM3 21.5V13.5H11V21.5H3ZM17.5 20C18.2 20 18.7917 19.7583 19.275 19.275C19.7583 18.7917 20 18.2 20 17.5C20 16.8 19.7583 16.2083 19.275 15.725C18.7917 15.2417 18.2 15 17.5 15C16.8 15 16.2083 15.2417 15.725 15.725C15.2417 16.2083 15 16.8 15 17.5C15 18.2 15.2417 18.7917 15.725 19.275C16.2083 19.7583 16.8 20 17.5 20ZM5 19.5H9V15.5H5V19.5ZM10.05 9H13.95L12 5.85L10.05 9Z' fill='currentColor'/%3E%3C/svg%3E%0A"); } .office_stocks a[href='/office/settings']::before { -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4ZM6 18H18V17.2C18 17.0167 17.9542 16.85 17.8625 16.7C17.7708 16.55 17.65 16.4333 17.5 16.35C16.6 15.9 15.6917 15.5625 14.775 15.3375C13.8583 15.1125 12.9333 15 12 15C11.0667 15 10.1417 15.1125 9.225 15.3375C8.30833 15.5625 7.4 15.9 6.5 16.35C6.35 16.4333 6.22917 16.55 6.1375 16.7C6.04583 16.85 6 17.0167 6 17.2V18ZM12 10C12.55 10 13.0208 9.80417 13.4125 9.4125C13.8042 9.02083 14 8.55 14 8C14 7.45 13.8042 6.97917 13.4125 6.5875C13.0208 6.19583 12.55 6 12 6C11.45 6 10.9792 6.19583 10.5875 6.5875C10.1958 6.97917 10 7.45 10 8C10 8.55 10.1958 9.02083 10.5875 9.4125C10.9792 9.80417 11.45 10 12 10Z' fill='currentColor'/%3E%3C/svg%3E%0A"); mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4ZM6 18H18V17.2C18 17.0167 17.9542 16.85 17.8625 16.7C17.7708 16.55 17.65 16.4333 17.5 16.35C16.6 15.9 15.6917 15.5625 14.775 15.3375C13.8583 15.1125 12.9333 15 12 15C11.0667 15 10.1417 15.1125 9.225 15.3375C8.30833 15.5625 7.4 15.9 6.5 16.35C6.35 16.4333 6.22917 16.55 6.1375 16.7C6.04583 16.85 6 17.0167 6 17.2V18ZM12 10C12.55 10 13.0208 9.80417 13.4125 9.4125C13.8042 9.02083 14 8.55 14 8C14 7.45 13.8042 6.97917 13.4125 6.5875C13.0208 6.19583 12.55 6 12 6C11.45 6 10.9792 6.19583 10.5875 6.5875C10.1958 6.97917 10 7.45 10 8C10 8.55 10.1958 9.02083 10.5875 9.4125C10.9792 9.80417 11.45 10 12 10Z' fill='currentColor'/%3E%3C/svg%3E%0A"); } .office_stocks a[href='/office/counteragents']::before { -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17H14V15H7V17ZM7 13H17V11H7V13ZM7 9H17V7H7V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z' fill='currentColor'/%3E%3C/svg%3E%0A"); mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17H14V15H7V17ZM7 13H17V11H7V13ZM7 9H17V7H7V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z' fill='currentColor'/%3E%3C/svg%3E%0A"); } .office_stocks a[href='/office/delivery']::before { -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12C12.55 12 13.0208 11.8042 13.4125 11.4125C13.8042 11.0208 14 10.55 14 10C14 9.45 13.8042 8.97917 13.4125 8.5875C13.0208 8.19583 12.55 8 12 8C11.45 8 10.9792 8.19583 10.5875 8.5875C10.1958 8.97917 10 9.45 10 10C10 10.55 10.1958 11.0208 10.5875 11.4125C10.9792 11.8042 11.45 12 12 12ZM12 19.35C14.0333 17.4833 15.5417 15.7875 16.525 14.2625C17.5083 12.7375 18 11.3833 18 10.2C18 8.38333 17.4208 6.89583 16.2625 5.7375C15.1042 4.57917 13.6833 4 12 4C10.3167 4 8.89583 4.57917 7.7375 5.7375C6.57917 6.89583 6 8.38333 6 10.2C6 11.3833 6.49167 12.7375 7.475 14.2625C8.45833 15.7875 9.96667 17.4833 12 19.35ZM12 22C9.31667 19.7167 7.3125 17.5958 5.9875 15.6375C4.6625 13.6792 4 11.8667 4 10.2C4 7.7 4.80417 5.70833 6.4125 4.225C8.02083 2.74167 9.88333 2 12 2C14.1167 2 15.9792 2.74167 17.5875 4.225C19.1958 5.70833 20 7.7 20 10.2C20 11.8667 19.3375 13.6792 18.0125 15.6375C16.6875 17.5958 14.6833 19.7167 12 22Z' fill='currentColor'/%3E%3C/svg%3E%0A"); mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12C12.55 12 13.0208 11.8042 13.4125 11.4125C13.8042 11.0208 14 10.55 14 10C14 9.45 13.8042 8.97917 13.4125 8.5875C13.0208 8.19583 12.55 8 12 8C11.45 8 10.9792 8.19583 10.5875 8.5875C10.1958 8.97917 10 9.45 10 10C10 10.55 10.1958 11.0208 10.5875 11.4125C10.9792 11.8042 11.45 12 12 12ZM12 19.35C14.0333 17.4833 15.5417 15.7875 16.525 14.2625C17.5083 12.7375 18 11.3833 18 10.2C18 8.38333 17.4208 6.89583 16.2625 5.7375C15.1042 4.57917 13.6833 4 12 4C10.3167 4 8.89583 4.57917 7.7375 5.7375C6.57917 6.89583 6 8.38333 6 10.2C6 11.3833 6.49167 12.7375 7.475 14.2625C8.45833 15.7875 9.96667 17.4833 12 19.35ZM12 22C9.31667 19.7167 7.3125 17.5958 5.9875 15.6375C4.6625 13.6792 4 11.8667 4 10.2C4 7.7 4.80417 5.70833 6.4125 4.225C8.02083 2.74167 9.88333 2 12 2C14.1167 2 15.9792 2.74167 17.5875 4.225C19.1958 5.70833 20 7.7 20 10.2C20 11.8667 19.3375 13.6792 18.0125 15.6375C16.6875 17.5958 14.6833 19.7167 12 22Z' fill='currentColor'/%3E%3C/svg%3E%0A"); } .office_stocks a[href='/office/password']::before { -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.24922 22L8.84922 18.8C8.63255 18.7167 8.42839 18.6167 8.23672 18.5C8.04505 18.3833 7.85755 18.2583 7.67422 18.125L4.69922 19.375L1.94922 14.625L4.52422 12.675C4.50755 12.5583 4.49922 12.4458 4.49922 12.3375V11.6625C4.49922 11.5542 4.50755 11.4417 4.52422 11.325L1.94922 9.375L4.69922 4.625L7.67422 5.875C7.85755 5.74167 8.04922 5.61667 8.24922 5.5C8.44922 5.38333 8.64922 5.28333 8.84922 5.2L9.24922 2H14.7492L15.1492 5.2C15.3659 5.28333 15.5701 5.38333 15.7617 5.5C15.9534 5.61667 16.1409 5.74167 16.3242 5.875L19.2992 4.625L22.0492 9.375L19.4742 11.325C19.4909 11.4417 19.4992 11.5542 19.4992 11.6625V12.3375C19.4992 12.4458 19.4826 12.5583 19.4492 12.675L22.0242 14.625L19.2742 19.375L16.3242 18.125C16.1409 18.2583 15.9492 18.3833 15.7492 18.5C15.5492 18.6167 15.3492 18.7167 15.1492 18.8L14.7492 22H9.24922ZM10.9992 20H12.9742L13.3242 17.35C13.8409 17.2167 14.3201 17.0208 14.7617 16.7625C15.2034 16.5042 15.6076 16.1917 15.9742 15.825L18.4492 16.85L19.4242 15.15L17.2742 13.525C17.3576 13.2917 17.4159 13.0458 17.4492 12.7875C17.4826 12.5292 17.4992 12.2667 17.4992 12C17.4992 11.7333 17.4826 11.4708 17.4492 11.2125C17.4159 10.9542 17.3576 10.7083 17.2742 10.475L19.4242 8.85L18.4492 7.15L15.9742 8.2C15.6076 7.81667 15.2034 7.49583 14.7617 7.2375C14.3201 6.97917 13.8409 6.78333 13.3242 6.65L12.9992 4H11.0242L10.6742 6.65C10.1576 6.78333 9.67839 6.97917 9.23672 7.2375C8.79505 7.49583 8.39089 7.80833 8.02422 8.175L5.54922 7.15L4.57422 8.85L6.72422 10.45C6.64089 10.7 6.58255 10.95 6.54922 11.2C6.51589 11.45 6.49922 11.7167 6.49922 12C6.49922 12.2667 6.51589 12.525 6.54922 12.775C6.58255 13.025 6.64089 13.275 6.72422 13.525L4.57422 15.15L5.54922 16.85L8.02422 15.8C8.39089 16.1833 8.79505 16.5042 9.23672 16.7625C9.67839 17.0208 10.1576 17.2167 10.6742 17.35L10.9992 20ZM12.0492 15.5C13.0159 15.5 13.8409 15.1583 14.5242 14.475C15.2076 13.7917 15.5492 12.9667 15.5492 12C15.5492 11.0333 15.2076 10.2083 14.5242 9.525C13.8409 8.84167 13.0159 8.5 12.0492 8.5C11.0659 8.5 10.2367 8.84167 9.56172 9.525C8.88672 10.2083 8.54922 11.0333 8.54922 12C8.54922 12.9667 8.88672 13.7917 9.56172 14.475C10.2367 15.1583 11.0659 15.5 12.0492 15.5Z' fill='currentColor'/%3E%3C/svg%3E%0A"); mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.24922 22L8.84922 18.8C8.63255 18.7167 8.42839 18.6167 8.23672 18.5C8.04505 18.3833 7.85755 18.2583 7.67422 18.125L4.69922 19.375L1.94922 14.625L4.52422 12.675C4.50755 12.5583 4.49922 12.4458 4.49922 12.3375V11.6625C4.49922 11.5542 4.50755 11.4417 4.52422 11.325L1.94922 9.375L4.69922 4.625L7.67422 5.875C7.85755 5.74167 8.04922 5.61667 8.24922 5.5C8.44922 5.38333 8.64922 5.28333 8.84922 5.2L9.24922 2H14.7492L15.1492 5.2C15.3659 5.28333 15.5701 5.38333 15.7617 5.5C15.9534 5.61667 16.1409 5.74167 16.3242 5.875L19.2992 4.625L22.0492 9.375L19.4742 11.325C19.4909 11.4417 19.4992 11.5542 19.4992 11.6625V12.3375C19.4992 12.4458 19.4826 12.5583 19.4492 12.675L22.0242 14.625L19.2742 19.375L16.3242 18.125C16.1409 18.2583 15.9492 18.3833 15.7492 18.5C15.5492 18.6167 15.3492 18.7167 15.1492 18.8L14.7492 22H9.24922ZM10.9992 20H12.9742L13.3242 17.35C13.8409 17.2167 14.3201 17.0208 14.7617 16.7625C15.2034 16.5042 15.6076 16.1917 15.9742 15.825L18.4492 16.85L19.4242 15.15L17.2742 13.525C17.3576 13.2917 17.4159 13.0458 17.4492 12.7875C17.4826 12.5292 17.4992 12.2667 17.4992 12C17.4992 11.7333 17.4826 11.4708 17.4492 11.2125C17.4159 10.9542 17.3576 10.7083 17.2742 10.475L19.4242 8.85L18.4492 7.15L15.9742 8.2C15.6076 7.81667 15.2034 7.49583 14.7617 7.2375C14.3201 6.97917 13.8409 6.78333 13.3242 6.65L12.9992 4H11.0242L10.6742 6.65C10.1576 6.78333 9.67839 6.97917 9.23672 7.2375C8.79505 7.49583 8.39089 7.80833 8.02422 8.175L5.54922 7.15L4.57422 8.85L6.72422 10.45C6.64089 10.7 6.58255 10.95 6.54922 11.2C6.51589 11.45 6.49922 11.7167 6.49922 12C6.49922 12.2667 6.51589 12.525 6.54922 12.775C6.58255 13.025 6.64089 13.275 6.72422 13.525L4.57422 15.15L5.54922 16.85L8.02422 15.8C8.39089 16.1833 8.79505 16.5042 9.23672 16.7625C9.67839 17.0208 10.1576 17.2167 10.6742 17.35L10.9992 20ZM12.0492 15.5C13.0159 15.5 13.8409 15.1583 14.5242 14.475C15.2076 13.7917 15.5492 12.9667 15.5492 12C15.5492 11.0333 15.2076 10.2083 14.5242 9.525C13.8409 8.84167 13.0159 8.5 12.0492 8.5C11.0659 8.5 10.2367 8.84167 9.56172 9.525C8.88672 10.2083 8.54922 11.0333 8.54922 12C8.54922 12.9667 8.88672 13.7917 9.56172 14.475C10.2367 15.1583 11.0659 15.5 12.0492 15.5Z' fill='currentColor'/%3E%3C/svg%3E%0A"); } .office_stocks a[href='/account/logout']::before { -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H12V21H5ZM16 17L14.625 15.55L17.175 13H9V11H17.175L14.625 8.45L16 7L21 12L16 17Z' fill='currentColor'/%3E%3C/svg%3E%0A"); mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H12V21H5ZM16 17L14.625 15.55L17.175 13H9V11H17.175L14.625 8.45L16 7L21 12L16 17Z' fill='currentColor'/%3E%3C/svg%3E%0A"); } .office_title { font-weight: 600; font-size: 22px; margin-bottom: 18px; } .office_subtitle { font-size: 14px; color: #101828; margin-bottom: 24px; } .office_orders { display: flex; flex-direction: column; gap: 16px; } .office_actions { display: flex; align-items: flex-start; margin-bottom: 24px; } .office_chart { margin-top: 24px; border-radius: 8px; overflow: hidden; } .order { display: flex; justify-content: space-between; gap: 8px; padding: 16px; background-color: var(--white); border-radius: 8px; } .order_start { display: flex; flex-direction: column; gap: 8px; } .order_end { display: flex; flex-direction: column; justify-content: space-between; } .order_number { font-weight: 700; font-size: 14px; } .order_positions { font-size: 14px; color: #97a1b2; } .order_date { font-size: 14px; color: #101828; } .order_actions { display: flex; justify-content: flex-end; gap: 8px; color: var(--gray-text); font-size: 14px; } .order_actions a:not(.button) { transition: 200ms ease; } .order_actions a:not(.button):hover { color: var(--black); } .order_total { font-weight: 700; font-size: 14px; color: #101828; } .order_total span { color: #656f84; } .order_information { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; } .order_information, .order_wrapper { background: var(--white); padding: 16px; border-radius: 8px; } .order_row { display: grid; grid-template-columns: 0.2fr 1fr; gap: 8px; } .order_left { font-size: 14px; color: #97a1b2; } .order_right { font-size: 14px; } .order_orders { display: flex; flex-direction: column; gap: 24px; } .order_wrapper { display: flex; flex-direction: column; gap: 8px; } .order_wrapper.new * { color: var(--green); } .order_top, .order_bottom { display: flex; justify-content: space-between; gap: 8px; color: var(--gray-text); font-size: 14px; font-weight: 500; } .order_name, .order_catalog { color: #101828; font-size: 14px; font-weight: 500; } .order_totalcount { display: flex; justify-content: flex-end; width: 100%; gap: 8px; } .order-one_actions { margin-top: 24px; align-items: flex-start; justify-content: flex-start; flex-direction: column; } .order-one_actions-between { display: flex; justify-content: space-between; gap: 8px; width: 100%; } .counteragent_actions { display: flex; justify-content: space-between; gap: 8px; margin-top: 16px; } @media screen and (max-width: 991.98px) { .counteragent_actions { flex-direction: column; } } .counteragent_actions-right { display: flex; gap: 12px; } body { background-color: var(--white); min-height: 100%; } body * { font-family: 'Inter'; } .body { flex-grow: 1; } main { padding: 24px 0; } @media screen and (max-width: 991.98px) { main { padding: 16px 0; } } .wrapper { display: flex; flex-direction: column; background-color: var(--white); max-width: calc(1308px + var(--padding-container) * 2); width: 100%; margin: 0 auto; height: auto; } .container { width: 100%; padding-left: var(--padding-container); padding-right: var(--padding-container); margin: 0 auto; } @media screen and (max-width: 991.98px) { .container { --padding-container: 8px; } } .select { background-color: var(--light-gray); padding: 12px 16px; border-radius: 8px; cursor: pointer; } .select .currentValue { min-width: unset; display: flex; gap: 8px; align-items: center; } .select .currentValue .value { flex-shrink: 0; font-size: 14px; font-weight: 500; color: var(--gray); } @media screen and (max-width: 575.98px) { .select .currentValue .value { font-size: 13px; } } .pagination { display: flex; align-items: center; gap: 16px; width: 100%; } .pagination_content { display: flex; width: 100%; } .pagination_container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 40px; } @media screen and (max-width: 991.98px) { .pagination_container { flex-direction: column; gap: 24px; margin-top: 20px; } } .pagination li { text-align: center; cursor: pointer; } .pagination li:not(.prev) a { min-width: 48px; display: block; border-radius: 8px; padding: 14px 15px; font-size: 14px; line-height: 20px; } .pagination li.current a { background-color: var(--light-blue); color: var(--text-black); } .pagination li a { color: var(--gray); text-decoration: none; font-weight: 500; } .pagination li a:hover { color: var(--text-black); } .breadcrumbs { display: flex; gap: 12px; align-items: center; font-size: 14px; margin-bottom: 40px; flex-wrap: wrap; } @media screen and (max-width: 991.98px) { .breadcrumbs { margin-bottom: 20px; } } .breadcrumbs_item { display: flex; gap: 8px; align-items: center; color: var(--gray-text); } .breadcrumbs_item-active { color: var(--text-black); } .breadcrumbs_item svg { flex-shrink: 0; } .breadcrumbs_item a { color: currentColor; text-decoration: none; font-weight: 400; } .subtitle { text-align: left; font-size: 32px; font-weight: 700; line-height: 38.73px; color: var(--gray-blue); margin-bottom: 12px; } @media screen and (max-width: 991.98px) { .subtitle { font-size: 28px; line-height: 34px; } } @media screen and (max-width: 767.98px) { .subtitle { font-size: 24px; line-height: 30px; } } .title { font-size: 30px; font-weight: 600; line-height: 38px; color: var(--gray-blue); } @media screen and (max-width: 991.98px) { .title { font-size: 28px; } } .title-second { font-size: 14px; font-weight: 600; line-height: 22px; color: var(--gray-blue); } .list { padding-left: 24px; } .list li { font-size: 14px; font-weight: 400; line-height: 22px; } .wysiwyg h1, .sectionContent h1 { margin-bottom: 8px; font-size: 28px; font-weight: 600; line-height: 1.2; color: var(--gray-blue); } @media screen and (max-width: 767.98px) { .wysiwyg h1, .sectionContent h1 { font-size: 20px; } } .wysiwyg h2, .sectionContent h2 { margin-bottom: 16px; font-size: 14px; font-weight: 600; line-height: 22px; color: var(--gray-blue); } @media screen and (max-width: 767.98px) { .wysiwyg h2, .sectionContent h2 { font-size: 14px; } } .wysiwyg p, .sectionContent p { line-height: 22px; } .wysiwyg > p, .sectionContent > p { font-size: 14px; padding-bottom: 4px; line-height: 22px; } .wysiwyg > p span, .sectionContent > p span { font-size: inherit !important; line-height: 22px; } .wysiwyg strong, .sectionContent strong { font-weight: 600; } .wysiwyg ul, .sectionContent ul { list-style: disc !important; padding-left: 24px; } .wysiwyg ul li, .sectionContent ul li { font-size: 16px !important; font-weight: 400; line-height: 22px; } .wysiwyg ul li span, .sectionContent ul li span { font-size: inherit !important; font-weight: inherit; line-height: inherit; } .wysiwyg .show_spoiler, .sectionContent .show_spoiler { width: -moz-max-content; width: max-content; margin-top: 24px; } @media screen and (max-width: 767.98px) { .wysiwyg span[style='color:rgb(209, 214, 222)'] span, .sectionContent span[style='color:rgb(209, 214, 222)'] span { font-size: 18px !important; } } .table_link { color: var(--blue); text-decoration: underline; } .table_link:hover { color: var(--gray-blue); } .importantMessage { display: flex; align-items: center; justify-content: center; background-color: #d0e8fe; color: #2f91fb; padding: 14px; border-radius: 8px; font-size: 14px; line-height: 28px; font-weight: 500; margin-bottom: 24px; flex-wrap: wrap; gap: 4px; } .invalidFormMessage { display: flex; flex-direction: column; text-align: center; align-items: center; background-color: var(--red-20); color: var(--white); padding: 14px; border-radius: 8px; font-size: 14px; line-height: 28px; font-weight: 500; margin-bottom: 24px; gap: 4px; } @media screen and (max-width: 767.98px) { .invalidFormMessage { font-size: 14px; } } .advantages { display: flex; gap: 20px; } @media screen and (max-width: 991.98px) { .advantages { flex-direction: column; } } .advantages_column { display: flex; flex-direction: column; gap: 20px; } @media screen and (min-width: 991.98px) { .advantages_column:not(.advantages_column:first-child) { width: 70%; } } .advantages_column-fill .advantage { height: 50%; } .advantage { display: flex; align-items: flex-start; gap: 24px; padding: 24px; background-color: var(--light-gray); border-radius: 8px; height: 100%; } .advantage_icon { padding: 20px; background-color: #d0e8fe; border-radius: 8px; flex-shrink: 0; } .advantage_separator { display: flex; flex-direction: column; gap: 8px; } .advantage_title { color: #101828; line-height: 22px; font-size: 14px; font-weight: 600; } .advantage_description { font-size: 14px; line-height: 22px; } .main_advantages tbody { display: flex; flex-direction: column; gap: 20px; } .main_advantages tbody tr { display: flex; gap: 20px; } @media screen and (max-width: 767.98px) { .main_advantages tbody tr { flex-direction: column; } } .main_advantages tbody tr td { display: flex; gap: 24px; padding: 24px; background-color: var(--light-gray); border-radius: 8px; } @media screen and (max-width: 767.98px) { .main_advantages tbody tr td { width: 100% !important; } } @media screen and (max-width: 420px) { .main_advantages tbody tr td { flex-direction: column; } } .main_advantages tbody tr td img { flex-shrink: 0; } @media screen and (max-width: 420px) { .main_advantages tbody tr td img { margin: 0 auto; } } .main_advantages tbody tr td p { display: flex; flex-direction: column; gap: 8px; } .main_cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-bottom: 48px; } @media screen and (max-width: 1199.98px) { .main_cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media screen and (max-width: 767.98px) { .main_cards { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 24px; } } .main_cards_item { border-radius: 8px; background-color: var(--light-gray); display: flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 575.98px) { .main_cards_item { flex-direction: column; } } .main_cards_text { padding: 16px 0 16px 16px; font-size: 20px; font-weight: 600; line-height: 28px; color: var(--gray-blue); } @media screen and (max-width: 991.98px) { .main_cards_text { font-size: 14px; } } @media screen and (max-width: 767.98px) { .main_cards_text { padding: 12px; } } .response-table { width: auto; overflow: auto; } html { scroll-behavior: smooth; font-size: 14px; line-height: 16px; } .blocks { margin: 40px 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } @media screen and (max-width: 991.98px) { .blocks { margin: 20px 0; } } @media screen and (max-width: 991.98px) { .blocks { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 575.98px) { .blocks { grid-template-columns: minmax(0, 1fr); } } .block { display: flex; gap: 16px; flex-direction: column; border-radius: 8px; padding: 24px; } .block p { display: flex; gap: 8px; flex-direction: column; } .contacts-block { margin-top: 40px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } @media screen and (max-width: 991.98px) { .contacts-block { margin-top: 20px; } } @media screen and (max-width: 991.98px) { .contacts-block { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 767.98px) { .contacts-block { grid-template-columns: minmax(0, 1fr); } } .contact { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; border-radius: 8px; padding: 24px; background-color: rgb(241, 243, 246); } @media screen and (max-width: 767.98px) { .contact { gap: 8px; } } .contact div { flex-shrink: 0; padding: 22px; border-radius: 8px; background-color: var(--light-blue); display: flex; align-items: center; } @media screen and (max-width: 575.98px) { .contact div { padding: 0; background-color: unset; } } .contact div img { flex-shrink: 0; margin: auto; } .contact p { display: flex; gap: 8px; flex-direction: column; } .sendMode { text-align: center; } .suggestMenu { display: flex !important; flex-direction: column; gap: 12px; padding: 8px; } .special-price { display: flex; flex-direction: column; gap: 24px; } .popupSwitch ul.items { border: unset; } .popupSwitch ul.items li { border-bottom: unset; } .popupSwitch ul.items li a { color: black; } .popupSwitch ul.items li a:hover { background-color: var(--medium-gray); } /*# sourceMappingURL=newdesign.css.map */ input[type='checkbox'] { all: unset; /* Сбрасываем все стили, чтобы убрать влияние глобальных правил */ display: inline-block; /* Чекбоксы обычно отображаются как inline-block */ width: 16px; /* Устанавливаем разумный размер */ height: 16px; box-sizing: border-box; /* Гарантируем правильное поведение размеров */ appearance: auto; /* Включаем стандартное отображение для чекбоксов */ cursor: pointer; /* Удобный указатель мыши */ }