html[theme=default] { --theme-color-default: #ffffff; --theme-text-color: #000000; --theme-main-color: #4654cc; --theme-minor-color: #38419e; --theme-success-color: #00B749; --theme-color-strict: #737682; --theme-color-attention: #f44224; --theme-color-good: #ffac47; --theme-color-rating: #ffac47; --theme-color-rating-empty: #bec9d1; --theme-color-substrate: #3956730d; --theme-color-components: #a8b4bd; --theme-color-components-hover: #a8b4bd; --theme-color-icon: #8c959c; --theme-color-icon-hover: #8c959c; --theme-color-border: #e4ebf0; --theme-color-block: #f2f5f7; --theme-color-block-hover: #e4ebf0; --theme-color-footer: #f2f5f7; --theme-color-footer-text: #6C6E7A; --theme-color-layer-001: #7557d6; --theme-color-layer-002: #005bff; --theme-color-layer-003: #e4f5ec; --theme-color-layer-004: #228644; --theme-color-layer-005: #08a652; --theme-color-layer-006: #f39b07; --theme-color-layer-007: #003a7d; --theme-color-overlay: #00000090; --theme-color-blur: #00000050; --theme-bg-start: #246be0; --theme-bg-middle: #2a4fe6; --theme-bg-end: #2b3fb3; --theme-color-shadow: #00000014; --theme-color-warning: #fffae8; --theme-bar-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); --theme-bar-container: rgba(24, 21, 20, 0.8); --theme-shadow-01: 0 2px 8px 0 var(--theme-color-shadow); --theme-shadow-02: 0 6px 12px 0 var(--theme-color-shadow); --theme-shadow-03: 0 8px 24px 0 var(--theme-color-shadow); --theme-shadow-04: 0 12px 48px 0 var(--theme-color-shadow); --theme-shadow-05: 0 16px 64px 0 var(--theme-color-shadow); --theme-shadow-header: 0 4px 20px 0 var(--theme-color-shadow); --theme-modal-start: overlay-modal-start .2s ease 1 forwards; --theme-modal-end: overlay-modal-end .2s ease 1 forwards; --theme-menu-start-section-main: menu-start-section-main .2s ease 1 forwards; --theme-menu-start-section-sub: menu-start-section-sub .2s ease 1 forwards; --theme-menu-close-animation: menu-close-animation .2s ease 1 forwards; --theme-animation-shadow: box-shadow .2s ease; --theme-animation-overlay: overlay-animation .2s ease 1 forwards; --theme-animation-overlay-end: overlay-animation-end .2s ease 1 forwards; --theme-animation-bounce-in: bounce-in .6s ease 1 forwards; } :root { --theme-min-container: 1024px; --theme-font-family: 'mlbase-sans', -apple-system,Roboto,Helvetica Neue,Noto Sans,Arial,sans-serif; --theme-font-family-additional: 'mlbase-additional-a', -apple-system, Roboto, Helvetica Neue, Noto Sans, Arial, sans-serif; --theme-letter-spacing: -0.2px; --theme-font-size: 14px; --theme-font-size-h1: 32px; --theme-font-size-h2: 28px; --theme-font-size-h3: 24px; --theme-font-size-h4: 20px; --theme-font-size-h5: 18px; --theme-font-size-h6: 16px; } :root { --theme-gap-layer: 5px; --theme-gap-layer-01: calc(var(--theme-gap-layer) * 1); --theme-gap-layer-02: calc(var(--theme-gap-layer) * 2); --theme-gap-layer-03: calc(var(--theme-gap-layer) * 3); --theme-gap-layer-04: calc(var(--theme-gap-layer) * 4); --theme-gap-layer-05: calc(var(--theme-gap-layer) * 5); --theme-gap-layer-06: calc(var(--theme-gap-layer) * 6); --theme-gap-layer-07: calc(var(--theme-gap-layer) * 7); --theme-gap-layer-08: calc(var(--theme-gap-layer) * 8); --theme-gap-layer-09: calc(var(--theme-gap-layer) * 9); --theme-gap-layer-10: calc(var(--theme-gap-layer) * 10); --theme-gap-layer-11: calc(var(--theme-gap-layer) * 11); --theme-gap-layer-12: calc(var(--theme-gap-layer) * 12); --theme-gap-layer-13: calc(var(--theme-gap-layer) * 13); --theme-gap-layer-14: calc(var(--theme-gap-layer) * 14); --theme-gap-layer-15: calc(var(--theme-gap-layer) * 15); --theme-gap-layer-16: calc(var(--theme-gap-layer) * 16); --theme-gap-layer-17: calc(var(--theme-gap-layer) * 17); --theme-gap-layer-18: calc(var(--theme-gap-layer) * 18); --theme-gap-layer-19: calc(var(--theme-gap-layer) * 19); --theme-gap-layer-20: calc(var(--theme-gap-layer) * 20); } :root { --theme-modal-large: 560px; --theme-modal-medium: 460px; --theme-modal-small: 380px; } :root { --theme-border-radius-extra-small: 4px; --theme-border-radius-small: 8px; --theme-border-radius-normal: 12px; --theme-border-radius-medium: 24px; --theme-border-radius-large: 100px; } :root { --theme-default-animation: .2s ease; --theme-product-title-webkit-line: 4; } .animation-img { opacity: 0; transition: opacity .2s ease; } .animation-img.lazyloaded, .animation-img.ls-is-cached { opacity: 1; } @keyframes overlay-animation { 0% { background-color: transparent; } 100% { background-color: var(--theme-color-overlay); } } @keyframes overlay-animation-end { 0% { background-color: var(--theme-color-overlay); } 100% { background-color: transparent; } } @keyframes overlay-modal-start { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes overlay-modal-end { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes bounce-in { 0% { transform: scale(1); } 20% { transform: scale(1.3); } 30% { transform: scale(1.2); } 40% { transform: scale(1.3); } 100% { transform: scale(1.2); } } @keyframes loader-animation { 0% { transform: translate(0); } 16% { transform: translateY(-150%); } 33% { transform: translate(0); } 100% { transform: translate(0); } } @keyframes menu-start-section-main { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes menu-start-section-sub { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes menu-close-animation { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } html { font-family: var(--theme-font-family, 'mlbase-sans', -apple-system, Arial, "Helvetica Neue", "Noto Sans", Roboto, sans-serif); font-size: var(--theme-font-size, 14px); letter-spacing: var(--theme-letter-spacing, -0.2px); color: var(--theme-text-color, #000000); background: var(--theme-color-default, #ffffff); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-weight: 400; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } [data-template="indent"] { max-width: 100%; } h1, h2, h3, h4, h5, h6 { line-height: 1.4; font-weight: 500; letter-spacing: normal; font-family: var(--theme-font-family-additional); } h1 { font-size: var(--theme-font-size-h1, 32px); } h2 { font-size: var(--theme-font-size-h2, 28px); } h6 { font-size: var(--theme-font-size-h6, 16px); } b, strong { font-weight: bold; } a { color: inherit; text-decoration: none; transition: color .2s ease; } a:hover, a:focus { color: var(--theme-main-color, #0000FF); } blockquote { border: 2px solid var(--theme-color-border, #808080); border-left: none; border-right: none; font-size: 24px; font-weight: 500; line-height: 1.25; margin: 55px 0 50px; padding: 30px 80px; text-align: center; font-family: var(--theme-font-family, 'mlbase-sans', -apple-system, Arial, "Helvetica Neue", "Noto Sans", Roboto, sans-serif); letter-spacing: normal; } blockquote footer { color: var(--theme-color-strict, #808080); font-size: 16px; font-weight: 400; line-height: 1.33; margin-top: 20px; padding: 0 130px; } abbr[title] { border-bottom: 1px dotted; } mark { background: var(--theme-color-good, #ffa500); color: var(--theme-color-default, #ffffff); } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { word-wrap: break-word; white-space: pre-wrap; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dd { margin-left: 40px; } nav ol, nav ul, ul { list-style: none; } img { border: none; -ms-interpolation-mode: bicubic; user-drag: none; -moz-user-select: none; -webkit-user-drag: none; height: auto; max-width: 100%; outline: none; } svg:not(:root) { overflow: hidden; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-family: inherit; font-size: 100%; line-height: inherit; color: inherit; background: transparent; margin: 0; vertical-align: baseline; border-radius: 0; -webkit-user-select: none; user-select: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none; letter-spacing: var(--theme-letter-spacing, -0.2px); font-weight: 400; } button, input[type="button"], input[type="reset"], input[type="submit"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: transparent; border: none; cursor: pointer; } button[disabled], input[disabled] { cursor: default; background: transparent; } input[type="search"] { appearance: textfield; -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; resize: vertical; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } hr { border: none; border-top: 1px solid currentColor; margin: 1em 0; opacity: .2; } ::placeholder { color: var(--theme-color-strict, #808080); } input:focus::placeholder { color: transparent; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: currentColor; transition: background-color 5000s ease-in-out 0s; box-shadow: 0 0 0px 1000px transparent inset; } input::-webkit-autofill-button { display: none; pointer-events: none; position: absolute; right: 0; visibility: hidden; } input::-ms-clear, input::-ms-reveal { display: none; } :where(a, button, [role="button"], input, select, textarea):focus-visible { outline: 0px solid currentColor; outline-offset: 0px; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms; animation-iteration-count: 1; transition-duration: .001ms; scroll-behavior: auto; } } .layout-default { display: flex; flex-direction: column; min-height: calc(var(--vh, 1vh) * 100); min-width: var(--screen); } header { position:-webkit-sticky; position:sticky; top:0; background:#ffffff; z-index:1001; box-shadow: 0 2px 4px #0000000d; } .container { max-width: var(--theme-container, var(--theme-min-container, 1024px)); padding: 0 var(--theme-container-padding, 40px); margin: 0 auto; } .usn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .full { position: relative; width: 100%; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--theme-color-overlay, #00000090); animation: var(--theme-animation-overlay, overlay-animation .2s ease 1 forwards); z-index: 20; } .scrollbar { overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--theme-color-components, #d1dde5) transparent; } .scrollbar:hover, .scrollbar:focus, .scrollbar:active { scrollbar-color: var(--theme-color-components-hover, #a8b4bd) transparent; } main { flex-grow: 1; padding-top: var(--theme-gap-layer-06, 30px); } footer { position: relative; padding-top: var(--theme-gap-layer-10, 50px); background: var(--theme-color-footer, #f2f2f2); margin-top: var(--theme-gap-layer-20, 100px); } .svg-icon { fill: currentColor; display: inline-block; position: relative; vertical-align: top; } .title-default { margin-bottom: var(--theme-gap-layer-06); display: flex; align-items: center; justify-content: space-between; gap: var(--theme-gap-layer-04); flex-wrap: wrap; } .text-title-default {font-size: var(--theme-font-size-h2);font-weight: 500;letter-spacing: normal;font-family: var(--theme-font-family-additional);} .button-title-default {} .button-title-default-link {} .button-title-default-link-point { display: flex; align-items: center; gap: 2px; height: 32px; padding: 0 var(--theme-gap-layer-02) 0 var(--theme-gap-layer-03); color: var(--theme-text-color); background-color: var(--theme-color-block); border-radius: var(--theme-border-radius-small); cursor: pointer; } .button-title-default-link-point-icon { display: flex; } .button-title-default-link-point:hover, .button-title-default-link-point:active, .button-title-default-link-point:focus { background-color: var(--theme-color-block-hover); } .button-link-active { display: flex; align-items: center; height: var(--theme-components-size); padding: 0 var(--theme-gap-layer-04); background-color: var(--theme-main-color); color: #fff; border-radius: var(--theme-border-radius-normal); cursor: pointer; -webkit-user-select: none; user-select: none; transition: background-color .2s ease, color .2s ease; font-weight: 500; } .button-link-active:hover, .button-link-active:focus, .button-link-active:active { background-color: var(--theme-minor-color); color: #fff; } .form-group-select { display: flex; } .select, .input { display: flex; align-items: center; position: relative; } .input { max-width: 420px; padding: 0 0 0 var(--theme-gap-layer-03); overflow: hidden; background-color: transparent; transition: background-color .2s ease, border-color .2s ease; border-radius: var(--theme-border-radius-large); border: 2px solid var(--theme-color-components); } .form-group-select.opened .input { border-color: var(--theme-main-color); } .select input { flex-grow: 1; height: 36px; border: none; cursor: pointer; font-weight: 400; } .input input::selection { background: transparent; color: inherit; } .input .caret { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; cursor: pointer; transition: transform .2s ease; color: var(--theme-color-strict); } .form-group-select.opened .input .caret { transform: rotate(180deg); } .select .options { position: absolute; top: 100%; width: 100%; margin-top: var(--theme-gap-layer-02); max-height: 239px; background: #fff; border-radius: var(--theme-border-radius-medium); box-shadow: var(--theme-shadow-03); opacity: 0; pointer-events: none; transform: translateY(-10px); transition: transform .2s ease, opacity .2s ease; -webkit-user-select: none; user-select: none; z-index: 10; display: none; } .form-group-select.opened .options { opacity: 1; pointer-events: auto; transform: translateY(0); display: block; } .select .options ul { display: flex; flex-direction: column; padding: var(--theme-gap-layer-01); overflow: hidden; } .select .options li { display: flex; height: 40px; align-items: center; position: relative; padding: 0 var(--theme-gap-layer-02); border-radius: var(--theme-border-radius-large); cursor: pointer; } .select .options li.current { color: var(--theme-main-color); } .select .option:hover, .select .option:focus, .select .option:active { background-color: var(--theme-color-block); } .button { display: inline-flex; align-items: center; justify-content: center; padding: 0; min-height: 32px; border: none; border-radius: 0; background-color: var(--theme-main-color); color: #fff; font-family: var(--theme-font-family); font-size: var(--theme-font-size); font-weight: 500; cursor: pointer; -webkit-user-select: none; user-select: none; outline: none; overflow: hidden; transition: background-color var(--theme-default-animation), color var(--theme-default-animation), border-color var(--theme-default-animation); } .button-active:active { transform: scale(0.97); transition: transform .2s ease; } .button-xs { padding: 0; } .button-s { padding: 0 var(--theme-gap-layer-02); } .button-m { padding: 0 var(--theme-gap-layer-04); } .button-l { padding: 0 var(--theme-gap-layer-06); } .button-x { padding: 0 var(--theme-gap-layer-08); } .button-transparent { background-color: transparent; } .product-item-buy-button .product-cart-button { height: 40px; border-radius: var(--theme-border-radius-normal); gap: var(--theme-gap-layer-01); border: 2px solid var(--theme-main-color); white-space: nowrap; } .product-edit-button { border-radius: var(--theme-border-radius-normal); border: 2px solid var(--theme-color-attention); color: var(--theme-color-attention); min-width: 40px; } .content[data-view-catalog="vertical"] .product-item-buy-button .product-cart-button { width: auto; } .content[data-view-catalog="horizontal"] .product-item-buy-button .product-cart-button { width: 100%; } .product-single-buy .product-cart-button, .product-single-buy .product-cart-button-hidden { height: 56px; border-radius: var(--theme-border-radius-normal); width: 100%; border: 2px solid var(--theme-main-color); font-size: 16px; } .product-single-buy .product-cart-button-hidden { background-color: var(--dc-color-blue-020); color: var(--theme-main-color); } .product-single-buy .product-cart-button-hidden:hover, .product-single-buy .product-cart-button-hidden:focus, .product-single-buy .product-cart-button-hidden:active { background-color: var(--theme-color-block); } .product-item-buy-button .product-cart-button:hover, .product-item-buy-button .product-cart-button:focus, .product-item-buy-button .product-cart-button:active, .product-single-buy .product-cart-button:hover, .product-single-buy .product-cart-button:focus, .product-single-buy .product-cart-button:active { background-color: var(--theme-minor-color); border-color: var(--theme-minor-color); } .product-item-buy-button .product-more-button, .product-single-buy .product-more-button { background-color: var(--theme-color-border); border-color: var(--theme-color-border); color: var(--theme-text-color); } .product-item-buy-button .product-more-button-bg { background-color: var(--theme-main-color); border-color: var(--theme-main-color); color: #fff; } .product-item-buy-button .product-more-button:hover, .product-item-buy-button .product-more-button:focus, .product-item-buy-button .product-more-button:active, .product-single-buy .product-more-button:hover, .product-single-buy .product-more-button:focus, .product-single-buy .product-more-button:active { background-color: var(--theme-color-block); border-color: var(--theme-color-block); } .product-item-buy-button .product-more-button-bg:hover, .product-item-buy-button .product-more-button-bg:focus, .product-item-buy-button .product-more-button-bg:active { background-color: var(--theme-minor-color); border-color: var(--theme-minor-color); } .product-item-buy-button .product-button-in-cart, .product-single-buy .product-button-in-cart { background-color: transparent; color: var(--theme-main-color); } .product-item-buy-button .product-button-in-cart:hover, .product-item-buy-button .product-button-in-cart:focus, .product-item-buy-button .product-button-in-cart:active, .product-single-buy .product-button-in-cart:hover, .product-single-buy .product-button-in-cart:focus, .product-single-buy .product-button-in-cart:active { background-color: transparent; } .label-wrapper { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); width: 100%; } .label-radio-box, .label-checkbox-box { display: flex; } .label-radio-wrapper, .label-checkbox-wrapper { display: flex; align-items: center; gap: var(--theme-gap-layer-02); cursor: pointer; } .radio, .checkbox { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; padding: 0; } .radio-icon, .checkbox-icon { position: relative; background-color: #fff; border: 1px solid var(--theme-color-components); transition: background-color .2s ease, border-color .2s ease; } .radio-icon { width: 21px; height: 21px; border-radius: 50%; } .checkbox-icon { width: 18px; height: 18px; border-radius: 5px; } label:hover .checkbox-icon, label:focus .checkbox-icon, label:active .checkbox-icon { border-color: var(--theme-main-color); } .radio:checked + .radio-icon, .checkbox:checked + .checkbox-icon { background-color: var(--theme-main-color); border: none; } .radio:checked + .radio-icon::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 11px; height: 11px; margin: auto; background-color: #fff; border-radius: 50%; } .checkbox:checked + .checkbox-icon::before { content: ""; position: absolute; width: 5px; height: 9px; top: 3px; left: 7px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); } .checked-control-item { display: flex; align-items: center; justify-content: space-between; gap: var(--theme-gap-layer-02); max-width: 100%; } .checked-control-item-wrapper, .toggle-control { display: flex; flex-shrink: 0; width: 40px; height: 22px; } .toggle-control { position: relative; padding: 2px; background-color: var(--theme-color-strict); border-radius: var(--theme-border-radius-large); overflow: hidden; transition: background-color .2s ease; cursor: pointer; } .toggle-control:hover, .toggle-control:focus, .toggle-control:active { background-color: var(--theme-color-strict); } .checked-control-item.active .toggle-control { background-color: var(--theme-main-color); } .toggle-control-indicator { position: relative; width: 18px; height: 18px; background-color: #fff; border-radius: 50%; box-shadow: var(--theme-shadow-01); transform: translateX(0); transition: transform .2s ease; } .checked-control-item.active .toggle-control-indicator { transform: translateX(18px); } .paneltop { background-color: #fff; z-index: 1002; } .style-menu .paneltop { background-color: #fff; } .paneltop-box { position: relative; display: flex; align-items: center; } .paneltop-info { width: 100%; } .paneltop-wrapper, .paneltop-item-wrapper { display: flex; align-items: center; justify-content: space-between; } .paneltop-wrapper { gap: var(--theme-gap-layer-04); height: var(--theme-paneltop); align-items: center; padding-top: var(--theme-gap-layer-02); } .paneltop-right-simple-menu { display: flex; align-items: center; justify-content: space-between; gap: var(--theme-gap-layer-05); } .paneltop-right-simple-menu-box { } .paneltop-right-simple-menu-box a {background: var(--theme-main-color);display: flex;align-items: center;height: 26px;border-radius: var(--theme-border-radius-large);padding: 0 var(--theme-gap-layer-02);} .paneltop-right-simple-menu-box a, .paneltop-right-simple-menu-box a:hover, .paneltop-right-simple-menu-box a:active, .paneltop-right-simple-menu-box a:focus { color: #fff; } .paneltop-item-wrapper { gap: var(--theme-gap-layer-05); } .paneltop-left, .location-user-wrapper { display: flex; align-items: center; gap: var(--theme-gap-layer-01); } .paneltop-left { gap: var(--theme-gap-layer-05); } .location-user svg, .location:hover .location-user-point, .location:focus .location-user-point, .location:active .location-user-point { color: var(--theme-main-color); } .location-user-wrapper > div { display: flex; } .location-user-point { transition: color .2s ease; } .header-inner, .sticky-wrapper { position: relative; } .sticky-wrapper, .sticky-components { height: var(--theme-header-components); } .sticky-components { position: relative; background-color: #fff; } .sticky-components .container { display: flex; align-items: center; height: 100%; } .header-info { position: relative; width: 100%; } .header-static, .components-block-wrapper { display: flex; align-items: center; } .header-static { gap: var(--theme-gap-layer-05); } .components-block-wrapper { gap: var(--theme-gap-layer-02); -webkit-user-select: none; user-select: none; } .components-shop-wrapper { display: flex; align-items: center; gap: var(--theme-gap-layer-02); flex-grow: 1; } .header-components-link { display: flex; justify-content: center; height: var(--theme-components-size); border-radius: var(--theme-border-radius-normal); position: relative; transition: background-color .2s ease, color .2s ease; border: 1px solid var(--theme-color-border); } .header-components-yandex-widget { padding: 0 var(--theme-gap-layer-02); align-items: center; gap: var(--theme-gap-layer-01); } .header-components-ya-widget { } .widget-yandex { display: flex; align-items: center; justify-content: space-between; } .widget-yandex-star { display: flex; } .widget-yandex-star-box { display: flex; align-items: center; gap: var(--theme-gap-layer-01); } .widget-yandex-star-num { font-size: 14px; font-weight: 600; color: var(--theme-text-color); } .header-components-block-ya-text { font-size: 10px; color: var(--theme-text-color); } .header-components-link:hover svg, .header-components-link:focus svg, .header-components-link:active svg { color: var(--theme-main-color); } .header-components-link-phone { padding: 0 var(--theme-gap-layer-02); align-items: center; gap: var(--theme-gap-layer-01); } .header-components-link-phone svg { color: var(--theme-main-color); transition: color .2s ease; } .header-components-block-phone-text { color: var(--theme-text-color); white-space: nowrap; font-size: 16px; font-weight: 500; } .header-components-block-name-text { font-size: 12px; line-height: 1.1; color: var(--theme-color-strict); } .header-components-link-icon { align-items: center; width: var(--theme-components-size); color: var(--theme-main-color); } .header-components-icon > div { display: flex; } .header-components-count { position: absolute; top: -6px; left: calc(var(--theme-components-size) / 2); display: flex; align-items: center; justify-content: center; min-width: 24px; min-height: 18px; padding: 0 4px; background: var(--theme-color-attention); color: #fff; border-radius: var(--theme-border-radius-large); font-size: 12px; font-weight: 500; line-height: 1; overflow: hidden; opacity: 0; transition: opacity .2s ease; } .header-components-count[data-count-value="true"] { opacity: 1; } .header-logo { height: 100%; } .header-logo-link { display: flex; justify-content: flex-start; position: relative; width: 100%; height: 100%; color: var(--theme-main-color); } .header-button { display: flex; align-items: center; column-gap: var(--theme-gap-layer-01); height: var(--theme-components-size); padding: 0 var(--theme-gap-layer-03); background-color: var(--theme-main-color); color: #fff; border-radius: var(--theme-border-radius-normal); cursor: pointer; -webkit-user-select: none; user-select: none; transition: background-color .2s ease, color .2s ease; } .header-button > div { display: flex; } .header-button-text { font-weight: 500; color: #fff; } .header-button .icon svg { color: #fff; } .menu { --top-menu: calc(var(--theme-paneltop) + var(--theme-header-components) - var(--theme-scroller-menu)); position: fixed; top: var(--top-menu); left: 0; height: calc(100vh - var(--top-menu)); z-index: 100; display: none; -webkit-user-select: none; user-select: none; } .menu-active { display: flex; } .menu-base { display: flex; align-items: flex-start; justify-content: flex-start; max-width: var(--theme-container); width: 100%; margin: 0 auto; } .menu-main, .menu-drop { flex-shrink: 0; height: 100%; background-color: #fff; width: 380px; } .menu-main { border-right: 1px solid var(--theme-color-border); z-index: 2; } .menu-active .menu-main { animation: var(--theme-menu-start-section-main); } .menu-main-list { height: 100%; padding: var(--theme-gap-layer-04); } .menu-drop { z-index: 1; visibility: hidden; pointer-events: none; } .menu-drop-open { animation: var(--theme-menu-start-section-sub); visibility: visible; pointer-events: auto; } .menu-drop-box { height: 100%; padding: var(--theme-gap-layer-06); } .menu-item-link { display: flex; align-items: center; justify-content: space-between; gap: var(--theme-gap-layer-02); position: relative; width: 100%; padding: var(--theme-gap-layer-02); border-radius: var(--theme-border-radius-normal); } .menu-main-active .menu-item-link { background-color: var(--theme-color-block); } .menu-item-nav { display: flex; color: var(--theme-color-icon); opacity: 0; } .menu-main-active .menu-item-nav { opacity: 1; } .menu-item-wrapper { display: flex; align-items: center; gap: var(--theme-gap-layer-02); } .menu-item-pic { width: 24px; height: 24px; color: var(--theme-color-icon); } .menu-main-active .menu-item-pic { color: var(--theme-main-color); } .menu-item-name { color: var(--theme-text-color); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .menu-main-active .menu-item-name { color: var(--theme-main-color); } .menu-item-drop { display: none; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--theme-gap-layer-04); height: 100%; } .menu-drop-active { display: flex; } .menu-item_drop-link { font-size: var(--theme-font-size-h4); font-weight: bold; color: var(--theme-text-color); } .menu-item-drop-box, .menu-item-drop-wrapper { width: 100%; } .menu-item-drop-wrapper { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .menu-drop-child-link { display: block; padding: 5px 0; color: var(--theme-text-color); } .menu-drop-child-link-gap {display: flex;align-items: center;gap: var(--theme-gap-layer-03);padding: 0;} .menu-drop-child-img { align-items: center; display: flex; justify-content: center; } .menu-drop-child-img-box { align-items: center; justify-content: center; display: flex; width: 28px; height: 28px; } .menu-drop-child-pic{ width: 28px; height: 28px; } .menu-drop-child-name { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } .menu-drop-child-more{ margin-top: var(--theme-gap-layer-02); } .menu-drop-child-more-button{ font-weight: 500; } .menu-close-animation { animation: var(--theme-menu-close-animation); display: flex; } .overlay-menu-close-animation { animation: var(--theme-animation-overlay-end); } .header-search { display: flex; width: 100%; position: relative; } .header-search-form { flex-grow: 1; height: var(--theme-components-size); } .header-search-form .search-field { position: relative; display: flex; align-items: center; width: 100%; height: var(--theme-components-size); z-index: 1196; background-color: var(--theme-main-color); border-radius: var(--theme-border-radius-normal); overflow: hidden; } .search-field-wrapper { display: flex; flex-grow: 1; height: calc(var(--theme-components-size) - 4px); margin: 2px; background-color: white; border-radius: calc(var(--theme-border-radius-normal) - 2px); } .search-field-input { flex: 1 1 auto; min-width: var(--theme-components-size); padding: 0 0 0 var(--theme-gap-layer-03); border: none; } .header-search-form-button { height: var(--theme-components-size); width: 56px; color: #fff; background-color: var(--theme-main-color); } .search-spinner-icon { display: flex; align-items: center; justify-content: center; height: calc(var(--theme-components-size) - 4px); width: calc(var(--theme-components-size) - 4px); cursor: progress; color: var(--theme-color-icon); } .search-clear { display: flex; align-items: center; justify-content: center; height: calc(var(--theme-components-size) - 4px); width: calc(var(--theme-components-size) - 4px); cursor: pointer; color: var(--theme-color-icon); transition: color .2s ease; } .search-clear:hover, .search-clear:focus, .search-clear:active { color: var(--theme-color-strict); } .suggestions-container { position: absolute; top: 0; left: 0; right: 0; display: none; width: 100%; background-color: #fff; border-radius: var(--theme-border-radius-normal); box-shadow: var(--theme-shadow-04); overflow: hidden; z-index: 1195; padding-top: var(--theme-components-size); } .suggestions-container-wrapper { width: 100%; padding: var(--theme-gap-layer-02); } .suggestions-scrollbar { overflow-y: auto; max-height: 60vh; margin-right: var(--theme-gap-layer-01); } .suggestions-blur .suggestions-container { display: flex; } .suggestion-item-link { position: relative; display: block; padding: var(--theme-gap-layer-02) 0; color: var(--theme-text-color); border-radius: var(--theme-border-radius-normal); } .suggestion-item-link:hover, .suggestion-item-link:focus, .suggestion-item-link:active { background-color: var(--theme-color-block); } .suggestion-item-box { display: flex; align-items: center; justify-content: space-between; padding: 0 var(--theme-gap-layer-02); } .suggestion-item-right { display: flex; align-items: center; gap: var(--theme-gap-layer-02); } .suggestion-item-picture { width: 32px; height: 32px; position: relative; border-radius: var(--theme-border-radius-extra-small); overflow: hidden; display: flex; align-items: center; justify-content: center; } .suggestion-item-picture::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--theme-color-substrate); pointer-events: none; } .suggestion-item-img { object-fit: contain; width: 28px; height: 28px; } [data-mlbase-modal] { cursor: pointer; } .modal-container { position: fixed; top: 0; left: 0; width: 0; height: 0; z-index: 2100; } .modal-overlay { position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: var(--theme-gap-layer-04) 0; background-color: var(--theme-color-overlay); overflow-y: auto; animation: var(--theme-animation-overlay); } .modal-overlay-end { animation: var(--theme-animation-overlay-end); } .modal-window { position: relative; display: flex; flex-direction: column; width: 100%; margin: auto; background: #fff; border-radius: var(--theme-border-radius-medium); animation: var(--theme-modal-start); opacity: 0; } .modal-overlay-end .modal-window { animation: var(--theme-modal-end); opacity: 1; } .modal-small .modal-window { max-width: var(--theme-modal-small); } .modal-medium .modal-window { max-width: var(--theme-modal-medium); } .modal-large .modal-window { max-width: var(--theme-modal-large); } button.modal-close { position: absolute; top: 0; right: -50px; padding: var(--theme-gap-layer-01); background-color: #fff; border-radius: 50%; line-height: 0; z-index: 99; color: var(--theme-color-strict); } .modal-content { min-height: var(--theme-gap-layer-12); } .modal-default { padding: var(--theme-gap-layer-06); } .modal-default-wrapper { display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); width: 100%; } .modal-default-title { font-size: var(--theme-font-size-h4); font-weight: bold; display: flex; align-items: center; gap: var(--theme-gap-layer-01); } .modal-default-title svg { color: var(--theme-color-icon); } .modal-default-secondary { color: var(--theme-color-strict); line-height: 20px; } .modal-default-label { display: flex; align-items: center; gap: var(--theme-gap-layer-02); } .modal-default-button { display: flex; align-items: center; justify-content: center; height: var(--theme-components-size); font-weight: 500; padding: 0 var(--theme-gap-layer-04); background-color: var(--theme-main-color); color: #fff; border-radius: var(--theme-border-radius-normal); cursor: pointer; -webkit-user-select: none; user-select: none; transition: background-color .2s ease, color .2s ease; width: 100%; } .modal-default-button-negative { background-color: var(--dc-color-blue-020); color: var(--theme-main-color); } .modal-spinner-icon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; cursor: progress; line-height: 0; } .modal-spinner-icon .circle { animation: spinner-animation 0.6s linear infinite; color: var(--theme-color-strict); } .modal-error { padding: var(--theme-gap-layer-05); text-align: center; } .profile-location { padding: var(--theme-gap-layer-06); } .profile-location-wrapper { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); width: 100%; } .profile-location-title { font-size: var(--theme-font-size-h3); font-weight: bold; } .profile-location-secondary { color: var(--theme-color-strict); } .profile-location-label { margin-top: var(--theme-gap-layer-01); } .breadcrumb { position: relative; margin-bottom: var(--theme-gap-layer-02); } .breadcrumbs-list { display: flex; } .breadcrumb .breadcrumbs-item { display: flex; align-items: center; } .breadcrumbs-list > li:not(:first-child)::before { content: ""; width: var(--theme-gap-layer-02); min-width: var(--theme-gap-layer-02); height: 1px; margin: 0 var(--theme-gap-layer-02); background-color: var(--theme-color-strict); } .breadcrumbs-link { white-space: nowrap; } .breadcrumbs-link, .breadcrumbs-item:last-child span { color: var(--theme-color-strict); } .breadcrumbs-item:last-child span { color: var(--theme-color-strict); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .page-title-wrapper { display: flex; flex-direction: row; align-items: baseline; gap: var(--theme-gap-layer-02); } .page-title-count-wrapper { margin-bottom: var(--theme-gap-layer-05); } .page-title-other-wrapper { margin-bottom: var(--theme-gap-layer-02); } .page-count { white-space: nowrap; color: var(--theme-color-strict); } .category-banner { position: relative; display: flex; width: 100%; overflow: hidden; border-radius: var(--theme-border-radius-medium); margin-bottom: var(--theme-gap-layer-06); } .category-banner-link { align-items: center; display: flex; height: 100%; } .category-banner-img { width: 100%; height: 100%; object-fit: cover; } .catalog-tags-wrapper { margin-bottom: var(--theme-gap-layer-06); } .dynamic-tags { display: flex; gap: var(--theme-gap-layer-02); flex-wrap: wrap; } .dynamic-tags-link { display: flex; align-items: center; height: 32px; padding: 0 var(--theme-gap-layer-03); background-color: var(--theme-color-block); border-radius: var(--theme-border-radius-large); color: var(--theme-main-color); } .single-dynamic-tags { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .single-dynamic-tags-link { display: flex; justify-content: center; align-items: center; color: var(--theme-text-color); position: relative; cursor: pointer; height: 38px; padding: 0 var(--theme-gap-layer-02); } .single-dynamic-tags-link:hover, .single-dynamic-tags-link:focus, .single-dynamic-tags-link:active { color: var(--theme-text-color); } .single-dynamic-tags-link:before { border-radius: var(--theme-border-radius-normal); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; border: 1px solid var(--theme-color-components); display: block; } .single-dynamic-tags-link:hover:before, .single-dynamic-tags-link:focus:before, .single-dynamic-tags-link:active:before { border-color: var(--theme-color-components-hover); } .current-single-dynamic-tags-link:before { border: 2px solid var(--theme-main-color); } .current-single-dynamic-tags-link:hover:before, .current-single-dynamic-tags-link:focus:before, .current-single-dynamic-tags-link:active:before { border-color: var(--theme-main-color); } .single-dynamic-tags-svg { color: var(--theme-color-icon); } .products-tags-wrapper { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .products-tags-title { display: flex; align-items: center; gap: var(--theme-gap-layer-01); } .products-tags-name { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; min-width: fit-content; overflow: hidden; text-overflow: ellipsis; color: var(--theme-text-color); font-weight: 500; } .products-tags-box { align-content: center; align-items: center; display: inline-flex; flex-wrap: wrap; gap: var(--theme-gap-layer-01); } .products-tags-item { display: flex; } .custom-feature-list{ display:grid; gap:var(--theme-gap-layer-04); grid-template-columns:minmax(650px,clamp(650px,50vw,800px)) minmax(0,1fr); min-width:0; } .custom-feature-list>*{ min-width:0; } .custom-lightblock-list{ display:grid; gap:var(--theme-gap-layer-04); grid-template-columns:repeat(3,minmax(0,1fr)); min-width:0; } .custom-lightblock-item{ border-radius:var(--theme-border-radius-medium); padding:var(--theme-gap-layer-04); display:flex; flex-direction:column; gap:var(--theme-gap-layer-02); box-shadow:var(--theme-shadow-02); min-width:0; } .custom-lightblock-item-icon{ color:var(--theme-main-color); } .custom-lightblock-item-title-style{line-height: 1.6;font-size: 16px;font-weight: 500;display: block;} .custom-lightblock-item-text { margin-top: auto; } .custom-lightblock-item-text-style{ font-size:14px; line-height:1.4; overflow-wrap:anywhere; } .custom-features-card{ border-radius:var(--theme-border-radius-medium); padding:var(--theme-gap-layer-04); display:flex; flex-direction:column; gap:var(--theme-gap-layer-02); position:relative; overflow:hidden; box-shadow:var(--theme-shadow-02); height:100%; min-width:0; } .custom-features-card-pic{ position:absolute; inset:0; z-index:2; pointer-events:none; } .custom-features-card-img{ width:100%; height:100%; object-fit:cover; object-position: 78% 50%; position:absolute; inset:0; } .custom-features-card-info { max-width: 70%; } .page-sidebar, .sticky-element-wrapper { flex-grow: 1; } .sidebar { position: relative; display: flex; flex-direction: column; flex: 0 0 auto; width: 250px; -webkit-user-select: none; user-select: none; } .sticky-element { position: relative; z-index: 2; } .sticky-content { display: flex; flex-direction: column; gap: var(--theme-gap-layer-06); padding-bottom: var(--theme-gap-layer-04); } .sticky-content.loading { opacity: 0.5; pointer-events: none; } .filter-category-selector-box { position: relative; display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .filter-category-selector a { display: flex; padding: 0 0 0 var(--theme-gap-layer-03); } .filter-category-selector-main a, .filter-category-selector-parent a { padding: 0; } .filter-category-selector-current .filter-category-wrapper { background-color: var(--theme-color-block); border-radius: var(--theme-border-radius-normal); padding: var(--theme-gap-layer-02) var(--theme-gap-layer-03); font-weight: 500; } .filter-category-selector-current .filter-category-text { color: var(--theme-text-color); } .filter-category-wrapper { position: relative; display: flex; align-items: center; gap: var(--theme-gap-layer-02); width: 100%; } .filter-category-wrapper svg { color: var(--theme-color-icon); } .filter-category-selector-parent .filter-category-text, .filter-category-selector-main .filter-category-text { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .filters { position: relative; display: flex; flex-direction: column; gap: var(--theme-gap-layer-03); } .filters[data-widget-position="closed"] .filter-list-discharge, .filters[data-widget-position="closed"] .filter-line-discharge, .filters[data-widget-position="closed"] .form-group, .filters[data-widget-position="closed"] .textwidget, .filters[data-widget-position="closed"] .filter-show-more { display: none; } .filters[data-widget-position="open"] .filter-list-discharge, .filters[data-widget-position="open"] .filter-line-discharge, .filters[data-widget-position="open"] .form-group, .filters[data-widget-position="open"] .filter-show-more { display: flex; } .filters[data-widget-position="open"] .textwidget { display: inline; } .textwidget-link { color: var(--theme-main-color); } .filters .filters-view .filters-icon{ transition: transform .1s; display: flex; } .filters[data-widget-position="open"] .filters-view .filters-icon{ transform: rotate(180deg); } .filters-view { display: flex; align-items: center; gap: var(--theme-gap-layer-02); } .filters-icon { cursor: pointer; color: var(--theme-color-icon); } .filter-title { cursor: pointer; } .filter-title-text { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px; } .filter-title-text span { font-weight: bold; } .textwidget {line-height: 20px;word-wrap: break-word;} .filter-list-discharge { position: relative; display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .filter-line-discharge { position: relative; display: flex; flex-wrap: wrap; gap: var(--theme-gap-layer-01); } .filter-list-scrollbar { overflow-y: auto; max-height: 494px; } .filter-item { display: block; } .filter-line-discharge .label-checkbox-wrapper { padding: var(--theme-gap-layer-01) var(--theme-gap-layer-02); border-radius: var(--theme-border-radius-small); transition: color .2s ease, background-color .2s ease; min-width: 28px; min-height: 28px; text-align: center; justify-content: center; } .filter-line-discharge .filter-item:not(.filter-active) .label-checkbox-wrapper { background-color: var(--theme-color-block); } .filter-line-discharge .filter-item:not(.filter-active) .label-checkbox-wrapper:hover, .filter-line-discharge .filter-item:not(.filter-active) .label-checkbox-wrapper:focus, .filter-line-discharge .filter-item:not(.filter-active) .label-checkbox-wrapper:active { background-color: var(--theme-color-block-hover); } .filter-line-discharge .filter-item.filter-active .label-checkbox-wrapper { color: #fff; background-color: var(--theme-main-color); } .filter-none { opacity: 0.4; pointer-events: none; } .filter-item-hidden { display: none; } .filter-show-more { color: var(--theme-main-color); font-weight: 500; cursor: pointer; } .form-group { position: relative; } .field-range-slider { display: flex; flex-direction: column-reverse; } .field-range-slider .range-inputs { display: flex; justify-content: space-between; } .field-range-slider .range-inputs label { display: flex; align-items: center; justify-content: space-between; width: calc(50% - var(--theme-gap-layer-01)); padding: 8px; background: transparent; border: 1px solid var(--theme-color-components); border-radius: var(--theme-border-radius-small); flex: 0 0 auto; transition: border-color .2s ease; } .field-range-slider .range-inputs label:hover, .field-range-slider .range-inputs label:focus, .field-range-slider .range-inputs label:active { border: 1px solid var(--theme-main-color); } .field-range-slider input { width: 100%; background: #fff; border: none; font-weight: 500; } .field-range-slider .prefix, .field-range-slider .postfix { color: var(--theme-color-strict); } .field-range-slider .prefix { margin-right: 12px; } .field-range-slider .postfix { margin-left: 4px; } .field-range-slider .range-slider { position: relative; display: flex; height: 2px; margin: var(--theme-gap-layer-03) var(--theme-gap-layer-02) var(--theme-gap-layer-06) var(--theme-gap-layer-02); background: var(--theme-color-border); cursor: pointer; -webkit-user-select: none; user-select: none; } .field-range-slider .range-slider::before { content: ""; position: absolute; top: -10px; bottom: -10px; left: 0; right: 0; } .field-range-slider .range-ctrl { position: absolute; top: 50%; z-index: 2; width: 28px; height: 28px; margin-left: -14px; margin-top: -14px; background: white; border: none; border-radius: 50%; box-sizing: border-box; cursor: pointer; flex-shrink: 0; box-shadow: 0 2px 5px #00000033; } .field-range-slider .range-between { position: absolute; top: 0; bottom: 0; background: var(--theme-main-color); height: 2px; } .checked-control-title { display: flex; align-items: center; gap: var(--theme-gap-layer-01); cursor: pointer; } .checked-control-text { font-weight: 500; } .checked-control-svg { display: flex; width: 16px; height: 16px; background-image: var(--theme-rating-active); background-size: 16px 16px; } .catalog-page-wrapper, .catalog-page-box { display: flex; position: relative; } .catalog-page-box { flex: 1 1 100%; flex-direction: column; margin-left: var(--theme-gap-layer-12); } .content.loading { opacity: 0.5; pointer-events: none; } .catalog-controls { margin-bottom: var(--theme-gap-layer-04); width: 100%; } .catalog-controls-wrapper { display: flex; align-items: center; justify-content: space-between; width: 100%; } .catalog-controls .input:hover, .catalog-controls .input:focus, .catalog-controls .input:active { border-color: var(--theme-main-color); } .catalog-view { display: flex; align-items: center; column-gap: var(--theme-gap-layer-02); } .catalog-view-icon { display: flex; cursor: pointer; } .catalog-view-icon svg { color: var(--theme-color-icon); } .catalog-view-icon.active { pointer-events: none; } .catalog-view-icon.active svg { color: var(--theme-main-color); } .content[data-view-catalog="default"] .default-list { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); column-gap: var(--theme-gap-layer-03); row-gap: var(--theme-gap-layer-12); } .content[data-view-catalog="vertical"] .product-list { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); column-gap: var(--theme-gap-layer-04); row-gap: var(--theme-gap-layer-12); } .catalog-cat-page-box .content[data-view-catalog] .product-list { grid-template-columns: repeat(6, 1fr); gap: var(--theme-gap-layer-03); display: grid; } .content[data-view-catalog="horizontal"] .product-list { display: flex; flex-wrap: wrap; gap: var(--theme-gap-layer-02); } .product-item { position: relative; } .content[data-view-catalog="vertical"] .product-list > div:nth-child(4n):not(:last-child):after { border-top: 1px solid var(--theme-color-border); bottom: calc(-1 * var(--theme-gap-layer-06)); content: ""; display: block; pointer-events: none; position: absolute; right: 0; width: var(--productlistwidth); } .catalog-favorites-page-box .content[data-view-catalog="vertical"] .product-list > div:nth-child(4n):not(:last-child):after { display: none; } .catalog-favorites-page-box .content[data-view-catalog="vertical"] .product-list > div:nth-child(5n):not(:last-child):after { border-top: 1px solid var(--theme-color-block); bottom: calc(-1 * var(--theme-gap-layer-06)); content: ""; display: block; pointer-events: none; position: absolute; right: 0; width: var(--productlistwidth); } .product-item-view-product, .product-item-view-product-assembling { display: flex; flex-direction: column; position: relative; } .product-item-image { position: relative; -webkit-user-select: none; user-select: none; } .product-item-image a { display: flex; justify-content: center; margin: 0 auto; position: relative; } .product-item-attributes { display: flex; flex-direction: column; gap: var(--theme-gap-layer-01); } .variation-products-attributes-item-label-color-wrapper { position: relative; display: flex; flex-wrap: wrap; gap: var(--theme-gap-layer-01); padding: var(--theme-gap-layer-01) 0; } .variation-products-attributes-item-label{ display: flex; padding: 2px; border-radius: 50%; border: 1px solid var(--theme-color-border); } .product-item-review { display: flex; align-items: center; } .product-item-title a { overflow: hidden; display: -webkit-box; -webkit-line-clamp: var(--theme-product-title-webkit-line); -webkit-box-orient: vertical; text-overflow: ellipsis; font-weight: 500; } .product-item-badge { pointer-events: none; } .catalog-item-badge { position: absolute; top: var(--theme-gap-layer-02); left: var(--theme-gap-layer-02); width: calc(100% - var(--theme-gap-layer-04) - 48px); } .catalog-item-badge .product-item-badge { flex-direction: row; flex-wrap: wrap; display: flex; gap: var(--theme-gap-layer-01); } .product-item-badge-sale { position: absolute; bottom: 8px; left: 8px; pointer-events: none; display: flex; align-items: center; } .product-item-buttons { display: flex; flex-direction: column; gap: 8px; position: absolute; } .product-item-buy-button { margin-top: var(--theme-gap-layer-02); display: flex; gap: var(--theme-gap-layer-02); } .content[data-view-catalog="horizontal"] .product-item-buy-button { width: 100%; display: flex; justify-content: flex-end; } .content[data-view-catalog="vertical"] .product-item-view-product, .content-line .product-item-view-product { gap: var(--theme-gap-layer-01); height: 100%; } .content[data-view-catalog="vertical"] .product-item-view-product-assembling, .content-line .product-item-view-product-assembling { gap: var(--theme-gap-layer-02); } .content[data-view-catalog="vertical"] .product-item-price, .content-line .product-item-price { margin-top: var(--theme-gap-layer-03); } .content[data-view-catalog="vertical"] .product-item-buy, .content-line .product-item-buy { margin-top: auto; } .content[data-view-catalog="vertical"] .product-item-buttons, .content-line .product-item-buttons { right: var(--theme-gap-layer-02); top: var(--theme-gap-layer-02); } .content[data-view-catalog="horizontal"] .product-item { width: 100%; } .content[data-view-catalog="horizontal"] .product-item + .product-item { margin-top: var(--theme-gap-layer-02); padding-top: var(--theme-gap-layer-04); border-top: 1px solid var(--theme-color-border); } .content[data-view-catalog="horizontal"] .product-item-view-product { flex-direction: row; position: relative; gap: var(--theme-gap-layer-05); width: 100%; } .content[data-view-catalog="horizontal"] .product-item-view-product-assembling { gap: var(--theme-gap-layer-02); order: 2; flex: 1; min-width: 0; } .content[data-view-catalog="horizontal"] .product-item-image { order: 1; } .content[data-view-catalog="horizontal"] .product-item-image a { width: 272px; height: 272px; } .content[data-view-catalog="horizontal"] .product-item-title { order: 1; } .content[data-view-catalog="vertical"] .product-item-title a { font-size: 14px; line-height: 20px; } .content[data-view-catalog="horizontal"] .product-item-title a { font-size: 16px; line-height: 22px; } .content[data-view-catalog="horizontal"] .product-item-review { order: 2; } .content[data-view-catalog="horizontal"] .product-item-attributes { order: 3; } .content[data-view-catalog="horizontal"] .product-item-price { order: 3; white-space: nowrap; min-width: 150px; flex: 0; } .content[data-view-catalog="horizontal"] .product-item-buy { order: 4; margin-top: auto; min-width: 100px; width: auto; display: flex; justify-content: flex-end; } .content[data-view-catalog="horizontal"] .product-item-buttons { right: 0; top: 0; } .catalog-favorites-page-box .content[data-view-catalog="vertical"] .product-list { grid-template-columns: repeat(5, 1fr); } .catalog-favorites-page-box { flex: 1 1 100%; position: relative; } .favorite-buttons-button { cursor: pointer; z-index: 1; } .favorite-button { display: flex; align-items: center; } .page-favorites .favorite-button { column-gap: 8px; } .favorite-button svg, .load-remove-favorite-button svg { color: var(--theme-color-icon); } .remove-favorite-button svg { color: var(--theme-color-attention); } .load-to-favorite-button svg, .remove-favorite-button svg { color: var(--theme-color-attention); } .load-to-favorite-button svg { animation: var(--theme-animation-bounce-in); } .page-favorites .favorite-text { color: var(--theme-color-strict); } .photo-box, .photo-wrapper { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; -webkit-user-select: none; user-select: none; } .photo-wrapper { overflow: hidden; border-radius: var(--theme-border-radius-normal); } .photo-wrapper::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--theme-color-substrate); pointer-events: none; } .photo-wrapper img { width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover; } .photo-sliders { display: flex; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .photo-slider { flex: 1 1 auto; height: 100%; } .photo-indicators-block { position: absolute; bottom: calc(var(--theme-gap-layer-02) * -1); overflow: hidden; z-index: 1; } .photo-indicators-wrapper { display: flex; align-items: center; } .photo-indicators { display: inline-flex; gap: 3px; } .photo-indicator { width: 5px; height: 5px; background-color: var(--theme-color-components); border-radius: 50%; display: inline; } .photo-indicator.current { background-color: var(--theme-main-color); } .loader-photo-wrapper { position: absolute; bottom: 0; right: var(--theme-gap-layer-02); pointer-events: none; z-index: 1; } .loader-photo { display: flex; align-items: center; justify-content: center; } .product-item-badge .badge-box, .product-item-badge-sale .badge-box, .product-item-badge .footnotes-box { position: relative; display: flex; align-items: center; justify-content: center; z-index: 1; } .product-item-badge .badge-box { height: 24px; padding: 0 8px 0 8px; border-radius: var(--theme-border-radius-large); gap: var(--theme-gap-layer-01); width: fit-content; background: white; } .footnotes-box .footnotes-text { font-size: 12px; line-height: 1; text-align: center; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; max-width: 170px; } .product-item-badge .footnotes-box { height: 24px; padding: 0 8px; border-radius: var(--theme-border-radius-large); gap: var(--theme-gap-layer-01); width: fit-content; background: var(--theme-text-color); color: #fff; } .content[data-view-catalog="horizontal"] .product-item-view-product .product-item-badge .footnotes-box { display: none; } .product-item-badge .badge-box[data-badge] .badge-text, .product-item-badge-sale .badge-box[data-badge] .badge-text { display: flex; z-index: 1; } .product-item-badge .badge-box[data-badge] .badge-text { font-size: 12px; line-height: 1; text-align: center; } .product-item-badge-sale .badge-box[data-badge="discount"] { width: 46px; height: 22px; background: var(--theme-color-attention); border-radius: 6px 8px; transform: skew(-12deg); } .product-item-badge-sale .badge-box[data-badge="discount"] + .badge-text { position: absolute; top: 3px; width: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px; line-height: 1; font-weight: bold; text-align: center; z-index: 2; } .single-product-panel-item-badge .product-item-badge { display: flex; align-items: center; gap: var(--theme-gap-layer-01); } .product-item-badge .badge-box[data-badge="high-discount"] { color: #fff; background: linear-gradient(to right, var(--theme-bg-start) 0%, var(--theme-bg-middle) 25%, var(--theme-bg-end) 50%); } .product-item-badge .badge-box[data-badge="hit-sales"] { color: #fff; background-image: linear-gradient(90deg, #490ebb 0%, #793bf0 100%); } .product-item-badge .badge-box[data-badge="sale"] { color: var(--theme-color-layer-005); } .product-item-badge .badge-box[data-badge] svg { color: #fff; } .product-item-badge .badge-box[data-badge="best-seller"] { background: linear-gradient(45deg,#9bd5ff 6.25%,#9b93ff 44.27%,#9a8dff 58.33%,#7c86fe 84.9%); color: #fff; } .product-item-badge .badge-box[data-badge="default"] { background: radial-gradient(94.64% 94.64% at 31.25% 5.36%, #3cc3ff 19.41%, #4583ff 59.73%, #8158fd 99.25%); color: #fff; } .product-item-badge .badge-box[data-badge="super-price"] {background: var(--theme-color-attention);background-position: 0 0;background-size: 200% 100%;color: #fff;} .product-item-attributes .details-content { display: flex; align-items: center; gap: var(--theme-gap-layer-01); } .content[data-view-catalog="vertical"] .product-item-attributes .details-content-other { display: none; } .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr] .details-content-other { align-items: center; gap: var(--theme-gap-layer-01); } .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="1"] .details-content-other:nth-of-type(1) { display: flex; } .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="2"] .details-content-other:nth-of-type(1), .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="2"] .details-content-other:nth-of-type(2) { display: flex; } .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="3"] .details-content-other:nth-of-type(1), .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="3"] .details-content-other:nth-of-type(2), .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="3"] .details-content-other:nth-of-type(3) { display: flex; } .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="4"] .details-content-other:nth-of-type(1), .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="4"] .details-content-other:nth-of-type(2), .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="4"] .details-content-other:nth-of-type(3), .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="4"] .details-content-other:nth-of-type(4) { display: flex; } .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="5"] .details-content-other:nth-of-type(1), .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="5"] .details-content-other:nth-of-type(2), .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="5"] .details-content-other:nth-of-type(3), .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="5"] .details-content-other:nth-of-type(4), .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="5"] .details-content-other:nth-of-type(5) { display: flex; } .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="6"] .details-content-other:nth-of-type(1), .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="6"] .details-content-other:nth-of-type(2), .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="6"] .details-content-other:nth-of-type(3), .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="6"] .details-content-other:nth-of-type(4), .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="6"] .details-content-other:nth-of-type(5), .content[data-view-catalog="vertical"] .product-item-attributes[data-num-attr="6"] .details-content-other:nth-of-type(6) { display: flex; } .content[data-view-catalog="horizontal"] .product-item-attributes .details-content-other { display: flex; align-items: center; gap: var(--theme-gap-layer-01); } .product-item-attributes .details-label { color: var(--theme-color-strict); } .content[data-view-catalog="horizontal"] .product-item-attributes .details-label, .content[data-view-catalog="horizontal"] .product-item-attributes .details-value { font-size: 14px; line-height: 20px; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .product-item-price .price-block { display: flex; align-items: baseline; column-gap: var(--theme-gap-layer-02); } .product-item-price .price-value[data-price="regular-price"] { color: var(--theme-color-strict); } .product-item-price .price-value[data-price="under-order"], .product-item-price .price-value[data-price="discount-price"], .product-item-price .price-value[data-price="default-price"], .product-item-price .price-value[data-price="zero-price"] { font-size: 18px; font-weight: bold; } .product-item-price .price-value[data-price="discount-price"] { color: var(--theme-color-attention); } .offers-info-product-single-price { display: flex; flex-direction: column; gap: var(--theme-gap-layer-01); } .product-single-price { align-items: baseline; display: flex; gap: var(--theme-gap-layer-01); } .product-single-price .badge-text { color: var(--theme-color-attention); font-weight: bold; } .product-single-price .price-block { display: flex; align-items: baseline; column-gap: var(--theme-gap-layer-02); } .product-single-price .price-value[data-price="regular-price"] { color: var(--theme-color-strict); } .product-single-price .price-value[data-price="discount-price"], .product-single-price .price-value[data-price="default-price"] { font-size: var(--theme-font-size-h1); font-weight: bold; } .product-single-price .price-value[data-price="zero-price"], .product-single-price .price-value[data-price="under-order"] { font-weight: bold; font-size: 24px; } .product-single-price .price-value[data-price="discount-price"] { color: var(--theme-text-color); } .tooltip { display: block; font-size: 12px; line-height: 18px; word-wrap: break-word; opacity: 0; position: absolute; transition: opacity .5s; z-index: 11000; } .tooltip.tooltip-active { opacity: 1; } .tooltip-arrow { overflow: hidden; pointer-events: none; position: absolute; } .tooltip-arrow:before { background: var(--theme-text-color); bottom: 0; content: ""; display: block; margin: auto; position: absolute; top: 0; width: 10px; } .tooltip-arrow.down, .tooltip-arrow.up, .tooltip-arrow:before { height: 10px; left: 0; right: 0; } .tooltip-arrow.up { top: 100%; } .tooltip-arrow.down { bottom: 100%; } .tooltip-arrow.left, .tooltip-arrow.right { width: 10px; } .tooltip-arrow.left { left: 0; right: auto; } .tooltip-arrow.right { right: 7px; left: auto; } .tooltip-arrow.up:before { transform: rotate(45deg) translate(-50%, -50%); } .tooltip-arrow.down:before { transform: rotate(45deg) translate(50%, 50%); } .tooltip-inner { background: var(--theme-text-color); border-radius: var(--theme-border-radius-small); color: #fff; max-width: 280px; padding: 6px 12px; text-align: left; } .popover { display: block; position: absolute; z-index: 11000; transform: scale(0); opacity: 0; transition: opacity .3s, transform .3s; } .popover.popover-active { transform: scale(1); opacity: 1; } .popover-arrow { overflow: hidden; pointer-events: none; position: absolute; } .popover-arrow:before { background: #fff; bottom: 0; content: ""; display: block; margin: auto; position: absolute; top: 0; width: 20px; } .popover-arrow.down, .popover-arrow.up, .popover-arrow:before { height: 20px; left: 0; right: 0; } .popover-arrow.up { top: 100%; } .popover-arrow.down { bottom: 100%; } .popover-arrow.left, .popover-arrow.right { width: 10px; } .popover-arrow.left { left: 0; right: auto; } .popover-arrow.right { right: 7px; left: auto; } .popover-arrow.up:before { transform: rotate(45deg) translate(-50%, -50%); } .popover-arrow.down:before { transform: rotate(45deg) translate(50%, 50%); } .popover-inner { background: #fff; border-radius: var(--theme-border-radius-normal); color: var(--theme-text-color); width: 148px; padding: var(--theme-gap-layer-02) var(--theme-gap-layer-02) var(--theme-gap-layer-03) var(--theme-gap-layer-02); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--theme-gap-layer-01); box-shadow: var(--theme-shadow-03); } .popover-content-price, .popover-content-attribute, .popover-content-text, .popover-content-img { margin: 0; display: flex; } .popover-content-price { font-weight: bold; } .popover-content-attribute { color: var(--theme-color-strict); text-align: center; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } .popover-content-text { font-size: 12px; color: var(--theme-color-strict); } .popover-content-img img.popover-content-img-image { height: 120px; width: 120px; object-fit: contain; } .single-product-regular-brand { } .single-product-regular-brand-wrapper { display: flex; align-items: center; gap: var(--theme-gap-layer-02); } .brand-wrapper-image { } .brand-wrapper-image a { position: relative; } .brand-wrapper-image a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--theme-color-substrate); pointer-events: none; border-radius: var(--theme-border-radius-normal); } .brand-image-box { display: flex; } .brand-image-box svg { width: 96px; height: 40px; padding: var(--theme-gap-layer-01); color: inherit; } .brand-wrapper-name a { display: flex; flex-direction: column; gap: var(--theme-gap-layer-01); } .brand-name-box { display: flex; } .brand-name-box-item { font-weight: 500; text-transform: uppercase; } .brand-detailed-box { display: flex; align-items: center; gap: 2px; } .brand-detailed-box svg { color: var(--theme-color-strict); } .brand-detailed-box-item { font-size: 12px; color: var(--theme-color-strict); } .single-product-regular-tab { display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); margin-bottom: var(--theme-gap-layer-06); } .single-product-regular-tab-title { font-size: var(--theme-font-size-h2); font-weight: bold; } .single-product-regular-tab-item { line-height: 24px; word-wrap: break-word; } .single-product-regular-tab-item ul+p { margin-top: var(--theme-gap-layer-03); } .single-product-regular-tab-item ul li { position: relative; padding-left: var(--theme-gap-layer-04); } .single-product-regular-tab-item ul li+li { margin-top: 0; } .single-product-regular-tab-item ul li::before { content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; background: var(--theme-main-color); border-radius: 50%; } .single-product-full-description { display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); } .size-full-detailed { width: 100%; border-radius: var(--theme-border-radius-medium); } .customized-block { display: flex; align-items: center; position: relative; flex-direction: column; gap: var(--theme-gap-layer-08); } .customized-block-pro { display: flex; align-items: flex-start; gap: var(--theme-gap-layer-04); } .customized-block-pro-one { display: flex; align-items: center; position: relative; flex-direction: column; gap: var(--theme-gap-layer-04); } .customized-block-pro-media { display: flex; border-radius: var(--theme-border-radius-medium); overflow: hidden; position: relative; } .customized-block-pro-media-mask::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--theme-color-substrate); pointer-events: none; } .customized-block-pro-one-img { height: 100%; width: 100%; } .customized-block-pro-two { display: flex; align-items: center; position: relative; flex-direction: column; gap: var(--theme-gap-layer-04); width: 50%; } .customized-block-pro-text { font-size: 18px; font-weight: 500; } .single-product-regular-attributes { display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); } .related-products-attributes-wrapper { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .related-products-attributes-name { display: flex; align-items: baseline; flex-wrap: wrap; column-gap: var(--theme-gap-layer-01); row-gap: var(--theme-gap-layer-01); } .related-products-attributes-name-bol { color: var(--theme-color-strict); } .related-products-attributes-name-mal { color: var(--theme-text-color); } .related-products-attributes-item { display: inline-flex; align-content: center; align-items: center; flex-wrap: wrap; gap: var(--theme-gap-layer-01); } .related-products-attributes-item-label-box { color: var(--theme-text-color); display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; background-color: #fff; cursor: pointer; } .related-products-attributes-item-label-box:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; border: 1px solid var(--theme-color-components); border-radius: var(--theme-border-radius-normal); } .related-products-attributes-item-label-box:hover:before { border-color: var(--theme-color-components-hover); } .related-products-attributes-item-label.current .related-products-attributes-item-label-box:before { border: 2px solid var(--theme-main-color); } .related-products-attributes-item-label-compact .related-products-attributes-item-label-box { height: 38px; min-width: 38px; padding: 0 var(--theme-gap-layer-02); } .related-products-attributes-item-label-popover-compact .related-products-attributes-item-label-box { height: 36px; min-width: 36px; padding: 0 var(--theme-gap-layer-02); } .related-products-attributes-item-label-popover-photo .related-products-attributes-item-label-box { padding: var(--theme-gap-layer-01); } .related-products-attributes-item-label-popover-photo .related-products-attributes-item-label-box img { max-width: 60px; } .related-products-attributes-item-label-popover-color .related-products-attributes-item-label-box { padding: var(--theme-gap-layer-01); min-width: 54px; min-height: 54px; } .related-products-attributes-item-label-box:hover, .related-products-attributes-item-label-box:focus, .related-products-attributes-item-label-box:active { color: var(--theme-text-color); } .related-products-attributes-item-label.current .related-products-attributes-item-label-box { font-weight: 400; } .related-products-attributes-item-label-img { width: 60px; height: 60px; object-fit: contain; } .related-products-attributes-item-label-color-box { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; } .related-products-attributes-item-label-color-wrapper { display: flex; justify-content: center; align-items: center; } .single-product-regular-details-other { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .single-product-regular-details-other .details-content-other { display: flex; align-items: baseline; flex-wrap: wrap; column-gap: var(--theme-gap-layer-01); row-gap: var(--theme-gap-layer-01); } .single-product-regular-details-other .details-label { color: var(--theme-color-strict); } .single-product-regular-details-other .details-value { word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .details-content-other-full { display: flex; } .details-content-other-full-button { display: flex; align-items: center; gap: 2px; height: 32px; padding: 0 var(--theme-gap-layer-02) 0 var(--theme-gap-layer-03); color: var(--theme-text-color); background-color: var(--theme-color-block); border-radius: var(--theme-border-radius-small); cursor: pointer; } .details-content-other-full-button:hover, .details-content-other-full-button:active, .details-content-other-full-button:focus { background-color: var(--theme-color-block-hover); } .review-link { display: inline-flex; } .review-wrapper { display: flex; align-items: center; column-gap: 2px; } .product-item .review-stars { display: flex; } .product-item .review-value { color: var(--theme-color-strict); } .review-value-single { color: var(--theme-color-strict); } .review-wrapper-single { display: flex; align-items: center; column-gap: 8px; } .review-star-single { color: var(--theme-color-icon); } .review-star-single[data-rating-single="true"] { color: var(--theme-color-rating); } .ml-product-rating { width: 100%; display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); } .ml-product-rating .ml-stars-container { display: flex; gap: 3px; } .ml-product-rating .ml-star { display: inline-flex; cursor: pointer; transition: color var(--theme-default-animation); color: var(--theme-color-rating-empty); } .ml-product-rating .ml-star svg { width: 24px; height: 24px; } .ml-product-rating .ml-star:hover, .ml-product-rating .ml-star:focus, .ml-product-rating .ml-star:active, .ml-product-rating .ml-star.ml-rated { color: var(--theme-color-rating); } .ml-product-rating .ml-rating-message { color: var(--theme-text-color); font-size: 12px; line-height: 1.4; } .ml-product-rating.ml-voted[data-user-rating="1"] .ml-star:nth-child(-n+1), .ml-product-rating.ml-voted[data-user-rating="2"] .ml-star:nth-child(-n+2), .ml-product-rating.ml-voted[data-user-rating="3"] .ml-star:nth-child(-n+3), .ml-product-rating.ml-voted[data-user-rating="4"] .ml-star:nth-child(-n+4), .ml-product-rating.ml-voted[data-user-rating="5"] .ml-star:nth-child(-n+5) { color: var(--theme-color-good); } .ml-product-rating.ml-voted .ml-star { cursor: default; pointer-events: none; } .loader { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; column-gap: 6px; } .loader .loader-dot { display: inline-block; width: 6px; height: 6px; flex-shrink: 0; border-radius: 50%; background: currentColor; animation: loader-animation 0.8s ease-out infinite; } .loader .loader-dot:first-child { animation-delay: 0s; } .loader .loader-dot:nth-child(2) { animation-delay: 0.1s; } .loader .loader-dot:nth-child(3) { animation-delay: 0.3s; } div[data-template="catalog-load"] { display: flex; align-items: center; justify-content: center; margin-top: var(--theme-gap-layer-08); color: var(--theme-color-strict); } .image-zoom-slide.loading { position: relative; } .image-zoom-slide.loading::after { content: ''; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .dynamic-bricks { width: 100%; margin-bottom: var(--theme-gap-layer-04); padding-bottom: var(--theme-gap-layer-04); border-bottom: 1px solid var(--theme-color-border); } .dynamic-bricks-list { display: flex; flex-wrap: wrap; gap: var(--theme-gap-layer-02); } .dynamic-bricks-item-relative { position: relative; } .brick-content-wrapper { display: flex; align-items: center; gap: var(--theme-gap-layer-02); height: 32px; padding: 0 var(--theme-gap-layer-02); background-color: var(--theme-color-block); border-radius: var(--theme-border-radius-large); cursor: pointer; transition: border-color .2s ease; } .brick-content-wrapper:hover, .brick-content-wrapper:focus, .brick-content-wrapper:active { background-color: var(--theme-color-block-hover); } .brick-content-close { background-color: var(--theme-color-strict); } .brick-content-value-wrapper { display: flex; align-items: center; gap: var(--theme-gap-layer-01); } .brick-content-value-title, .brick-content-value-text { color: var(--theme-text-color); } .brick-content-remove { display: flex; } .brick-content-remove svg { color: var(--theme-main-color); } .incat { margin-bottom: var(--theme-gap-layer-08); } .constructor-carousel.carousel-initializing .subcategories-ui-card { flex: 0 0 calc( (100% - (var(--data-visiblecount) - 1) * var(--data-margincarousel) * 1px) / var(--data-visiblecount) - var(--data-proactive-definition-ext) * 1px ); } .subcategories-ui-card { position: relative; border-radius: var(--theme-border-radius-medium); overflow: hidden; } .subcategories-ui-card::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--theme-color-substrate); pointer-events: none; } .subcategories-ui-card:hover .subcategories-ui-card-image, .subcategories-ui-card:active .subcategories-ui-card-image, .subcategories-ui-card:focus .subcategories-ui-card-image { transform: translate3d(0px, 0px, 0px); } .subcategories-cover { display: block; height: 100%; } .subcategories-ui-card-image { position: relative; height: 100%; display: flex; align-items: flex-end; justify-content: center; transition: transform .6s ease; transform: translate3d(0px, 15px, 0px); z-index: 2; } .subcategories-ui-card-img { display: block; margin: 0 auto; max-width: 100%; } .subcategories-ui-card-wrapper { display: flex; flex-direction: column; height: 100%; } .subcategories-ui-card-info { display: flex; flex-direction: column; gap: var(--theme-gap-layer-01); padding: var(--theme-gap-layer-03); z-index: 1; } .subcategories-ui-card-title { color: var(--theme-text-color); font-weight: 500; font-size: 16px; line-height: 1.4; width: 100%; word-wrap: break-word; overflow-wrap: break-word; white-space: normal; hyphens: auto; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .mini-subcategories-ui-card-title {font-size: 14px;line-height: 18px;} .subcategories-ui-card-count { color: var(--theme-color-strict); font-size: 12px; } .single-product-panel { display: flex; align-items: center; gap: var(--theme-gap-layer-04); margin-bottom: var(--theme-gap-layer-04); } .zoom-block { background: white; border-radius: var(--theme-border-radius-normal); box-shadow: var(--theme-shadow-01); cursor: pointer; padding: var(--theme-gap-layer-01); position: absolute; right: var(--theme-gap-layer-03); bottom: var(--theme-gap-layer-03); z-index: 2; } .zoom-icon { display: flex; align-items: center; justify-content: center; } .parameter-icon-single { display: flex; color: var(--theme-color-icon); } .parameter-wrapper-single { display: flex; align-items: center; column-gap: 8px; } .parameter-name-single { color: var(--theme-color-strict); } .single-product-gallery { width: 100%; z-index: 1; position: sticky; top: calc(var(--theme-header-components) + var(--theme-gap-layer-06)); } .single-preview-gallery:not(.single-gallery-full-widget .single-preview-gallery) { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: var(--theme-gap-layer-02); height: 100%; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .single-preview-wrapper:not(.single-gallery-full-widget .single-preview-wrapper) { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; max-height: 100vh; position: relative; } .single-preview-scroller-arrow-wrapper, .single-preview-scroller-content-wrapper { width: 100%; } .single-preview-scroller-arrow-wrapper { margin: 0; } .single-preview-scroller-arrow { width: 100%; height: 24px; } .single-preview-scroller-arrow svg { width: 24px; height: 24px; color: var(--theme-color-strict); } .single-preview-scroller-arrow-disabled svg { cursor: default; color: var(--theme-color-border); } .single-preview-scroller-content-wrapper { height: 100%; overflow: auto; scrollbar-width: none; z-index: 1; } .single-preview-scroller-content:not(.single-gallery-full-widget .single-preview-scroller-content) { display: flex; flex-direction: column; align-items: center; box-sizing: initial; width: 100%; height: 100%; max-height: 408px; overflow-x: hidden; overflow-y: scroll; scrollbar-width: none; gap: var(--theme-gap-layer-01); -ms-overflow-style: none; } .single-thumbnail:not(.single-gallery-full-widget .single-thumbnail) { position: relative; flex: 0 0 auto; align-items: center; display: flex; justify-content: center; width: 54px; height: 54px; cursor: pointer; } .single-thumbnail:not(.single-thumbnail-current):hover::before { border-color: var(--theme-color-components-hover); } .single-thumbnail-current { position: relative; } .single-thumbnail:before { border-radius: var(--theme-border-radius-normal); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; border: 1px solid var(--theme-color-border); display: block; } .single-thumbnail-current:before { border: 2px solid var(--theme-main-color); display: block; } .single-thumbnail img { display: block; border-radius: var(--theme-border-radius-extra-small); max-height: 40px; max-width: 40px; } .video-thumbnail-box-icon { align-items: center; display: flex; justify-content: center; width: 100%; height: 100%; border-radius: var(--theme-border-radius-small); max-height: 40px; max-width: 40px; } .video-thumbnail-box-icon svg { align-items: center; display: flex; justify-content: center; color: var(--theme-color-icon); } .single-gallery-wrapper:not(.single-gallery-full-widget .single-gallery-wrapper) { display: flex; align-items: center; justify-content: center; flex: 1 1 auto; height: 586px; position: relative; border-radius: var(--theme-border-radius-medium); overflow: hidden; } .single-gallery-full { display: flex; align-items: center; justify-content: center; overflow: hidden; width: 100%; height: 100%; } .single-gallery-full::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--theme-color-substrate); pointer-events: none; } .image-zoom-slide { display: block; margin: 0 auto; max-width: 100%; max-height: 586px; cursor: pointer; } .single-gallery-zoom-true:not(.single-gallery-zoom-disabled) .image-zoom-slide { cursor: zoom-in; transform: scale(2); transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .single-gallery-full-widget .single-preview-scroller-content { display: flex; flex-direction: column; align-items: center; box-sizing: initial; width: 100%; height: 100%; gap: var(--theme-gap-layer-02); } .single-gallery-full-widget .single-thumbnail { position: relative; flex: 0 0 auto; align-items: center; display: flex; justify-content: center; width: 72px; height: 72px; cursor: pointer; } .single-gallery-full-widget .single-thumbnail img { display: block; border-radius: var(--theme-border-radius-extra-small); max-height: 64px; max-width: 64px; } .gallery-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .brand-item { white-space: normal; padding: var(--theme-gap-layer-03) var(--theme-gap-layer-08); background-color: var(--theme-color-block); overflow: hidden; border-radius: var(--theme-border-radius-medium); display: flex; align-items: center; justify-content: center; } .constructor-carousel.borderless .brand-item { flex: 0 0 calc((100% - (var(--data-visiblecount) - 1) * var(--data-margincarousel) * 1px) / var(--data-visiblecount) - var(--data-proactive-definition-ext) * 1px); } .brand-item svg { display: flex; width: 100%; height: 100%; max-width: 120px; } .admin-editing { display: flex; align-items: center; column-gap: var(--theme-gap-layer-02); color: var(--theme-color-attention); } .admin-editing span { color: var(--theme-color-attention); font-weight: 500; border-bottom: 1px dotted var(--theme-color-attention); line-height: 1.6; } .single-product-regular { display: flex; flex-direction: column; gap: var(--theme-gap-layer-05); margin-left: var(--theme-gap-layer-05); min-width: 350px; position: sticky; top: calc(var(--theme-header-components) + var(--theme-gap-layer-06)); } .catalog-page-details-wrapper { display: flex; position: relative; margin-bottom: var(--theme-gap-layer-16); } .screen-regular-wrapper { display: flex; flex-direction: column; flex: 1 1 100%; margin-right: var(--theme-gap-layer-08); } .single-product-gallery-attr { display: grid; align-items: start; grid-template-columns: minmax(300px, 650px) 1fr; } .offer-regular-wrapper { display: flex; flex-direction: column; flex: 0 0 auto; width: 360px; gap: var(--theme-gap-layer-05); height: 100%; position: sticky; top: calc(var(--theme-header-components) + var(--theme-gap-layer-06)); margin-top: 44px; } .offers-info-block-default { width: 100%; z-index: 2; display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); } .offers-info-gap { display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); } .product-single-nds {display: flex;align-items: center;gap: 7px;} .product-single-nds svg { color: var(--theme-main-color); } .price-nds { display: flex; } .price-nds-item {font-size: 12px;line-height: 20px;} .delivery-block-table { background: var(--theme-color-block); border-radius: var(--theme-border-radius-medium); } .delivery-block-current-point { background: #fff; border-radius: calc(var(--theme-border-radius-medium) - 2px); display: flex; flex-direction: column; padding: var(--theme-gap-layer-03); gap: var(--theme-gap-layer-03); box-shadow: var(--theme-shadow-03); } .delivery-block-current-point-fast { display: flex; flex-direction: column; gap: var(--theme-gap-layer-01); } .delivery-block-current-point-location, .delivery-block-current-point-row { display: flex; align-items: center; gap: var(--theme-gap-layer-01); } .delivery-block-current-point-label { display: flex; align-items: center; gap: var(--theme-gap-layer-02); } .delivery-block-current-point-label svg { color: var(--theme-color-icon); } .delivery-block-current-point-location { padding: var(--theme-gap-layer-03); } .delivery-block-current-point-row { justify-content: space-between; } .delivery-block-current-point-text-default, .delivery-block-current-point-text { display: flex; } .delivery-block-current-point-text-default { font-weight: 500; } .delivery-block-current-point-text-pozy { color: var(--theme-success-color); } .delivery-block-current-point-label span, .delivery-block-current-point-label-block span { display: flex; } .delivery-block-current-point-label-block span { font-size: 12px; line-height: 18px; } .other-block-table{ display:flex; flex-direction:column; gap:var(--theme-gap-layer-02); } .other-block-table-row{ display:flex; align-items:center; justify-content:space-between; gap:var(--theme-gap-layer-01); padding:0 var(--theme-gap-layer-03) 0 calc(var(--theme-gap-layer-04) - 2px); background-color:var(--theme-color-block); border-radius:var(--theme-border-radius-normal); height:44px; } .other-block-table-row:hover, .other-block-table-row:active, .other-block-table-row:focus { background-color: var(--theme-color-block-hover); } .other-block-table-icon{ color:var(--theme-color-icon); display:flex; } .catalog-package { position: relative; display: block; padding: var(--theme-gap-layer-03); border-radius: var(--theme-border-radius-medium); background-color: var(--theme-color-block); } .catalog-package-wrapper { display: flex; flex-direction: column; gap: var(--theme-gap-layer-03); } .catalog-package-product { display: grid; grid-template-columns: 70px 1fr; gap: var(--theme-gap-layer-05); position: relative; } .catalog-package-product+.catalog-package-product {border-top: 1px solid var(--theme-color-block-hover);padding-top: var(--theme-gap-layer-03);} .catalog-package-image { display: flex; } .catalog-package-image-link { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; cursor: pointer; } .catalog-package-image-pic { mix-blend-mode: multiply; } .catalog-package-product-box { display: flex; align-items: center; gap: var(--theme-gap-layer-06); } .catalog-package-product-box-first { flex: 1 1 auto; min-width: 0; } .catalog-package-product-box-wrap { position: relative; display: flex; flex-direction: column; gap: var(--theme-gap-layer-01); } .catalog-package-product-box-second {flex: 0 0 auto;display: flex;align-items: center;gap: var(--theme-gap-layer-03);} .catalog-package-product-box-second .product-item-buy-button { margin: 0; } .catalog-package-product-title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } .catalog-package-product-btn { } .catalog-package-product-btn .product-cart-button { height: 40px; border-radius: var(--theme-border-radius-normal); gap: var(--theme-gap-layer-01); border: 2px solid var(--theme-main-color); white-space: nowrap; } .catalog-package-product-btn .product-button-in-cart{ background-color: transparent; color: var(--theme-main-color); } .tab-selector{ padding-top:var(--theme-gap-layer-08); margin-bottom:var(--theme-gap-layer-08); user-select:none; border-bottom:1px solid var(--theme-color-border); position:relative; width:100%; min-width:0; overflow:hidden; display:grid; align-items:start; } .tab-selector-box-beholder{ position:relative; overflow:hidden; flex:1 1 auto; min-width:0; width:100%; max-width:100%; } .tab-selector-box{ position:relative; display:block; width:100%; max-width:100%; min-width:0; overflow:hidden; } .tab-selector-wrapper{ position:relative; display:inline-flex; align-items:center; flex-wrap:nowrap; white-space:nowrap; z-index:1; transform:translateX(0px); will-change:transform; transition:transform .12s linear; width:auto; max-width:none; } .tab-selector-item{ display:inline-flex; align-items:center; justify-content:center; position:relative; white-space:nowrap; flex:0 0 auto; } .tab-selector-item span{ font-weight:400; font-size:16px; display:inline-flex; padding:var(--theme-gap-layer-03) 0 var(--theme-gap-layer-03) 0; white-space:nowrap; } .tab-selector-item + .tab-selector-item{ margin-left:var(--theme-gap-layer-06); } .tab-selector-item:not(.tab-selector-item.current){ cursor:pointer; } .tab-selector-item.current{ cursor:default; color:var(--theme-main-color); } .tab-plate{ position:absolute; bottom:0px; left:0; height:2px; background-color:var(--theme-main-color); transition:transform .1s, width .1s; z-index:2; width:0; transform:translateX(0); border-radius:4px 4px 0 0; pointer-events:none; } .tab-arrows-wrapper{ position:absolute; top:0; bottom:0; left:0; right:0; pointer-events:none; z-index:10; } .tab-arrow{ position:absolute; width:44px; height:100%; display:flex; align-items:center; justify-content:center; background:#fff; cursor:pointer; pointer-events:auto; } .tab-arrow-left{ left:-14px; border-right:1px solid var(--theme-color-border); } .tab-arrow-right{ right:-14px; border-left:1px solid var(--theme-color-border); } .tab-arrow-disabled{ display:none; } .files-documents-wrapper { display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); position: relative; } .files-documents-form { display: flex; } .files-documents-item { display: flex; gap: var(--theme-gap-layer-03); align-items: center; } .files-documents-item-box { display: flex; flex-direction: column; gap: var(--theme-gap-layer-01); } .files-documents-item-filename { font-weight: 500; } .files-documents-item-filesize { color: var(--theme-color-strict); } .files-documents-item-icon { display: flex; align-items: center; justify-content: center; height: 42px; width: 42px; min-width: 42px; min-height: 42px; background-color: var(--theme-color-block); border-radius: var(--theme-border-radius-normal); color: var(--theme-main-color); } .specs-list-wrapper { display: flex; flex-direction: column; gap: var(--theme-gap-layer-08); margin-right: var(--theme-gap-layer-05); } .specs-group { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .specs-item { align-items: flex-end; display: flex; flex-wrap: wrap; width: 100%; min-height: 24px; } .specs-item-name, .specs-item-value { display: block; word-break: break-word; position: relative; } .specs-item-name { width: 50%; } .specs-item-name:before { bottom: 4px; content: ""; display: block; left: 0; position: absolute; background-image: linear-gradient(90deg, hsl(0, 0%, 67%) 33%, #0000 0); background-size: 3px 1px; height: 1px; width: 100%; } .specs-item-name-block { background: #fff; display: inline; padding-right: var(--theme-gap-layer-02); position: relative; color: var(--theme-color-strict); } .specs-item-value { display: inline; padding-left: var(--theme-gap-layer-02); position: relative; width: 50%; font-weight: 500; } .specs-item-value-fitting { display: inline-block; } .specs-item-value-hint { display: flex; align-items: center; gap: var(--theme-gap-layer-01); } .specs-item-value-hint svg { color: var(--theme-color-strict); } .specs-item-value a { color: var(--theme-main-color); } .specs-group-title { font-size: 16px; font-weight: 500; } .specs-group-info { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .specs-item-name-arbitrary-block ul { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .specs-item-name-arbitrary-block li { position: relative; padding-left: var(--theme-gap-layer-03); } .specs-item-name-arbitrary-block li:before { content: ''; width: 6px; height: 6px; display: block; background-color: var(--theme-main-color); position: absolute; left: 0; top: 6px; border-radius: 50%; } .video-player-wrapper { display: block; } .video-player { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } .video-player-video { width: max-content; height: 100%; } .video-player-loader, .video-player-no-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; color: var(--theme-main-color); z-index: 3; } .video-player-loader { border: 8px solid #f3f3f3; border-top: 8px solid #555; border-radius: 50%; width: 60px; height: 60px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } .video-player-main { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } .video-player-container { z-index: 3; width: 100%; height: 100%; position: absolute; align-items: center; justify-content: center; display: flex; } .video-player-wrapper-video { height: 100%; } .video-player-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: 60px; height: 60px; display: none; z-index: 4; color: #fff; } .video-player-control-panel { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 4; opacity: 1; transition: opacity .2s ease; } .video-player-control-panel-wrapper { width: 100%; display: flex; align-items: center; justify-content: space-around; background-color: var(--theme-color-blur); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); gap: var(--theme-gap-layer-01); padding: 0 var(--theme-gap-layer-02); } .video-player-control-panel.shown { opacity: 1; } .video-player-play, .video-player-mute, .video-player-btn { background: none; border: none; cursor: pointer; font-size: 0; } .video-player-play .play-icon, .video-player-mute .mute-icon { width: 12px; height: 12px; background-size: contain; background-repeat: no-repeat; background-position: center; } .video-player-play .play-icon { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%2224%20%2F%20music%20%2F%20player-pause%22%3E%0A%3Cpath%20id%3D%22Union%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.76953%2011H2.76953C2.21725%2011%201.76953%2010.5523%201.76953%2010V2C1.76953%201.44771%202.21725%201%202.76953%201H3.76953C4.32182%201%204.76953%201.44771%204.76953%202V10C4.76953%2010.5523%204.32182%2011%203.76953%2011ZM8.76956%2011H7.76956C7.21727%2011%206.76956%2010.5523%206.76956%2010V2C6.76956%201.44771%207.21727%201%207.76956%201H8.76956C9.32184%201%209.76956%201.44771%209.76956%202V10C9.76956%2010.5523%209.32184%2011%208.76956%2011Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); } .video-player-play.active .play-icon { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.5%201.49996V10.5C2.5%2010.8955%202.93762%2011.1345%203.27038%2010.9205L10.2704%206.42055C10.5765%206.22373%2010.5765%205.77619%2010.2704%205.57937L3.27038%201.07937C2.93762%200.865457%202.5%201.10438%202.5%201.49996Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .video-player-mute .mute-icon { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1.16667%202.11052H4.08333V7.94385H1.16667C0.522334%207.94385%200%207.42152%200%206.77719V3.27719C0%202.63285%200.522334%202.11052%201.16667%202.11052Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.91699%203.27719H1.16699V6.77719H2.91699V3.27719Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.23926%203.36359L3.76101%203.2156L3.23926%202.1721L7.58347%200V10.0544L3.23926%207.88227L3.76101%206.83877L3.23926%206.68284V3.36359Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.33301%203.80679L10.2231%202.91666L13.9997%206.69319L13.1095%207.58332L9.33301%203.80679Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.2231%207.58332L9.33301%206.69319L13.1095%202.91666L13.9997%203.80679L10.2231%207.58332Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .video-player-mute.active .mute-icon { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%202%2014%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1.16667%204.11052H4.08333V9.94385H1.16667C0.522334%209.94385%200%209.42152%200%208.77719V5.27719C0%204.63285%200.522334%204.11052%201.16667%204.11052Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.91699%205.27719H1.16699V8.77719H2.91699V5.27719Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.23926%205.36359L3.76101%205.2156L3.23926%204.1721L7.58347%202V12.0544L3.23926%209.88227L3.76101%208.83877L3.23926%208.68284V5.36359Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.288%202.53735C12.3052%203.54937%2012.9484%205.09304%2012.9484%206.80899C12.9484%208.52494%2012.3052%2010.0686%2011.288%2011.0806L10.5%2010.4503C11.3728%209.63581%2011.9484%208.31508%2011.9484%206.80899C11.9484%205.30291%2011.3728%203.98217%2010.5%203.16773L11.288%202.53735Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.78874%203.77917C10.5338%204.51527%2011.0014%205.60374%2011.0014%206.80908C11.0014%208.01441%2010.5338%209.10288%209.78874%209.83898L9%209.20798C9.60496%208.66322%2010.0014%207.79624%2010.0014%206.80908C10.0014%205.82191%209.60496%204.95493%209%204.41017L9.78874%203.77917V3.77917Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .video-player-progress { flex: 1; height: 20px; cursor: pointer; position: relative; } .video-player-progress:before { background-color: rgba(255, 255, 255, 0.6); border-radius: var(--theme-border-radius-small); content: ""; display: block; height: 2px; left: 0; position: absolute; top: 9px; width: 100%; z-index: 1; } .video-player-progress-play { background-color: #fff; border-radius: var(--theme-border-radius-small); height: 2px; left: 0; position: absolute; top: 9px; z-index: 2; } .hide { display: none; } .module-empty { align-items: center; display: flex; justify-content: center; } .module-empty-content { max-width: 400px; } .module-empty-image { color: var(--theme-color-icon); align-items: center; display: flex; justify-content: center; margin-bottom: var(--theme-gap-layer-03); } .module-empty-description { white-space: normal; text-align: center; line-height: 20px; margin-bottom: var(--theme-gap-layer-04); } .module-empty-buttons { display: flex; justify-content: center; } .single-gallery-full-widget { bottom: 0; left: 0; outline: none; overflow: hidden; position: fixed; top: 0; width: 100vw; z-index: 1003; } .single-gallery-full-position { -ms-scroll-chaining: none; -webkit-overflow-scrolling: touch; height: 100%; overflow: hidden; overscroll-behavior: contain; position: relative; } .single-gallery-full-close { position: fixed; right: var(--theme-gap-layer-08); top: var(--theme-gap-layer-08); z-index: 5; } .single-gallery-full-widget .single-gallery-preview { align-items: flex-start; display: flex; justify-content: center; min-height: calc(100vh - env(safe-area-inset-top, 0) - env(safe-area-inset-bottom, 0)); } .single-gallery-full-widget .single-preview-gallery { max-width: none; min-height: 100vh; width: 100%; min-width: 200px; position: relative; background-color: #fff; } .single-gallery-full-widget .single-preview-wrapper { height: 100vh; left: 0; position: absolute; top: 0; width: 140px; padding: var(--theme-gap-layer-05) 0; } .single-gallery-full-ns { height: 100%; margin: 0 auto; width: calc(100% - 120px); } .single-gallery-full-widget .single-gallery-wrapper { height: calc(100% - var(--theme-gap-layer-10)); left: 140px; position: absolute; top: var(--theme-gap-layer-05); width: calc(100% - 164px); min-width: 300px; } .single-gallery-full-widget .image-zoom-slide { max-height: 100%; margin: 0; cursor: default; } .order-details-error { opacity: .5; pointer-events: none; -webkit-user-select: none; user-select: none; } .order-detailed { display: grid; align-items: start; grid-template-columns: 1fr 360px; gap: var(--theme-gap-layer-08); } .order-detailed-block-part { position: relative; display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); } .order-detailed-wrapper { position: relative; display: flex; flex-direction: column; border-radius: var(--theme-border-radius-medium); background-color: #fff; gap: var(--theme-gap-layer-04); padding: var(--theme-gap-layer-06); border: 1px solid var(--theme-color-border); } .order-detailed-date-item { font-size: var(--theme-font-size-h4); font-weight: bold; } .order-detailed-box { display: flex; flex-direction: column; gap: var(--theme-gap-layer-01); } .order-detailed-label { color: var(--theme-color-strict); } .order-detailed-item { font-weight: 500; } .order-row-part { position: relative; height: 100%; } .order-row-detailed-info { gap: var(--theme-gap-layer-02); display: flex; flex-direction: column; background-color: #fff; padding: var(--theme-gap-layer-04); border-radius: var(--theme-border-radius-medium); box-shadow: var(--theme-shadow-03); } .order-row-what-wrong { text-align: center; } .order-row-what-wrong-link { color: var(--theme-main-color); display: inline-block; } .order-row-detailed { position: sticky; top: var(--theme-gap-layer-01); } .order-row-detailed-box { gap: var(--theme-gap-layer-04); display: flex; flex-direction: column; } .order-row-detailed-status { gap: var(--theme-gap-layer-03); display: flex; align-items: center; padding: var(--theme-gap-layer-04); border-radius: var(--theme-border-radius-medium); background-color: var(--theme-color-block); } .order-row-detailed-status.status-processing { background-color: var(--theme-color-block); } .order-row-detailed-status.status-completed { background-color: var(--theme-success-color); } .order-row-detailed-status.status-cancelled { background-color: var(--theme-color-attention); } .detailed-status-icon { display: flex; } .detailed-status-value { line-height: 20px; } .order-row-detailed-label { display: flex; justify-content: space-between; gap: var(--theme-gap-layer-02); } .order-row-detailed-label-seed { color: var(--theme-color-strict); } .order-row-detailed-item { font-weight: 500; } .order-row-detailed-item-pozy { color: var(--theme-success-color); } .product-order-details { position: relative; display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); margin-top: var(--theme-gap-layer-02); } .product-order-item { position: relative; width: 100%; gap: var(--theme-gap-layer-04); display: grid; align-items: start; grid-template-columns: 80px 1fr; border-top: 2px dashed var(--theme-color-border); padding-top: var(--theme-gap-layer-04); } .order-item-image { position: relative; align-items: center; display: flex; height: 80px; width: 80px; justify-content: center; border-radius: var(--theme-border-radius-normal); overflow: hidden; } .order-item-thumb { width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover; } .order-item-image::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--theme-color-substrate); pointer-events: none; } .order-item-info { align-items: flex-start; display: flex; width: 100%; flex-direction: column; gap: var(--theme-gap-layer-01); } .order-item-name { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; font-weight: 500; } .order-item-price-single, .order-item-price-total, .order-item-product-id { display: flex; align-items: center; gap: var(--theme-gap-layer-01); font-size: 12px; } .order-item-price-single-label { color: var(--theme-color-strict); } .multicart-item { display: grid; align-items: start; grid-template-columns: 1fr 360px; gap: var(--theme-gap-layer-08); } .multicart-item-main { position: relative; height: 100%; display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); -webkit-user-select: none; user-select: none; } .cart-items-list { display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); position: sticky; top: calc(var(--theme-paneltop) + var(--theme-header-components)); } .cart-items-list-checkbox-wrapper { padding: var(--theme-gap-layer-02) 0; border-radius: var(--theme-border-radius-medium); display: flex; align-items: center; gap: var(--theme-gap-layer-05); background-color: #fff; } .pre-remove-selected { display: inline-flex; align-items: center; justify-content: center; color: var(--theme-color-attention); border-radius: var(--theme-border-radius-normal); pointer-events: none; } .pre-remove-selected[data-trash-all="true"] { opacity: 1; pointer-events: auto; } .pre-remove-selected[data-trash-all="false"] { opacity: 0; } .cart-items-list-good-wrapper { position: relative; display: flex; flex-direction: column; gap: var(--theme-gap-layer-01); border: 1px solid var(--theme-color-border); border-radius: var(--theme-border-radius-medium); background-color: #fff; } .multicart-good { padding: var(--theme-gap-layer-04); } .multicart-good + .multicart-good { border-top: 1px solid var(--theme-color-border); } .multicart-good-trash .good { filter: grayscale(100%); opacity: 0.3; } .good { position: relative; display: flex; width: 100%; gap: var(--theme-gap-layer-03); } .good-checkbox { position: absolute; top: -6px; left: -6px; z-index: 2; padding: 6px; background-color: #fff; border-radius: var(--theme-border-radius-small); } .good-image { height: 120px; width: 120px; position: relative; } .good-link-img { position: relative; align-items: center; display: flex; height: 120px; justify-content: center; width: 120px; border-radius: var(--theme-border-radius-normal); overflow: hidden; } .good-link-img::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--theme-color-substrate); pointer-events: none; } .good-box-img { width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover; } .good-image .product-item-badge-sale .badge-box[data-badge="discount"] + .badge-text { font-size: 12px; } .good-image .product-item-badge-sale .badge-box[data-badge="discount"] { width: 38px; height: 18px; border-radius: 4px 6px; } .good-details { align-items: flex-start; display: flex; gap: var(--theme-gap-layer-03); width: 100%; } .good-details-container { display: flex; flex: 1 1 auto; gap: var(--theme-gap-layer-03); } .good-main-info-container { display: flex; align-items: flex-start; flex-direction: column; gap: var(--theme-gap-layer-02); width: 45%; } .good-main-limitation { font-size: 12px; color: var(--theme-color-attention); } .good-title-item { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; font-weight: 500; } .good-main-details { display: flex; flex-direction: column; gap: var(--theme-gap-layer-01); } .good-main-details .details-content { display: flex; align-items: center; gap: var(--theme-gap-layer-01); font-size: 12px; } .good-main-details .details-label { color: var(--theme-color-strict); } .good-bottom { display: flex; width: 55%; position: relative; } .good-bottom-wrapper { display: flex; flex-direction: row; position: relative; width: calc(100% - var(--theme-gap-layer-03)); gap: var(--theme-gap-layer-03); } .good-bottom-qty { display: flex; width: 100%; } .good-amount-qty { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .count-input-number { display: flex; align-items: center; justify-content: space-between; gap: var(--theme-gap-layer-01); } .good-amount-qty .count-minus, .good-amount-qty .count-plus { background-color: var(--theme-color-block); border-radius: var(--theme-border-radius-small); width: 32px; height: 32px; transition: background-color .2s ease; position: relative; } .good-amount-qty .count-minus:hover, .good-amount-qty .count-minus:focus, .good-amount-qty .count-minus:active, .good-amount-qty .count-plus:hover, .good-amount-qty .count-plus:focus, .good-amount-qty .count-plus:active { background-color: var(--theme-color-block-hover); } .good-amount-qty .count-minus:after, .good-amount-qty .count-plus:after, .good-amount-qty .count-plus:before { content: ""; background-color: black; width: 12px; height: 2px; display: block; position: absolute; top: calc(50% - 1px); left: calc(50% - 6px); } .good-amount-qty .count-plus:before { transform: rotate(-90deg); } .count-numeric { cursor: auto; -moz-appearance: textfield; text-align: center; width: 32px; height: 32px; border: none; } .count-numeric::-webkit-outer-spin-button { -webkit-appearance: none; } .count-numeric::-webkit-inner-spin-button { -webkit-appearance: none; } .good-price-one-position { display: flex; align-items: center; justify-content: center; width: 100%; } .good-price-one-position .price-block { display: flex; align-items: baseline; column-gap: var(--theme-gap-layer-01); font-size: 12px; } .good-price-one-position .price-value[data-price="regular-price"] { color: var(--theme-color-strict); } .good-price-one-position .price-value[data-price="under-order"], .good-price-one-position .price-value[data-price="discount-price"], .good-price-one-position .price-value[data-price="default-price"], .good-price-one-position .price-value[data-price="zero-price"] { font-weight: 500; } .good-price-one-position .price-value[data-price="discount-price"] { color: var(--theme-color-attention); } .good-amount-price { display: flex; } .good-amount-price .price-block { display: flex; align-items: baseline; flex-wrap: wrap; column-gap: var(--theme-gap-layer-02); } .good-amount-price .price-value[data-price="regular-price"] { color: var(--theme-color-strict); } .good-amount-price .price-value[data-price="under-order"], .good-amount-price .price-value[data-price="discount-price"], .good-amount-price .price-value[data-price="default-price"], .good-amount-price .price-value[data-price="zero-price"] { font-weight: 500; } .good-amount-price .price-value[data-price="discount-price"] { color: var(--theme-color-attention); } .good-bottom-price { flex: 1 1 100%; } .good-end-block { width: 24px; height: 24px; position: relative; } .good-remove { color: var(--theme-color-attention); width: 100%; height: 100%; position: relative; } .multicart-item-summary { position: relative; height: 100%; } .multicart-sticky-wrap { position: sticky; top: calc(var(--theme-paneltop) + var(--theme-header-components)); gap: var(--theme-gap-layer-04); display: flex; flex-direction: column; } .multicart-warning-block { gap: var(--theme-gap-layer-01); display: flex; flex-direction: column; } .multicart-warning { background-color: var(--theme-color-border); padding: var(--theme-gap-layer-02) var(--theme-gap-layer-03); border-radius: var(--theme-border-radius-normal); font-size: 12px; } .multicart-item-user { position: relative; display: flex; flex-direction: column; gap: var(--theme-gap-layer-03); } .multicart-coupon-open-wrapper { display: flex; align-items: center; justify-content: space-between; -webkit-user-select: none; user-select: none; } .multicart-coupon-open-text { font-weight: 500; cursor: pointer; } .multicart-coupon-open-icon { display: flex; transition: color .2s ease; cursor: pointer; color: var(--theme-color-icon); } .multicart-coupon-open-icon:hover, .multicart-coupon-open-icon:focus, .multicart-coupon-open-icon:active { color: var(--theme-color-icon-hover); } .multicart-coupon-open-wrapper.openned .multicart-coupon-open-icon { transform: rotate(180deg); } .multicart-item-user-important { position: relative; gap: var(--theme-gap-layer-04); display: grid; grid-template-columns: repeat(2, 1fr); } .multicart-item-pay, .multicart-item-delivery { padding: var(--theme-gap-layer-04); border-radius: var(--theme-border-radius-medium); background-color: #fff; box-shadow: var(--theme-shadow-03); } .multicart-item-pay-box, .multicart-item-delivery-box { display: flex; flex-direction: column; gap: var(--theme-gap-layer-03); } .multicart-item-pay-wrapper-top, .multicart-item-delivery-wrapper-top { display: flex; align-items: center; justify-content: space-between; } .multicart-item-pay-title, .multicart-item-delivery-title { font-size: var(--theme-font-size-h4); font-weight: bold; } .multicart-item-pay-icon, .multicart-item-delivery-icon { display: flex; color: var(--theme-color-icon); transition: color .2s ease; } .multicart-item-pay-icon:hover, .multicart-item-pay-icon:focus, .multicart-item-pay-icon:active, .multicart-item-delivery-icon:hover, .multicart-item-delivery-icon:focus, .multicart-item-delivery-icon:active { color: var(--theme-color-icon-hover); } .multicart-item-pay-wrapper-bottom, .multicart-item-delivery-wrapper-bottom { display: flex; align-items: center; gap: var(--theme-gap-layer-02); } .multicart-item-pay-item, .multicart-item-delivery-item { display: flex; color: var(--theme-color-icon); } .multicart-coupon-wrapper { position: relative; display: flex; flex-direction: column; } .multicart-coupon-text { height: 44px; padding: 0 var(--theme-gap-layer-03); border: 1px solid var(--theme-color-components); border-radius: var(--theme-border-radius-normal); width: 100%; background: #fff; } .multicart-coupon-text:hover, .multicart-coupon-text:focus, .multicart-coupon-text:active { border-color: var(--theme-color-components-hover); } .multicart-coupon-button, .multicart-coupon-button-remove { min-height: 44px; border-radius: var(--theme-border-radius-normal); margin-top: var(--theme-gap-layer-02); } .coupon-notices-error, .coupon-notices-message { margin-top: var(--theme-gap-layer-03); margin-bottom: var(--theme-gap-layer-01); } .coupon-notices-error { color: var(--theme-color-attention); } .coupon-notices-message { color: var(--theme-success-color); } .multicart-item-delivery-metod { display: none; flex-direction: column; } [data-delivery-method-check="pickup"] [data-delivery-method-check-pickup], [data-delivery-method-check="local_delivery"] [data-delivery-method-check-local-delivery], [data-delivery-method-check="russia_delivery"] [data-delivery-method-check-russia-delivery] { display: flex; gap: var(--theme-gap-layer-02); border-bottom: 1px solid var(--theme-color-border); padding-bottom: var(--theme-gap-layer-04); } .multicart-item-delivery-metod-wrapper { display: flex; align-items: center; justify-content: space-between; } .multicart-item-delivery-metod-name { font-weight: 500; } .multicart-item-delivery-metod-icon { display: flex; color: var(--theme-color-icon); transition: color .2s ease; } .multicart-item-delivery-metod-icon:hover, .multicart-item-delivery-metod-icon:focus, .multicart-item-delivery-metod-icon:active { color: var(--theme-color-icon-hover); } .multicart-item-delivery-metod-point, .multicart-item-delivery-metod-local-delivery, .multicart-item-delivery-metod-russia-delivery { color: var(--theme-color-strict); line-height: 20px; } .multicart-item-information { background-color: #fff; padding: var(--theme-gap-layer-04); border-radius: var(--theme-border-radius-medium); gap: var(--theme-gap-layer-04); display: flex; flex-direction: column; box-shadow: var(--theme-shadow-03); } .multicart-item-information-wrapper { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .multicart-item-information-block-items { gap: var(--theme-gap-layer-02); display: flex; flex-direction: column; } .multicart-item-information-block-item { display: flex; justify-content: space-between; gap: var(--theme-gap-layer-02); } .multicart-item-information-block-item-name { color: var(--theme-color-strict); } [data-delivery-method-check="russia_delivery"] [data-delivery-method-information-block="check"] { display: none; } [data-checking-promo-code="without"] .multicart-item-information-block-item-name { color: var(--theme-success-color); } [data-checking-promo-code="without"] .coupon-code { color: var(--theme-success-color); } .multicart-item-information-item { font-weight: 500; } .multicart-item-information-item-pozy { color: var(--theme-success-color); } .multicart-item-information-item .applied-coupon { display: flex; gap: var(--theme-gap-layer-01); align-items: center; } .remove-applied-coupon { color: var(--theme-color-attention); min-height: 16px; } .multicart-total-price { display: flex; justify-content: space-between; gap: var(--theme-gap-layer-02); } .multicart-total-label { font-size: var(--theme-font-size-h4); font-weight: bold; } .multicart-total-amount { font-size: var(--theme-font-size-h4); font-weight: bold; } .cart-checkout-form .checkout { position: relative; gap: var(--theme-gap-layer-03); display: flex; flex-direction: column; } .checkout-fields { gap: var(--theme-gap-layer-02); display: flex; flex-direction: column; } .checkout-fields-main { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .checkout-fields-additional { gap: var(--theme-gap-layer-02); } [data-delivery-method-check="pickup"] .checkout-fields-additional { display: none; } [data-delivery-method-check="local_delivery"] .checkout-fields-additional { display: grid; grid-template-columns: 1fr 90px; } [data-delivery-method-check="russia_delivery"] .checkout-fields-additional { display: none; } .cart-checkout-input-text { height: 44px; width: 100%; padding: 0 var(--theme-gap-layer-03); border: 1px solid var(--theme-color-components); border-radius: var(--theme-border-radius-normal); transition: border-color .2s ease; background: #fff; } .cart-checkout-input-text:hover, .cart-checkout-input-text:focus, .cart-checkout-input-text:active { border-color: var(--theme-color-components-hover); } .checkout-goods { height: 52px; border-radius: var(--theme-border-radius-normal); width: 100%; } .basket-order-oferta { -webkit-user-select: none; user-select: none; } .basket-order-oferta-wrapper { display: flex; align-items: flex-start; gap: var(--theme-gap-layer-02); } .basket-switch { display: flex; align-items: flex-start; gap: var(--theme-gap-layer-03); position: relative; } .basket-switch input { opacity: 0; width: 0; height: 0; display: none; } .basket-slider { cursor: pointer; background-color: var(--theme-color-components); transition: .3s; border-radius: 34px; width: 50px; min-width: 50px; height: 28px; min-height: 28px; position: relative; } .basket-slider:before { position: absolute; content: ""; height: 22px; width: 22px; left: 3px; bottom: 3px; background-color: #fff; transition: .4s; border-radius: 50%; } .basket-switch input:checked + .basket-slider { background-color: var(--theme-success-color); } .basket-switch input:checked + .basket-slider:before { transform: translateX(22px); } .basket-text { font-size: 11px; color: var(--theme-color-strict); } .confident-button-not[disabled] { background-color: var(--theme-color-strict); pointer-events: none; } .confident-button-right { background-color: var(--theme-success-color); transition: background-color 0.3s ease; } .page-layout { display: grid; align-items: start; grid-template-columns: 320px 1fr; gap: var(--theme-gap-layer-08); } .page-layout-block { border: 1px solid var(--theme-color-border); border-radius: var(--theme-border-radius-normal); background-color: #fff; } .page-layout-nav-group li + li { border-top: 1px solid var(--theme-color-border); } .page-layout-nav-title { padding: var(--theme-gap-layer-03) var(--theme-gap-layer-04); display: flex; align-items: center; justify-content: space-between; gap: var(--theme-gap-layer-04); } .page-layout-nav-title-current { gap: var(--theme-gap-layer-04); } .page-layout-nav-title-name { font-weight: 500; line-height: 1.4; } .page-layout-nav-title-svg { color: var(--theme-color-icon); display: flex; } .page-layout-nav-title-current .page-layout-nav-title-name { color: var(--theme-main-color); } .page-layout-title { font-size: var(--theme-font-size-h4); font-weight: bold; } .page-layout-title-content-body { line-height: 22px; } .page-layout-content p { display: none; } .page-layout-ul { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); margin-top: var(--theme-gap-layer-02); } .page-layout-li { position: relative; padding-left: var(--theme-gap-layer-03); } .page-layout-li:before { content: ''; width: 6px; height: 6px; display: block; background-color: var(--theme-main-color); position: absolute; left: 0; top: 8px; border-radius: 50%; } .page-layout-bold { font-weight: bold; } .page-layout-article { position: -webkit-sticky; position: sticky; top: calc(var(--theme-paneltop) + var(--theme-header-components) - var(--theme-scroller-menu) + var(--theme-gap-layer-06)); } .page-layout-content-wrapper { display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); } .content[data-view-catalog="vertical"] .product-widget { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); column-gap: var(--theme-gap-layer-03); row-gap: var(--theme-gap-layer-12); } .table { width: 100%; border-collapse: collapse; margin: var(--theme-gap-layer-04) 0; } .table td { border: 1px solid var(--theme-color-border); padding: var(--theme-gap-layer-02); vertical-align: top; } .table tr:nth-child(even) { background-color: var(--theme-color-block); } .table td:first-child { font-weight: bold; width: 30%; } .table td:last-child { text-align: left; } .alert-block { background-color: var(--theme-color-block); border-radius: var(--theme-border-radius-normal); } .alert-block[data-color-alert="warning"] { background-color: var(--theme-color-layer-003); } .message-alert { padding: var(--theme-gap-layer-03); display: flex; align-items: center; gap: var(--theme-gap-layer-03); } .footer-top-wrapper { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--theme-gap-layer-15); padding-bottom: var(--theme-gap-layer-08); } .footer-bottom-wrapper { padding: var(--theme-gap-layer-05) 0; border-top: 1px solid var(--theme-color-border); } .footer-text-copy-link { display: flex; justify-content: space-between; align-items: center; gap: var(--theme-gap-layer-08); } .footer-text-copy { position: relative; display: flex; flex: 0 0 auto; max-width: 400px; } .footer-text-copy-top { color: var(--theme-text-color); } .footer-text-link { flex: 1 1 100%; } .footer-text-main { display: flex; justify-content: flex-end; } .footer-text-links { display: flex; align-items: center; gap: var(--theme-gap-layer-05); } .footer-text-links li a { color: var(--theme-text-color); } .footer-text-links li a:hover, .footer-text-links li a:focus, .footer-text-links li a:active { color: var(--theme-main-color); } .foot-main-first { -webkit-box-flex: 0; flex: none; width: 40%; position: relative; display: flex; flex-direction: column; gap: var(--theme-gap-layer-06); } .foot-main-descr { font-size: 12px; line-height: 1.6; color: var(--theme-text-color); display: flex; max-width: 500px; } .foot-main-help { display: flex; } .foot-main-phone { display: flex; } .foot-main-phone a { color: #fff; } .foot-main-phone-link { display: flex; align-items: center; color: #fff; height: 44px; border-radius: var(--theme-border-radius-normal); } .foot-main-phone-text { font-size: 14px; } .foot-main-menus { -webkit-box-flex: 1; flex: 1 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--theme-gap-layer-08); } .foot-main-menu { position: relative; gap: var(--theme-gap-layer-04); display: flex; flex-direction: column; } .foot-main-menu-name { color: var(--theme-text-color); font-size: 16px; font-weight: 500; vertical-align: baseline; text-overflow: ellipsis; white-space: nowrap; max-width: 200px; display: inline-block; position: relative; overflow: hidden; } .foot-main-menu-ul { gap: var(--theme-gap-layer-02); display: flex; flex-direction: column; } .foot-main-menu-ul li { display: flex; } .foot-main-menu-ul li a { vertical-align: baseline; text-overflow: ellipsis; white-space: nowrap; max-width: 200px; display: flex; position: relative; overflow: hidden; color: var(--theme-color-footer-text); transition: opacity .2s ease; } .foot-main-menu-ul li a:hover, .foot-main-menu-ul li a:focus, .foot-main-menu-ul li a:active { color: var(--theme-main-color); } .more-menu-link { color: var(--theme-main-color); cursor: pointer; } .more-menu-link:hover, .more-menu-link:focus, .more-menu-link:active { color: var(--theme-main-color); } .promotion { position: relative; } .constructor-promotion { display: flex; flex-direction: column; position: relative; padding: var(--theme-gap-layer-06) 0 var(--theme-gap-layer-02) 0; background: var(--theme-minor-color); border-radius: var(--theme-border-radius-medium); } .constructor-promotion-wrapper { position: relative; z-index: 2; padding: 0 var(--theme-gap-layer-04) var(--theme-gap-layer-06) var(--theme-gap-layer-04); display: flex; flex-direction: column; gap: var(--theme-gap-layer-06); } .constructor-promotion-midlle { display: flex; flex-direction: column; gap: var(--theme-gap-layer-01); } .constructor-promotion-midlle-date { } .constructor-promotion-midlle-date-item { color: #fff; } .constructor-promotion-pic-container { position: absolute; inset: 0; overflow: hidden; border-radius: var(--theme-border-radius-medium); width: 100%; height: 100%; top: 0; left: 0; } .constructor-promotion-pic-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--theme-color-substrate); pointer-events: none; } .constructor-promotion-pic { position: absolute; inset: 0; } .constructor-promotion-img { width: 100%; height: 100%; object-fit: cover; z-index: 1; } .promotion-light .constructor-promotion-header { color: var(--theme-color-bg); } .constructor-promotion-header { display: flex; } .constructor-promotion-header-text { padding: 2px; border-radius: var(--theme-border-radius-large); background-color: hsla(0, 0%, 100%, .8); display: inline-block; text-align: center; font-size: 13px; line-height: 1.3; color: var(--theme-color-strict); backdrop-filter: blur(18px); } .constructor-promotion-midlle-wrapper { display: flex; align-items: center; justify-content: space-between; gap: var(--theme-gap-layer-04); } .constructor-promotion-midlle-wrapper-gap { display: flex; align-items: center; gap: var(--theme-gap-layer-02); } .constructor-promotion-midlle-icon { color: #fff; } .promotion-light .constructor-promotion-midlle-title { color: var(--theme-color-bg); } .constructor-promotion-midlle-title { color: #fff; } .constructor-promotion-midlle-action { display: flex; align-items: center; height: var(--theme-components-size); background-color: #fff; color: var(--theme-main-color); border-radius: var(--theme-border-radius-normal); cursor: pointer; gap: var(--theme-gap-layer-01); font-weight: 500; } .constructor-promotion-midlle-action:hover, .constructor-promotion-midlle-action:focus, .constructor-promotion-midlle-action:active { color: var(--theme-main-color); } .constructor-wrapper { position: relative; } .constructor-container { position: relative; } .constructor-frame { display: flex; align-items: center; justify-content: space-between; } .constructor-controls { --constructor-controls-padding: -22px; display: flex; position: absolute; width: 100%; z-index: 3; justify-content: space-between; } .constructor-padding { width: 100%; overflow: hidden; } .constructor-carousel .carousel-track { display: flex; flex-wrap: nowrap; white-space: nowrap; transition: transform .3s cubic-bezier(0,0,0,1); position: relative; height: 100%; will-change: transform; gap: calc(var(--data-margincarousel) * 1px); padding-left: calc(var(--data-margincarousel-side) * 1px); padding-right: calc(var(--data-margincarousel-side) * 1px); } .constructor-carousel .product-item { flex: 0 0 calc( (100% - (var(--data-visiblecount) - 1) * var(--data-margincarousel) * 1px) / var(--data-visiblecount) ); white-space: normal; height: auto; } .constructor-carousel.borderless .product-item { padding: var(--theme-gap-layer-02); background-color: #fff; border-radius: 18px; } .constructor-carousel-prev, .constructor-carousel-next { position: absolute; top: 50%; cursor: pointer; z-index: 4; height: 44px; width: 44px; background-color: #fff; border-radius: 50%; box-shadow: var(--theme-shadow-03); color: var(--theme-text-color); display: inline-flex; align-items: center; justify-content: center; transform: translateY(-50%); opacity: 1; visibility: visible; transition: opacity .2s linear, visibility .2s linear; } .constructor-carousel-prev { left: var(--constructor-controls-padding); } .constructor-carousel-next { right: var(--constructor-controls-padding); } .constructor-carousel-prev.is-hidden, .constructor-carousel-next.is-hidden { opacity: 0; visibility: hidden; } .parallax { transition: transform 1.5s cubic-bezier(0, 0.0, 0, 1); will-change: transform; transform: scale(1); } .cosy-slider-wrapper { position: relative; width: 100%; -webkit-user-select: none; user-select: none; } .cosy-slider-full-width.cosy-slider-full-height { --cosy-vh: calc(var(--theme-paneltop) + var(--theme-header-components)); height: calc(100vh - var(--cosy-vh)); margin-top: calc(-1 * var(--theme-gap-layer-05)); } .cosy-slider-wrapper:not(.cosy-slider-full-width) .cosy-slider-container { border-radius: var(--theme-border-radius-medium); } .cosy-slider-container { position: relative; overflow: hidden; height: 100%; } .cosy-slider-inner { display: flex; transition: transform 0.3s ease-in-out; will-change: transform; z-index: 1; width: 100%; height: 100%; position: relative; touch-action: pan-y; } .cosy-slide-item { flex-shrink: 0; width: 100%; height: 100%; transition-property: transform; cursor: pointer; display: flex; position: relative; border-radius: var(--theme-border-radius-medium); overflow: hidden; } .cosy-slide-item:after { content: ""; width: 100%; height: 100%; background-color: var(--theme-color-substrate); position: absolute; top: 0; left: 0; border-radius: inherit; } .cosy-slider-item-img { display: flex; } .cosy-slide-item img { border-radius: inherit; width: 100%; height: 100%; object-fit: cover; } .cosy-slide-item.active img { opacity: 1; } .cosy-slide-full-width { display: block; position: relative; width: 100%; overflow: hidden; flex-shrink: 0; } .cosy-slider-full-width:not(.cosy-slider-full-height) .cosy-slider-container { border-radius: var(--theme-border-radius-medium); overflow: hidden; isolation: isolate; } .cosy-slider-full-width.cosy-slider-full-height .cosy-slide-full-width { height: 100%; } .cosy-slider-container-img { position: absolute; left: 0; width: 100%; height: 100%; z-index: 2; } .cosy-slider-container-img::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--theme-color-substrate); pointer-events: none; } .cosy-slide-full-width-img { width: 100%; height: 100%; object-fit: cover; object-position: 10% 50%; position: absolute; top: 0; left: 0; } .cosy-slide-full-width-img.active { opacity: 1; } .cosy-slider-parallax { transition: transform 1.5s cubic-bezier(0, 0.0, 0, 1); will-change: transform; transform: scale(1); } .cosy-slide-next, .cosy-slide-prev { transition: box-shadow .3s ease; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.3); } .container-cosy-slide-full { position: relative; display: flex; height: 100%; margin: 0 auto; z-index: 3; } .cosy-slider-wrapper:not(.cosy-slider-full-width) .container-cosy-slide-full { padding: 0 var(--theme-container-padding); } .cosy-slider-full-width:not(.cosy-slider-full-height) .container-cosy-slide-full { padding: 0 var(--theme-gap-layer-14); } .cosy-slider-full-width.cosy-slider-full-height .container-cosy-slide-full { padding: 0 var(--theme-container-padding); } .cosy-slider-full-box { width: 100%; display: flex; flex-direction: column; } .cosy-slider-full-width:not(.cosy-slider-full-height) .cosy-slider-full-box { justify-content: center; gap: var(--theme-gap-layer-04); max-width: 550px; } .cosy-slider-full-width.cosy-slider-full-height .cosy-slider-full-box { margin-top: auto; padding-bottom: var(--theme-gap-layer-16); gap: var(--theme-gap-layer-06); } .cosy-slider-footnote { display: flex; } .cosy-slider-footnote-item {display: flex;align-items: center;} .cosy-slider-title { position: relative; z-index: 1; font-size: var(--theme-font-size-h1); font-weight: 500; letter-spacing: normal; font-family: var(--theme-font-family-additional); } .cosy-slider-full-box[data-cosy-slider-color="style-white"] .cosy-slider-title { color: #fff; } .cosy-slider-full-box[data-cosy-slider-color="style-white"] .cosy-slide-text { color: #fff; opacity: .8; } .cosy-slider-full-box[data-cosy-slider-color="style-white"] .cosy-slide-link .cosy-slide-btn { color: #fff; } .cosy-slider-full-box[data-cosy-slider-color="style-white"] .cosy-slide-link .cosy-slide-btn:hover { color: #fff; } .cosy-slider-full-box[data-cosy-slider-color="style-black"] .cosy-slider-title { color: var(--theme-text-color); } .cosy-slider-full-box[data-cosy-slider-color="style-black"] .cosy-slide-text { color: var(--theme-text-color); opacity: 0.9; } .cosy-slider-full-box[data-cosy-slider-color="style-black"] .cosy-slide-link .cosy-slide-btn { color: white; } .cosy-slider-full-box[data-cosy-slider-color="style-black"] .cosy-slide-link .cosy-slide-btn:hover { color: white; } .cosy-slider-full-box .cosy-slider-title [data-cosy-slider-highlight] { background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); text-fill-color: rgba(0, 0, 0, 0); position: relative; } .cosy-slider-full-box .cosy-slider-title [data-cosy-slider-highlight="style-1"] { background-image: linear-gradient(209deg, #ea6044 39%, #dc5083 50%, #9a6df7 67%, #3f8def 81%); } .cosy-slider-full-box .cosy-slider-title [data-cosy-slider-highlight="style-2"] { background-color: #f56900; } .cosy-slide-text { position: relative; z-index: 1; line-height: 24px; font-size: 16px; white-space: normal; line-break: strict; overflow-wrap: anywhere; hanging-punctuation: none; word-break: keep-all; } .cosy-slide-link-full { display: inline-block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: inherit; text-decoration: none; z-index: 1; padding: 16px; } .cosy-slide-link-full-relative { position: relative; display: block; } .cosy-slide-link { display: flex; z-index: 1; margin-top: var(--theme-gap-layer-01); } .cosy-slide-btn { text-decoration: none; border-radius: var(--theme-border-radius-normal); height: var(--theme-components-size); padding: 0 var(--theme-gap-layer-04); } .cosy-arrow { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 2; height: 44px; width: 44px; background-color: #fff; border-radius: 50%; box-shadow: var(--theme-shadow-03); color: var(--theme-text-color); display: inline-flex; align-items: center; justify-content: center; } .cosy-slider-wrapper:not(.cosy-slider-full-width) .cosy-arrow { --cosy-arrow: -22px; } .cosy-slider-full-width:not(.cosy-slider-full-height) .cosy-arrow { --cosy-arrow: 20px; } .cosy-slider-full-width.cosy-slider-full-height .cosy-arrow { display: none; } .cosy-arrow-prev { left: var(--cosy-arrow); } .cosy-arrow-next { right: var(--cosy-arrow); } .cosy-dots { gap: var(--theme-gap-layer-02); z-index: 1; width: 100%; height: 8px; display: flex; position: absolute; } .cosy-slider-wrapper:not(.cosy-slider-full-width) .cosy-dots { left: 0; right: 0; top: 100%; justify-content: center; margin-top: var(--theme-gap-layer-02); } .cosy-slider-full-width:not(.cosy-slider-full-height) .cosy-dots { right: 0; left: 0; bottom: 22px; justify-content: center; } .cosy-slider-full-width.cosy-slider-full-height .cosy-dots { left: 0; right: 0; bottom: 22px; justify-content: center; } .cosy-dot { width: var(--theme-gap-layer-02); height: var(--theme-gap-layer-02); border-radius: 50%; cursor: pointer; } .cosy-slider-wrapper:not(.cosy-slider-full-width) .cosy-dot { background: var(--theme-color-icon); } .cosy-slider-full-width:not(.cosy-slider-full-height) .cosy-dot { background: #fff; opacity: .5; } .cosy-slider-full-width.cosy-slider-full-height .cosy-dot { background: var(--theme-color-border); } .cosy-slider-wrapper:not(.cosy-slider-full-width) .cosy-dot.active { background: var(--theme-main-color); } .cosy-slider-full-width:not(.cosy-slider-full-height) .cosy-dot.active { opacity: 1; } .cosy-slider-full-width.cosy-slider-full-height .cosy-dot.active { background: var(--theme-main-color); } .constructor-carousel.carousel-initializing .post-item { flex: 0 0 calc((100% - (var(--data-visiblecount) - 1) * var(--data-margincarousel) * 1px) / var(--data-visiblecount) - var(--data-proactive-definition-ext) * 1px); } .post-wrapper { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--theme-gap-layer-06); } .post-item { position: relative; display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); } .post-thumbnail { width: 100%; height: auto; overflow: hidden; border-radius: var(--theme-border-radius-medium); } .post-thumbnail a { position: relative; height: 234px; display: flex; background-color: var(--theme-color-block); } .post-image { display: block; margin: 0 auto; max-width: 100%; height: 100%; object-fit: cover; } .post-content { position: relative; display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .post-meta-wrapper { position: relative; display: flex; gap: var(--theme-gap-layer-03); } .post-meta { } .post-date { color: var(--theme-color-strict); } .post-views { margin-left: 15px; } .post-title { font-size: 18px; white-space: normal; } .post-standard-description { line-height: 1.6; position: relative; display: flex; flex-direction: column; gap: var(--theme-gap-layer-06); } .post-pagination { margin-top: var(--theme-gap-layer-08); } .post-pagination ul { position: relative; display: flex; align-items: center; gap: var(--theme-gap-layer-02); } .post-pagination li { display: flex; } .post-page-numbers, .post-pagination .post-current { height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--theme-border-radius-normal); transition: background-color 0.3s, color 0.3s; } .post-page-numbers { color: var(--theme-color-strict); background-color: var(--theme-color-block); } .post-pagination .post-page-numbers:hover { background-color: var(--theme-color-icon); color: var(--theme-color-strict); } .post-pagination .post-current { background-color: var(--dc-color-blue-200); color: #fff; pointer-events: none; font-weight: 500; } .post-gallery-list { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--theme-gap-layer-06); } @media (max-width: 1360px) { .post-gallery-list { grid-template-columns: repeat(4, 1fr); } } .post-gallery-wrapper { position: relative; border-radius: var(--theme-border-radius-medium); overflow: hidden; background-color: var(--theme-color-block); cursor: zoom-in; } .post-gallery-link::after { content: ""; position: absolute; inset: 0; background: var(--theme-color-substrate); pointer-events: none; } .post-gallery-img { width: 100%; height: auto; display: block; line-height: 0; } .post-gallery-description { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; padding: var(--theme-gap-layer-04); background: linear-gradient(0deg, #25253899, #25253800); } .post-gallery-description-text { color: #fff; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } .full-post-gallery-container { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 2100; } .full-post-gallery-overlay { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: var(--theme-gap-layer-04); background-color: var(--theme-color-overlay); overflow: hidden; animation: var(--theme-animation-overlay); } .full-post-gallery-window { position: relative; display: flex; flex-direction: column; width: 100%; margin: auto; height: 100%; animation: var(--theme-modal-start); opacity: 0; overflow: hidden; } .full-post-gallery-content { position: relative; width: 100%; height: 100%; } .full-post-gallery-image { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .full-post-gallery-img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; border-radius: var(--theme-border-radius-medium); } .full-post-gallery-spinner-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5000; color: #fff; } .full-post-gallery-description { position: absolute; bottom: 0; left: 0; right: 0; background: var(--theme-color-strict); color: #fff; padding: 10px; font-size: 16px; box-sizing: border-box; text-align: center; border-radius: var(--theme-border-radius-normal); } .full-post-gallery-close { position: absolute; top: 0; right: 0; padding: var(--theme-gap-layer-01); background-color: #fff; border-radius: 50%; line-height: 0; z-index: 99; color: var(--theme-color-strict); box-shadow: var(--theme-shadow-03); } .full-post-gallery-nav { position: fixed; height: 44px; width: 44px; background-color: #fff; border-radius: 50%; box-shadow: var(--theme-shadow-03); color: var(--theme-color-strict); display: inline-flex; align-items: center; justify-content: center; transform: translateY(-50%); cursor: pointer; z-index: 10000; transition: opacity .2s ease; } .full-post-gallery-nav-left { top: 50%; left: 20px; } .full-post-gallery-nav-right { top: 50%; right: 20px; } .full-post-gallery-nav-inactive { opacity: 0; pointer-events: none; } .social-icons-list { display: flex; flex-direction: row; align-items: center; gap: var(--theme-gap-layer-02); } .social-icons-link { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; background: #fff; color: var(--theme-text-color); border-radius: 50%; } .consultants-wrapper { display: flex; flex-direction: column; } .consultants-wrapper-box { display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); padding: var(--theme-gap-layer-04); overflow: hidden; border-radius: var(--theme-border-radius-medium); border: 1px solid var(--theme-color-border); } .consultants-item { position: relative; display: flex; flex-direction: row; width: 100%; } .consultants-item+.consultants-item { border-top: 1px solid var(--theme-color-border); padding-top: var(--theme-gap-layer-04); } .consultants-photo-img { position: relative; display: flex; align-items: center; justify-content: center; height: 64px; width: 64px; border-radius: 50%; overflow: hidden; background-color: #fff; color: var(--theme-color-strict); } .consultants-photo-img-item { height: 100%; width: 100%; object-fit: cover; } .consultants-body { display: flex; flex-direction: column; gap: var(--theme-gap-layer-04); flex: 1 1 100%; } .consultants-body-top { display: flex; align-items: center; gap: var(--theme-gap-layer-03); } .consultants-body-top-wrapper { display: flex; flex-direction: column; gap: var(--theme-gap-layer-01); } .consultants-body-top-name { font-size: 16px; line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-weight: bold; } .consultants-body-top-phone-link { font-size: 16px; line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .consultants-body-bottom-additional { display: flex; flex-direction: column; gap: var(--theme-gap-layer-03); } .consultants-body-bottom-email { display: flex; } .consultants-body-bottom-email-item { display: flex; } .consultants-social-icons { display: flex; } .consultants-social-icons-list { display: flex; flex-direction: row; align-items: center; gap: var(--theme-gap-layer-02); } .consultants-social-icons-item a { display: flex; align-items: center; justify-content: center; height: 32px; width: 32px; } .consultants-email-block-link { display: flex; align-items: center; justify-content: center; height: 32px; padding: 0 var(--theme-gap-layer-03); background-color: var(--theme-main-color); color: #fff; border-radius: var(--theme-border-radius-large); } .consultants-email-block-link:hover, .consultants-email-block-link:focus, .consultants-email-block-link:active { color: #fff; } .consultants-social-icons-link { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: #fff; border-radius: var(--theme-border-radius-large); } .consultants-text-personal-data { font-size: 12px; line-height: 18px; color: var(--theme-color-strict); margin-top: var(--theme-gap-layer-04); } .consultants-text-personal-data a { color: var(--dc-color-blue-200); } .map-block { position: relative; } .map-block-info { position: absolute; width: 320px; border-radius: var(--theme-border-radius-normal); z-index: 1; display: flex; flex-direction: column; max-height: calc(100% - calc(2 * var(--theme-gap-layer-06))); left: var(--theme-gap-layer-06); top: var(--theme-gap-layer-06); overflow: hidden; background-color: #fff; } .map-block-info-box { padding: var(--theme-gap-layer-06); } .map-block-section { display: flex; flex-direction: column; gap: var(--theme-gap-layer-03); } .map-block-section + .map-block-section { margin-top: var(--theme-gap-layer-04); padding-top: var(--theme-gap-layer-04); border-top: 1px solid var(--theme-color-border); } .map-block-form { margin-top: auto; padding: var(--theme-gap-layer-02); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .12); } .map-block-title { font-size: 18px; font-weight: bold; } .map-block-list { display: flex; flex-direction: column; gap: var(--theme-gap-layer-03); } .map-block-item { display: flex; flex-direction: column; gap: var(--theme-gap-layer-01); } .map-block-item-text { line-height: 1.5; } .map-block-item-title { font-weight: 500; } .map-block-item-sub { color: var(--dc-color-blue-200); } .map-block-map { width: 100%; background: var(--theme-color-block); cursor: default; border-radius: var(--theme-border-radius-medium); overflow: hidden; } .map-block-map-canvas { width: 100%; height: 600px; background-color: var(--theme-color-block); } .map-block-route-form { width: 100%; display: flex; } .map-block-route-btn { width: 100%; height: 44px; border-radius: var(--theme-border-radius-normal); gap: var(--theme-gap-layer-01); display: flex; align-items: center; justify-content: center; } .map-block-route-btn:hover, .map-block-route-btn:focus, .map-block-route-btn:active { opacity: 0.85; } .custom-marker-icon { background: var(--theme-main-color); border-radius: 50%; } .custome-modal-main { display: flex; flex-direction: column; gap: var(--theme-gap-layer-03); } .custome-modal-input label, .custome-modal-textarea label { display: flex; flex-direction: column; gap: var(--theme-gap-layer-01); } .custome-style-textarea { height: 120px; padding: var(--theme-gap-layer-02) var(--theme-gap-layer-03); border: 1px solid var(--theme-color-components); border-radius: var(--theme-border-radius-normal); width: 100%; background: #fff; min-height: 120px; } .custome-style-textarea:hover, .custome-style-textarea:focus, .custome-style-textarea:active { border-color: var(--theme-main-color); } .custome-style-input { height: 44px; padding: 0 var(--theme-gap-layer-03); border: 1px solid var(--theme-color-components); border-radius: var(--theme-border-radius-normal); width: 100%; background: #fff; } .custome-style-input:hover, .custome-style-input:focus, .custome-style-input:active { border-color: var(--theme-main-color); } .custome-modal-submit { height: 52px; border-radius: var(--theme-border-radius-normal); width: 100%; background-color: var(--theme-success-color); transition: opacity 0.3s; } .custome-modal-submit:hover, .custome-modal-submit:focus, .custome-modal-submit:active { opacity: 0.85; } .custome-modal-submit:disabled { background-color: var(--theme-color-strict); pointer-events: none; opacity: 0.6; } .custome-modal-switch { display: flex; align-items: flex-start; gap: var(--theme-gap-layer-03); position: relative; } .custome-modal-switch input { opacity: 0; width: 0; height: 0; display: none; } .custome-modal-bot-slider { cursor: pointer; background-color: var(--theme-color-components); transition: 0.3s; border-radius: 34px; width: 50px; min-width: 50px; height: 28px; min-height: 28px; position: relative; } .custome-modal-bot-slider:before { position: absolute; content: ""; height: 22px; width: 22px; left: 3px; bottom: 3px; background-color: #fff; transition: 0.4s; border-radius: 50%; } .custome-modal-switch input:checked + .custome-modal-bot-slider { background-color: var(--theme-success-color); } .custome-modal-switch input:checked + .custome-modal-bot-slider:before { transform: translateX(22px); } .custome-modal-bot-text { font-size: 11px; color: var(--theme-color-strict); } .modal-order-oferta { -webkit-user-select: none; user-select: none; } .modal-order-oferta-wrapper { display: flex; align-items: flex-start; gap: var(--theme-gap-layer-02); } .modal-order-oferta-svg { display: flex; color: var(--theme-success-color); } .modal-order-oferta a { font-size: 12px; line-height: 18px; } .custom-table-title { font-size: 16px; color: var(--theme-color-strict); } .custom-table-grid { display: flex; flex-direction: column; border: 1px solid var(--theme-color-border); border-radius: var(--theme-border-radius-medium); overflow: hidden; background: #fff; } .custom-table-row { display: grid; grid-template-columns: var(--grid-px) repeat(var(--columns), 1fr); } .custom-table-cell { padding: var(--theme-gap-layer-03); border-right: 1px solid var(--theme-color-border); border-bottom: 1px solid var(--theme-color-border); text-align: center; white-space: nowrap; } .custom-table-row-head .custom-table-cell { background: var(--theme-color-block); color: var( --theme-text-color); font-weight: bold; } .custom-table-cell-side { font-weight: bold; } .custom-table-cell-head { text-align: left; } .custom-table-cell:last-child { border-right: none; } .custom-table-row:last-child .custom-table-cell { border-bottom: none; } .custom-table-row:not(.custom-table-row-head):hover .custom-table-cell { background: var(--theme-color-block); } .custom-hero { display: flex; justify-content: space-between; gap: var(--theme-gap-layer-12); } .custom-content { flex: 1 1 50%; display: flex; flex-direction: column; gap: var(--theme-gap-layer-05); } .custom-content-st{ flex: 1 1 70%; display: flex; flex-direction: column; gap: var(--theme-gap-layer-05); } .custom-content-az{ flex: 1 1 30%; display: flex; flex-direction: column; gap: var(--theme-gap-layer-05); } .custom-title { color: var(--theme-text-color); font-size: var(--theme-font-size-h2, 28px); } .custom-text { font-size: 16px; line-height: 1.6; color: var(--theme-text-color); } .custom-text ul li { position: relative; padding-left: var(--theme-gap-layer-09); font-size: 14px; line-height: 1.6; } .custom-text ul li+li { margin-top: var(--theme-gap-layer-03); } .custom-text ul li::before { content: ""; position: absolute; left: 0; top: 10px; width: 30px; height: 2px; background: var(--theme-main-color); } .custom-content-hoermann .custom-text ul li::before { background: var(--theme-color-layer-006); } .custom-span-li { line-height: 1.6; font-size: 16px; font-weight: 500; display: block; margin-bottom: var(--theme-gap-layer-01); } .custom-button { height: var(--theme-components-size); border-radius: var(--theme-border-radius-normal); background-color: transparent; border: 2px solid var(--theme-main-color); color: var(--theme-main-color); gap: var(--theme-gap-layer-02); font-size: 16px; line-height: 1; } .custom-button-hoermann { border: 2px solid var(--theme-color-layer-007); color: #fff; background-color: var(--theme-color-layer-007); } .custom-media { flex: 1 1 50%; position: relative; } .custom-media-list {display: flex;flex-direction: column;gap: var(--theme-gap-layer-03);} .custom-media-box-mini {position: relative;display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--theme-gap-layer-03);} .custom-media-item { } .custom-figure-item { width: 100%; display: flex; border-radius: var(--theme-border-radius-medium); object-fit: cover; min-height: 110px; background-color: var(--theme-color-block); overflow: hidden; cursor: pointer; opacity: 0.9; } .custom-figure-item:hover { opacity: 1; } .custom-image-mini { } .custom-image { width: 100%; display: block; border-radius: var(--theme-border-radius-medium); object-fit: cover; min-height: 400px; object-position: 20% 50%; background-color: var(--theme-color-block); } .custom-image-logo-hoermann { position: absolute; bottom: var(--theme-gap-layer-05); left: var(--theme-gap-layer-05); display: flex; } .custom-image-logo-hoermann-box { display: flex; padding: var(--theme-gap-layer-03); border-radius: var(--theme-border-radius-normal); } .current-animation-on { } .current-animation-off { } .custom-tizers-list { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--theme-gap-layer-12); } .custom-tizers-list-hoermann .custom-tizer-item { background-color: var(--theme-color-layer-007); } .custom-tizer-item-video { border-radius: var(--theme-border-radius-medium); overflow: hidden; display: flex; line-height: 0; width: 100%; height: 100%; } .custom-tizer-item-video .custome-video-player { width: 100%; height: 100%; object-fit: cover; } .custom-tizer-item { background-color: var(--theme-color-block); border-radius: var(--theme-border-radius-medium); padding: var(--theme-gap-layer-06); display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .custom-tizer-item-nobox { height: 100%; } .custom-tizer-item-box-bottom { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); margin-top: auto; } .custom-tizer-item-icon {color: var(--theme-color-attention);} .custom-tizers-list-hoermann .custom-tizer-item-icon { color: var(--theme-color-layer-006); } .custom-tizer-item-title { } .custom-tizer-item-title-style { font-weight: bold; font-size: 16px; line-height: 1.4; } .custom-tizers-list-hoermann .custom-tizer-item-title-style { color: var(--theme-color-layer-006); font-weight: 500; font-family: var(--theme-font-family-additional); font-size: 26px; } .custom-tizers-list-hoermann .custom-tizer-item-text-style { color: #fff; } .custom-tizer-item-text { } .custom-tizer-item-text-style { font-size: 14px; line-height: 1.6; } .custome-accordion { width: 100%; max-width: 100%; display: flex; flex-direction: column; gap: var(--theme-gap-layer-03); } .custome-item { background: var(--theme-color-block); border-radius: var(--theme-border-radius-normal); } .custome-header { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--theme-gap-layer-04); padding: var(--theme-gap-layer-04); cursor: pointer; text-align: left; } .custome-title { flex: 1 1 auto; font-size: 16px; line-height: 1.6; font-weight: 500; } .custome-icon { flex: 0 0 auto; display: inline-flex; transform: translateZ(0); } .custome-icon { transition: transform .25s ease; } .custome-panel { overflow: hidden; height: 0; opacity: 0; transition: height .28s ease, opacity .28s ease; } .custome-content { padding: 0 var(--theme-gap-layer-04) var(--theme-gap-layer-04) var(--theme-gap-layer-04); font-size: 16px; line-height: 1.6; } .custome-item.custome-open .custome-icon{ transform: rotate(180deg); } .custome-item.custome-open .custome-panel { opacity: 1; } .page-custom-box-two {position: relative;display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--theme-gap-layer-12);} .page-custom-box-two-block { } .custom-light-gate-config { color: var(--custom-light-text); } .custom-light-gate-config__grid { display: grid; grid-template-columns: minmax(320px, 1.3fr) minmax(320px, 0.7fr); gap: var(--theme-gap-layer-06); align-items: start; } .custom-light-gate-config__visual, .custom-light-gate-config__panel { min-width: 0; } .custom-light-gate-config__visual {-webkit-user-select: none;user-select: none;position: relative;height: 100%;} .custom-light-gate-config__image-wrap {display: flex;flex-direction: column;gap: var(--theme-gap-layer-04);position: sticky;top: calc(var(--theme-paneltop) + var(--theme-header-components));} .custom-light-gate-config__image-wrap-stick { position: absolute; top: -5px; left: 0; display: flex; } .custom-light-gate-config__image-wrap-stick-box { display: flex; flex-direction: column; padding: var(--theme-gap-layer-02) var(--theme-gap-layer-04); border-radius: var(--theme-border-radius-large); background: var(--theme-color-layer-006); } .custom-light-gate-config__image-wrap-stick-top { font-size: 14px; } .custom-light-gate-config__image-wrap-stick-bottom { font-size: 18px; font-weight: bold; } .custom-light-gate-config__image { display: block; width: 100%; height: auto; object-fit: contain; } .custom-light-gate-config__panel { display: flex; flex-direction: column; gap: var(--theme-gap-layer-06); } .custom-light-gate-config__section { background: var(--theme-color-block); border-radius: var(--theme-border-radius-medium); } .custom-light-gate-config__section-head { background: #fff; border-radius: calc(var(--theme-border-radius-medium) - 2px) calc(var(--theme-border-radius-medium) - 2px) 0 0; display: flex; align-items: center; padding: var(--theme-gap-layer-02); gap: var(--theme-gap-layer-02); border: 3px solid var(--theme-color-block); } .custom-light-gate-config__step { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--theme-border-radius-large); font-weight: bold; font-size: 16px; line-height: 1; flex: 0 0 auto; background-color: var(--theme-color-block); } .custom-light-gate-config__title { font-size: 16px; color: var(--theme-text-color); line-height: 1.4; font-weight: 500; letter-spacing: normal; font-family: var(--theme-font-family-additional); } .custom-light-gate-config__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--theme-gap-layer-03); padding: var(--theme-gap-layer-04) var(--theme-gap-layer-03); } .custom-light-field { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); } .custom-light-field__label { color: var(--theme-color-strict); } .custom-light-select-wrap { position: relative; } .custom-light-select { appearance: none; height: 48px; width: 100%; padding: 0 var(--theme-gap-layer-03); border: 2px solid var(--theme-main-color); border-radius: var( --theme-border-radius-normal); transition: border-color .2s ease; background: #fff; font-weight: 500; font-size: 16px; } .custom-light-select-wrap::after { content: ""; position: absolute; top: 50%; right: 18px; width: 10px; height: 10px; border-right: 2px solid #64748b; border-bottom: 2px solid #64748b; transform: translateY(-60%) rotate(45deg); pointer-events: none; } .custom-light-drive { display: grid; grid-template-columns: 60px 1fr; gap: var(--theme-gap-layer-03); padding: var(--theme-gap-layer-04) var(--theme-gap-layer-03); align-items: center; } .custom-light-drive__media { border: 2px solid var(--theme-main-color); border-radius: var(--theme-border-radius-normal); overflow: hidden; min-height: 60px; display: flex; align-items: center; justify-content: center; padding: 8px; background-color: #fff; } .custom-light-drive__image { width: 100%; height: auto; display: block; object-fit: contain; } .custom-light-drive__content { display: flex; flex-direction: column; gap: var(--theme-gap-layer-01); } .custom-light-drive__label { color: var(--theme-color-strict); } .custom-light-drive__name {font-size: 16px;color: var(--theme-text-color);font-weight: 500;} .custom-light-colors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--theme-gap-layer-03); padding: var(--theme-gap-layer-04) var(--theme-gap-layer-03); } .custom-light-color-card { display: block; cursor: pointer; } .custom-light-color-card__input { position: absolute; opacity: 0; pointer-events: none; } .custom-light-color-card__box { display: flex; flex-direction: column; gap: var(--theme-gap-layer-02); height: 100%; border: 2px solid var(--theme-color-border); background: #ffffff; transition: border-color 0.2s ease; border-radius: var(--theme-border-radius-normal); overflow: hidden; padding: var(--theme-gap-layer-02); } .custom-light-color-card:hover .custom-light-color-card__box { } .custom-light-color-card__input:checked + .custom-light-color-card__box { border: 2px solid var(--theme-main-color); } .custom-light-color-card__thumb { display: block; overflow: hidden; border-radius: var(--theme-border-radius-small); position: relative; } .custom-light-color-card__thumb-ral { position: absolute; top: var(--theme-gap-layer-01); left: var(--theme-gap-layer-01); z-index: 2; background: var(--theme-color-layer-006); color: var(--theme-text-color); font-size: 10px; padding: 2px 4px; border-radius: var(--theme-border-radius-extra-small); font-weight: bold; } .custom-light-color-card__thumb img { width: 100%; height: 100%; display: block; object-fit: cover; max-height: 80px; z-index: 1; position: relative; } .custom-light-color-card__name { font-size: 16px; font-weight: 500; } .custom-light-summary { } .custom-light-summary__row { display: flex; justify-content: space-between; gap: var(--theme-gap-layer-03); padding-bottom: var(--theme-gap-layer-03); border-bottom: 1px solid var(--theme-color-border); } .custom-light-summary__row+.custom-light-summary__row {padding-top: var(--theme-gap-layer-03);} .custom-light-summary__label { color: var(--theme-color-strict); font-size: 16px; } .custom-light-summary__value { text-align: right; font-weight: 500; font-size: 16px; } .custom-light-summary__price-wrap { display: flex; align-items: baseline; justify-content: space-between; gap: var(--theme-gap-layer-03); padding-top: var(--theme-gap-layer-03); } .custom-light-summary__price-label { font-size: 16px; color: var(--theme-text-color); font-weight: bold; } .custom-light-summary__price { font-size: 28px; font-weight: bold; } .custom-light-gate-config__summary {background-color: #fff;padding: var(--theme-gap-layer-04);border-radius: var(--theme-border-radius-medium);gap: var(--theme-gap-layer-04);display: flex;flex-direction: column;box-shadow: var(--theme-shadow-03);} .custom-light-gate-config__saler { } .custom-button-callback-hoermann { width: 100%; height: 56px; border-radius: var(--theme-border-radius-normal); background-color: var(--theme-color-layer-007); color: #fff; gap: var(--theme-gap-layer-02); font-size: 18px; line-height: 1; }