diff options
Diffstat (limited to 'html/content/css/main.css')
| -rw-r--r-- | html/content/css/main.css | 14508 |
1 files changed, 0 insertions, 14508 deletions
diff --git a/html/content/css/main.css b/html/content/css/main.css deleted file mode 100644 index be1dea5..0000000 --- a/html/content/css/main.css +++ /dev/null @@ -1,14508 +0,0 @@ -:root { - --top: 0px; - --windowHeight: 100%; - --productPadding: 16px; - --gridSpace: 48px; - --iconButtonSpace: 11px; - --headerHeight: 136px; - --fieldColumnSpace: 16px; - --fieldRowSpace: 20px; - --smallField: 130px; - --checkboxRadioSpace: 16px; - --inputBorderColor: #a6a6a6; - --inputLabelPadding: 16px; - --wrapperXXS: 816px; - --wrapperXS: 984px; - --wrapperS: 1142px; - --wrapper: 1240px; - --wrapperL: 1514px; - --wrapperFull: 1920px; - } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ - *, - *::before, - *::after { - box-sizing: border-box; - } - html { - line-height: 1.15; - -webkit-text-size-adjust: 100%; - } - body { - margin: 0; - -webkit-font-smoothing: antialiased; - } - h1 { - font-size: 2em; - margin: 0.67em 0; - } - hr { - box-sizing: content-box; - height: 0; - overflow: visible; - } - pre { - font-family: monospace, monospace; - font-size: 1em; - } - a { - background-color: transparent; - } - abbr[title] { - border-bottom: none; - text-decoration: underline; - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; - } - b, - strong { - font-weight: bolder; - } - code, - kbd, - samp { - font-family: monospace, monospace; - font-size: 1em; - } - small { - font-size: 80%; - } - sub, - sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; - } - sub { - bottom: -0.25em; - } - sup { - top: -0.5em; - } - img { - border-style: none; - } - button, - input, - optgroup, - select, - textarea { - font-family: inherit; - font-size: 100%; - line-height: 1.15; - margin: 0; - } - button, - input { - overflow: visible; - } - button, - select { - text-transform: none; - } - button, - [type="button"], - [type="reset"], - [type="submit"] { - -webkit-appearance: button; - } - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; - } - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; - } - fieldset { - padding: 0.35em 0.75em 0.625em; - } - legend { - box-sizing: border-box; - color: inherit; - display: table; - max-width: 100%; - padding: 0; - white-space: normal; - } - progress { - vertical-align: baseline; - } - textarea { - overflow: auto; - } - [type="checkbox"], - [type="radio"] { - box-sizing: border-box; - padding: 0; - } - [type="number"]::-webkit-inner-spin-button, - [type="number"]::-webkit-outer-spin-button { - height: auto; - } - [type="search"] { - -webkit-appearance: textfield; - outline-offset: -2px; - } - [type="search"]::-webkit-search-decoration { - -webkit-appearance: none; - } - ::-webkit-file-upload-button { - -webkit-appearance: button; - font: inherit; - } - details { - display: block; - } - summary { - display: list-item; - } - template { - display: none; - } - [hidden] { - display: none; - } - - .noUi-target, - .noUi-target * { - -webkit-touch-callout: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-user-select: none; - touch-action: none; - -ms-user-select: none; - -moz-user-select: none; - user-select: none; - box-sizing: border-box; - } - .noUi-target { - position: relative; - } - .noUi-base, - .noUi-connects { - width: 100%; - height: 100%; - position: relative; - z-index: 1; - } - .noUi-connects { - overflow: hidden; - z-index: 0; - } - .noUi-connect, - .noUi-origin { - will-change: transform; - position: absolute; - z-index: 1; - top: 0; - right: 0; - height: 100%; - width: 100%; - -ms-transform-origin: 0 0; - -webkit-transform-origin: 0 0; - -webkit-transform-style: preserve-3d; - transform-origin: 0 0; - -webkit-transform-style: flat; - transform-style: flat; - } - .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { - left: 0; - right: auto; - } - .noUi-vertical .noUi-origin { - top: -100%; - width: 0; - } - .noUi-horizontal .noUi-origin { - height: 0; - } - .noUi-handle { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - position: absolute; - } - .noUi-touch-area { - height: 100%; - width: 100%; - } - .noUi-state-tap .noUi-connect, - .noUi-state-tap .noUi-origin { - transition: -webkit-transform 0.3s; - transition: transform 0.3s; - transition: transform 0.3s, -webkit-transform 0.3s; - } - .noUi-state-drag * { - cursor: inherit !important; - } - .noUi-horizontal { - height: 18px; - } - .noUi-horizontal .noUi-handle { - width: 34px; - height: 28px; - right: -17px; - top: -6px; - } - .noUi-vertical { - width: 18px; - } - .noUi-vertical .noUi-handle { - width: 28px; - height: 34px; - right: -6px; - bottom: -17px; - } - .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { - left: -17px; - right: auto; - } - .noUi-target { - background: #fafafa; - border-radius: 4px; - border: 1px solid #d3d3d3; - box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; - } - .noUi-connects { - border-radius: 3px; - } - .noUi-connect { - background: #3fb8af; - } - .noUi-draggable { - cursor: ew-resize; - } - .noUi-vertical .noUi-draggable { - cursor: ns-resize; - } - .noUi-handle { - border: 1px solid #d9d9d9; - border-radius: 3px; - background: #fff; - cursor: default; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; - } - .noUi-active { - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; - } - .noUi-handle:before, - .noUi-handle:after { - content: ""; - display: block; - position: absolute; - height: 14px; - width: 1px; - background: #e8e7e6; - left: 14px; - top: 6px; - } - .noUi-handle:after { - left: 17px; - } - .noUi-vertical .noUi-handle:before, - .noUi-vertical .noUi-handle:after { - width: 14px; - height: 1px; - left: 6px; - top: 14px; - } - .noUi-vertical .noUi-handle:after { - top: 17px; - } - [disabled] .noUi-connect { - background: #b8b8b8; - } - [disabled].noUi-target, - [disabled].noUi-handle, - [disabled] .noUi-handle { - cursor: not-allowed; - } - .noUi-pips, - .noUi-pips * { - box-sizing: border-box; - } - .noUi-pips { - position: absolute; - color: #999; - } - .noUi-value { - position: absolute; - white-space: nowrap; - text-align: center; - } - .noUi-value-sub { - color: #ccc; - font-size: 10px; - } - .noUi-marker { - position: absolute; - background: #ccc; - } - .noUi-marker-sub { - background: #aaa; - } - .noUi-marker-large { - background: #aaa; - } - .noUi-pips-horizontal { - padding: 10px 0; - height: 80px; - top: 100%; - left: 0; - width: 100%; - } - .noUi-value-horizontal { - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); - } - .noUi-rtl .noUi-value-horizontal { - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); - } - .noUi-marker-horizontal.noUi-marker { - margin-left: -1px; - width: 2px; - height: 5px; - } - .noUi-marker-horizontal.noUi-marker-sub { - height: 10px; - } - .noUi-marker-horizontal.noUi-marker-large { - height: 15px; - } - .noUi-pips-vertical { - padding: 0 10px; - height: 100%; - top: 0; - left: 100%; - } - .noUi-value-vertical { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - padding-left: 25px; - } - .noUi-rtl .noUi-value-vertical { - -webkit-transform: translate(0, 50%); - transform: translate(0, 50%); - } - .noUi-marker-vertical.noUi-marker { - width: 5px; - height: 2px; - margin-top: -1px; - } - .noUi-marker-vertical.noUi-marker-sub { - width: 10px; - } - .noUi-marker-vertical.noUi-marker-large { - width: 15px; - } - .noUi-tooltip { - display: block; - position: absolute; - border: 1px solid #d9d9d9; - border-radius: 3px; - background: #fff; - color: #000; - padding: 5px; - text-align: center; - white-space: nowrap; - } - .noUi-horizontal .noUi-tooltip { - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); - left: 50%; - bottom: 120%; - } - .noUi-vertical .noUi-tooltip { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - top: 50%; - right: 120%; - } - .noUi-horizontal .noUi-origin > .noUi-tooltip { - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - left: auto; - bottom: 10px; - } - .noUi-vertical .noUi-origin > .noUi-tooltip { - -webkit-transform: translate(0, -18px); - transform: translate(0, -18px); - top: auto; - right: 28px; - } - @font-face { - font-family: "swiper-icons"; - src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); - font-weight: 400; - font-style: normal; - } - :root { - --swiper-theme-color: #007aff; - } - .swiper { - margin-left: auto; - margin-right: auto; - position: relative; - overflow: hidden; - list-style: none; - padding: 0; - z-index: 1; - } - .swiper-vertical > .swiper-wrapper { - flex-direction: column; - } - .swiper-wrapper { - position: relative; - width: 100%; - height: 100%; - z-index: 1; - display: flex; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - box-sizing: content-box; - } - .swiper-android .swiper-slide, - .swiper-wrapper { - -webkit-transform: translate3d(0px, 0, 0); - transform: translate3d(0px, 0, 0); - } - .swiper-pointer-events { - touch-action: pan-y; - } - .swiper-pointer-events.swiper-vertical { - touch-action: pan-x; - } - .swiper-slide { - flex-shrink: 0; - width: 100%; - height: 100%; - position: relative; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - } - .swiper-slide-invisible-blank { - visibility: hidden; - } - .swiper-autoheight, - .swiper-autoheight .swiper-slide { - height: auto; - } - .swiper-autoheight .swiper-wrapper { - align-items: flex-start; - transition-property: height, -webkit-transform; - transition-property: transform, height; - transition-property: transform, height, -webkit-transform; - } - .swiper-3d, - .swiper-3d.swiper-css-mode .swiper-wrapper { - -webkit-perspective: 1200px; - perspective: 1200px; - } - .swiper-3d .swiper-wrapper, - .swiper-3d .swiper-slide, - .swiper-3d .swiper-slide-shadow, - .swiper-3d .swiper-slide-shadow-left, - .swiper-3d .swiper-slide-shadow-right, - .swiper-3d .swiper-slide-shadow-top, - .swiper-3d .swiper-slide-shadow-bottom, - .swiper-3d .swiper-cube-shadow { - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; - } - .swiper-3d .swiper-slide-shadow, - .swiper-3d .swiper-slide-shadow-left, - .swiper-3d .swiper-slide-shadow-right, - .swiper-3d .swiper-slide-shadow-top, - .swiper-3d .swiper-slide-shadow-bottom { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - pointer-events: none; - z-index: 10; - } - .swiper-3d .swiper-slide-shadow { - background: rgba(0, 0, 0, 0.15); - } - .swiper-3d .swiper-slide-shadow-left { - background-image: linear-gradient( - to left, - rgba(0, 0, 0, 0.5), - rgba(0, 0, 0, 0) - ); - } - .swiper-3d .swiper-slide-shadow-right { - background-image: linear-gradient( - to right, - rgba(0, 0, 0, 0.5), - rgba(0, 0, 0, 0) - ); - } - .swiper-3d .swiper-slide-shadow-top { - background-image: linear-gradient( - to top, - rgba(0, 0, 0, 0.5), - rgba(0, 0, 0, 0) - ); - } - .swiper-3d .swiper-slide-shadow-bottom { - background-image: linear-gradient( - to bottom, - rgba(0, 0, 0, 0.5), - rgba(0, 0, 0, 0) - ); - } - .swiper-css-mode > .swiper-wrapper { - overflow: auto; - scrollbar-width: none; - -ms-overflow-style: none; - } - .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { - display: none; - } - .swiper-css-mode > .swiper-wrapper > .swiper-slide { - scroll-snap-align: start start; - } - .swiper-horizontal.swiper-css-mode > .swiper-wrapper { - -ms-scroll-snap-type: x mandatory; - scroll-snap-type: x mandatory; - } - .swiper-vertical.swiper-css-mode > .swiper-wrapper { - -ms-scroll-snap-type: y mandatory; - scroll-snap-type: y mandatory; - } - .swiper-centered > .swiper-wrapper::before { - content: ""; - flex-shrink: 0; - order: 9999; - } - .swiper-centered.swiper-horizontal - > .swiper-wrapper - > .swiper-slide:first-child { - -webkit-margin-start: var(--swiper-centered-offset-before); - margin-inline-start: var(--swiper-centered-offset-before); - } - .swiper-centered.swiper-horizontal > .swiper-wrapper::before { - height: 100%; - min-height: 1px; - width: var(--swiper-centered-offset-after); - } - .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { - -webkit-margin-before: var(--swiper-centered-offset-before); - margin-block-start: var(--swiper-centered-offset-before); - } - .swiper-centered.swiper-vertical > .swiper-wrapper::before { - width: 100%; - min-width: 1px; - height: var(--swiper-centered-offset-after); - } - .swiper-centered > .swiper-wrapper > .swiper-slide { - scroll-snap-align: center center; - } - .swiper-virtual.swiper-css-mode .swiper-wrapper::after { - content: ""; - position: absolute; - left: 0; - top: 0; - pointer-events: none; - } - .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { - height: 1px; - width: var(--swiper-virtual-size); - } - .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { - width: 1px; - height: var(--swiper-virtual-size); - } - :root { - --swiper-navigation-size: 44px; - } - .swiper-button-prev, - .swiper-button-next { - position: absolute; - top: 50%; - width: calc(var(--swiper-navigation-size) / 44 * 27); - height: var(--swiper-navigation-size); - margin-top: calc(0px - var(--swiper-navigation-size) / 2); - z-index: 10; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - color: var(--swiper-navigation-color, var(--swiper-theme-color)); - } - .swiper-button-prev.swiper-button-disabled, - .swiper-button-next.swiper-button-disabled { - opacity: 0.35; - cursor: auto; - pointer-events: none; - } - .swiper-button-prev:after, - .swiper-button-next:after { - font-family: swiper-icons; - font-size: var(--swiper-navigation-size); - text-transform: none !important; - letter-spacing: 0; - text-transform: none; - font-variant: initial; - line-height: 1; - } - .swiper-button-prev, - .swiper-rtl .swiper-button-next { - left: 10px; - right: auto; - } - .swiper-button-prev:after, - .swiper-rtl .swiper-button-next:after { - content: "prev"; - } - .swiper-button-next, - .swiper-rtl .swiper-button-prev { - right: 10px; - left: auto; - } - .swiper-button-next:after, - .swiper-rtl .swiper-button-prev:after { - content: "next"; - } - .swiper-button-lock { - display: none; - } - .swiper-pagination { - position: absolute; - text-align: center; - transition: 300ms opacity; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - z-index: 10; - } - .swiper-pagination.swiper-pagination-hidden { - opacity: 0; - } - .swiper-pagination-fraction, - .swiper-pagination-custom, - .swiper-horizontal > .swiper-pagination-bullets, - .swiper-pagination-bullets.swiper-pagination-horizontal { - bottom: 10px; - left: 0; - width: 100%; - } - .swiper-pagination-bullets-dynamic { - overflow: hidden; - font-size: 0; - } - .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { - -webkit-transform: scale(0.33); - transform: scale(0.33); - position: relative; - } - .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { - -webkit-transform: scale(1); - transform: scale(1); - } - .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { - -webkit-transform: scale(1); - transform: scale(1); - } - .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { - -webkit-transform: scale(0.66); - transform: scale(0.66); - } - .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { - -webkit-transform: scale(0.33); - transform: scale(0.33); - } - .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { - -webkit-transform: scale(0.66); - transform: scale(0.66); - } - .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { - -webkit-transform: scale(0.33); - transform: scale(0.33); - } - .swiper-pagination-bullet { - width: var( - --swiper-pagination-bullet-width, - var(--swiper-pagination-bullet-size, 8px) - ); - height: var( - --swiper-pagination-bullet-height, - var(--swiper-pagination-bullet-size, 8px) - ); - display: inline-block; - border-radius: 50%; - background: var(--swiper-pagination-bullet-inactive-color, #000); - opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); - } - button.swiper-pagination-bullet { - border: none; - margin: 0; - padding: 0; - box-shadow: none; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - } - .swiper-pagination-clickable .swiper-pagination-bullet { - cursor: pointer; - } - .swiper-pagination-bullet:only-child { - display: none !important; - } - .swiper-pagination-bullet-active { - opacity: var(--swiper-pagination-bullet-opacity, 1); - background: var(--swiper-pagination-color, var(--swiper-theme-color)); - } - .swiper-vertical > .swiper-pagination-bullets, - .swiper-pagination-vertical.swiper-pagination-bullets { - right: 10px; - top: 50%; - -webkit-transform: translate3d(0px, -50%, 0); - transform: translate3d(0px, -50%, 0); - } - .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, - .swiper-pagination-vertical.swiper-pagination-bullets - .swiper-pagination-bullet { - margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; - display: block; - } - .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, - .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 8px; - } - .swiper-vertical - > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic - .swiper-pagination-bullet, - .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic - .swiper-pagination-bullet { - display: inline-block; - transition: 200ms top, 200ms -webkit-transform; - transition: 200ms transform, 200ms top; - transition: 200ms transform, 200ms top, 200ms -webkit-transform; - } - .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, - .swiper-pagination-horizontal.swiper-pagination-bullets - .swiper-pagination-bullet { - margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); - } - .swiper-horizontal - > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, - .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - white-space: nowrap; - } - .swiper-horizontal - > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic - .swiper-pagination-bullet, - .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic - .swiper-pagination-bullet { - transition: 200ms left, 200ms -webkit-transform; - transition: 200ms transform, 200ms left; - transition: 200ms transform, 200ms left, 200ms -webkit-transform; - } - .swiper-horizontal.swiper-rtl - > .swiper-pagination-bullets-dynamic - .swiper-pagination-bullet { - transition: 200ms right, 200ms -webkit-transform; - transition: 200ms transform, 200ms right; - transition: 200ms transform, 200ms right, 200ms -webkit-transform; - } - .swiper-pagination-progressbar { - background: rgba(0, 0, 0, 0.25); - position: absolute; - } - .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { - background: var(--swiper-pagination-color, var(--swiper-theme-color)); - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - -webkit-transform: scale(0); - transform: scale(0); - -webkit-transform-origin: left top; - transform-origin: left top; - } - .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { - -webkit-transform-origin: right top; - transform-origin: right top; - } - .swiper-horizontal > .swiper-pagination-progressbar, - .swiper-pagination-progressbar.swiper-pagination-horizontal, - .swiper-vertical - > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, - .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { - width: 100%; - height: 4px; - left: 0; - top: 0; - } - .swiper-vertical > .swiper-pagination-progressbar, - .swiper-pagination-progressbar.swiper-pagination-vertical, - .swiper-horizontal - > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, - .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { - width: 4px; - height: 100%; - left: 0; - top: 0; - } - .swiper-pagination-lock { - display: none; - } - .swiper-zoom-container { - width: 100%; - height: 100%; - display: flex; - justify-content: center; - align-items: center; - text-align: center; - } - .swiper-zoom-container > img, - .swiper-zoom-container > svg, - .swiper-zoom-container > canvas { - max-width: 100%; - max-height: 100%; - -o-object-fit: contain; - object-fit: contain; - } - .swiper-slide-zoomed { - cursor: move; - } - .swiper-lazy-preloader { - width: 42px; - height: 42px; - position: absolute; - left: 50%; - top: 50%; - margin-left: -21px; - margin-top: -21px; - z-index: 10; - -webkit-transform-origin: 50%; - transform-origin: 50%; - -webkit-animation: swiper-preloader-spin 1s infinite linear; - animation: swiper-preloader-spin 1s infinite linear; - box-sizing: border-box; - border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); - border-radius: 50%; - border-top-color: transparent; - } - .swiper-lazy-preloader-white { - --swiper-preloader-color: #fff; - } - .swiper-lazy-preloader-black { - --swiper-preloader-color: #000; - } - @-webkit-keyframes swiper-preloader-spin { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - @keyframes swiper-preloader-spin { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - .swiper-fade.swiper-free-mode .swiper-slide { - transition-timing-function: ease-out; - } - .swiper-fade .swiper-slide { - pointer-events: none; - transition-property: opacity; - } - .swiper-fade .swiper-slide .swiper-slide { - pointer-events: none; - } - .swiper-fade .swiper-slide-active, - .swiper-fade .swiper-slide-active .swiper-slide-active { - pointer-events: auto; - } - html.noScroll, - html.noScroll body { - overflow: hidden; - height: calc(var(--windowHeight) - 1px); - } - body.menuOpened { - left: 0; - overflow: hidden; - position: fixed; - top: 0; - width: 100%; - height: 100%; - } - body:not(.menuOpened) .mainLayer { - opacity: 0; - pointer-events: none; - } - .section { - margin-bottom: 64px; - } - .sectionTitle { - align-items: flex-end; - display: flex; - flex-wrap: wrap; - justify-content: space-between; - margin-bottom: 20px; - text-align: left; - } - .sectionTitle--center { - justify-content: center; - } - .sectionTitle h2 { - font-size: 1.625rem; - font-weight: 700; - letter-spacing: -0.03em; - line-height: 1.53; - color: #333; - margin: 0; - } - .sectionTitle h2 + p { - margin-top: 4px; - } - .sectionTitle p { - color: #404040; - font-size: 1rem; - line-height: 1.467; - } - .sectionTitle p:last-child { - margin-bottom: 0; - } - .sectionTitle .link, - .sectionTitle .text a, - .text .sectionTitle a, - .sectionTitle p a, - p .sectionTitle a { - margin-top: 4px; - } - .pageTitle { - position: relative; - height: 100px; - } - .mainLayout__content .pageTitle { - margin-left: calc(-1 * var(--mainLayoutSpace)); - width: calc(100% + var(--mainLayoutSpace) * 2); - } - .pageTitle img { - -o-object-fit: cover; - object-fit: cover; - width: 100%; - height: 100%; - } - .pageTitle .wrapper { - align-items: center; - display: inline-flex; - flex-direction: column; - justify-content: center; - position: relative; - text-align: center; - height: 100%; - } - .pageTitle h1 { - color: var(--fontcolor); - font-size: 2.875rem; - font-weight: 700; - letter-spacing: -0.03em; - line-height: 1.0435; - margin: 0; - } - .pageTitle .em { - color: #f47920; - } - .pageTitle p { - color: #595959; - font-size: 1rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.375; - margin: 0; - } - .pageTitle.pageTitle--image h1 { - text-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15); - } - .pageTitle--big { - align-items: center; - background: #f2efe8; - display: flex; - justify-content: center; - -webkit-mask: url(//storage.googleapis.com/pythia-files/emarket/sklavenitisMask.svg) center no-repeat; - mask: url(//storage.googleapis.com/pythia-files/emarket/sklavenitisMask.svg) center no-repeat; - -webkit-mask-size: auto 100%; - mask-size: auto 100%; - margin: 0 0 56px; - position: relative; - text-align: center; - height: 385px; - } - .pageTitle--big img { - -o-object-fit: cover; - object-fit: cover; - height: 100%; - max-width: 1243px; - } - .pageTitle--big h1 { - color: #fff; - font-size: 4.375rem; - line-height: 1; - text-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15); - } - [v-cloak]:not([v-cloak="visibility"]) { - display: none; - } - [v-cloak="visibility"] { - visibility: hidden; - } - .printRow { - margin-top: 24px; - padding-top: 16px; - text-align: right; - } - .printRow--border { - border-top: 1px solid #c2c2c2; - } - .asideHeader { - align-items: center; - background: #f2efe8; - display: flex; - flex-direction: column; - justify-content: center; - height: 100px; - } - .asideHeader__title { - color: #333; - font-size: 1.125rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.334; - margin: 0; - } - .asideHeader__title:not(:last-child) { - margin-bottom: 4px; - } - .asideHeader__text { - color: #838385; - font-size: 0.875rem; - font-weight: 500; - line-height: 1.286; - } - .ordersBanner { - background: #f2efe8; - border-radius: 8px; - overflow: hidden; - padding: 32px; - position: relative; - } - .ordersBanner__img { - position: absolute; - right: 0; - top: 0; - width: 46%; - height: 100%; - } - .ordersBanner__img img { - -o-object-fit: cover; - object-fit: cover; - -o-object-position: left center; - object-position: left center; - width: 100%; - height: 100%; - } - .ordersBanner__icon { - flex-shrink: 0; - font-size: 3.4375rem; - margin-right: 32px; - } - .ordersBanner__text { - color: #333; - font-size: 1.0625rem; - letter-spacing: -0.03em; - line-height: 1.411; - margin: 0; - position: relative; - max-width: 496px; - } - .pageNav { - display: flex; - justify-content: space-between; - margin: 24px 0; - } - .pill { - font-size: 0.875rem; - font-weight: 500; - letter-spacing: -0.01em; - line-height: 1.28; - background-color: #8dc63f; - border-radius: 100px; - color: #fff; - display: inline-block; - padding: 5px 12px; - } - @font-face { - font-family: "cfastystd"; - font-display: swap; - font-style: normal; - font-weight: 400; - src: url("../fonts/CFAstyStd-Book.woff2") format("woff2"), - url("../fonts/CFAstyStd-Book.woff") format("woff"); - } - @font-face { - font-family: "cfastystd"; - font-display: swap; - font-style: normal; - font-weight: 500; - src: url("../fonts/CFAstyStd-Medium.woff2") format("woff2"), - url("../fonts/CFAstyStd-Medium.woff") format("woff"); - } - @font-face { - font-family: "cfastystd"; - font-display: swap; - font-style: normal; - font-weight: 700; - src: url("../fonts/CFAstyStd-Bold.woff2") format("woff2"), - url("../fonts/CFAstyStd-Bold.woff") format("woff"); - } - .clearfix::after { - clear: both; - content: ""; - display: table; - } - .hide-text { - overflow: hidden; - padding: 0; - text-indent: 101%; - white-space: nowrap; - } - .visually-hidden { - border: 0; - clip: rect(0 0 0 0); - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - height: 1px; - } - .row { - display: flex; - flex-wrap: wrap; - } - .row--noWrap { - flex-wrap: nowrap; - } - .row--vStart { - align-items: flex-start; - } - .row--vCenter { - align-items: center; - } - .row--vEnd { - align-items: flex-end; - } - .row--hStart { - justify-content: flex-start; - } - .row--hCenter { - justify-content: center; - } - .row--hEnd { - justify-content: flex-end; - } - .row--space { - flex-wrap: nowrap; - justify-content: space-between; - } - .btnWrap { - --buttonsMarginH: 6px; - --buttonsMarginV: 6px; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; - margin: 0 0 40px; - } - .btnWrap.field { - --buttonsMarginH: 24px; - } - .btnWrap--noMargin { - margin-bottom: 0; - } - .btnWrap--hCenter { - justify-content: center; - } - .btnWrap--hEnd { - justify-content: flex-end; - } - .btnWrap--hSpaceB { - justify-content: space-between; - } - .btnWrap--column { - flex-direction: column; - } - .btnWrap--column > *:not(:last-child) { - margin-bottom: var(--buttonsMarginV); - margin-right: 0; - } - .btnWrap .button { - margin: var(--buttonsMarginV) var(--buttonsMarginH); - } - .productThumbs .swiper-button-prev:before, - .productThumbs .swiper-button-next:before, - .productThumbs__slide:after, - .orderTrack__action:after, - .myList__new:after, - .myList__title:after, - .myList__icon:after, - .myList--box:after, - .landingItem--box .landingItem__title:after, - .landingItem__title:before, - .landingItem__link:before, - .addBox__link:before, - .userNav__link:after, - .contentBox__link:before, - .playvideo__icon, - .table tbody tr:after, - .storeHours:after, - .searchInput__submitInput, - .quantity.quantity--init .quantity__input, - .quantity--init:after, - .product__title:before, - .output--init .output__button:after, - .output__mainLink:after, - .loginWrap__img img, - .radiobutton__border, - .filtersApply .loader, - .contestBnr:after, - .catalogue__link:before, - .loginBtn .iconButton:after, - .loginBtn .selectedFilters__remove:after, - .article__link:before, - .pageTitle figure, - .pageTitle--big figure { - inset: 0; - position: absolute; - width: 100%; - height: 100%; - } - .separate { - margin: 0 16px; - } - .txtRight { - text-align: right; - } - .noWrap { - white-space: nowrap; - } - .couponBlock__clear, - .couponBlock__btn, - .playvideo__icon, - .social__link, - .iconButton, - .selectedFilters__remove, - .footer__listLink { - --buttonColor: #838385; - --buttonColorHover: #595959; - --buttonColorActive: #f47920; - } - .sitemapnav__link, - .myList__title, - .landingItem--box .landingItem__title, - .landingItem__link, - .pagination__link, - .output__link, - .output__mainLink, - .select__option, - .autocomplete__option, - .checkbox__label a, - .radiobutton__label a, - .deliveryTypeInfo__link, - .link, - .text a, - p a, - .iconButton--black, - .breadcrumb__itemLink { - --buttonColor: #333; - --buttonColorHover: #838385; - --buttonColorActive: #f47920; - } - .link--orange, - .iconButton--orange, - .button { - --buttonColor: #f47920; - --buttonColorHover: #f68d41; - --buttonColorActive: #c75808; - } - .button.button--green, - .button.miniBasketButton.active { - --buttonColor: #74b11f; - --buttonColorHover: #8dc63f; - --buttonColorActive: #588718; - } - .select__listWrap, - .autocomplete, - .range__input, - .field__input, - .textarea__field, - .select__button { - border: 1px solid var(--inputBorderColor); - border-radius: 8px; - } - .range__input, - .field__input, - .textarea__field, - .select__button { - color: #333; - font-size: 0.9375rem; - padding: 8px 16px; - width: 100%; - height: 48px; - } - .input-validation-error.range__input, - .input-validation-error.field__input, - .input-validation-error.textarea__field, - .input-validation-error.select__button, - .field--error .range__input, - .field--error .field__input, - .field--error .textarea__field, - .field--error .select__button { - border-color: #d91a32; - } - .range__input:focus, - .field__input:focus, - .textarea__field:focus, - .select--open .select__button { - border-color: #f47920; - outline: none; - } - .field-validation-error, - .field__helper { - font-size: 0.75rem; - font-weight: 400; - letter-spacing: initial; - line-height: 1.33; - color: #595959; - display: block; - margin: 7px 0 0 0; - padding-left: var(--inputLabelPadding); - } - .field-validation-error ~ .field-validation-error, - .field__helper ~ .field-validation-error { - margin-top: 2px; - } - .field__input:-moz-read-only { - background-color: #ececec; - border-color: #ececec; - color: #838385; - pointer-events: none; - } - .field__input:read-only { - background-color: #ececec; - border-color: #ececec; - color: #838385; - pointer-events: none; - } - .listsBlock__bg, - .minibasket__overlay, - .userMenu__overlay, - .notifications__overlay, - .modal__bg, - .mainLayer { - background-color: rgba(51, 51, 51, 0.9); - left: 0; - position: fixed; - top: 0; - transition: opacity 250ms ease-in-out; - z-index: 9; - width: 100%; - height: 100%; - } - .minibasket__inner { - -webkit-transform: translateX(100%); - transform: translateX(100%); - transition: -webkit-transform 300ms ease-out 120ms; - transition: transform 300ms ease-out 120ms; - transition: transform 300ms ease-out 120ms, - -webkit-transform 300ms ease-out 120ms; - } - .minibasket.active .minibasket__inner { - -webkit-transform: translateX(0); - transform: translateX(0); - transition: -webkit-transform 350ms ease-out; - transition: transform 350ms ease-out; - transition: transform 350ms ease-out, -webkit-transform 350ms ease-out; - } - .miniCart.active .miniCart__holder, - .miniCart.active .miniCart__main { - opacity: 1; - transition: opacity 300ms ease-out 240ms; - } - .miniCart__holder, - .miniCart__main { - opacity: 0; - transition: opacity 240ms ease-out; - } - @font-face { - font-family: "iconfont"; - src: url("https://sklavenitishtml.dev.atcom.gr/Content/Fonts/iconfont.eot"); - src: url("https://sklavenitishtml.dev.atcom.gr/Content/Fonts/iconfont.eot?") - format("eot"), - url("../Fonts/iconfont.woff2") format("woff2"), - url("../Fonts/iconfont.woff") format("woff"), - url("../Fonts/iconfont.ttf") format("truetype"), - url("../Fonts/iconfont.svg") format("svg"); - } - .couponBlock__clear:before, - .couponBlock__btn:before, - .productThumbs .swiper-button-next:after, - .productThumbs .swiper-button-prev:after, - .addToCartButton--added:before, - .addToCartButton:before, - .myList--box.myList--fav:before, - .myList--box:before, - .sideBasket__title:before, - .topnav__selected:before, - .timetableNav--prev:before, - .timetableNav--next:before, - .swiper-button-next:after, - .swiper-button-prev:after, - .sidemenu__selected:before, - .searchInput__submit:before, - .range__submit:before, - .quantity__message--removed:before, - .quantity__message--added:before, - .quantity__btn--dec:before, - .quantity__btn--inc:before, - .quantity--init:before, - .errorMsg:before, - .select__button:after, - .checkbox__icon:before, - .radiobutton--check .radiobutton__icon:after, - .radiobutton--box .radiobutton__icon:after, - .selectedFilters__remove:before, - .filter__titleIcon:before, - .content__zoomimg:before, - .acc.open > .acc__header .acc__icon.icon-edit:before, - .icon-zoomOut:before, - .icon-zoomIn:before, - .icon-youtube:before, - .icon-warning:before, - .icon-visibilityOff:before, - .togglePassword.disabled:before, - .filters:not(.filters--checked) .togglePassword.filtersClearAll:before, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.togglePassword:before, - .filter:not(.filter--checked) .filtersLinks button.togglePassword:before, - .icon-visibility:before, - .togglePassword:before, - .icon-vegetables:before, - .icon-twitter:before, - .icon-trolley:before, - .icon-time:before, - .icon-tickOutline:before, - .icon-tickFilled:before, - .icon-tick:before, - .statusMessage--success:before, - .icon-storeSevice1:before, - .icon-store:before, - .icon-shipping:before, - .icon-settings:before, - .icon-searchList:before, - .icon-search:before, - .field__inputSubmit:before, - .icon-schedule:before, - .icon-sausages:before, - .icon-safePay:before, - .icon-revertRight:before, - .icon-revertLeft:before, - .icon-restaurant:before, - .icon-remove:before, - .icon-refresh:before, - .icon-readyMeals:before, - .icon-print:before, - .icon-plus:before, - .icon-play:before, - .icon-pinterest:before, - .icon-pin:before, - .icon-pet:before, - .icon-party:before, - .icon-parking:before, - .icon-paper:before, - .icon-orders:before, - .icon-onePlusOne:before, - .icon-nuts:before, - .icon-newProduct:before, - .icon-mylists-wreath:before, - .icon-mylists-woman:before, - .icon-mylists-winter:before, - .icon-mylists-volleyball:before, - .icon-mylists-umbrella:before, - .icon-mylists-triangle:before, - .icon-mylists-trailer:before, - .icon-mylists-sun:before, - .icon-mylists-store:before, - .icon-mylists-star:before, - .icon-mylists-sea:before, - .icon-mylists-plane:before, - .icon-mylists-mountain:before, - .icon-mylists-mask:before, - .icon-mylists-man:before, - .icon-mylists-leaf:before, - .icon-mylists-ktirio:before, - .icon-mylists-ktiria:before, - .icon-mylists-kite:before, - .icon-mylists-house2:before, - .icon-mylists-hospital:before, - .icon-mylists-home:before, - .icon-mylists-handHeart:before, - .icon-mylists-grandpa:before, - .icon-mylists-grandma:before, - .icon-mylists-glasses:before, - .icon-mylists-girl:before, - .icon-mylists-gift:before, - .icon-mylists-football:before, - .icon-mylists-easterEgg:before, - .icon-mylists-earth:before, - .icon-mylists-dog:before, - .icon-mylists-dinner:before, - .icon-mylists-diamond:before, - .icon-mylists-cupcake:before, - .icon-mylists-cocktail:before, - .icon-mylists-cloud:before, - .icon-mylists-circle:before, - .icon-mylists-championCup:before, - .icon-mylists-champagne:before, - .icon-mylists-cat:before, - .icon-mylists-camp:before, - .icon-mylists-boy:before, - .icon-mylists-boat:before, - .icon-mylists-block:before, - .icon-mylists-birthdayHat:before, - .icon-mylists-birthdaycake:before, - .icon-mylists-bird:before, - .icon-mylists-basketball:before, - .icon-mylists-basket:before, - .icon-mylists-barakia:before, - .icon-mylists-balloon:before, - .icon-mylists-baby:before, - .icon-multipleSearch:before, - .icon-minimarketFood:before, - .icon-milkBeverages:before, - .icon-mailCircle:before, - .icon-mail:before, - .icon-logout:before, - .icon-location2:before, - .icon-location:before, - .icon-instagram:before, - .icon-info:before, - .icon-house:before, - .icon-help:before, - .icon-hearts:before, - .icon-heart:before, - .icon-frozen:before, - .icon-freshMeat:before, - .icon-form:before, - .icon-fish:before, - .icon-filters:before, - .icon-fav:before, - .icon-facemask:before, - .icon-facebook:before, - .icon-eggs:before, - .icon-edit:before, - .icon-download:before, - .icon-directions2:before, - .icon-directions:before, - .icon-delete:before, - .icon-cream:before, - .icon-cosmetics:before, - .icon-copy:before, - .icon-cone:before, - .icon-closeRoundedOutline:before, - .icon-closeRounded:before, - .icon-closeOutline:before, - .icon-close:before, - .field__inputClear:before, - .statusMessage--error:before, - .icon-cleaning:before, - .icon-cheese:before, - .icon-card:before, - .icon-call:before, - .icon-cafe:before, - .icon-breakfast:before, - .icon-bisquite:before, - .icon-bio:before, - .icon-beverages:before, - .icon-bell:before, - .icon-basketTimer:before, - .icon-basket:before, - .icon-bakery:before, - .icon-babytoy:before, - .icon-babyFoods:before, - .icon-arrowUp:before, - .goToTop:before, - .icon-arrowRight32:before, - .icon-arrowRight:before, - .mainNav__link--hasChildren:before, - .icon-arrowRight--circle:before, - .icon-arrowRight--b:before, - .icon-arrowLeft32:before, - .icon-arrowLeft:before, - .megamenu__back:before, - .icon-arrowLeft--b:before, - .icon-arrowDown:before, - .icon-appetizers:before, - .icon-alert:before, - .icon-alcohol:before, - .icon-addCircle:before, - .icon-addCircle--b:before, - .icon-add:before, - .icon-account:before { - font-family: "iconfont"; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - font-style: normal; - font-display: swap; - font-variant: normal; - font-weight: normal; - text-decoration: none; - text-transform: none; - display: inline-block; - line-height: 1; - vertical-align: top; - } - .icon-account:before { - content: ""; - } - .icon-add:before { - content: ""; - } - .icon-addCircle--b:before { - content: ""; - } - .icon-addCircle:before { - content: ""; - } - .icon-alcohol:before { - content: ""; - } - .icon-alert:before { - content: ""; - } - .icon-appetizers:before { - content: ""; - } - .icon-arrowDown:before { - content: ""; - } - .icon-arrowLeft--b:before { - content: ""; - } - .icon-arrowLeft:before, - .megamenu__back:before { - content: ""; - } - .icon-arrowLeft32:before { - content: ""; - } - .icon-arrowRight--b:before { - content: ""; - } - .icon-arrowRight--circle:before { - content: ""; - } - .icon-arrowRight:before, - .mainNav__link--hasChildren:before { - content: ""; - } - .icon-arrowRight32:before { - content: ""; - } - .icon-arrowUp:before, - .goToTop:before { - content: ""; - } - .icon-babyFoods:before { - content: ""; - } - .icon-babytoy:before { - content: ""; - } - .icon-bakery:before { - content: ""; - } - .icon-basket:before { - content: ""; - } - .icon-basketTimer:before { - content: ""; - } - .icon-bell:before { - content: ""; - } - .icon-beverages:before { - content: ""; - } - .icon-bio:before { - content: ""; - } - .icon-bisquite:before { - content: ""; - } - .icon-breakfast:before { - content: ""; - } - .icon-cafe:before { - content: ""; - } - .icon-call:before { - content: ""; - } - .icon-card:before { - content: ""; - } - .icon-cheese:before { - content: ""; - } - .icon-cleaning:before { - content: ""; - } - .icon-close:before, - .field__inputClear:before, - .statusMessage--error:before { - content: ""; - } - .icon-closeOutline:before { - content: ""; - } - .icon-closeRounded:before { - content: ""; - } - .icon-closeRoundedOutline:before { - content: ""; - } - .icon-cone:before { - content: ""; - } - .icon-copy:before { - content: ""; - } - .icon-cosmetics:before { - content: ""; - } - .icon-cream:before { - content: ""; - } - .icon-delete:before { - content: ""; - } - .icon-directions:before { - content: ""; - } - .icon-directions2:before { - content: ""; - } - .icon-download:before { - content: ""; - } - .icon-edit:before { - content: ""; - } - .icon-eggs:before { - content: ""; - } - .icon-facebook:before { - content: ""; - } - .icon-facemask:before { - content: ""; - } - .icon-fav:before { - content: ""; - } - .icon-filters:before { - content: ""; - } - .icon-fish:before { - content: ""; - } - .icon-form:before { - content: ""; - } - .icon-freshMeat:before { - content: ""; - } - .icon-frozen:before { - content: ""; - } - .icon-heart:before { - content: ""; - } - .icon-hearts:before { - content: ""; - } - .icon-help:before { - content: ""; - } - .icon-house:before { - content: ""; - } - .icon-info:before { - content: ""; - } - .icon-instagram:before { - content: ""; - } - .icon-location:before { - content: ""; - } - .icon-location2:before { - content: ""; - } - .icon-logout:before { - content: ""; - } - .icon-mail:before { - content: ""; - } - .icon-mailCircle:before { - content: ""; - } - .icon-milkBeverages:before { - content: ""; - } - .icon-minimarketFood:before { - content: ""; - } - .icon-multipleSearch:before { - content: ""; - } - .icon-mylists-baby:before { - content: ""; - } - .icon-mylists-balloon:before { - content: ""; - } - .icon-mylists-barakia:before { - content: ""; - } - .icon-mylists-basket:before { - content: ""; - } - .icon-mylists-basketball:before { - content: ""; - } - .icon-mylists-bird:before { - content: ""; - } - .icon-mylists-birthdaycake:before { - content: ""; - } - .icon-mylists-birthdayHat:before { - content: ""; - } - .icon-mylists-block:before { - content: ""; - } - .icon-mylists-boat:before { - content: ""; - } - .icon-mylists-boy:before { - content: ""; - } - .icon-mylists-camp:before { - content: ""; - } - .icon-mylists-cat:before { - content: ""; - } - .icon-mylists-champagne:before { - content: ""; - } - .icon-mylists-championCup:before { - content: ""; - } - .icon-mylists-circle:before { - content: ""; - } - .icon-mylists-cloud:before { - content: ""; - } - .icon-mylists-cocktail:before { - content: ""; - } - .icon-mylists-cupcake:before { - content: ""; - } - .icon-mylists-diamond:before { - content: ""; - } - .icon-mylists-dinner:before { - content: ""; - } - .icon-mylists-dog:before { - content: ""; - } - .icon-mylists-earth:before { - content: ""; - } - .icon-mylists-easterEgg:before { - content: ""; - } - .icon-mylists-football:before { - content: ""; - } - .icon-mylists-gift:before { - content: ""; - } - .icon-mylists-girl:before { - content: ""; - } - .icon-mylists-glasses:before { - content: ""; - } - .icon-mylists-grandma:before { - content: ""; - } - .icon-mylists-grandpa:before { - content: ""; - } - .icon-mylists-handHeart:before { - content: ""; - } - .icon-mylists-home:before { - content: ""; - } - .icon-mylists-hospital:before { - content: ""; - } - .icon-mylists-house2:before { - content: ""; - } - .icon-mylists-kite:before { - content: ""; - } - .icon-mylists-ktiria:before { - content: ""; - } - .icon-mylists-ktirio:before { - content: ""; - } - .icon-mylists-leaf:before { - content: ""; - } - .icon-mylists-man:before { - content: ""; - } - .icon-mylists-mask:before { - content: ""; - } - .icon-mylists-mountain:before { - content: ""; - } - .icon-mylists-plane:before { - content: ""; - } - .icon-mylists-sea:before { - content: ""; - } - .icon-mylists-star:before { - content: ""; - } - .icon-mylists-store:before { - content: ""; - } - .icon-mylists-sun:before { - content: ""; - } - .icon-mylists-trailer:before { - content: ""; - } - .icon-mylists-triangle:before { - content: ""; - } - .icon-mylists-umbrella:before { - content: ""; - } - .icon-mylists-volleyball:before { - content: ""; - } - .icon-mylists-winter:before { - content: ""; - } - .icon-mylists-woman:before { - content: ""; - } - .icon-mylists-wreath:before { - content: ""; - } - .icon-newProduct:before { - content: ""; - } - .icon-nuts:before { - content: ""; - } - .icon-onePlusOne:before { - content: ""; - } - .icon-orders:before { - content: ""; - } - .icon-paper:before { - content: ""; - } - .icon-parking:before { - content: ""; - } - .icon-party:before { - content: ""; - } - .icon-pet:before { - content: ""; - } - .icon-pin:before { - content: ""; - } - .icon-pinterest:before { - content: ""; - } - .icon-play:before { - content: ""; - } - .icon-plus:before { - content: ""; - } - .icon-print:before { - content: ""; - } - .icon-readyMeals:before { - content: ""; - } - .icon-refresh:before { - content: ""; - } - .icon-remove:before { - content: ""; - } - .icon-restaurant:before { - content: ""; - } - .icon-revertLeft:before { - content: ""; - } - .icon-revertRight:before { - content: ""; - } - .icon-safePay:before { - content: ""; - } - .icon-sausages:before { - content: ""; - } - .icon-schedule:before { - content: ""; - } - .icon-search:before, - .field__inputSubmit:before { - content: ""; - } - .icon-searchList:before { - content: ""; - } - .icon-settings:before { - content: ""; - } - .icon-shipping:before { - content: ""; - } - .icon-store:before { - content: ""; - } - .icon-storeSevice1:before { - content: ""; - } - .icon-tick:before, - .statusMessage--success:before { - content: ""; - } - .icon-tickFilled:before { - content: ""; - } - .icon-tickOutline:before { - content: ""; - } - .icon-time:before { - content: ""; - } - .icon-trolley:before { - content: ""; - } - .icon-twitter:before { - content: ""; - } - .icon-vegetables:before { - content: ""; - } - .icon-visibility:before, - .togglePassword:before { - content: ""; - } - .icon-visibilityOff:before, - .togglePassword.disabled:before, - .filters:not(.filters--checked) .togglePassword.filtersClearAll:before, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.togglePassword:before, - .filter:not(.filter--checked) .filtersLinks button.togglePassword:before { - content: ""; - } - .icon-warning:before { - content: ""; - } - .icon-youtube:before { - content: ""; - } - .icon-zoomIn:before { - content: ""; - } - .icon-zoomOut:before { - content: ""; - } - html { - font-size: 16px; - } - body { - color: #333; - font: 400 100%/1.4 "cfastystd", Trebuchet MS, sans-serif; - line-height: 1.3; - } - [class^="icon-"], - [class*=" icon-"] { - display: inline-block; - line-height: 1; - vertical-align: top; - } - input[type="submit"] { - cursor: pointer; - } - input, - textarea, - button, - select, - a { - -webkit-tap-highlight-color: transparent; - } - figure { - margin: 0; - } - img { - max-width: 100%; - } - h1 { - font-size: 2.875rem; - font-weight: 700; - letter-spacing: -0.03em; - } - h2 { - font-weight: 700; - } - h3 { - font-size: 1.25rem; - font-weight: 700; - letter-spacing: -0.02em; - margin: 0 0 32px; - } - h4 { - font-size: 1rem; - font-weight: 700; - letter-spacing: -0.02em; - margin: 0 0 20px; - } - h4:not(:first-child) { - margin-top: 30px; - } - b, - strong, - .bold { - font-weight: bold; - } - .text, - p { - color: #404040; - font-size: 1rem; - line-height: 1.47; - margin: 0 0 32px; - } - .text a, - p a { - text-decoration: underline; - } - .text--s { - font-size: 0.8125rem; - margin: 0; - } - .text--b { - color: #333; - font-size: 1rem; - font-weight: bold; - } - .text--pending { - color: orange; - } - a { - text-decoration: none; - transition: color 250ms ease; - } - ul { - list-style: none; - margin: 20px 0; - padding: 0; - } - ul.listS { - margin: 0 0 24px; - } - ul.listS li { - font-size: 0.8125rem; - line-height: 1.3; - } - ul.listS li:after { - top: 4px; - } - ul.listL { - margin: 24px 0 40px; - } - ul.listL li { - font-size: 1.25rem; - font-weight: 500; - letter-spacing: -0.03em; - line-height: 1.5; - margin-bottom: 20px; - padding-left: 28px; - } - ul.listL li:after { - background-color: #f47920; - top: 11px; - width: 8px; - height: 8px; - } - ul.listCols { - -webkit-column-count: 5; - -moz-column-count: 5; - column-count: 5; - } - ul.listCols li { - font-size: 0.875rem; - font-weight: 400; - letter-spacing: -0.01em; - line-height: 1.28; - padding-left: 0; - margin-bottom: 20px; - } - ul.listCols li:after { - display: none; - } - ul li { - line-height: 1.2; - margin: 0 0 3px; - padding-left: 12px; - position: relative; - } - ul li:after { - width: 5px; - height: 5px; - background: #404040; - border-radius: 50%; - content: ""; - display: block; - left: 0; - position: absolute; - top: 6px; - } - ul ol li { - padding-left: 0; - } - ul ol li:after { - content: none; - } - ol { - margin: 20px 0; - padding: 0 0 0 20px; - } - .list--orange li:after { - background-color: #f47920; - } - .address, - .orderSum__col, - address { - color: #666; - font-size: 0.875rem; - font-style: normal; - line-height: 1.8; - } - .footer { - --footerSpaceTop: 80px; - background-color: #404040; - margin-top: var(--footerSpaceTop); - } - .footer__main { - display: flex; - justify-content: space-between; - padding: 40px 0 48px; - } - .footer--checkout .footer__main { - padding: 24px 0; - } - .footer__col { - --footerColSpace: 40px; - } - .footer__title { - color: #4d4d4d; - font-size: 0.9375rem; - font-weight: 600; - margin: 0 0 16px; - } - .footer__list { - margin: 0; - } - .footer__list li { - padding-left: 0; - margin: 0; - } - .footer__list li:after { - display: none; - } - .footer__listItem { - color: #8c8c8c; - font-size: 0.9375rem; - line-height: 1.2; - margin: 0; - } - .footer__listLink { - display: inline-block; - padding: 8px 0; - vertical-align: top; - } - .footer__apps { - margin: 24px 0 0; - } - .footer__apps p { - color: #8c8c8c; - font-size: 0.9375rem; - margin: 0 0 8px; - } - .footer__apps figure { - width: 100%; - } - .footer__apps figure picture { - display: block; - padding-top: calc(42 / 140 * 100%); - position: relative; - width: 100%; - } - .footer__apps figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .footer__appsInner { - display: flex; - flex-wrap: wrap; - } - .footer__appsLink { - margin-bottom: 8px; - width: 140px; - } - .footer__appsLink:not(:last-child) { - margin-right: 8px; - } - .footer__btm { - align-items: center; - border-top: 1px solid rgba(255, 255, 255, 0.2); - display: flex; - justify-content: space-between; - padding: 16px 0; - } - .footer__copy { - color: #fff; - font-weight: 400; - line-height: 1; - margin: 0; - } - .footer__atcom { - line-height: 1; - padding: 8px 0; - } - .footer__atcom img { - display: inline-block; - vertical-align: top; - width: 160px; - height: 13px; - } - .footer__text:last-child { - margin-bottom: 0; - } - .wrapper { - margin: 0 auto; - padding: 0 var(--gridSpace); - width: 100%; - max-width: calc(var(--wrapper) + var(--gridSpace) * 2); - } - .wrapper--xxs { - --wrapper: var(--wrapperXXS); - } - .wrapper--xs { - --wrapper: var(--wrapperXS); - } - .wrapper--s { - --wrapper: var(--wrapperS); - } - .wrapper--l { - --wrapper: var(--wrapperL); - } - .wrapper--full { - --wrapper: var(--wrapperFull); - } - .wrapper .wrapper { - padding: 0; - } - .col { - max-width: 100%; - flex-grow: 1; - flex-basis: 0; - } - .col-1 { - flex-basis: 8.3333333333%; - max-width: 8.3333333333%; - } - .col-2 { - flex-basis: 16.6666666667%; - max-width: 16.6666666667%; - } - .col-3 { - flex-basis: 25%; - max-width: 25%; - } - .col-4 { - flex-basis: 33.3333333333%; - max-width: 33.3333333333%; - } - .col-5 { - flex-basis: 41.6666666667%; - max-width: 41.6666666667%; - } - .col-6 { - flex-basis: 50%; - max-width: 50%; - } - .col-7 { - flex-basis: 58.3333333333%; - max-width: 58.3333333333%; - } - .col-8 { - flex-basis: 66.6666666667%; - max-width: 66.6666666667%; - } - .col-9 { - flex-basis: 75%; - max-width: 75%; - } - .col-10 { - flex-basis: 83.3333333333%; - max-width: 83.3333333333%; - } - .col-11 { - flex-basis: 91.6666666667%; - max-width: 91.6666666667%; - } - .col-12 { - flex-basis: 100%; - max-width: 100%; - } - .header { - background-color: #fff; - left: 0; - position: -webkit-sticky; - position: sticky; - top: var(--top); - z-index: 9; - height: var(--headerHeight); - } - .header__top { - padding: 16px 0; - } - .header__leftBlock { - align-items: center; - display: inline-flex; - } - .header__topInner { - align-items: center; - display: flex; - justify-content: space-between; - } - .header--checkout .header__topInner { - position: relative; - } - .header__logo { - flex-shrink: 0; - margin-right: auto; - width: 296px; - height: 38px; - } - .header__logo h1 { - font-size: 0; - margin: 0; - } - .header__logo img { - width: 100%; - } - .header--checkout .header__logo { - left: 50%; - position: absolute; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - } - .header__tools { - align-items: center; - display: flex; - } - .header__tool { - margin-left: 20px; - } - .mainContainer { - display: grid; - grid-template-areas: "header" "main" "footer"; - grid-template-columns: minmax(0, 1fr); - grid-template-rows: auto 1fr auto; - min-height: 100vh; - } - .header { - grid-area: header; - } - .main { - grid-area: main; - } - .footer { - grid-area: footer; - } - .mainLayout { - --mainLayoutSpace: 32px; - } - .mainLayout__content { - padding: 0 var(--mainLayoutSpace); - } - .mainLayout .wrapper { - --gridSpace: 0px; - } - .acc { - border-bottom: 1px solid #c2c2c2; - } - .acc--border { - border: 1px solid #fff; - border-radius: 4px; - } - .acc--border .acc__header { - padding: 16px; - } - .acc--border .acc__content { - padding: 8px 16px 16px; - } - .acc--box { - background-color: #f5f5f5; - } - .acc--box .acc__header { - justify-content: space-between; - padding: 24px; - } - .acc--box .acc__content { - padding: 8px 24px 24px; - } - .acc--stripe { - border: none; - margin: 24px 0; - } - .acc--stripe .acc__header { - background-color: #f2efe8; - border-radius: 8px; - font-size: 1.25rem; - margin-bottom: 24px; - padding: 16px; - } - .acc--stripe .acc__header:before { - font-size: 1.5rem; - margin-right: 8px; - } - .acc--disabled .acc__header { - cursor: auto; - pointer-events: none; - } - .acc--disabled .acc__headerInnerTitle { - pointer-events: all; - } - .acc--disabled .acc__icon { - display: none; - } - .acc--disabled .acc__content { - display: none; - } - .acc--beige { - border: none; - margin-bottom: 30px; - } - .acc--beige .acc__header { - font-size: 1.125rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.33; - background-color: #f2efe8; - border-radius: 8px; - padding: 16px; - } - .acc--beige .acc__content { - padding: 10px 30px; - } - .acc--beige .acc__content .listCols { - margin: 0; - } - .acc--colorStripe { - border: none; - margin-bottom: 20px; - } - .acc--colorStripe .acc__header { - background-color: #fef8c6; - border-radius: 8px; - color: #000; - font-size: 0.8125rem; - font-weight: 500; - padding: 12px; - } - .acc--colorStripe .acc__icon { - font-size: 1.5rem; - } - .acc--colorStripe .acc__content { - padding: 0; - } - .acc__title { - margin: 0; - } - .acc__content { - padding: 0 0 20px; - } - .acc__content > .form:last-child { - margin-bottom: 0; - } - .acc__content p:last-child { - margin: 0; - } - .acc__content--md { - max-width: 822px; - } - .acc__error { - flex-basis: 100%; - flex-grow: 1; - } - .acc__error p { - font-size: 0.75rem; - font-weight: 400; - letter-spacing: initial; - line-height: 1.33; - color: #d91a32; - margin: 0; - } - .acc__header { - font-size: 1.125rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.33; - align-items: center; - color: #333; - cursor: pointer; - display: flex; - justify-content: space-between; - padding: 24px 0; - } - .acc--inline .acc__header { - font-size: 0.875rem; - } - .acc__header > * { - pointer-events: none; - } - .acc__header--md { - padding: 16px 0; - } - .acc__header--md .acc__title { - font-size: 1rem; - font-weight: 500; - line-height: 1.375; - } - .acc__header--lg { - padding: 16px 0; - } - .acc__header--lg .acc__title { - font-size: 1.25rem; - line-height: 1.5; - } - .acc__headerInfo { - font-weight: 400; - margin-left: 4px; - } - .acc__headerInner { - display: flex; - flex-grow: 1; - } - .acc__headerInnerTitle { - font-size: 1rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.37; - align-items: center; - color: #333; - display: flex; - position: relative; - } - .acc__headerInnerTitle [class^="icon-"], - .acc__headerInnerTitle [class*=" icon-"] { - color: #838385; - font-size: 1.5rem; - margin-right: 10px; - } - .acc__headerInnerTitle--info { - flex-wrap: wrap; - font-weight: 400; - margin-left: 20px; - } - .acc__headerInnerTitle--info .link, - .acc__headerInnerTitle--info .text a, - .text .acc__headerInnerTitle--info a, - .acc__headerInnerTitle--info p a, - p .acc__headerInnerTitle--info a { - font-weight: 500; - } - .open .acc__headerInnerTitle--info { - display: none; - } - .acc__headerInnerTitle--sum { - justify-content: flex-end; - flex-grow: 1; - flex-shrink: 0; - font-weight: 400; - margin-left: auto; - padding-left: 20px; - text-align: right; - } - .open .acc__headerInnerTitle--sum { - display: none; - } - .acc__headerInnerTitle--large { - font-size: 1.375rem; - font-weight: 700; - letter-spacing: -0.03em; - line-height: 1.36; - } - .acc__icon { - color: #838385; - font-size: 2rem; - padding: 0; - -webkit-transform-origin: center; - transform-origin: center; - transition: -webkit-transform 250ms ease-out; - transition: transform 250ms ease-out; - transition: transform 250ms ease-out, -webkit-transform 250ms ease-out; - } - .acc__icon--sml { - font-size: 1.5rem; - } - .acc__icon.icon-edit { - font-size: 1.5rem; - } - .acc__title + .acc__icon { - margin-left: 32px; - } - .acc:not(.open) .acc__content { - display: none; - } - .acc.open > .acc__header .acc__icon:not(.icon-edit) { - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); - } - .acc.open > .acc__header .acc__icon.icon-edit:before { - content: ""; - } - .acc-section { - margin-bottom: 56px; - } - .acc-section__title { - border-bottom: 1px solid #c2c2c2; - font-size: 1.375rem; - font-weight: 700; - margin-bottom: 0; - padding-bottom: 12px; - } - .acc-section__title--pdlg { - padding-bottom: 40px; - } - .article { - border-radius: 8px; - box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); - overflow: hidden; - position: relative; - } - .article__img figure { - width: 100%; - } - .article__img figure picture { - display: block; - padding-top: calc(184 / 296 * 100%); - position: relative; - width: 100%; - } - .article__img figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .article__info { - padding: 20px; - } - .article__date { - font-size: 0.875rem; - font-weight: 500; - letter-spacing: -0.01em; - line-height: 1.28; - color: #838385; - } - .article__dateWrap { - display: inline-block; - font-size: 0; - margin-bottom: 13px; - } - .article__dateWrap span:not(.pill) { - font-size: 0.875rem; - font-weight: 400; - letter-spacing: -0.01em; - line-height: 1.28; - } - .article__dateWrap .pill { - margin-left: 12px; - position: relative; - -webkit-transform: translateY(-2px); - transform: translateY(-2px); - } - .article__title { - font-size: 1.125rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.33; - color: #333; - margin-bottom: 8px; - } - .article__text { - font-size: 1rem; - font-weight: 400; - letter-spacing: -0.02em; - line-height: 1.5; - color: #404040; - margin-bottom: 0; - --maxLines: 4; - line-clamp: var(--maxLines); - display: -webkit-box; - overflow: hidden; - text-overflow: ellipsis; - -webkit-line-clamp: var(--maxLines); - -webkit-box-orient: vertical; - } - .article__text p:last-child { - margin-bottom: 0; - } - .article__link { - color: inherit; - } - .article__link:before { - content: ""; - } - .article--wide .article__img figure { - width: 100%; - } - .article--wide .article__img figure picture { - display: block; - padding-top: calc(314 / 1258 * 100%); - position: relative; - width: 100%; - } - .article--wide .article__img figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .article--wide .article__date { - margin-bottom: 4px; - } - .article--wide .article__title { - font-size: 1.625rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.38; - margin-bottom: 16px; - } - .article--wide .article__info { - padding: 32px; - } - .articleFeatured { - margin-bottom: 32px; - } - .articleList { - --productSpaceH: 20px; - --productSpaceV: 20px; - display: flex; - justify-content: center; - flex-wrap: wrap; - gap: var(--productSpaceV) var(--productSpaceH); - } - .articleList .article { - width: calc(25% - 3 * var(--productSpaceH) / 4); - } - .articleList .article--horizontal { - width: 100%; - } - .articleList .swiper-slide .article { - width: 100%; - } - .articleList--column { - --productSpaceV: 32px; - margin-bottom: 32px; - } - .articleList--contests { - margin-bottom: 60px; - justify-content: flex-start; - } - .articleDetails__date { - font-size: 1rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.37; - } - .articleDetails__dateWrap { - align-items: center; - color: #838385; - display: inline-flex; - margin-bottom: 4px; - } - .articleDetails__dateWrap span { - font-size: 0.875rem; - font-weight: 400; - letter-spacing: -0.01em; - line-height: 1.28; - margin-right: 4px; - } - .articleDetails__title { - font-size: 1.875rem; - font-weight: 700; - letter-spacing: -0.02em; - line-height: 1.2; - margin: 0; - max-width: 746px; - } - .articleDetails__title:after { - content: ""; - display: block; - background-color: #f47920; - width: 54px; - height: 8px; - margin: 16px auto 16px 0; - } - .autocomplete__googlelogo { - margin: 12px 18px 0 auto; - width: 93px; - height: 13px; - text-align: right; - display: block; - background-image: url(../media/powered-by-google-on-white3.png); - background-position: right; - background-repeat: no-repeat; - background-size: contain; - } - .bnr { - background-color: #404040; - color: #fff; - padding: 22px 0; - } - .bnr__inner { - position: relative; - display: flex; - align-items: center; - } - .bnr__icon { - color: inherit; - font-size: 1.5rem; - } - .bnr__close { - font-size: 1.5rem; - } - .bnr__text { - min-height: 24px; - display: flex; - align-items: center; - margin: 0 16px 0 18px; - flex-grow: 1; - } - .bnr p { - font-size: 0.8125rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.15; - color: inherit; - } - .bnr p:last-of-type { - margin-bottom: 0; - } - .breadcrumb__list { - display: flex; - list-style: none; - margin: 0; - padding: 0; - } - .breadcrumb__item { - color: #333; - font-size: 0.875rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.143; - margin: 2px 0; - padding: 0; - position: relative; - } - .breadcrumb__item--disabled { - color: #a6a6a6; - font-weight: 400; - } - .breadcrumb__item:after { - display: none; - } - .breadcrumb__itemLink { - color: var(--buttonColor); - font-weight: 400; - text-decoration: underline; - } - .breadcrumb__itemLink:active { - color: var(--buttonColorActive); - } - button { - -webkit-appearance: none; - -moz-appearance: none; - background: transparent; - border: none; - margin: 0; - } - .button { - align-items: center; - background-color: var(--buttonColor); - border: none; - border-radius: 8px; - color: #fff; - display: inline-flex; - font-family: "cfastystd", Trebuchet MS, sans-serif; - font-size: 0.9375rem; - font-weight: 500; - justify-content: center; - letter-spacing: -0.03em; - padding: 8px 24px; - transition: color 350ms ease, background-color 350ms ease; - min-height: 48px; - } - .button .icon { - font-size: 1.5rem; - margin-right: 8px; - } - .button:not(.disabled) { - cursor: pointer; - } - .button:not(.disabled):active { - background-color: var(--buttonColorActive); - } - .button.disabled, - .filters:not(.filters--checked) .filtersLinks.filtersLinks--all button.button, - .filter:not(.filter--checked) .filtersLinks button.button, - .filters:not(.filters--checked) .button.filtersClearAll { - background-color: #ececec; - color: #a6a6a6; - } - .button--s { - font-size: 0.8125rem; - letter-spacing: -0.02em; - min-height: 34px; - } - .button--s .icon { - margin: -3px 4px -3px 0; - } - .button--border { - background-color: transparent; - border: 1px solid var(--buttonColor); - color: var(--buttonColor); - transition: color 350ms ease, border-color 350ms ease; - } - .button--border:not(.disabled):active { - background: transparent; - border-color: var(--buttonColorActive); - color: var(--buttonColorActive); - } - .button--border.disabled, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.button--border, - .filter:not(.filter--checked) .filtersLinks button.button--border, - .filters:not(.filters--checked) .button--border.filtersClearAll { - background: transparent; - border-color: #d8d8d8; - color: #a6a6a6; - } - .button--full { - width: 100%; - } - .button--alt { - font-size: 0.9375rem; - font-weight: 400; - letter-spacing: -0.03em; - line-height: 1.47; - border-color: #c2c2c2; - color: #333; - display: flex; - flex: 1 1 auto; - justify-content: space-between; - padding: 16px; - transition: background-color 250ms ease-out; - } - .button--alt:not(.disabled):active { - background: #f2efe8; - border-color: #c2c2c2; - color: inherit; - } - .button--alt:not(.disabled):active .icon { - color: #f47920; - } - .button--alt .icon { - color: #f47920; - } - .button--alt .icon:last-child { - margin: 0; - margin-left: 0; - } - .iconButton, - .selectedFilters__remove { - color: var(--buttonColor); - font-size: 2rem; - line-height: 1; - padding: 0; - } - .iconButton--dark { - --buttonColor: #595959; - --buttonColorHover: #838385; - } - .iconButton--border { - border: 1px solid var(--buttonColor); - border-radius: 50%; - font-size: 1.5rem; - padding: 4px; - } - .iconButton--border:not(.disabled):active { - border-color: var(--buttonColorActive); - } - .iconButton--border.iconButton--s, - .iconButton--border.selectedFilters__remove { - padding: 0; - } - .iconButton--opacityBg { - background: rgba(255, 255, 255, 0.6); - } - .iconButton--square { - border-radius: 4px; - } - .iconButton--shadow { - background-color: #fff; - box-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15); - border-radius: 4px; - } - .iconButton--xs { - font-size: 1rem; - padding: 8px; - } - .iconButton--s, - .selectedFilters__remove { - font-size: 1.5rem; - } - .iconButton--b { - font-size: 1.75rem; - } - .iconButton--xb { - font-size: 1.625rem; - padding: 8px; - } - .iconButton:not(.disabled), - .selectedFilters__remove:not(.disabled) { - cursor: pointer; - } - .iconButton:not(.disabled):active, - .selectedFilters__remove:not(.disabled):active { - color: var(--buttonColorActive); - } - .link, - .text a, - p a { - align-items: center; - color: var(--buttonColor); - display: inline-flex; - font-family: "cfastystd", Trebuchet MS, sans-serif; - font-size: 0.9375rem; - font-weight: 500; - letter-spacing: -0.03em; - line-height: 1; - padding: 0; - transition: color 250ms ease; - } - .link .icon, - .text a .icon, - p a .icon { - font-size: 1.5rem; - } - .link .icon:first-child, - .text a .icon:first-child, - p a .icon:first-child { - margin-right: 4px; - } - .link .icon:last-child, - .text a .icon:last-child, - p a .icon:last-child { - margin-left: 4px; - } - .link:not(.disabled), - .text a:not(.disabled), - p a:not(.disabled) { - cursor: pointer; - } - .link:not(.disabled):active, - .text a:not(.disabled):active, - p a:not(.disabled):active { - color: var(--buttonColorActive); - } - .link.disabled, - .filters:not(.filters--checked) .filtersLinks.filtersLinks--all button.link, - .filter:not(.filter--checked) .filtersLinks button.link, - .filters:not(.filters--checked) .link.filtersClearAll, - .text a.disabled, - .text .filters:not(.filters--checked) a.filtersClearAll, - .filters:not(.filters--checked) .text a.filtersClearAll, - p a.disabled, - p .filters:not(.filters--checked) a.filtersClearAll, - .filters:not(.filters--checked) p a.filtersClearAll { - color: #a6a6a6; - cursor: default; - } - .link--s, - .minibasket .listTools .link, - .minibasket .listTools .text a, - .text .minibasket .listTools a, - .minibasket .listTools p a, - p .minibasket .listTools a { - font-size: 0.8125rem; - letter-spacing: -0.02em; - } - .link--m { - font-size: 0.875rem; - } - .link--m .icon { - font-size: 1.25rem; - } - .link--b { - font-size: 1rem; - letter-spacing: -0.02em; - } - .link--xb { - font-size: 1.375rem; - } - .link--xb .icon { - font-size: 2rem; - } - .link--underline { - text-decoration: underline; - } - .link--orangeIcon .icon { - color: #f47920; - } - .link--orange .icon { - color: inherit; - } - .loginBtn { - align-items: center; - color: #333; - display: flex; - position: relative; - } - .loginBtn .iconButton, - .loginBtn .selectedFilters__remove { - margin-left: 8px; - } - .loginBtn .iconButton:after, - .loginBtn .selectedFilters__remove:after { - content: ""; - } - .cardRow { - display: flex; - align-items: center; - position: relative; - min-height: 66px; - } - .cardRow__logo { - flex-shrink: 0; - font-size: 0; - margin-right: 12px; - width: 36px; - } - .cardRow__logo [class^="icon-"], - .cardRow__logo [class*=" icon-"] { - font-size: 2rem; - color: #838385; - } - .cardRow__logo img { - width: 100%; - -o-object-fit: contain; - object-fit: contain; - } - .cardRow__info { - font-size: 0.9375rem; - font-weight: 400; - letter-spacing: -0.03em; - line-height: 1.47; - display: flex; - flex-flow: column; - align-items: flex-start; - } - .cardRow__status { - font-size: 0.8125rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.15; - color: #74b11f; - display: none; - margin-bottom: 2px; - } - .cardRow__msg { - color: #d91a32; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - max-width: 130px; - } - .cardRow__number { - color: #333; - } - .cardRow__expiration { - color: #a6a6a6; - } - .cardRow__add { - font-size: 0.9375rem; - font-weight: 500; - letter-spacing: -0.03em; - line-height: 1.46; - color: #333; - } - .cardRow.disabled, - .filters:not(.filters--checked) .filtersLinks.filtersLinks--all button.cardRow, - .filter:not(.filter--checked) .filtersLinks button.cardRow, - .filters:not(.filters--checked) .cardRow.filtersClearAll { - padding-right: 130px; - } - .cardRow.disabled .cardRow__logo, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.cardRow - .cardRow__logo, - .filter:not(.filter--checked) .filtersLinks button.cardRow .cardRow__logo, - .filters:not(.filters--checked) .cardRow.filtersClearAll .cardRow__logo { - opacity: 0.5; - } - .cardRow.disabled .cardRow__number, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.cardRow - .cardRow__number, - .filter:not(.filter--checked) .filtersLinks button.cardRow .cardRow__number, - .filters:not(.filters--checked) .cardRow.filtersClearAll .cardRow__number, - .cardRow.disabled .cardRow__expiration, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.cardRow - .cardRow__expiration, - .filter:not(.filter--checked) .filtersLinks button.cardRow .cardRow__expiration, - .filters:not(.filters--checked) .cardRow.filtersClearAll .cardRow__expiration { - color: #a6a6a6; - } - .catalogueList { - --productSpaceH: 32px; - --productSpaceV: 24px; - display: flex; - flex-wrap: wrap; - gap: var(--productSpaceV) var(--productSpaceH); - } - .catalogueList .catalogue { - width: calc(50% - 1 * var(--productSpaceH) / 2); - } - .catalogueList .catalogue--wide { - width: 100%; - } - .catalogue { - border-radius: 8px; - box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); - overflow: hidden; - position: relative; - } - .catalogue__img figure { - width: 100%; - } - .catalogue__img figure picture { - display: block; - padding-top: calc(463 / 617 * 100%); - position: relative; - width: 100%; - } - .catalogue__img figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .catalogue__info { - padding: 20px; - text-align: center; - } - .catalogue__title { - font-size: 1.25rem; - font-weight: 500; - letter-spacing: -0.03em; - line-height: 1.5; - color: #333; - margin-bottom: 4px; - } - .catalogue__text { - font-size: 0.875rem; - font-weight: 400; - letter-spacing: -0.01em; - line-height: 1.28; - color: #333; - margin-bottom: 0; - } - .catalogue__text p:last-child { - margin-bottom: 0; - } - .catalogue__link { - color: inherit; - } - .catalogue__link:before { - content: ""; - } - .icon-bakery:before { - color: #a98848; - } - .icon-vegetables:before { - color: #8dc63f; - } - .icon-fish:before { - color: #91d1e5; - } - .icon-freshMeat:before { - color: #e59191; - } - .icon-milkBeverages:before { - color: #d6d0c6; - } - .icon-cream:before { - color: #f0b9c3; - } - .icon-cheese:before { - color: #efd57b; - } - .icon-eggs:before { - color: #cec0a8; - } - .icon-sausages:before { - color: #cec0a8; - } - .icon-appetizers:before { - color: #cec0a8; - } - .icon-readyMeals:before { - color: #8ebf86; - } - .icon-frozen:before { - color: #a8ccce; - } - .icon-alcohol:before { - color: #7c766b; - } - .icon-beverages:before { - color: #91d1e5; - } - .icon-nuts:before { - color: #bda57b; - } - .icon-bisquite:before { - color: #d2917c; - } - .icon-breakfast:before { - color: #a98848; - } - .icon-babyFoods:before { - color: #cdce89; - } - .icon-minimarketFood:before { - color: #cec0a8; - } - .icon-pet:before { - color: #6f6554; - } - .icon-party:before { - color: #e995b3; - } - .icon-paper:before { - color: #d6d5d5; - } - .icon-cosmetics:before { - color: #e589dc; - } - .icon-cleaning:before { - color: #a8ccce; - } - .icon-house:before { - color: #b1ddbd; - } - .icon-house2:before { - color: #337933; - } - .icon-babytoy:before { - color: #d378a9; - } - .icon-bio:before { - color: #25a131; - } - .icon-facemask:before { - color: #6bb3c2; - } - .icon-newProduct:before { - color: #ea0c00; - } - .icon-onePlusOne:before { - color: #333; - } - .icon-exclusive:before { - background: url(../media/exclusive.svg) no-repeat scroll center; - background-size: contain; - content: ""; - } - .icon-aplesPrakseis:before { - background: url(../media/badges/aplesprakseislogo.svg) no-repeat scroll center; - background-size: contain; - content: ""; - } - .icon-fav:before { - color: #d91a32; - } - .icon-addCircle { - color: #f47920; - } - .icon-mylists-xmas:before { - background-image: url(../media/icon-mylists-xmas.svg); - } - .icon-mylists-tennis:before { - background-image: url(../media/icon-mylists-tennis.svg); - } - .icon-mylists-xmas:before, - .icon-mylists-tennis:before { - background-position: center; - background-repeat: no-repeat; - background-size: 100%; - content: ""; - } - .icon-mylists-woman:before { - color: #da5a71; - } - .icon-mylists-man:before { - color: #435b7e; - } - .icon-mylists-boy:before { - color: #bc844f; - } - .icon-mylists-girl:before { - color: #d218a4; - } - .icon-mylists-grandma:before { - color: #ae1829; - } - .icon-mylists-grandpa:before { - color: #6c1a26; - } - .icon-mylists-baby:before { - color: #f5a3b1; - } - .icon-mylists-gift:before { - color: #8dc63f; - } - .icon-mylists-football:before { - color: #333; - } - .icon-mylists-winter:before { - color: #a6a6a6; - } - .icon-mylists-champagne:before { - color: #527a2a; - } - .icon-mylists-mask:before { - color: #cc1836; - } - .icon-mylists-plane:before { - color: #1e2843; - } - .icon-mylists-sea:before { - color: #4e8ac1; - } - .icon-mylists-wreath:before { - color: #427837; - } - .icon-mylists-earth:before { - color: #3a8184; - } - .icon-mylists-balloon:before { - color: #4f98cd; - } - .icon-mylists-circle:before { - color: #ff641e; - } - .icon-mylists-barakia:before { - color: #ffa222; - } - .icon-mylists-basket:before { - color: #731a25; - } - .icon-mylists-basketball:before { - color: #d43d11; - } - .icon-mylists-bird:before { - color: #f5ad47; - } - .icon-mylists-birthdaycake:before { - color: #ff6aeb; - } - .icon-mylists-birthdayHat:before { - color: #ffa222; - } - .icon-mylists-block:before { - color: #e75a70; - } - .icon-mylists-boat:before { - color: #1d8185; - } - .icon-mylists-camp:before { - color: #42b800; - } - .icon-mylists-cat:before { - color: #f7671d; - } - .icon-mylists-championCup:before { - color: #c39649; - } - .icon-mylists-cloud:before { - color: #3d5a80; - } - .icon-mylists-cocktail:before { - color: #63e2a8; - } - .icon-mylists-cupcake:before { - color: #ae7e5c; - } - .icon-mylists-diamond:before { - color: #ffa222; - } - .icon-mylists-dinner:before { - color: #f7411d; - } - .icon-mylists-dog:before { - color: #c38649; - } - .icon-mylists-easterEgg:before { - color: #b9b965; - } - .icon-mylists-glasses:before { - color: #bcaf49; - } - .icon-mylists-handHeart:before { - color: #da1a32; - } - .icon-mylists-hospital:before { - color: #3d5a80; - } - .icon-mylists-home:before { - color: #333; - } - .icon-mylists-house2:before { - color: #337933; - } - .icon-mylists-kite:before { - color: #e25b00; - } - .icon-mylists-ktiria:before { - color: #9a00b2; - } - .icon-mylists-ktirio:before { - color: #d4ab79; - } - .icon-mylists-leaf:before { - color: #d63900; - } - .icon-mylists-mountain:before { - color: #8e4825; - } - .icon-mylists-star:before { - color: #f93; - } - .icon-mylists-store:before { - color: #ced475; - } - .icon-mylists-sun:before { - color: #ffac30; - } - .icon-mylists-trailer:before { - color: #f7411d; - } - .icon-mylists-triangle:before { - color: #5f9809; - } - .icon-mylists-volleyball:before { - color: #ffa222; - } - .icon-mylists-umbrella:before { - color: #6999ac; - } - .collectionBox { - background: url(../media/wood.png) repeat scroll center; - border-radius: 8px; - overflow: hidden; - position: relative; - } - .collectionBox figure { - width: 100%; - } - .collectionBox figure picture { - display: block; - padding-top: calc(205 / 300 * 100%); - position: relative; - width: 100%; - } - .collectionBox figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .collectionBox__title { - color: #fff; - font-size: 1.375rem; - font-weight: 700; - left: 0; - letter-spacing: -0.03em; - padding: 0 16px; - position: absolute; - text-align: center; - top: 16px; - width: 100%; - } - .content__zoomimg { - max-width: 317px; - width: 100%; - border: solid 1px #c2c2c2; - cursor: pointer; - position: relative; - margin: 23px 0; - } - .content__zoomimg picture { - display: block; - padding-top: calc(181 / 317 * 100%); - position: relative; - width: 100%; - } - .content__zoomimg img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .content__zoomimg:before { - content: ""; - } - .content__zoomimg:before { - width: 56px; - height: 56px; - border-radius: 50%; - position: absolute; - top: 50%; - left: 50%; - display: flex; - align-items: center; - justify-content: center; - color: #fff; - font-size: 2rem; - background: rgba(51, 51, 51, 0.6); - z-index: 2; - margin: calc(-1 * 56px / 2) 0 0 calc(-1 * 56px / 2); - } - .content__zoomimg img { - -o-object-fit: cover; - object-fit: cover; - } - .contestBnr { - align-items: flex-start; - color: #333; - display: flex; - flex-flow: column; - justify-content: center; - padding: 40px 24px; - position: relative; - padding: 64px; - min-height: 232px; - } - .contestBnr:after { - content: ""; - background-color: #f7f5f0; - border-radius: 8px; - z-index: -2; - } - .contestBnr h3 { - font-size: 1.5rem; - font-weight: 700; - letter-spacing: -0.02em; - line-height: 1.16; - margin-bottom: 10px; - } - .contestBnr p:last-of-type { - margin-bottom: 0; - } - .contestBnr__illustration { - bottom: 0; - position: absolute; - right: 0; - top: 0; - z-index: -1; - } - .contestBnr__illustration--mob { - top: auto; - } - .deliveryFlowNav { - position: absolute; - top: 24px; - } - .deliveryFlow .modal__wrap { - padding-top: 104px; - } - .deliveryTypes { - display: none; - margin-inline: auto; - } - .deliveryTypes.typeinformation { - padding: 0; - max-width: 760px; - } - .deliveryTypes .field { - margin: 0; - width: 100%; - } - .deliveryTypes--active { - display: block; - } - .radiobuttons--deliveryType { - gap: 24px; - display: flex; - justify-content: center; - margin: 32px auto 56px; - } - .radiobuttons--deliveryType .radiobutton { - width: 50%; - } - .radiobutton--deliveryType { - display: inline-flex; - flex-direction: column; - justify-content: space-between; - } - .field .radiobutton--deliveryType.radiobutton:not(:first-child) { - margin-top: 0; - } - .field .radiobutton--deliveryType.radiobutton:not(:last-child) { - margin-bottom: 0; - } - .radiobutton--deliveryType .radiobutton__label { - font-size: 1.25rem; - font-weight: 500; - text-align: center; - } - .radiobutton--deliveryType .radiobutton__label b { - font-weight: 500; - } - .radiobutton--deliveryType .radiobutton__text { - display: block; - line-height: 1.5; - } - .radiobutton--deliveryType .radiobutton__border { - border-color: #f2efe8; - border-width: 2px; - } - .radiobutton--deliveryType .radiobutton__border:after { - background: url(../media/tickFilled.svg) no-repeat scroll center; - background-size: contain; - content: ""; - opacity: 0; - position: absolute; - right: 12px; - top: 12px; - transition: opacity 250ms ease-in-out; - width: 40px; - height: 40px; - } - .radiobutton--deliveryType .radiobutton__input:not([type="hidden"]) { - cursor: pointer; - width: 100%; - height: 100%; - } - .radiobutton--deliveryType - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__border { - border-color: #74b11f; - } - .radiobutton--deliveryType - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__border:after { - opacity: 1; - } - .radiobutton--deliveryType .icon { - background-position: center; - background-repeat: no-repeat; - background-size: auto 100%; - display: block; - margin: 16px auto; - height: 64px; - } - .radiobutton--deliveryType .icon.shipping { - background-image: url(../media/delivery.svg); - } - .radiobutton--deliveryType .icon.store { - background-image: url(../media/pickup.svg); - } - .deliveryTypeInfo ul { - margin: 0 20px; - } - .deliveryTypeInfo ul li:last-child { - margin: 0; - } - .deliveryTypeInfo__sum { - align-items: center; - display: flex; - flex-direction: column; - text-align: center; - } - .deliveryTypeInfo__sum p { - color: #333; - font-size: 0.875rem; - font-weight: 500; - letter-spacing: -0.01em; - line-height: 1.285; - margin-bottom: 8px; - } - .deliveryTypeInfo__link { - color: var(--buttonColor); - font-size: 0.875rem; - position: relative; - z-index: 2; - text-decoration: underline; - } - .deliveryTypeInfo__link:not(:last-child) { - margin-bottom: 4px; - } - .deliveryTypeInfo__link:active { - color: var(--buttonColorActive); - } - .emptyContent { - display: grid; - grid-template-columns: 88px 1fr; - grid-template-areas: "icon text" "icon buttons"; - grid-column-gap: 24px; - grid-row-gap: 16px; - margin: 40px 0; - } - .minibasket .emptyContent { - grid-template-areas: "icon text" "buttons buttons"; - } - .emptyContent:not(:last-child) { - border-bottom: 1px solid #fff; - } - .emptyContent__img { - grid-area: icon; - color: #e6e6e6; - font-size: 5.5rem; - line-height: 1; - } - .emptyContent__text { - grid-area: text; - } - .emptyContent__text p { - margin-bottom: 8px; - } - .emptyContent__btns { - display: flex; - grid-area: buttons; - } - .emptyContent__btns .button { - margin-top: 8px; - margin-bottom: 8px; - } - .emptyContent__btns .button:not(:last-child) { - margin-right: 8px; - } - .emptyContent__btns .button:not(:first-child) { - margin-left: 8px; - } - .expandText__main { - overflow: hidden; - position: relative; - max-height: 96px; - } - .expandText__main:after { - background: linear-gradient(to top, white 0, rgba(255, 255, 255, 0) 100%); - bottom: 0; - content: ""; - pointer-events: none; - position: absolute; - transition: opacity 250ms ease-in-out; - width: 100%; - height: 64px; - } - .expandText:not(.open) .expandText__buttonTextLess { - display: none; - } - .expandText.open .expandText__main { - max-height: inherit; - } - .expandText.open .expandText__main:after { - opacity: 0; - } - .expandText.open .expandText__buttonTextMore { - display: none; - } - .filters--checked .filters__mobButton:after { - background-color: #f47920; - border-radius: 50%; - color: #fff; - content: attr(data-activefilters); - display: inline-block; - font-size: 0.8125rem; - font-weight: bold; - line-height: 23px; - text-align: center; - width: 22px; - height: 22px; - } - .filters { - --mobFiltersTop: 0; - --mobFilterTopBar: 56px; - --mobFilterTopBarSpace: 24px; - --filtersSpace: 16px; - --filterItemSpaceBtm: 16px; - --mobFilterBottomBar: 80px; - align-items: flex-start; - background-color: #f2efe8; - border-radius: 3px; - display: flex; - margin-bottom: 24px; - padding: 12px 16px; - } - .filters__titleWrap { - position: relative; - } - .filters__title { - font-size: 0.875rem; - font-weight: 500; - margin: 0; - } - .filters__title:not(:first-child) { - margin: 0; - } - .filters__mobButtonText { - font-size: 0.9375rem; - font-weight: 500; - letter-spacing: -0.03em; - line-height: 1.46; - color: #333; - margin-left: 8px; - } - .filters .selectInline { - margin-left: auto; - } - .filters--listResults .filters__mobButton:after { - position: relative; - right: -6px; - top: -1px; - } - .filter { - --scrollListHeight: 304px; - } - .filter__title { - cursor: pointer; - font-size: 0.9375rem; - font-weight: 400; - letter-spacing: -0.03em; - margin: 0; - padding: 6px 24px 6px 0; - position: relative; - white-space: nowrap; - z-index: 1; - } - .filter__titleIcon { - color: #838385; - font-size: 1.25rem; - position: absolute; - pointer-events: none; - right: 0; - top: 0; - } - .filter__titleIcon:before { - content: ""; - } - .filter__titleIcon:before { - transition: -webkit-transform 200ms ease-out; - transition: transform 200ms ease-out; - transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; - -webkit-transform-origin: center; - transform-origin: center; - vertical-align: middle; - } - .filter:not(.filter--closed) .filter__titleIcon:before { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); - } - .filter--closed .filter__content { - display: none; - } - .filter__list.scrollbarShadow .filter__item:last-child { - margin-bottom: 0; - } - .filter__list--bottom:after { - opacity: 0; - } - .filter__list--moreList { - --searchHeight: 80px; - } - .filter__list--moreList .filter__listScroll { - max-height: var(--scrollListHeight); - } - .initialized ~ .filter__showAll { - visibility: hidden; - } - .filter__item:not(:last-child) { - margin-bottom: var(--filterItemSpaceBtm); - } - .filter__no { - margin-left: 2px; - } - .filter__more.active .filter__moreText--more { - display: none; - } - .filter__more:not(.active) .filter__moreText--less { - display: none; - } - .filter__letter { - font-weight: bold; - margin-bottom: 8px; - } - .filters:not(.filters--checked) .filtersClearAll { - pointer-events: none; - } - .filtersLinks { - align-items: center; - display: flex; - flex-direction: column; - } - .filters:not(.filters--checked) .filtersLinks.filtersLinks--all button, - .filter:not(.filter--checked) .filtersLinks button { - pointer-events: none; - } - .categoriesList { - margin: 0; - padding-left: 16px; - } - .categoriesList li { - padding-left: 0; - margin: 0; - } - .categoriesList li:after { - display: none; - } - .categoriesList .categoriesList { - margin-top: 12px; - padding-right: 12px; - } - .categoriesList .acc__header { - justify-content: space-between; - } - .categoriesList__item:last-child { - margin-bottom: 0; - } - .categoriesList__item--level1, - .categoriesList__item--level0 { - font-weight: bold; - } - .categoriesList__item--level1 { - font-size: 0.875rem; - } - .categoriesList__item--level2 { - font-size: 0.8125rem; - font-weight: normal; - } - .categoriesList__item a:not(.link) { - color: inherit; - } - .categoriesList__item a.active { - color: #333; - } - .categoriesList__item > a, - .categoriesList__item > .acc__header { - color: gray; - transition: color 250ms ease; - } - .selectedFilters { - margin-bottom: 24px; - margin-top: -16px; - } - .selectedFilters:not(.active) { - display: none; - } - .selectedFilters__list { - margin: 0; - } - .selectedFilters__list li { - padding-left: 0; - margin: 0; - } - .selectedFilters__list li:after { - display: none; - } - .selectedFilters__list li { - padding-left: 8px; - } - .selectedFilters__item { - align-items: center; - color: #595959; - display: inline-flex; - font-size: 0.875rem; - line-height: 1; - margin: 0; - padding: 8px; - } - .selectedFilters__remove { - margin: -4px -4px -4px 4px; - } - .selectedFilters__remove:before { - content: ""; - } - :root { - --inputPlaceholderColor: #a6a6a6; - --labelSpace: 32px; - } - input[type="number"]::-webkit-inner-spin-button, - input[type="number"]::-webkit-outer-spin-button { - -webkit-appearance: none; - margin: 0; - } - input:-moz-placeholder-shown { - text-overflow: ellipsis; - } - input:-ms-input-placeholder { - text-overflow: ellipsis; - } - input:placeholder-shown { - text-overflow: ellipsis; - } - ::-webkit-input-placeholder { - color: var(--inputPlaceholderColor); - line-height: 1.3; - } - ::-moz-placeholder { - color: var(--inputPlaceholderColor); - line-height: 1.3; - } - input:-webkit-autofill, - input:-webkit-autofill:hover, - input:-webkit-autofill:focus, - input:-webkit-autofill:active { - -webkit-box-shadow: 0 0 0 30px #fff inset !important; - } - .radiobutton--onlyColor.disabled .radiobutton__icon, - .filters:not(.filters--checked) - .radiobutton--onlyColor.filtersClearAll - .radiobutton__icon, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.radiobutton--onlyColor - .radiobutton__icon, - .filter:not(.filter--checked) - .filtersLinks - button.radiobutton--onlyColor - .radiobutton__icon, - .radiobutton--onlyIcon.disabled .radiobutton__icon, - .filters:not(.filters--checked) - .radiobutton--onlyIcon.filtersClearAll - .radiobutton__icon, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.radiobutton--onlyIcon - .radiobutton__icon, - .filter:not(.filter--checked) - .filtersLinks - button.radiobutton--onlyIcon - .radiobutton__icon, - .checkbox.disabled, - .filters:not(.filters--checked) .checkbox.filtersClearAll, - .filters:not(.filters--checked) .filtersLinks.filtersLinks--all button.checkbox, - .filter:not(.filter--checked) .filtersLinks button.checkbox, - .radiobutton.disabled, - .filters:not(.filters--checked) .radiobutton.filtersClearAll, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.radiobutton, - .filter:not(.filter--checked) .filtersLinks button.radiobutton { - opacity: 0.5; - } - .checkbox, - .radiobutton { - position: relative; - } - .checkbox.disabled label, - .filters:not(.filters--checked) .checkbox.filtersClearAll label, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.checkbox - label, - .filter:not(.filter--checked) .filtersLinks button.checkbox label, - .radiobutton.disabled label, - .filters:not(.filters--checked) .radiobutton.filtersClearAll label, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.radiobutton - label, - .filter:not(.filter--checked) .filtersLinks button.radiobutton label { - cursor: default; - } - .checkbox__input:not([type="hidden"]), - .radiobutton__input:not([type="hidden"]) { - left: 0; - opacity: 0; - position: absolute; - top: 0; - width: 0; - height: 0; - } - .checkbox__label, - .radiobutton__label { - color: #333; - cursor: pointer; - display: block; - font-size: 0.9375rem; - font-weight: 400; - line-height: 1.6; - padding: 0 0 0 var(--labelSpace); - position: relative; - z-index: 2; - } - .checkbox__label ~ .field-validation-error, - .radiobutton__label ~ .field-validation-error { - margin-top: 4px; - padding-left: var(--labelSpace); - } - .checkbox__icon, - .radiobutton__icon { - background-color: #fff; - border: 1px solid #838385; - left: 0; - line-height: 22px; - position: absolute; - text-align: center; - top: 0; - width: 24px; - height: 24px; - } - .checkbox__checkedText, - .radiobutton__checkedText { - display: none; - margin: 8px 0 0; - } - .checkbox__text, - .radiobutton__text { - position: relative; - transition: color 250ms ease; - z-index: 1; - } - .field .checkbox:not(:first-child), - .field .radiobutton:not(:first-child) { - margin-top: var(--checkboxRadioSpace); - } - .field .checkbox:not(:last-child), - .field .radiobutton:not(:last-child) { - margin-bottom: var(--checkboxRadioSpace); - } - .checkbox--button.disabled:after, - .filters:not(.filters--checked) .checkbox--button.filtersClearAll:after, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.checkbox--button:after, - .filter:not(.filter--checked) .filtersLinks button.checkbox--button:after, - .radiobutton--button.disabled:after, - .filters:not(.filters--checked) .radiobutton--button.filtersClearAll:after, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.radiobutton--button:after, - .filter:not(.filter--checked) .filtersLinks button.radiobutton--button:after { - background-color: #b3b3b3; - content: ""; - left: 0; - position: absolute; - -webkit-transform: rotate(-38deg); - transform: rotate(-38deg); - -webkit-transform-origin: center; - transform-origin: center; - top: 50%; - width: 100%; - height: 1px; - } - .radiobutton--box { - --radioBorderSpace: 20px; - } - .radiobutton--box.disabled .radiobutton__label, - .filters:not(.filters--checked) - .radiobutton--box.filtersClearAll - .radiobutton__label, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.radiobutton--box - .radiobutton__label, - .filter:not(.filter--checked) - .filtersLinks - button.radiobutton--box - .radiobutton__label { - pointer-events: none; - } - .radiobutton--box .radiobutton__border { - transition: background-color 250ms ease-out; - z-index: -1; - } - .radiobutton--box .radiobutton__icon { - left: var(--radioBorderSpace); - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - transition: background-color 250ms ease-out; - } - .radiobutton--box .radiobutton__icon:after { - content: ""; - } - .radiobutton--box .radiobutton__icon:before { - display: none; - } - .radiobutton--box .radiobutton__icon:after { - opacity: 0; - position: absolute; - top: 50%; - color: #fff; - font-size: 0.875rem; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - } - .radiobutton--box .radiobutton__action { - position: absolute; - right: var(--radioBorderSpace); - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 3; - font-size: 1.5rem; - } - .radiobutton--box .radiobutton__action + .radiobutton__action { - right: calc(var(--radioBorderSpace) + 24px + 8px); - } - .radiobutton--box .radiobutton__label { - display: flex; - flex-flow: column; - justify-content: center; - min-height: 84px; - padding-top: var(--radioBorderSpace); - padding-right: calc(var(--radioBorderSpace) + 24px * 2 + 8px + 10px); - padding-bottom: var(--radioBorderSpace); - padding-left: calc(var(--radioBorderSpace) + var(--labelSpace) + 4px); - } - .radiobutton--box .radiobutton__labelTag { - font-size: 0.875rem; - font-weight: 500; - letter-spacing: -0.01em; - line-height: 1.28; - margin-bottom: 2px; - padding-right: 32px; - } - .radiobutton--box - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__icon { - background-color: #74b11f; - border-color: #74b11f; - } - .radiobutton--box - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__icon:after { - opacity: 1; - } - .radiobutton--box - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__border { - border-color: #74b11f; - background-color: #f2efe8; - } - .radiobutton--box - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__label { - font-size: 1rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.37; - } - .radiobutton--box - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__label - .radiobutton__labelTag { - display: inline-block; - } - .radiobutton--box - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__label - .cardRow__status { - display: inline-block; - } - .radiobutton--box .form { - padding-top: 24px; - } - .radiobutton--readonly .radiobutton__icon { - display: none; - } - .radiobutton--readonly .radiobutton__label { - padding: var(--radioBorderSpace); - padding-left: var(--radioBorderSpace); - } - .radiobutton--readonly .radiobutton__action { - font-size: 0.9375rem; - font-weight: 500; - letter-spacing: -0.03em; - line-height: 1.46; - bottom: 0; - right: 0; - -webkit-transform: translateY(calc(100% + 12px)); - transform: translateY(calc(100% + 12px)); - top: auto; - } - .radiobutton--readonly - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__border { - border-color: #c2c2c2; - background-color: initial; - } - .radiobutton--readonly - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__label - .radiobutton__labelTag { - color: #838385; - } - .radiobutton--check .radiobutton__border { - z-index: -1; - } - .radiobutton--check .radiobutton__icon { - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - transition: background-color 250ms ease-out; - } - .radiobutton--check .radiobutton__icon:after { - content: ""; - } - .radiobutton--check .radiobutton__icon:before { - display: none; - } - .radiobutton--check .radiobutton__icon:after { - left: 50%; - opacity: 0; - position: absolute; - top: 50%; - color: #fff; - font-size: 0.875rem; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - } - .radiobutton--check - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__icon { - background-color: #74b11f; - border-color: #74b11f; - } - .radiobutton--check - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__icon:after { - opacity: 1; - } - .radiobutton--check - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__border { - border-color: #74b11f; - background-color: #f2efe8; - } - .radiobutton--onlyColor.disabled, - .filters:not(.filters--checked) .radiobutton--onlyColor.filtersClearAll, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.radiobutton--onlyColor, - .filter:not(.filter--checked) .filtersLinks button.radiobutton--onlyColor, - .radiobutton--onlyIcon.disabled, - .filters:not(.filters--checked) .radiobutton--onlyIcon.filtersClearAll, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.radiobutton--onlyIcon, - .filter:not(.filter--checked) .filtersLinks button.radiobutton--onlyIcon { - opacity: 1; - } - .radiobutton--onlyColor - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__icon, - .radiobutton--onlyIcon - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__icon { - border-color: #74b11f; - border-width: 2px; - } - .radiobutton--onlyColor .radiobutton__label, - .radiobutton--onlyIcon .radiobutton__label { - padding: 0; - } - .radiobutton--onlyColor .radiobutton__icon, - .radiobutton--onlyIcon .radiobutton__icon { - overflow: hidden; - position: relative; - } - .radiobutton--onlyColor .radiobutton__icon:before, - .radiobutton--onlyIcon .radiobutton__icon:before { - display: none; - } - .radiobutton--onlyColor .radiobutton__icon { - border: 1px solid #c2c2c2; - border-radius: 8px; - display: block; - width: 32px; - height: 32px; - } - .radiobutton--onlyIcon .radiobutton__icon { - align-items: center; - border-color: transparent; - border-radius: 6px; - display: flex; - justify-content: center; - width: 48px; - height: 48px; - } - .radiobutton--onlyIcon img { - display: inline-block; - vertical-align: top; - } - .radiobutton--onlyIcon .icon { - font-size: 2rem; - } - .radiobutton--onlyIcon .icon:before { - width: 32px; - height: 32px; - } - .radiobutton--tab { - flex: 1; - height: 56px; - } - .radiobutton--tab .icon { - font-size: 1.5rem; - margin-right: 8px; - } - .radiobutton__border { - border: 1px solid #c2c2c2; - border-radius: 8px; - pointer-events: none; - transition: border-color 250ms ease-out; - } - .radiobutton__input:not([type="hidden"]):checked ~ .radiobutton__icon { - border-color: #838385; - } - .radiobutton__input:not([type="hidden"]):checked ~ .radiobutton__icon:before { - opacity: 1; - } - .radiobutton--button - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__icon { - background-color: #838385; - } - .radiobutton--button - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__text { - color: #fff; - } - .radiobutton--tab - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__text { - color: #333; - } - .radiobutton__input:not([type="hidden"]):checked ~ .radiobutton__border { - border-color: #c2c2c2; - } - .radiobutton__input:not([type="hidden"]):checked ~ .radiobutton__checkedText { - display: block; - } - .radiobutton__icon { - border-radius: 50%; - } - .radiobutton__icon:before { - background-color: #f47920; - border-radius: 50%; - content: ""; - left: 50%; - opacity: 0; - position: absolute; - top: 50%; - transition: opacity 250ms ease-in-out; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - width: 10px; - height: 10px; - } - .radiobutton--button .radiobutton__icon { - border-radius: 0; - width: 100%; - height: 100%; - } - .radiobutton--button .radiobutton__icon:before { - display: none; - } - .radiobutton__labelSub { - font-size: 0.8125rem; - font-weight: 400; - letter-spacing: -0.02em; - line-height: 1.23; - } - .radiobutton__labelTag { - color: #74b11f; - display: none; - font-weight: bold; - margin-bottom: 4px; - } - .radiobutton--tab .radiobutton__label, - .radiobutton--button .radiobutton__label { - align-items: center; - display: flex; - justify-content: center; - padding: 8px; - height: 100%; - } - .radiobutton--tab .radiobutton__label { - font-size: 1rem; - } - .radiobutton--button .radiobutton__label { - min-height: 44px; - } - .checkbox__input:not([type="hidden"]):checked ~ .checkbox__icon { - background-color: #f47920; - border-color: #f47920; - } - .checkbox__input:not([type="hidden"]):checked ~ .checkbox__icon:before { - opacity: 1; - } - .checkbox--button - .checkbox__input:not([type="hidden"]):checked - ~ .checkbox__icon { - background-color: #333; - } - .checkbox--button - .checkbox__input:not([type="hidden"]):checked - ~ .checkbox__text { - color: #fff; - } - .checkbox__icon { - color: #fff; - border-radius: 3px; - font-size: 1rem; - transition: background-color 250ms ease-out; - } - .checkbox__icon:before { - content: ""; - } - .checkbox__icon:before { - line-height: 22px; - opacity: 0; - transition: opacity 250ms ease-in-out; - } - .checkbox--button .checkbox__icon { - width: 100%; - height: 100%; - } - .checkbox--button .checkbox__icon:before { - display: none; - } - .checkbox--button .checkbox__label { - align-items: center; - display: flex; - justify-content: center; - padding: 8px; - height: 100%; - min-height: 44px; - } - .statusMessage { - font-size: 0.875rem; - display: none; - line-height: 1.3; - margin: 4px 0 16px; - padding-left: 24px; - position: relative; - } - .statusMessage:before { - left: 0; - position: absolute; - top: 0; - } - .statusMessage--success { - color: #74b11f; - } - .statusMessage--success.active, - .newsletter__field--success .statusMessage--success { - display: block; - } - .statusMessage--error { - color: #d91a32; - } - .statusMessage--error.active, - .newsletter__field--error .statusMessage--error { - display: block; - } - .select { - position: relative; - width: 100%; - } - .select--open { - z-index: 3; - } - .select--open.select--card .select__button { - border-color: var(--inputBorderColor); - border-bottom: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - } - .select__main { - position: relative; - } - .select__button { - cursor: pointer; - padding-right: 32px; - position: relative; - text-align: left; - white-space: nowrap; - } - .select__button:after { - content: ""; - } - .select__button::after { - font-size: 1rem; - margin-top: -8px; - position: absolute; - right: 8px; - top: 50%; - -webkit-transform-origin: center; - transform-origin: center; - transition: -webkit-transform 250ms ease-out; - transition: transform 250ms ease-out; - transition: transform 250ms ease-out, -webkit-transform 250ms ease-out; - } - .select--open .select__button::after { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); - } - .select__placeholder { - color: var(--inputPlaceholderColor); - white-space: nowrap; - } - .select__listWrap, - .autocomplete { - background-color: #fff; - display: none; - left: 0; - margin-top: 12px; - padding: 12px 0; - position: absolute; - top: 100%; - width: 100%; - z-index: 1; - } - .select__list, - .autocomplete__list { - scroll-behavior: smooth; - overflow: auto; - scrollbar-color: rgba(166, 166, 166, 0.3) transparent; - scrollbar-width: thin; - -webkit-overflow-scrolling: touch; - list-style: none; - margin: 0; - padding: 0; - max-height: 224px; - } - .select__list::-webkit-scrollbar, - .autocomplete__list::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .select__list::-webkit-scrollbar-thumb, - .autocomplete__list::-webkit-scrollbar-thumb { - background: rgba(166, 166, 166, 0.3); - border-radius: 13px; - } - .select__list::-webkit-scrollbar-thumb:hover, - .autocomplete__list::-webkit-scrollbar-thumb:hover { - background: rgba(166, 166, 166, 0.5); - } - .select__list::-webkit-scrollbar-thumb:active, - .autocomplete__list::-webkit-scrollbar-thumb:active { - background: rgba(166, 166, 166, 0.7); - } - .select__list::-webkit-scrollbar-track, - .autocomplete__list::-webkit-scrollbar-track { - background: transparent; - } - .select__option, - .autocomplete__option { - --optionPadding: 12px; - color: #333; - cursor: pointer; - font-size: 0.9375rem; - letter-spacing: -0.02em; - line-height: 1.4; - margin: 0; - padding: 12px; - transition: color 250ms ease, background-color 250ms ease-out; - } - .select__option:before, - .autocomplete__option:before { - content: ""; - display: block; - background-color: #ececec; - position: absolute; - bottom: -1px; - right: auto; - left: auto; - width: calc(100% - var(--optionPadding) * 2); - height: 1px; - } - .select__option:after, - .autocomplete__option:after { - display: none; - } - .select__option.selected, - .selected.autocomplete__option { - background-color: #ececec; - } - .select__option:not(.selected):active, - .autocomplete__option:not(.selected):active { - background-color: #ececec; - } - .select__option.disabled, - .disabled.autocomplete__option, - .filters:not(.filters--checked) .select__option.filtersClearAll, - .filters:not(.filters--checked) .autocomplete__option.filtersClearAll, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.select__option, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.autocomplete__option, - .filter:not(.filter--checked) .filtersLinks button.select__option, - .filter:not(.filter--checked) .filtersLinks button.autocomplete__option { - pointer-events: none; - } - .select--card .select__button { - height: auto; - padding: 14px; - } - .select--card .select__list, - .select--card .autocomplete__list { - max-height: 274px; - } - .select--card .select__listWrap, - .select--card .autocomplete { - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - margin-top: 0; - padding: 0; - position: static; - } - .select--card .select__option, - .select--card .autocomplete__option { - border-top: 1px solid #ececec; - } - .select--card .select__option:last-child, - .select--card .autocomplete__option:last-child { - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; - } - .select--card .select__option:not(.selected):active, - .select--card .autocomplete__option:not(.selected):active { - color: var(--buttonColorActive); - } - .selectInline { - align-items: baseline; - display: inline-flex; - position: relative; - } - .selectInline__label { - color: #333; - font-size: 0.875rem; - font-weight: 500; - position: relative; - z-index: 4; - } - .selectInline .select, - .selectInline .select__main { - position: static; - } - .selectInline .select__button { - border: none; - padding-left: 4px; - z-index: 2; - height: auto; - } - .selectInline .select__listWrap, - .selectInline .autocomplete { - border-radius: 6px; - box-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15); - left: auto; - margin: 0; - padding: 56px 0 16px; - right: -16px; - top: -16px; - width: calc(100% + 40px); - } - .textarea__field { - display: block; - resize: none; - height: 136px; - } - .textarea__field ::-webkit-input-placeholder { - font-size: 0.9375rem; - font-weight: 400; - letter-spacing: -0.03em; - line-height: 1.47; - } - .textarea__field ::-moz-placeholder { - font-size: 0.9375rem; - font-weight: 400; - letter-spacing: -0.03em; - line-height: 1.47; - } - .textarea--medium .textarea__field { - height: 80px; - } - .textarea--short .textarea__field { - height: 48px; - } - .toggle { - line-height: 1.35; - padding: 2px 0 2px calc(44px + 16px); - } - .toggle__label { - color: #999; - display: block; - font-size: 0.875rem; - line-height: 1.4; - transition: color 250ms ease; - } - .toggle__input { - cursor: pointer; - left: 0; - opacity: 0; - position: absolute; - top: 0; - z-index: 2; - width: 44px; - height: 24px; - } - .toggle__input:checked ~ .toggle__control { - background-color: #fff; - -webkit-transform: translateX(100%); - transform: translateX(100%); - } - .toggle__input:checked ~ .toggle__bg { - background-color: #333; - } - .toggle__input:checked ~ .toggle__label { - color: #333; - } - .toggle__input:disabled { - cursor: default; - } - .toggle__input:disabled ~ .toggle__bg { - background-color: #e6e6e6; - } - .toggle__input:disabled ~ .toggle__control { - background-color: #fff; - } - .toggle__bg { - background-color: #999; - border-radius: 100px; - left: 0; - position: absolute; - transition: background-color 250ms ease-out; - top: 0; - width: 44px; - height: 24px; - } - .toggle__control { - background-color: #e6e6e6; - border-radius: 50%; - left: 2px; - position: absolute; - top: 2px; - transition: -webkit-transform 250ms ease-out; - transition: transform 250ms ease-out; - transition: transform 250ms ease-out, -webkit-transform 250ms ease-out; - width: calc(44px / 2 - 2px); - height: calc(24px - 2px * 2); - } - .tabToggle__tabs { - background-color: #fff; - border-radius: 100px; - display: flex; - margin: 0; - padding: 2px; - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - min-width: 160px; - height: 42px; - } - .tabToggle__tabs:before { - background-color: #333; - border-radius: 100px; - content: ""; - left: 2px; - position: absolute; - top: 2px; - transition: -webkit-transform 250ms ease-out; - transition: transform 250ms ease-out; - transition: transform 250ms ease-out, -webkit-transform 250ms ease-out; - width: calc(50% - 2px); - height: calc(100% - 2px * 2); - } - .tabToggle__tabs.slide:before { - -webkit-transform: translateX(100%); - transform: translateX(100%); - } - .tabToggle__tab { - color: #838385; - cursor: pointer; - flex: 1; - font-size: 0.9375rem; - letter-spacing: -0.02em; - margin: 0; - text-align: center; - padding: 10px 8px; - transition: color 250ms ease; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - .tabToggle__tab:after { - display: none; - } - .tabToggle__tab.active { - color: #fff; - } - [data-tabToggle-content] { - display: none; - } - [data-tabToggle-content].active { - display: block; - } - fieldset { - border: none; - margin: 0; - padding: 0; - } - .formWrap--center { - text-align: center; - } - .formWrap + .formWrap { - margin-top: var(--fieldRowSpace); - } - .form { - --formMaxWidth: 820px; - margin-bottom: 40px; - } - .form--s { - --formMaxWidth: 496px; - } - .form--full { - --formMaxWidth: 100%; - } - .formWrap--center .form:not(.form--col) { - display: inline-block; - text-align: left; - } - .formWrap--center .form.form--col { - display: inline-flex; - } - .form--center { - margin-inline: auto; - } - .form--col { - align-items: flex-start; - display: flex; - flex-wrap: wrap; - position: relative; - } - .form--address { - min-height: 400px; - } - .form__title { - border-bottom: solid 1px #c2c2c2; - margin-bottom: 40px; - padding-bottom: 16px; - font-size: 1rem; - font-weight: 500; - } - .form__title:not(:first-child) { - margin-top: 0; - } - .form button[type="submit"]:not(.widthAuto), - .form input[type="submit"]:not(.widthAuto) { - min-width: calc(var(--formMaxWidth) / 2 - var(--fieldColumnSpace) / 2); - } - .form__row { - display: flex; - } - .form__row--separate .field { - border-top: 1px solid #ececec; - flex: 1; - margin-top: 13px; - padding-top: 8px; - } - .form__row--separate .field p { - font-size: 0.8125rem; - font-weight: 400; - letter-spacing: -0.02em; - line-height: 1.23; - margin: 0 0 12px; - } - .form__row--center { - justify-content: center; - } - .form__col { - display: inline-flex; - flex-flow: column; - width: 50%; - } - .togglePassword { - top: 21px; - font-size: 1.5rem; - position: absolute; - right: 18px; - height: 48px; - } - .passwordValidation p { - font-size: 0.75rem; - font-weight: 400; - letter-spacing: initial; - line-height: 1.33; - color: #595959; - margin: 0 0 8px; - } - .passwordValidation ul { - margin: 0; - display: flex; - flex-wrap: wrap; - } - .passwordValidation ul li { - padding-left: 0; - margin: 0; - } - .passwordValidation ul li:after { - display: none; - } - .passwordValidation li { - color: #999; - font-size: 0.8125rem; - margin: 4px 0; - width: 50%; - } - .passwordValidation li.disabled, - .passwordValidation .filters:not(.filters--checked) li.filtersClearAll, - .filters:not(.filters--checked) .passwordValidation li.filtersClearAll { - color: #e6e6e6; - text-decoration: line-through; - } - .field { - margin: 0 calc(var(--fieldColumnSpace) / 2) var(--fieldRowSpace); - text-align: left; - } - .field.hidden { - margin: 0; - } - .field--full { - width: calc(100% - var(--fieldColumnSpace)); - } - .field--small { - flex-shrink: 0; - width: calc(var(--smallField) + var(--fieldColumnSpace)); - } - .field--centered { - text-align: center; - } - .field--centered .field__inner { - display: inline-flex; - margin-left: auto; - margin-right: auto; - text-align: left; - } - .field--hEnd { - text-align: right; - } - .field--hEnd .field__inner { - display: inline-flex; - } - .field--submit { - margin-top: 20px; - text-align: center; - } - .field--comments { - position: relative; - min-height: 16px; - } - .field__inner { - align-items: center; - display: flex; - position: relative; - } - .field__wrap:first-child:last-child { - width: 100%; - } - .field__label { - color: #595959; - display: block; - font-size: 0.8125rem; - line-height: 1.308; - margin: 0 0 4px; - padding-left: var(--inputLabelPadding); - } - .field__label--multiple { - font-size: 1rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.37; - padding-left: 0; - flex-basis: 100%; - } - .field__labelInfo { - font-size: 0.875rem; - font-weight: 400; - letter-spacing: -0.01em; - line-height: 1.28; - color: #838385; - } - .radiobutton .field__labelInfo, - .checkbox .field__labelInfo { - display: block; - } - .field__legend { - font-size: 0.9375rem; - font-weight: 400; - letter-spacing: -0.03em; - line-height: 1.47; - margin: 0 0 24px; - } - .field__input:-moz-read-only ~ .field__helper { - color: #838385; - } - .field__input:read-only ~ .field__helper { - color: #838385; - } - .field__input--password { - padding-right: 50px; - } - .field__input--search { - padding-right: 80px; - } - .field__input--inline { - background: transparent; - border-radius: 0; - border-top: none; - border-left: none; - border-right: none; - } - .field__input--inlineB { - display: inline-block; - width: auto; - } - .field__input--sm { - max-width: 131px; - } - .field__inputSubmit, - .field__inputClear { - bottom: 0; - font-size: 1.5rem; - position: absolute; - top: 0; - height: 48px; - } - .field__inputSubmit { - right: 18px; - } - .field__inputClear { - font-size: 1rem; - opacity: 0; - pointer-events: none; - right: 52px; - } - .field__inputClear.active { - opacity: 1; - pointer-events: all; - } - .field__more { - margin: 24px 0 0; - } - .field__more--spaceS { - margin-top: 8px; - } - .field__more--center { - text-align: center; - } - .field__text { - color: #b3b3b3; - font-size: 0.8125rem; - margin: -4px 0 8px; - } - .field__mapInner { - padding-top: 75%; - background-color: #f4f4f4; - position: relative; - } - .statusBox { - margin: 48px 0; - } - .formWrap--center .statusBox { - margin-right: auto; - margin-left: auto; - } - .statusBox p { - color: #333; - font-size: 1.125rem; - font-weight: 500; - } - .statusBox p:last-child { - margin-bottom: 0; - } - .statusBox__icon { - border-radius: 50%; - color: var(--statusColor); - font-size: 4rem; - line-height: 1; - margin-bottom: 24px; - } - .statusBox--success { - --statusColor: #74b11f; - } - .errorMsg { - align-items: center; - color: #d91a32; - display: flex; - font-size: 0.75rem; - margin: 4px 0 8px; - } - .errorMsg:before { - content: ""; - } - .errorMsg:before { - font-size: 1rem; - margin-right: 8px; - } - .birthdayInput { - --birthdaySpace: 8px; - display: flex; - flex-wrap: wrap; - margin-left: calc(-1 * var(--birthdaySpace)); - width: calc(100% + var(--birthdaySpace) * 2); - } - .birthdayInput .field__input { - margin-left: var(--birthdaySpace); - margin-right: var(--birthdaySpace); - } - .birthdayInput .field__input--day, - .birthdayInput .field__input--month { - width: calc(30% - 16px); - } - .birthdayInput .field__input--year { - width: calc(40% - 16px); - } - .formBox { - background-color: #f7f5f0; - border-radius: 8px; - padding: 20px; - margin-bottom: 12px; - } - .formBox--inner { - margin-left: 32px; - } - .formBox--plain { - background-color: transparent; - border-radius: initial; - padding: 0; - } - .formBox__title { - font-size: 0.9375rem; - font-weight: 400; - letter-spacing: -0.03em; - line-height: 1.47; - display: block; - margin: 0 0 24px; - } - .formBox__text { - font-size: 1rem; - margin: 0 0 24px; - } - .formBox__more { - font-size: 0.875rem; - font-weight: 500; - letter-spacing: -0.01em; - line-height: 1.28; - display: flex; - justify-content: flex-end; - align-items: center; - } - .formBox__more [class^="icon-"], - .formBox__more [class*=" icon-"] { - color: #838385; - font-size: 24px; - margin-right: 9px; - } - .formBox .checkbox ~ .formBox__more { - margin-top: 16px; - } - .radiobuttons, - .checkboxes { - --checkboxRadioSpace: 20px; - } - .radiobuttons--inline, - .checkboxes--inline { - --checkboxRadioSpace: 12px; - gap: var(--checkboxRadioSpace) 24px; - margin-bottom: calc(-1 * var(--checkboxRadioSpace)); - display: flex; - } - .formBox .radiobuttons--inline, - .formBox .checkboxes--inline { - --checkboxRadioSpace: 24px; - margin-bottom: 0; - } - .radiobuttons--addresses, - .checkboxes--addresses { - padding-bottom: 27px; - } - .radiobuttons--colors, - .radiobuttons--icons, - .checkboxes--colors, - .checkboxes--icons { - display: flex; - flex-wrap: wrap; - margin-top: 12px; - } - .radiobuttons--colors, - .checkboxes--colors { - --checkboxRadioSpace: 16px; - gap: var(--checkboxRadioSpace); - } - .radiobuttons--icons, - .checkboxes--icons { - --checkboxRadioSpace: 12px; - gap: var(--checkboxRadioSpace) 8px; - } - .radiobuttons--inline .radiobutton, - .radiobuttons--inline .radiobutton:not(:first-child), - .radiobuttons--inline .radiobutton:not(:last-child), - .radiobuttons--colors .radiobutton, - .radiobuttons--colors .radiobutton:not(:first-child), - .radiobuttons--colors .radiobutton:not(:last-child), - .radiobuttons--icons .radiobutton, - .radiobuttons--icons .radiobutton:not(:first-child), - .radiobuttons--icons .radiobutton:not(:last-child) { - margin: 0; - } - .radiobuttons--scrollV { - scroll-behavior: smooth; - overflow: auto; - scrollbar-color: rgba(166, 166, 166, 0.3) transparent; - scrollbar-width: thin; - -webkit-overflow-scrolling: touch; - max-height: 224px; - } - .radiobuttons--scrollV::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .radiobuttons--scrollV::-webkit-scrollbar-thumb { - background: rgba(166, 166, 166, 0.3); - border-radius: 13px; - } - .radiobuttons--scrollV::-webkit-scrollbar-thumb:hover { - background: rgba(166, 166, 166, 0.5); - } - .radiobuttons--scrollV::-webkit-scrollbar-thumb:active { - background: rgba(166, 166, 166, 0.7); - } - .radiobuttons--scrollV::-webkit-scrollbar-track { - background: transparent; - } - .radiobuttons--toggle { - background: #ececec; - border-radius: 100px; - display: flex; - justify-content: center; - margin-inline: auto; - padding: 2px; - height: 40px; - } - .radiobuttons--toggle .radiobutton { - color: #838385; - } - .radiobuttons--toggle - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__icon { - background-color: #333; - } - .radiobuttons--toggle - .radiobutton__input:not([type="hidden"]):checked - ~ .radiobutton__text { - color: #fff; - } - .radiobuttons--toggle .radiobutton:not(:last-child) { - margin-bottom: 0; - } - .radiobuttons--toggle .radiobutton:not(:first-child) { - margin-top: 0; - } - .radiobuttons--toggle .radiobutton__label { - align-items: center; - display: flex; - padding: 4px 16px; - height: 100%; - } - .radiobuttons--toggle .radiobutton__icon { - background: transparent; - border: none; - border-radius: 100px; - width: 100%; - height: 100%; - } - .radiobuttons--toggle .radiobutton__icon:before { - display: none; - } - .radiobuttons--toggle .radiobutton__text { - color: #838385; - font-weight: 500; - } - .checkboxes--inline .checkbox, - .checkboxes--inline .checkbox:not(:first-child), - .checkboxes--inline .checkbox:not(:last-child) { - margin: 0; - } - .validation-summary-errors { - margin: 16px 0 0; - } - .validation-summary-errors ul { - list-style: inside; - } - .validation-summary-errors li { - margin-bottom: 8px; - } - .validation-summary-errors li, - .field-validation-error { - color: #d91a32; - } - .field-validation-error { - color: #d91a32; - } - .file-upload { - display: flex; - flex-wrap: wrap; - align-items: center; - margin-bottom: 20px; - } - .file-upload__filled .file-upload__button { - display: none; - } - .file-upload__filled .file-upload__content { - display: inline-flex; - } - .file-upload__input { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0; - z-index: 2; - cursor: pointer; - } - .file-upload__button { - position: relative; - margin-right: 10px; - } - .file-upload__content { - display: none; - flex-wrap: wrap; - align-items: center; - line-height: 1; - } - .file-upload__name { - font-size: 1rem; - color: #333; - letter-spacing: -0.02em; - margin: 8px 8px 8px 0; - } - .file-upload__delete { - cursor: pointer; - display: inline-flex; - flex-wrap: wrap; - align-items: center; - font-size: 0.8125rem; - font-weight: 500; - color: #333; - } - .file-upload__delete:active { - color: #f47920; - } - .file-upload__delete:active .file-upload__icon { - color: #f47920; - } - .file-upload__icon { - font-size: 1.5rem; - margin-top: -4px; - color: #838385; - } - .file-upload__title { - font-size: 1rem; - letter-spacing: -0.02em; - color: #333; - margin: 10px 10px 10px 0; - } - .file-upload__title span { - letter-spacing: -0.02em; - font-size: 0.8125rem; - } - .formTip { - color: #333; - font-size: 0.8125rem; - letter-spacing: -0.02em; - text-align: left; - } - .formTip--border { - border-top: solid 1px #ececec; - margin: 0 0 40px 0; - padding-top: 8px; - } - .formTip p { - font-size: 0.8125rem; - margin: 0; - } - .loginWrap { - display: flex; - text-align: left; - } - .loginWrap__img { - flex-shrink: 0; - position: relative; - width: 49%; - } - .loginWrap__img img { - -o-object-fit: cover; - object-fit: cover; - -o-object-position: center; - object-position: center; - } - .loginWrap__form { - flex: 1; - padding: 96px 24px; - margin: 0 auto; - max-width: 400px; - } - .loginWrap__form .modal__title { - margin-bottom: 24px; - } - .registerPromo { - margin-top: 40px; - } - .registrationForm .modal__title { - margin-bottom: 48px; - } - .formText { - border-top: 1px solid #d8d8d8; - padding: 24px 0 8px; - text-align: center; - } - .formText p { - color: #333; - font-size: 0.9375rem; - } - .formText p:last-child { - margin: 0; - } - .goToTop { - background-color: #000; - bottom: 32px; - border-radius: 50%; - box-shadow: 0px 5px 15px rgba(51, 51, 51, 0.12); - color: #333; - cursor: pointer; - font-size: 0.875rem; - line-height: 62px; - position: fixed; - right: 24px; - text-align: center; - transition: -webkit-transform 250ms ease-out; - transition: transform 250ms ease-out; - transition: transform 250ms ease-out, -webkit-transform 250ms ease-out; - -webkit-transform: translateY(150%); - transform: translateY(150%); - z-index: 9; - width: 64px; - height: 64px; - } - .goToTop:before { - display: block; - transition: -webkit-transform 300ms cubic-bezier(0.455, 0.07, 0.53, 0.895); - transition: transform 300ms cubic-bezier(0.455, 0.07, 0.53, 0.895); - transition: transform 300ms cubic-bezier(0.455, 0.07, 0.53, 0.895), - -webkit-transform 300ms cubic-bezier(0.455, 0.07, 0.53, 0.895); - } - .showToTop .goToTop { - -webkit-transform: translateY(0); - transform: translateY(0); - } - .imgControl { - margin: 0 auto; - display: flex; - width: 100%; - justify-content: center; - } - .imgControl button { - margin: 0 4px; - } - .indicator { - font-size: 0.8125rem; - font-weight: 400; - letter-spacing: -0.02em; - line-height: 1.231; - align-items: center; - display: inline-flex; - } - .indicator [class^="icon-"], - .indicator [class*=" icon-"] { - margin: 0 4px 2px; - } - .indicator:before { - width: 6px; - height: 6px; - background: transparent; - border-radius: 50%; - content: ""; - margin-right: 6px; - margin-top: -2px; - } - .indicator--orange:before { - background-color: #f47920; - } - .indicator--green:before { - background-color: #74b11f; - } - .indicator--greenLight:before { - background-color: #8dc63f; - } - .indicator--red:before { - background-color: #d91a32; - } - .indicator--strong { - font-size: 0.875rem; - font-weight: 500; - letter-spacing: -0.01em; - line-height: 1.28; - padding: 4px; - } - .indicator--strong:before { - display: none; - } - .indicator--bg { - background-color: #fef8c6; - border-radius: 4px; - } - .orderTrack .indicator { - flex-shrink: 0; - } - .loader--circle { - margin: 0 auto 32px; - width: 96px; - height: 96px; - } - .loader__inner { - align-items: center; - display: flex; - justify-content: center; - margin: auto; - width: 100%; - height: 100%; - } - .loader__item { - -webkit-animation: bouncedelay 1.4s infinite ease-in-out both; - animation: bouncedelay 1.4s infinite ease-in-out both; - border-radius: 100%; - background-color: #fff; - margin: 4px; - width: 16px; - height: 16px; - } - .loader__item--1 { - -webkit-animation-delay: -0.32s; - animation-delay: -0.32s; - } - .loader__item--2 { - -webkit-animation-delay: -0.16s; - animation-delay: -0.16s; - } - .loader__circle { - align-items: center; - -webkit-animation: circle-loader-spin 1s infinite linear; - animation: circle-loader-spin 1s infinite linear; - border-radius: 50%; - border-top: 10px solid #ece8dc; - border-right: 10px solid #ece8dc; - border-bottom: 10px solid #ece8dc; - border-left: 10px solid #f47920; - display: flex; - justify-content: center; - margin: auto; - -webkit-transform: translateZ(0); - transform: translateZ(0); - width: 96px; - min-width: 96px; - height: 96px; - min-height: 96px; - } - @-webkit-keyframes circle-loader-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - @keyframes circle-loader-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - @-webkit-keyframes bouncedelay { - 0%, - 80%, - 100% { - -webkit-transform: scale(0); - transform: scale(0); - } - 40% { - -webkit-transform: scale(1); - transform: scale(1); - } - } - @keyframes bouncedelay { - 0%, - 80%, - 100% { - -webkit-transform: scale(0); - transform: scale(0); - } - 40% { - -webkit-transform: scale(1); - transform: scale(1); - } - } - .loadMore { - --barPercentage: 0%; - --loadMoreSpace: 64px; - margin: var(--loadMoreSpace) auto; - text-align: center; - max-width: 736px; - } - .loadMore__text { - color: #333; - margin-bottom: 24px; - } - .loadMore__text:last-child { - margin-bottom: 0; - } - .loadMore__bar { - background-color: #fff; - border-radius: 6px; - margin: 24px auto; - overflow: hidden; - position: relative; - max-width: 288px; - height: 6px; - } - .loadMore__barInner { - background-color: gray; - border-radius: inherit; - left: 0; - position: absolute; - top: 0; - -webkit-transform: scaleX(var(--barPercentage)); - transform: scaleX(var(--barPercentage)); - -webkit-transform-origin: 0 center; - transform-origin: 0 center; - transition: -webkit-transform 250ms ease-out; - transition: transform 250ms ease-out; - transition: transform 250ms ease-out, -webkit-transform 250ms ease-out; - width: 100%; - height: 100%; - } - .loadMore__button:not(:last-child) { - margin-bottom: 32px; - } - .mainNavWrap { - --mobMenuHorPadding: 16px; - } - .mainNav__list { - margin: 0; - } - .mainNav__list li { - padding-left: 0; - margin: 0; - } - .mainNav__list li:after { - display: none; - } - .mainNav__item { - color: #8c8c8c; - cursor: pointer; - font-size: 0.875rem; - margin: 0 16px; - transition: color 250ms ease; - } - .mainNav__item:first-child { - margin-left: 0; - } - .mainNav__item--active { - color: #333; - } - .mainNav__link { - color: inherit; - display: block; - padding: 8px 8px 16px; - position: relative; - transition: color 250ms ease; - } - .mainNav__link:first-child { - padding-left: 0; - } - .mainNav__link:after { - background-color: #000; - bottom: 0; - content: ""; - left: 0; - opacity: 0; - position: absolute; - -webkit-transform: scaleY(0); - transform: scaleY(0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - transition: opacity 50ms ease-out; - width: 100%; - height: 3px; - } - .mainNav__item--active .mainNav__link:after { - opacity: 1; - -webkit-transform: scaleY(1); - transform: scaleY(1); - transition: opacity 10ms ease-out 250ms, - -webkit-transform 150ms ease-out 250ms; - transition: opacity 10ms ease-out 250ms, transform 150ms ease-out 250ms; - transition: opacity 10ms ease-out 250ms, transform 150ms ease-out 250ms, - -webkit-transform 150ms ease-out 250ms; - } - .megamenu { - position: absolute; - width: 100%; - } - .megamenu__list { - margin: 0; - } - .megamenu__list li { - padding-left: 0; - margin: 0; - } - .megamenu__list li:after { - display: none; - } - .megamenu__list--level2 > li { - color: #333; - font-weight: bold; - } - .megamenu__list--level3 { - margin: 16px 0 40px; - } - .megamenu__list--level3 > li { - color: #8c8c8c; - font-weight: normal; - margin-bottom: 8px; - } - .megamenu__list a { - color: inherit; - transition: color 250ms ease; - } - .megamenu__title { - align-items: baseline; - display: flex; - } - .megamenu__title > *:not(:last-child) { - margin-right: 16px; - } - .megamenu__close { - color: rgba(51, 51, 51, 0.5); - line-height: 1; - } - .message { - align-items: center; - border: 1px solid #ececec; - border-radius: 8px; - display: flex; - margin-bottom: 40px; - padding: 16px; - } - .message__icon { - align-self: flex-start; - font-size: 1.5rem; - margin-right: 8px; - margin-top: -3px; - } - .message__icon.icon-alert { - color: #d91a32; - } - .message__icon.icon-warning { - color: #f47920; - } - .message__icon.icon-tickFilled { - color: #74b11f; - } - .message__text { - color: #333; - } - .message__text p { - font-size: 0.8125rem; - font-weight: 400; - letter-spacing: -0.02em; - line-height: 1.3; - color: inherit; - margin-bottom: 4px; - } - .message__text p:last-child { - margin: 0; - } - .modal { - align-items: center; - display: flex; - justify-content: center; - left: 0; - opacity: 1; - position: fixed; - top: 0; - transition: opacity 250ms ease-in-out; - z-index: 10; - width: 100%; - height: 100%; - } - .modal:not(.open) { - opacity: 0; - pointer-events: none; - } - .modal__wrap { - background-color: #fff; - border-radius: 8px; - color: #333; - font-size: 1rem; - font-weight: 400; - overflow: auto; - -webkit-overflow-scrolling: touch; - padding: 80px 24px 56px; - position: relative; - text-align: center; - width: 800px; - max-width: 92vw; - max-height: 92vh; - z-index: 10; - } - .modal--auto .modal__wrap { - width: auto; - } - .modal--s .modal__wrap { - width: 504px; - } - .modal--l .modal__wrap { - width: 1176px; - } - .modal--full .modal__wrap { - border-radius: 0; - display: flex; - flex-wrap: wrap; - width: 100%; - height: 100%; - max-width: 100%; - max-height: 100%; - } - .modal--transparent .modal__wrap { - background: transparent; - padding: 0; - } - .modal--noSpaces .modal__wrap { - padding: 0; - } - .modal__wrap .btnWrap { - margin-top: 34px; - } - .modal__wrap .btnWrap:last-child { - margin-bottom: 0; - } - .modal__closeButton { - position: absolute; - right: 24px; - top: 24px; - z-index: 2; - } - .modal__mainfigure { - margin: auto; - } - .modal__mainfigure img { - display: inline-block; - -o-object-fit: contain; - object-fit: contain; - -o-object-position: center center; - object-position: center center; - vertical-align: top; - max-width: 92vw; - max-height: 88vh; - } - .modal__titleWrap { - margin: 0 auto 32px; - } - .modal__title { - font-size: 1.5rem; - margin: 0 auto 12px; - max-width: 576px; - } - .modal__title:not(:first-child) { - margin-top: 0; - } - .modal__title:last-child { - margin-bottom: 0; - } - .modal .form { - margin-bottom: 0; - } - .modal--full .modal__content { - width: 100%; - } - .newsletter { - background-color: #e6e6e6; - padding: 32px 0; - display: flex; - } - .newsletter__form { - display: flex; - } - .newsletter__label { - font-size: 16px; - font-weight: bold; - } - .newsletter__inputs { - display: flex; - } - .newsletter__input { - background-color: #fff; - border: 1px solid #999; - border-radius: 5px; - color: #666; - font-size: 0.875rem; - margin-right: 8px; - padding: 8px; - height: 48px; - } - .newsletter__input::-webkit-input-placeholder { - color: #999; - } - .newsletter__input::-moz-placeholder { - color: #999; - } - .newsletter__input:-ms-input-placeholder { - color: #999; - } - .newsletter__input::placeholder { - color: #999; - } - .newsletter__terms { - margin: 8px 0 0; - } - .notifications { - display: none; - position: absolute; - top: 100%; - z-index: 3; - } - .notifications__content { - background-color: #fff; - border-radius: 8px; - box-shadow: 0px 2px 12px rgba(51, 51, 51, 0.08); - padding: 60px 20px 20px 20px; - position: relative; - z-index: 2; - margin-top: 12px; - } - .notifications__close { - position: absolute; - right: 20px; - top: 20px; - color: #333; - font-size: 1.5rem; - cursor: pointer; - } - .notifications__list { - margin: 0; - } - .notifications__list li { - padding-left: 0; - margin: 0; - } - .notifications__list li:after { - display: none; - } - .notifications__overlay { - position: absolute; - z-index: -1; - cursor: pointer; - } - .notifications__content { - width: 415px; - } - .notifications__list { - overflow: auto; - -webkit-overflow-scrolling: touch; - scroll-behavior: smooth; - overflow: auto; - scrollbar-color: rgba(166, 166, 166, 0.3) transparent; - scrollbar-width: thin; - -webkit-overflow-scrolling: touch; - max-height: calc(100vh - 210px); - margin: 0 -10px; - padding: 0 10px; - } - .notifications__list::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .notifications__list::-webkit-scrollbar-thumb { - background: rgba(166, 166, 166, 0.3); - border-radius: 13px; - } - .notifications__list::-webkit-scrollbar-thumb:hover { - background: rgba(166, 166, 166, 0.5); - } - .notifications__list::-webkit-scrollbar-thumb:active { - background: rgba(166, 166, 166, 0.7); - } - .notifications__list::-webkit-scrollbar-track { - background: transparent; - } - .notifications__listItem { - color: #838385; - font-size: 0.875rem; - line-height: 1.25; - margin: 0; - padding: 16px 0; - display: flex; - flex-wrap: wrap; - position: relative; - } - .notifications__listItem--unread { - color: #333; - padding-right: 13px; - } - .notifications__listItem--unread:before { - content: ""; - position: absolute; - top: 21px; - right: 0; - width: 6px; - height: 6px; - background: #d91a32; - border-radius: 50%; - } - .notifications__listItem:not(:first-child) { - border-top: 1px solid #ececec; - } - .notifications__date { - width: 70px; - text-align: right; - font-size: 0.875rem; - letter-spacing: -0.01em; - margin-left: auto; - } - .notifications__title { - width: calc(100% - 70px); - max-width: 293px; - padding-right: 5px; - font-size: 0.875rem; - color: #333; - line-height: 1.3; - } - .notifications__maintitle { - font-size: 1.25rem; - font-weight: 700; - color: #333; - line-height: 1.3; - margin: 0 0 10px; - } - .notificationsBtn { - position: relative; - font-size: 1.5rem; - color: #a6a6a6; - } - .notificationsBtn:after { - position: absolute; - } - .outputsRow { - display: flex; - gap: 24px; - } - .output { - align-items: center; - background: #f2efe8; - border-radius: 8px; - display: flex; - flex: 1; - justify-content: space-between; - padding: 16px; - position: relative; - } - .output:not(.output--init) { - align-items: center; - justify-content: flex-start; - padding-right: 64px; - } - .output--pickup .output__inner, - .output--delivery .output__inner { - background-position: left center; - background-repeat: no-repeat; - background-size: auto 40px; - padding-left: 88px; - min-height: 40px; - } - .output--selected { - border: 2px solid #74b11f; - } - .output--delivery .output__inner { - background-image: url(../media/delivery.svg); - } - .output--pickup .output__inner { - background-image: url(../media/pickup.svg); - } - .output--pickup:not(.output--init) .output__inner, - .output--delivery:not(.output--init) .output__inner { - align-items: flex-end; - display: flex; - flex-wrap: wrap; - } - .output--init .output__inner { - align-items: center; - display: flex; - } - .output__title { - align-items: baseline; - color: #333; - display: flex; - font-size: 1rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.375; - margin: 0; - } - .output--delivery:not(.output--init) .output__title, - .output--pickup:not(.output--init) .output__title { - font-size: 0.875rem; - line-height: 1.286; - margin-bottom: 4px; - } - .output__title:not(:last-child) { - margin-bottom: 8px; - } - .output--init .output__title { - font-size: 1.125rem; - } - .output__titleInfo { - color: #838385; - font-size: 0.75rem; - letter-spacing: 0; - margin-left: 4px; - } - .output__mainLink { - font-size: 0.875rem; - font-weight: 500; - letter-spacing: -0.01em; - line-height: 1.286; - margin: 0; - } - .output__mainLink:after { - content: ""; - } - .output__link, - .output__mainLink { - color: var(--buttonColor); - } - .output__link:active, - .output__mainLink:active { - color: var(--buttonColorActive); - } - .output--init .output__button { - flex-shrink: 0; - margin-left: 16px; - } - .output--init .output__button:after { - content: ""; - } - .output:not(.output--init) .output__button { - position: absolute; - right: 16px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - } - .output--selected .output__button { - background: url(../media/tickFilled.svg) no-repeat scroll center; - background-size: contain; - color: #74b11f; - width: 26px; - height: 26px; - } - .output__status { - color: #74b11f; - flex-shrink: 0; - font-size: 1.625rem; - margin-left: 16px; - } - .output__link { - color: var(--buttonColor); - display: block; - font-size: 0.875rem; - text-decoration: underline; - } - .output__link:not(:last-child) { - margin-bottom: 4px; - } - .output__link address { - color: inherit; - line-height: inherit; - } - .output__link--b { - font-weight: 500; - } - .output__time { - color: #333; - font-size: 0.8125rem; - line-height: 1.23; - margin: 4px 0 0; - } - .output__time:before { - font-size: 1rem; - margin-right: 4px; - } - .pagination-container { - margin: 32px 0; - } - .pagination { - margin: 0; - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: center; - } - .pagination li { - padding-left: 0; - margin: 0; - } - .pagination li:after { - display: none; - } - .pagination__item { - border-radius: 50%; - font-size: 1rem; - margin: 0 2px; - } - .pagination__item.active { - background-color: #f47920; - font-size: 1.125rem; - font-weight: 700; - } - .pagination__item.active .pagination__link { - color: #fff; - cursor: default; - } - .pagination__link { - color: var(--buttonColor); - cursor: pointer; - display: block; - line-height: 34px; - text-align: center; - transition: color 250ms ease; - width: 32px; - height: 32px; - } - .pagination__link:active { - color: var(--buttonColorActive); - } - .pagination__link--prev, - .pagination__link--next { - align-items: center; - display: flex; - justify-content: center; - } - .pagination__link--prev.disabled, - .filters:not(.filters--checked) .pagination__link--prev.filtersClearAll, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.pagination__link--prev, - .filter:not(.filter--checked) .filtersLinks button.pagination__link--prev, - .pagination__link--next.disabled, - .filters:not(.filters--checked) .pagination__link--next.filtersClearAll, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.pagination__link--next, - .filter:not(.filter--checked) .filtersLinks button.pagination__link--next { - opacity: 0; - pointer-events: none; - } - .product .fav { - position: absolute; - right: -4px; - top: -4px; - z-index: 2; - } - .product .wishlistButton:not(:first-child) .fav { - right: 24px; - } - .product--mini .fav, - .minibasket__product .fav { - right: 32px; - top: 0; - } - .product__inner { - display: flex; - flex-direction: column; - position: relative; - height: 100%; - } - .product__discount { - align-items: center; - background-color: #fff; - border: 5px solid rgba(244, 121, 32, 0.7); - border-radius: 50%; - color: #333; - display: flex; - flex-direction: column; - font-size: 0.875rem; - font-weight: 700; - justify-content: center; - left: 0; - letter-spacing: -0.02em; - line-height: 1; - position: absolute; - text-align: center; - top: 0; - z-index: 1; - width: 64px; - height: 64px; - } - .basketTable .product__discount { - border-width: 3px; - font-size: 0.6875rem; - font-weight: 500; - width: 44px; - height: 44px; - } - .basketTable .product__discount .product__discountVal { - font-size: 0.875rem; - margin-bottom: -3px; - } - .product__discountVal { - font-size: 1.125rem; - font-weight: bold; - line-height: 1.223; - } - .product__discountText { - font-size: 0.625rem; - font-weight: 500; - line-height: 1.2; - } - .product__img { - margin-bottom: 12px; - padding-top: 16px; - position: relative; - max-width: 320px; - } - .product__img figure { - width: 100%; - } - .product__img figure picture { - display: block; - padding-top: calc(160 / 160 * 100%); - position: relative; - width: 100%; - } - .product__img figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .product__badge { - --badgePosition: 0; - bottom: 0; - position: absolute; - z-index: 2; - width: 40px; - } - .product__badge--left { - left: var(--badgePosition); - } - .product__badge--right { - right: var(--badgePosition); - } - .product__badge img { - display: inline-block; - vertical-align: top; - } - .product__more { - display: flex; - flex: 1; - flex-direction: column; - justify-content: flex-end; - } - .product__title { - color: #333; - display: block; - font-size: 1.125rem; - font-weight: 400; - letter-spacing: -0.02em; - line-height: 1.3; - margin: 0 0 8px; - } - .product__title:before { - content: ""; - } - .product__desc { - color: #333; - font-size: 0.8125rem; - letter-spacing: -0.02em; - line-height: 1.23; - margin: 0 0 8px; - } - .product__quantity { - position: relative; - z-index: 1; - } - .product__avail { - font-size: 0.8125rem; - } - .minibasket .product__avail { - margin: 4px 0 0; - } - .productsListMini .product:not(:first-child) { - margin-top: 24px; - } - .productsListMini .product:not(:last-child) { - margin-bottom: 24px; - } - .productTags { - display: flex; - flex-wrap: wrap; - margin: -4px 0 8px; - } - .productInfo .productTags { - margin: 0 0 12px; - } - .productTags__tag { - margin: 4px 0; - width: 24px; - height: 24px; - } - .productInfo .productTags__tag { - margin-bottom: 0; - margin-top: 0; - width: 32px; - height: 32px; - } - .productTags__tag:not(:last-child) { - margin-right: 4px; - } - .priceContainer { - display: flex; - justify-content: flex-start; - } - .productInfo .priceContainer, - .productList .priceContainer { - height: 54px; - } - .productList .priceContainer { - justify-content: space-between; - margin-bottom: 12px; - } - .priceContainer .priceBlock { - align-items: baseline; - display: grid; - grid-template-columns: -webkit-max-content; - grid-template-columns: max-content; - grid-template-rows: auto; - } - .priceContainer .priceBlock:not(:first-child) { - padding-left: 8px; - } - .priceContainer .priceBlock:not(:last-child) { - padding-right: 8px; - } - .priceContainer .priceBlock__price { - align-self: end; - } - .priceContainer .priceBlock__price:not(.priceBlock__price--init):first-child { - grid-row-start: 1; - grid-row-end: 3; - } - .priceContainer .priceBlock__text { - align-self: end; - grid-column-start: 2; - grid-column-end: 3; - grid-row-start: 1; - grid-row-end: 3; - } - .priceBlock { - color: #333; - letter-spacing: -0.02em; - line-height: 1; - } - .priceBlock__price { - font-size: 1.125rem; - font-weight: 500; - line-height: 1.334; - text-align: right; - white-space: nowrap; - } - .priceBlock__price--init { - color: #a6a6a6; - font-size: 1rem; - font-weight: 400; - text-decoration: line-through; - } - .priceBlock__price--b { - font-size: 1.625rem; - letter-spacing: -0.03em; - line-height: 1.02; - margin-top: -6px; - } - .priceBlock__price--b .priceBlock__text { - letter-spacing: -0.02em; - } - .priceBlock__text { - font-size: 0.8125rem; - font-weight: 400; - line-height: 1.385; - margin-left: 4px; - white-space: nowrap; - } - .priceRow { - align-items: center; - display: flex; - justify-content: space-between; - font-size: 0.875rem; - margin: 16px 0; - } - .priceRow:first-child { - margin-top: 0; - } - .priceRow .priceBlock { - padding-left: 24px; - } - .priceRow:not(.priceRow--total) .priceBlock__price { - font-weight: normal; - } - .priceRow--total { - align-items: flex-end; - font-size: 1.25rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1; - margin-bottom: 24px; - } - .sideBasket .priceRow--total { - font-size: 1rem; - margin: 8px 0; - } - .priceRow--total .priceBlock__price { - font-size: 1.25rem; - } - .priceRow--total .priceBlock__price--init { - font-size: 0.9375rem; - } - .priceRow__val { - color: gray; - } - .noInfo { - border: 2px solid #fff; - border-radius: 50%; - color: #fff; - font-size: 0.75rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 22px; - text-align: center; - width: 24px; - height: 24px; - } - .infoPopup { - background-color: #fff; - -webkit-filter: drop-shadow(1px 2px 2px rgba(51, 51, 51, 0.1)) - drop-shadow(2px 4px 4px rgba(51, 51, 51, 0.2)); - filter: drop-shadow(1px 2px 2px rgba(51, 51, 51, 0.1)) - drop-shadow(2px 4px 4px rgba(51, 51, 51, 0.2)); - padding: 16px; - position: absolute; - right: calc(50vw - var(--wrapper) / 2 + var(--gridSpace)); - top: 160px; - transition: opacity 350ms ease, -webkit-transform 350ms ease; - transition: opacity 350ms ease, transform 350ms ease; - transition: opacity 350ms ease, transform 350ms ease, - -webkit-transform 350ms ease; - z-index: 99; - min-width: 320px; - } - .infoPopup.moveOut { - opacity: 0; - pointer-events: none; - -webkit-transform: translateY(-40%); - transform: translateY(-40%); - } - .infoPopup__title { - font-weight: bold; - margin: 0 0 8px; - padding-right: 24px; - } - .infoPopup p { - font-size: 0.875rem; - } - .infoPopup__remove { - position: absolute; - right: 0; - top: 0; - } - .productsSum { - padding: 20px 8px; - } - .productsSum .orDivider__text { - background-color: #f2f2f2; - } - .quantity { - align-items: center; - background-color: #f2efe8; - border-radius: 100px; - display: flex; - position: relative; - width: 100%; - max-width: 296px; - height: 48px; - } - .quantity--init { - position: relative; - } - .quantity--init:before { - content: ""; - } - .quantity--init:before { - color: #838385; - font-size: 1.5rem; - left: 50%; - margin: -12px 0 0 -12px; - position: absolute; - top: 50%; - z-index: 1; - } - .quantity--init:after { - background-color: #f2efe8; - border-radius: 100px; - content: ""; - pointer-events: none; - transition: background-color 250ms ease-out; - } - .quantity--init .quantity__btn { - opacity: 0; - } - .quantity__btn { - background-color: var(--buttonBgColor); - border-radius: 100px; - color: var(--buttonColor); - flex-shrink: 0; - font-size: 1.5rem; - line-height: 1; - width: 60px; - height: 100%; - } - .quantity__btn:not(.disabled) { - cursor: pointer; - } - .quantity__btn:not(.disabled):active { - background-color: var(--buttonBgColorActive); - } - .quantity__btn.disabled, - .filters:not(.filters--checked) .quantity__btn.filtersClearAll, - .filters:not(.filters--checked) - .filtersLinks.filtersLinks--all - button.quantity__btn, - .filter:not(.filter--checked) .filtersLinks button.quantity__btn { - --buttonBgColor: #f2efe8; - --buttonColor: #c2c2c2; - } - .quantity__btn--inc { - --buttonBgColor: #74b11f; - --buttonBgColorHover: #8dc63f; - --buttonBgColorActive: #588718; - --buttonColor: #fff; - } - .quantity__btn--inc:before { - content: ""; - } - .quantity__btn--dec { - --buttonBgColor: #e8e2d7; - --buttonBgColorHover: #d6d0c5; - --buttonBgColorActive: #c9c4b9; - --buttonColor: #838385; - } - .quantity__btn--dec:before { - content: ""; - } - .quantity__btn--notAvailable { - background-color: #ececec; - border-radius: 8px; - color: #a6a6a6; - font-size: 0.9375rem; - font-weight: 500; - min-width: 100%; - } - .quantity__input { - color: #838385; - flex: 1; - font-size: 1.25rem; - font-weight: 500; - letter-spacing: -0.02em; - text-align: center; - } - .quantity__input span { - font-size: 1rem; - } - .quantity:not(.quantity--init) .quantity__input { - pointer-events: none; - } - .quantity.quantity--init .quantity__input { - cursor: pointer; - opacity: 0; - z-index: 2; - } - .quantity__message { - align-items: center; - background: #fff; - border: 1px solid #ececec; - box-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15); - border-radius: 8px; - bottom: 100%; - display: flex; - font-size: 0.875rem; - left: 50%; - letter-spacing: -0.01em; - margin-bottom: 8px; - opacity: 0; - padding: var(--productPadding); - pointer-events: none; - position: absolute; - -webkit-transform: translateY(16px) translateX(-50%); - transform: translateY(16px) translateX(-50%); - transition: opacity 350ms ease, -webkit-transform 350ms ease; - transition: opacity 350ms ease, transform 350ms ease; - transition: opacity 350ms ease, transform 350ms ease, - -webkit-transform 350ms ease; - width: calc(100% + var(--productPadding) * 2); - } - .basketTable .quantity__message { - left: 50%; - padding: 8px; - white-space: nowrap; - width: auto; - } - .quantity__message:before { - background-color: var(--messageColor); - border-radius: 50%; - color: #fff; - flex-shrink: 0; - font-weight: bold; - line-height: 22px; - margin-right: 8px; - text-align: center; - width: 22px; - height: 22px; - } - .quantity--showMessage .quantity__message { - opacity: 1; - -webkit-transform: translateY(0) translateX(-50%); - transform: translateY(0) translateX(-50%); - } - .quantity__message--added { - --messageColor: #74b11f; - } - .quantity__message--added:before { - content: ""; - } - .quantity__message--removed { - --messageColor: #d8d8d8; - } - .quantity__message--removed:before { - content: ""; - } - .quantity--s, - .basketTable .quantity { - height: 34px; - } - .quantity--s .quantity__btn, - .basketTable .quantity .quantity__btn { - font-size: 0.875rem; - width: 40px; - } - .quantity--s .quantity__input, - .basketTable .quantity .quantity__input { - font-size: 0.875rem; - } - .filters__item .range { - padding: 16px 8px 0 0; - } - .range__slider { - background: #333; - border: none; - border-radius: 0; - box-shadow: none; - margin: 16px; - height: 2px; - } - .range__values { - display: flex; - justify-content: space-between; - } - .range__value { - color: #ccc; - font-size: 0.875rem; - text-align: center; - width: 32px; - } - .range__inputs { - display: flex; - margin-top: 16px; - height: 48px; - } - .range__inputWrap { - flex: 1; - margin-right: 8px; - position: relative; - } - .range__input { - padding-right: 24px; - width: 100%; - } - .range__symbol { - color: gray; - font-size: 0.875rem; - right: 8px; - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - } - .range__submit:before { - content: ""; - } - .noUi-connect { - background-color: #333; - } - .noUi-handle { - border: 1px solid #333; - box-shadow: none; - } - .noUi-horizontal .noUi-handle { - border-radius: 50%; - right: -16px; - top: -16px; - width: 32px; - height: 32px; - } - .noUi-handle:before, - .noUi-handle:after { - display: none; - } - .noUi-tooltip { - background: transparent; - border: none; - font-size: 0.875rem; - font-weight: bold; - line-height: 1; - padding: 4px 0; - } - .noUi-handle-lower .noUi-tooltip, - .noUi-handle-upper .noUi-tooltip { - bottom: 100%; - } - .result { - margin: 0 0 40px; - } - .result--fullheight { - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: center; - margin: 0; - padding: 24px 0; - min-height: 60vh; - } - .result__content { - text-align: center; - width: 100%; - } - .result__title { - font-size: 1.875rem; - font-weight: 700; - letter-spacing: -0.02em; - line-height: 1.2; - color: #333; - margin: 0 0 8px; - } - .result__p { - margin: 0 0 12px; - } - .result__p--b { - font-size: 1.25rem; - letter-spacing: -0.03em; - } - .result__p:last-child { - margin: 0; - } - .result__button { - margin-top: 24px; - } - .result__code { - font-size: 1rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.37; - } - .result__code strong { - font-size: 1.125rem; - font-weight: 700; - letter-spacing: -0.02em; - line-height: 1.2; - } - .result__mainimg { - width: 100%; - margin: 0 auto 8px; - max-width: 120px; - } - .result__mainimg picture { - display: block; - padding-top: calc(124 / 124 * 100%); - position: relative; - width: 100%; - } - .result__mainimg img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .result__mainimg--notsupported { - margin-bottom: 40px; - max-width: 235px; - } - .result__mainimg--notsupported picture { - padding-top: 82.5531914894%; - } - .result__mainicon { - font-size: 5.9375rem; - margin-bottom: 32px; - } - .result__mainicon--border { - padding: 0 16px; - border-bottom: solid 3px #dad7d0; - } - .result__mainicon--orange { - color: #f47920; - } - .scrollbar { - scroll-behavior: smooth; - overflow: auto; - scrollbar-color: rgba(166, 166, 166, 0.3) transparent; - scrollbar-width: thin; - -webkit-overflow-scrolling: touch; - } - .scrollbar::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .scrollbar::-webkit-scrollbar-thumb { - background: rgba(166, 166, 166, 0.3); - border-radius: 13px; - } - .scrollbar::-webkit-scrollbar-thumb:hover { - background: rgba(166, 166, 166, 0.5); - } - .scrollbar::-webkit-scrollbar-thumb:active { - background: rgba(166, 166, 166, 0.7); - } - .scrollbar::-webkit-scrollbar-track { - background: transparent; - } - .scrollbarShadow { - position: relative; - } - .scrollbarShadow:before, - .scrollbarShadow:after { - content: ""; - pointer-events: none; - position: absolute; - transition: opacity 250ms ease-out; - } - .scrollbarShadow--vert:before, - .scrollbarShadow--vert:after { - left: 0; - z-index: 3; - width: calc(100% - 8px); - height: 40px; - } - .scrollbarShadow--vert:before { - background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%); - top: 0; - } - .scrollbarShadow--vert:after { - background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%); - bottom: 0; - } - .scrollbarShadow--hor:before, - .scrollbarShadow--hor:after { - top: 0; - width: 56px; - height: calc(100% - 8px); - } - .scrollbarShadow--hor:before { - background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); - left: 0; - } - .scrollbarShadow--hor:after { - background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%); - right: 0; - } - .scrollbarShadow--top:before { - opacity: 0; - } - .scrollbarShadow--bottom:after { - opacity: 0; - } - .scrollbarShadow--right:after { - opacity: 0; - } - .scrollbarShadow--left:before { - opacity: 0; - } - .searchInput { - --searchIconWidth: 48px; - --searchHeight: 48px; - border: 1px solid #fff; - border-radius: 5px; - margin: 16px 0; - position: relative; - height: var(--searchHeight); - } - .searchInput input { - background: transparent; - border: none; - } - .searchInput__input { - padding: 12px var(--searchIconWidth) 12px 12px; - width: 100%; - height: 100%; - } - .searchInput__submit { - align-items: center; - display: flex; - font-size: 24px; - justify-content: center; - position: absolute; - right: 0; - top: 0; - width: var(--searchIconWidth); - height: 100%; - } - .searchInput__submit:before { - content: ""; - } - .sidemenu { - margin: 28px 0 16px; - position: relative; - z-index: 5; - } - .sidemenu__selected:before { - content: ""; - } - .sidemenu__list { - margin: 0; - } - .sidemenu__list li { - padding-left: 0; - margin: 0; - } - .sidemenu__list li:after { - display: none; - } - .sidemenu__list--level2 { - margin: 12px 0; - padding: 0 20px; - } - .sidemenu__link { - display: inline-block; - font-weight: 500; - color: #333; - } - .sidemenu__link--level2 { - font-size: 0.875rem; - margin-bottom: 6px; - letter-spacing: -0.01em; - } - .sideNav { - flex: 1; - padding: 80px 8px 0 32px; - position: relative; - } - .sideNav__list { - margin: 0; - margin: 0; - padding: 0; - } - .sideNav__list li { - padding-left: 0; - margin: 0; - } - .sideNav__list li:after { - display: none; - } - .sideNav__list--level1 { - scroll-behavior: smooth; - overflow: auto; - scrollbar-color: rgba(166, 166, 166, 0.3) transparent; - scrollbar-width: thin; - -webkit-overflow-scrolling: touch; - left: 0; - padding-right: 16px; - position: -webkit-sticky; - position: sticky; - top: calc(8px + var(--headerHeight)); - max-height: calc(100vh - 16px - var(--headerHeight)); - } - .sideNav__list--level1::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .sideNav__list--level1::-webkit-scrollbar-thumb { - background: rgba(166, 166, 166, 0.3); - border-radius: 13px; - } - .sideNav__list--level1::-webkit-scrollbar-thumb:hover { - background: rgba(166, 166, 166, 0.5); - } - .sideNav__list--level1::-webkit-scrollbar-thumb:active { - background: rgba(166, 166, 166, 0.7); - } - .sideNav__list--level1::-webkit-scrollbar-track { - background: transparent; - } - .fixPos .sideNav__list--level1 { - margin-top: calc(var(--top) - var(--headerHeight) - 148px); - } - .sideNav__list--level2 { - margin: 0 0 4px; - } - .sideNav__item { - border: none; - color: #333; - font-size: 0.875rem; - font-weight: 500; - letter-spacing: -0.01em; - line-height: 1.572; - margin: 0; - } - .sideNav__item--level2 { - font-weight: 400; - } - .sideNav__link { - color: inherit; - display: block; - font-size: inherit; - line-height: inherit; - padding: 8px 0 8px 44px; - position: relative; - transition: color 250ms ease; - } - .sideNav__link--level1.active { - background-color: #f2efe8; - border-radius: 6px; - } - .sideNav--lists .sideNav__link--level1.active:before { - background-color: var(--listColor); - border-radius: 4px; - } - .sideNav__item.open > .sideNav__link--level1 { - font-weight: 700; - } - .sideNav__link--level1:before { - font-size: 1.5rem; - left: 8px; - margin-top: -12px; - position: absolute; - top: 50%; - width: 24px; - height: 24px; - } - .sideNav__link--level2 { - border-radius: 6px; - padding-bottom: 6px; - padding-top: 6px; - } - .sideNav__link--level2.active { - background-color: #f2efe8; - font-weight: 500; - } - .sideNav__seperator { - background-color: #ececec; - height: 1px; - } - .sideNav__list .sideNav__seperator { - margin: 12px 0; - } - .swiper { - --swiper-theme-color: #838385; - --swiper-navigation-size: 32px; - --swiper-pagination-bullet-opacity: 1; - --swiper-pagination-bullet-inactive-opacity: 0.5; - --swiper-pagination-bullet-inactive-color: #a6a6a6; - --swiper-pagination-color: #f47920; - --swiper-navigation-color: #838385; - --swiper-navigation-inactive-color: #a6a6a6; - --swiper-navigation-inactive-opacity: 1; - } - .swiper-horizontal > .swiper-pagination-bullets, - .swiper-pagination-bullets.swiper-pagination-horizontal { - bottom: 0; - } - .swiper-button-prev, - .swiper-button-next { - width: var(--swiper-navigation-size); - } - .swiper-button-prev:after, - .swiper-button-next:after { - font-size: var(--swiper-navigation-size); - } - .arrowSlider .swiper-button-prev:after, - .arrowSlider .swiper-button-next:after { - font-size: 2.5rem; - } - .swiper-button-prev.swiper-button-disabled, - .swiper-button-next.swiper-button-disabled { - color: var(--swiper-navigation-inactive-color); - opacity: var(--swiper-navigation-inactive-opacity); - } - .swiper-button-prev:not(.swiper-button-disabled):active, - .swiper-button-next:not(.swiper-button-disabled):active { - color: #f47920; - } - .swiper-button-prev { - left: 0; - } - .swiper-button-prev:after { - content: ""; - } - .swiper-button-next { - right: 0; - } - .swiper-button-next:after { - content: ""; - } - .swiper-pagination { - margin-top: 32px; - } - .swiper-pagNav { - align-items: center; - bottom: 0; - display: flex; - justify-content: center; - margin-top: 32px; - } - .swiper-pagNav .swiper-pagination { - margin: 0; - position: relative; - width: auto; - } - .swiper-pagNav .swiper-button-prev, - .swiper-pagNav .swiper-button-next { - margin: 0; - position: relative; - top: 0; - } - .swiper-pagNav__shadow { - content: ""; - position: absolute; - pointer-events: none; - top: 0; - transition: opacity 250ms ease-in-out; - z-index: 1; - width: var(--swiper-navigation-size); - height: calc(100% - 64px); - } - .swiper-pagNav__shadow--prev { - background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); - left: 0; - } - .swiper-pagNav__shadow--next { - background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%); - right: 0; - } - .swiper-button-disabled + .swiper-pagNav__shadow { - opacity: 0; - } - .sliderSection { - --sliderSectionSpaceBottom: 40px; - margin: 0 0 var(--sliderSectionSpaceBottom); - } - .simpleSlider { - --simnpleSliderSpaceBottom: 32px; - padding-bottom: var(--simnpleSliderSpaceBottom); - } - .simpleSlider--cat { - margin-left: -16px; - margin-top: -24px; - padding-inline: 16px; - padding-top: 24px; - width: calc(100% + 32px); - } - .simpleSlider--cat:not(.swiper-initialized) .swiper-slide { - margin-right: 16px; - width: calc(20% - 16px); - } - .productsSlider { - margin-top: 40px; - } - .productsSlider .swiper-wrapper { - align-items: stretch; - display: flex; - } - .productsSlider .swiper-slide { - width: 280px; - height: initial; - } - .productsSlider .product { - height: 100%; - } - .social p { - color: #4d4d4d; - margin: 0 0 8px; - } - .social__list { - --socialItemPAdding: 8px; - margin: 0; - display: flex; - margin-left: calc(-1 * var(--socialItemPAdding)); - } - .social__list li { - padding-left: 0; - margin: 0; - } - .social__list li:after { - display: none; - } - .social__item { - color: #ccc; - line-height: 1; - margin: 0; - padding: var(--socialItemPAdding); - } - .social__item:not(:last-child) { - margin-right: 8px; - } - .social__link { - display: inline-block; - font-size: 28px; - vertical-align: top; - } - .social__link:before { - display: inline-block; - vertical-align: top; - } - .storeListWrap .tabToggle { - align-items: center; - bottom: 24px; - display: flex; - justify-content: center; - left: 0; - position: -webkit-sticky; - position: sticky; - z-index: 3; - } - .storeMap { - background-color: #f4f4f4; - flex-grow: 1; - position: relative; - min-height: 600px; - } - .storeTile { - padding-block: 20px; - } - .storeTile:not(:last-child) { - border-bottom: 1px solid #c2c2c2; - } - .mapInfo .storeTile { - margin: 0; - padding: 0; - position: relative; - z-index: 1; - } - .storeTile__thumbnail { - border-radius: 8px; - margin-bottom: 12px; - overflow: hidden; - } - .storeTile__thumbnail figure { - width: 100%; - } - .storeTile__thumbnail figure picture { - display: block; - padding-top: calc(115 / 266 * 100%); - position: relative; - width: 100%; - } - .storeTile__thumbnail figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .storeTile__title { - font-size: 1.25rem; - font-weight: 700; - letter-spacing: -0.02em; - line-height: 1.2; - color: #333; - margin-bottom: 4px; - } - .storeTile__title:not(:first-child) { - margin-top: 0; - } - .storeTile__address { - font-size: 0.875rem; - font-weight: 400; - letter-spacing: -0.01em; - line-height: 1.28; - color: #404040; - margin-bottom: 8px; - } - .storeTileSpecs { - --iconSpacing: 8px; - align-items: center; - display: flex; - margin-bottom: 16px; - } - .mapInfo .storeTileSpecs { - align-items: flex-start; - flex-flow: column; - margin-bottom: 15px; - } - .storeTileSpecs__title { - font-size: 1.625rem; - font-weight: 700; - letter-spacing: -0.03em; - line-height: 1.53; - margin-bottom: 14px; - } - .storeTileSpecs__iconWrap { - display: flex; - align-items: center; - } - .mapInfo .storeTileSpecs__iconWrap { - margin-bottom: 12px; - } - .storeTileSpecs__icon { - color: #838385; - font-size: 1.5rem; - margin-right: var(--iconSpacing); - } - .storeTileSpecs__iconInfo { - font-size: 0.8125rem; - font-weight: 400; - letter-spacing: -0.02em; - line-height: 1.23; - margin-left: calc(-1 * var(--iconSpacing)); - } - .storeTileOrder { - align-items: flex-start; - background-color: #f7f5f0; - border-radius: 8px; - display: flex; - padding: 10px 20px; - } - .mapInfo .storeTileOrder { - flex-wrap: wrap; - padding: 10px; - } - .storeTileOrder__icon { - color: #838385; - flex-shrink: 0; - font-size: 1.5rem; - margin-right: 8px; - } - .storeTileOrder__details { - font-size: 0.875rem; - font-weight: 500; - letter-spacing: -0.01em; - line-height: 1.28; - color: #333; - margin-bottom: 0; - } - .mapInfo .storeTileOrder__details { - margin-bottom: 4px; - } - .storeTileOrder__availability { - font-size: 0.875rem; - font-weight: 400; - letter-spacing: -0.01em; - line-height: 1.28; - color: #838385; - margin-bottom: 0; - } - .mapInfo .storeTileOrder__availability { - display: none; - } - .mapInfo .storeTileOrder__actions { - flex-basis: 100%; - margin-top: 12px; - } - .mapInfo .storeTileOrder__actions .button { - width: 100%; - } - .storeTileOrder--details { - align-items: center; - margin-bottom: 40px; - padding: 24px 21px; - } - .storeTileOrder--details .storeTileOrder__icon { - font-size: 0; - margin-right: 17px; - margin-top: -6px; - width: 51px; - height: 27px; - } - .storeSearch { - background-color: #fff; - margin-bottom: 32px; - text-align: center; - } - .storeSearch__inner { - margin: 0 auto; - max-width: calc(480px + 2 * var(--gridSpace)); - } - .storeSearch p { - font-size: 1rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.37; - color: #333; - } - .storeSearch p:last-of-type { - margin-bottom: 8px; - } - .storeSearch .form { - margin-bottom: 0; - padding-block: 8px; - } - .storeSearch .field { - margin-bottom: 0; - } - .pin { - cursor: pointer; - display: inline-block; - position: relative; - } - .pin__count { - font-size: 1.375rem; - font-weight: 700; - letter-spacing: -0.03em; - line-height: 1.36; - color: #fff; - display: inline-block; - left: 0; - margin: 0px 12px; - position: absolute; - right: 0; - text-align: center; - top: 20px; - } - .mapInfo { - background-color: #fff; - border-radius: 8px; - box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); - max-width: 290px; - padding: 48px 12px 12px; - position: relative; - } - .mapInfo:after { - content: ""; - border-bottom-left-radius: 4px; - box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); - border: 16px solid #000; - border-color: transparent transparent #fff #fff; - bottom: -32px; - box-sizing: border-box; - left: calc(50% - 22.625px); - margin-left: 0; - position: absolute; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - width: 0; - height: 0; - } - .mapInfo:before { - background-color: #fff; - bottom: 0; - content: ""; - display: block; - position: absolute; - left: 0; - margin: 0 auto; - pointer-events: none; - right: 0; - z-index: 1; - width: 50px; - height: 50px; - } - .mapInfo__close { - color: #838385; - font-size: 1rem; - position: absolute; - right: 19px; - top: 19px; - } - .storeLocator { - align-items: center; - background-color: #dbe5e8; - border-radius: 8px; - display: flex; - } - .storeLocator__title { - font-size: 1.625rem; - font-weight: 700; - letter-spacing: -0.03em; - line-height: 1.53; - color: #333; - margin-bottom: 4px; - text-align: center; - } - .storeLocator__inner { - align-items: center; - display: flex; - flex-flow: column; - flex-grow: 1; - padding: 20px; - } - .storeLocator__sub { - font-size: 1rem; - font-weight: 400; - letter-spacing: -0.02em; - line-height: 1.5; - text-align: center; - margin-bottom: 20px; - } - .storeLocator__illustration { - flex-basis: 300px; - font-size: 0; - } - .storeLocator__illustration--right { - margin-top: auto; - } - .storeLocator__illustration--mob { - display: none; - } - .storeLocator__form { - --fieldColumnSpace: 12px; - --formMaxWidth: 530px; - margin-bottom: 0; - } - .storeLocator__form .field { - margin-bottom: 0; - } - .storeLocator__form .field--small { - flex-grow: 1; - } - .storeLocator__form .field--small .button { - flex-grow: 1; - width: 100%; - } - .storeHours { - padding: 40px 24px; - position: relative; - color: #333; - } - .storeHours:after { - content: ""; - background-color: #f7f5f0; - border-radius: 8px; - z-index: -2; - } - .storeHours .acc { - border: 0; - } - .storeHours .acc p:last-child { - margin-bottom: 0; - } - .storeHours .acc__header { - padding: 0; - } - .storeHours .acc__content { - padding: 0; - } - .storeHours p { - font-size: 0.9375rem; - font-weight: 400; - letter-spacing: -0.03em; - line-height: 1.47; - color: inherit; - margin-bottom: 6px; - } - .storeHours hr { - border: 0; - border-top: 1px solid #a6a6a6; - margin: 20px auto; - max-width: 227px; - } - .storeHours__inner { - margin: 0 auto; - max-width: 728px; - } - .storeHours__top { - text-align: center; - margin-bottom: 18px; - font-size: 1.25rem; - font-weight: 400; - letter-spacing: -0.03em; - line-height: 1.5; - } - .storeHours__top p:last-child { - margin-bottom: 0; - } - .storeHours__illustration { - font-size: 0; - position: absolute; - pointer-events: none; - z-index: -1; - } - .storeHours__illustration--left { - top: 0; - left: 0; - } - .storeHours__illustration--right { - bottom: 25px; - right: 42px; - } - .storeHours__illustration--mob { - top: 0; - left: 0; - } - .storeHours strong { - font-weight: 500; - } - .storeDetails__map { - padding-top: calc(532 / 1001 * 100%); - position: relative; - width: 100%; - background-color: #f7f5f0; - border-radius: 8px; - overflow: hidden; - padding-top: 53.1468531469%; - position: relative; - } - .storeDetails .storeTileSpecs { - display: block; - margin-bottom: 32px; - } - .storeDetails .storeTileSpecs__icon { - margin-right: 4px; - } - .storeDetails .storeTileSpecs__iconInfo { - font-size: 0.9375rem; - font-weight: 500; - letter-spacing: -0.03em; - line-height: 1.46; - margin-left: 0; - margin-right: 24px; - } - .table { - --paddingExternalX: 20px; - --paddingExternalY: 20px; - --cellPaddingX: 12px; - --cellPaddingY: 20px; - font-size: 0.875rem; - font-weight: 400; - letter-spacing: -0.01em; - line-height: 1.28; - margin: 0 0 10px; - } - .table table { - border: none; - border-collapse: collapse; - text-align: left; - width: 100%; - } - .table th, - .table .mob-th { - color: #000; - font-weight: 500; - text-align: left; - } - .table th { - padding: var(--cellPaddingY) var(--cellPaddingX); - } - .table th:first-child { - padding-left: var(--paddingExternalX); - } - .table th:last-child { - padding-right: var(--paddingExternalX); - } - .table tr { - border: 3px solid transparent; - border-left: 0; - border-right: 0; - position: relative; - } - .table tbody tr { - cursor: pointer; - } - .table tbody tr:after { - background-color: #f7f5f0; - border-radius: 8px; - content: ""; - opacity: 0; - transition: opacity 250ms ease-in-out; - z-index: -1; - } - .table tbody tr.highlight:after { - background-color: #fef8c6; - opacity: 1; - } - .table td { - padding: var(--cellPaddingY) var(--cellPaddingX); - max-width: 172px; - } - .table td a { - font-weight: 400; - } - .table td.table__tools { - text-align: right; - white-space: nowrap; - } - .table td.table__tools .iconButton, - .table td.table__tools .selectedFilters__remove { - font-size: 1.5rem; - } - .table td.table__tools .iconButton:not(:last-child), - .table td.table__tools .selectedFilters__remove:not(:last-child) { - margin-right: 24px; - } - .table .mob-th { - display: none; - } - .timetable { - margin-bottom: 88px; - } - .timetable .swiper-wrapper { - align-items: stretch; - } - .timetable .swiper-slide { - height: auto; - } - .timetable__item { - display: flex; - flex-direction: column; - padding: 1px; - height: 100%; - } - .timetable__day { - background: #f7f5f0; - border-bottom: 1px solid #ececec; - color: #333; - display: flex; - flex-direction: column; - font-size: 0.875rem; - line-height: 1.375; - justify-content: center; - margin-bottom: 16px; - height: 56px; - } - .timetable__dayName { - font-size: 1rem; - font-weight: 500; - } - .timetable__hours--empty { - align-items: center; - border: 1px solid #ececec; - border-radius: 4px; - display: flex; - flex: 1; - justify-content: center; - } - .timetable__hour { - align-items: center; - border: 1px solid #c2c2c2; - border-radius: 4px; - color: #595959; - display: flex; - font-size: 0.875rem; - font-weight: 500; - justify-content: space-between; - padding: 8px 8px 8px 12px; - text-align: left; - transition: border-color 250ms ease-out; - width: 100%; - height: 40px; - } - .timetable__hour:not(.timetable__hour--unavailable) { - cursor: pointer; - } - .timetable__hour:not(:last-child) { - margin-bottom: 8px; - } - .timetable__hour--unavailable { - border-color: #ececec; - color: #d8d8d8; - } - .timetable__hour--selected { - background-color: #f2efe8; - border-color: #74b11f; - } - .timetable__hourVal { - padding-right: 8px; - white-space: nowrap; - } - .timetable__extraText { - color: #333; - font-size: 0.6875rem; - font-weight: 400; - letter-spacing: -0.02em; - line-height: 1.183; - text-align: right; - } - .timetable__hours--empty .timetable__extraText, - .timetable__hour--unavailable .timetable__extraText { - color: #d8d8d8; - } - .timetableNav { - transition: opacity 250ms ease-in-out; - } - .timetableNav.swiper-button-disabled { - opacity: 0; - pointer-events: none; - } - .timetableNav--next:before { - content: ""; - } - .timetableNav--prev:before { - content: ""; - } - .tooltip { - margin-left: 8px; - position: relative; - z-index: 2; - } - .tooltip__main { - background: #fff; - border-radius: 10px; - bottom: calc(100% + 12px); - -webkit-filter: drop-shadow(1px 2px 2px rgba(51, 51, 51, 0.1)) - drop-shadow(2px 4px 4px rgba(51, 51, 51, 0.2)); - filter: drop-shadow(1px 2px 2px rgba(51, 51, 51, 0.1)) - drop-shadow(2px 4px 4px rgba(51, 51, 51, 0.2)); - font-size: 0.875rem; - left: 50%; - line-height: 1.3; - margin-left: -100px; - opacity: 0; - padding: 16px; - position: absolute; - text-align: left; - -webkit-transform: translateY(-8px); - transform: translateY(-8px); - transition: opacity 200ms ease-out, -webkit-transform 250ms ease-out; - transition: opacity 200ms ease-out, transform 250ms ease-out; - transition: opacity 200ms ease-out, transform 250ms ease-out, - -webkit-transform 250ms ease-out; - width: 200px; - } - .tooltip__main:after { - border-style: solid; - bottom: calc(-1 * 8px); - content: ""; - left: 50%; - margin-left: calc(-1 * 8px); - position: absolute; - width: 0; - height: 0; - border-color: #fff transparent transparent transparent; - border-width: 8px 8px 0 8px; - } - .tooltip:not(.tooltip--open) .tooltip__main { - pointer-events: none; - } - .tooltip--open .tooltip__main { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - .tooltip--bottom .tooltip__main { - bottom: auto; - box-shadow: 0 -4px 15px rgba(51, 51, 51, 0.12); - top: calc(100% + 12px); - } - .tooltip--bottom .tooltip__main:after { - border-width: 0 8px 8px 8px; - border-color: transparent transparent #fff transparent; - bottom: auto; - top: -8px; - } - .tooltip--bottom:not(.tooltip--open) .tooltip__main { - -webkit-transform: translateY(8px); - transform: translateY(8px); - } - .tooltip--right .tooltip__main { - left: -16px; - margin: 0; - } - .tooltip--right .tooltip__main:after { - left: 28px; - } - .tooltip--left .tooltip__main { - left: auto; - margin: 0; - right: -16px; - } - .tooltip--left .tooltip__main:after { - left: auto; - right: 20px; - } - .tooltip__btn { - padding: 0; - transition: color 250ms ease; - } - .topnav { - margin: 28px 0 16px; - position: relative; - z-index: 5; - } - .topnav__selected:before { - content: ""; - } - .topnav__list { - margin: 0; - } - .topnav__list li { - padding-left: 0; - margin: 0; - } - .topnav__list li:after { - display: none; - } - .unavailabelBox { - background-color: #f7f5f0; - border-radius: 8px; - padding: 16px; - } - .checkoutStep__main .unavailabelBox { - margin-bottom: 12px; - } - .unavailabelBox__title { - font-size: 1rem; - font-weight: 500; - margin-bottom: 8px; - } - .minibasket .unavailabelBox__title { - font-size: 1rem; - } - .unavailabelBox .listTools--noBorder { - border: none; - margin: -8px 0; - padding-bottom: 0; - padding-top: 12px; - } - .basketTable__row--unavail .product__img { - opacity: 0.5; - } - .basketTable__row--unavail .product__title { - color: #838385; - } - .playvideo { - position: relative; - } - .playvideo__icon { - --playsize: 32px; - color: var(--buttonColor); - cursor: pointer; - font-size: 2rem; - padding: 0; - transition: color 250ms ease; - } - .playvideo__icon:before { - position: relative; - z-index: 1; - } - .playvideo__icon:after { - background-color: #fff; - border-radius: 50%; - content: ""; - left: 50%; - margin: calc(1px - var(--playsize) / 2) 0 0 calc(1px - var(--playsize) / 2); - position: absolute; - top: 50%; - width: calc(var(--playsize) - 2px); - height: calc(var(--playsize) - 2px); - } - .playvideo__icon:active { - color: var(--buttonColorActive); - } - .playvideo__icon--lg { - --playsize: 64px; - font-size: 4rem; - } - .userAccountBtn { - background-color: #65141b; - border-radius: 50%; - color: #fff; - cursor: pointer; - font-size: 1.25rem; - font-weight: 700; - position: relative; - transition: background-color 250ms ease-out; - width: 44px; - height: 44px; - } - .userMenu { - display: none; - position: absolute; - top: 100%; - z-index: 3; - } - .userMenu__content { - background-color: #fff; - border-radius: 8px; - box-shadow: 0px 2px 12px rgba(51, 51, 51, 0.08); - padding: 60px 20px 20px 20px; - position: relative; - z-index: 2; - margin-top: 12px; - } - .userMenu__close { - position: absolute; - right: 20px; - top: 20px; - color: #333; - font-size: 1.5rem; - cursor: pointer; - } - .userMenu__list { - margin: 0; - } - .userMenu__list li { - padding-left: 0; - margin: 0; - } - .userMenu__list li:after { - display: none; - } - .userMenu__overlay { - position: absolute; - z-index: -1; - cursor: pointer; - } - .userMenu__content { - width: 296px; - } - .userMenu__name { - font-size: 1.125rem; - font-weight: 500; - margin-bottom: 16px; - text-align: center; - } - .userMenu__listItem { - color: var(--color); - font-size: 1rem; - line-height: 1.25; - margin: 0; - } - .userMenu__listItem:not(:first-child) { - border-top: 1px solid #ececec; - } - .userMenu__link { - --color: #333; - --hoverColor: #838385; - align-items: center; - color: var(--color); - display: inline-block; - padding: 16px 0; - vertical-align: top; - } - .userMenu__link--logout { - --color: #f47920; - --hoverColor: #f68d41; - } - .gridBoxes { - --gridBoxSpace: 12px; - display: flex; - flex-wrap: wrap; - margin: 40px 0 40px calc(-1 * var(--gridBoxSpace)); - } - .gridBoxes__box { - margin: var(--gridBoxSpace); - width: calc(33.33% - var(--gridBoxSpace) * 2); - } - .contentBox { - align-items: center; - background-color: #f7f7f7; - display: inline-flex; - padding: 40px; - position: relative; - } - .contentBox__icon { - color: #ccc; - font-size: 2.75rem; - margin-bottom: 24px; - } - .contentBox__title { - color: #666; - font-size: 1.25rem; - margin: 0 0 24px; - } - .contentBox__text { - color: #999; - font-size: 0.875rem; - } - .contentBox__text:last-child { - margin-bottom: 0; - } - .contentBox__link { - color: inherit; - transition: color 250ms ease; - } - .contentBox__link:before { - content: ""; - } - .accountPage { - position: relative; - } - .userNavBlock { - --tabItemHeight: 48px; - margin-top: calc(var(--tabItemHeight) * -1 + 1px); - margin-bottom: 88px; - } - .userNav { - margin: 0; - display: flex; - width: 100%; - } - .userNav li { - padding-left: 0; - margin: 0; - } - .userNav li:after { - display: none; - } - .userNav__item { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - flex: 1 1 0; - overflow: hidden; - text-align: center; - height: var(--tabItemHeight); - } - .userNav__item:not(:last-child) { - margin-right: 10px; - } - .userNav__link { - font-size: 1.125rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.33; - align-items: center; - background-color: #f2efe8; - color: #838385; - display: flex; - flex-direction: column; - justify-content: center; - padding: 12px; - position: relative; - transition: background-color 250ms ease-out; - height: 100%; - } - .userNav__link.active { - background-color: #fff; - color: #333; - } - .userNav__link:after { - content: ""; - } - .accountDetails { - align-items: flex-start; - display: flex; - justify-content: space-between; - } - .accountDetails__form { - flex: 1; - } - .accountDetails__box { - width: 376px; - max-width: 100%; - } - .socialLogins { - background-color: #f5f5f5; - padding: 24px; - } - .socialLogins__title { - margin: 0 0 16px; - } - .addBox { - align-items: center; - background: #f5f5f5; - border: 1px dashed #d6d6d6; - border-radius: 4px; - display: flex; - flex-direction: column; - justify-content: center; - padding: 40px; - position: relative; - text-align: center; - } - .addBox__icon { - color: #c2c2c2; - font-size: 3.75rem; - margin-bottom: 32px; - } - .addBox__text { - margin-bottom: 32px; - } - .addBox__link:before { - content: ""; - } - .addresses { - --addressesGap: 32px; - display: flex; - gap: var(--addressesGap); - flex-wrap: wrap; - } - .addresses__box { - border: 1px solid #d6d6d6; - border-radius: 4px; - padding: 24px; - } - .addresses__box, - .addresses .addBox { - width: calc(33.33% - var(--addressesGap) * 2 / 3); - } - .addressBox { - position: relative; - } - .addressBox__tools { - display: flex; - flex-direction: column; - position: absolute; - right: 4px; - top: 4px; - } - .addressBox .address, - .addressBox .orderSum__col, - .addressBox address { - margin-bottom: 24px; - padding-right: 16px; - } - .addressBox .form__row { - margin-left: calc(-1 * var(--fieldColumnSpace) / 2); - width: calc(100% + var(--fieldColumnSpace)); - } - .addressBox .form__row:last-child { - margin-bottom: calc(-1 * var(--fieldRowSpace)); - } - .address__title { - color: #333; - font-size: 0.875rem; - font-weight: bold; - margin: 0 0 16px; - } - .address__more { - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - overflow: hidden; - } - .address__more:last-child { - margin-bottom: 0; - } - .miniBasketButton { - font-size: 1.125rem; - font-weight: 700; - justify-content: space-between; - padding: 4px 10px; - width: 152px; - } - .miniBasketButton__icon { - display: inline-flex; - font-size: 1.5rem; - margin-top: 10px; - position: relative; - } - .miniBasketButton__no { - margin-left: -6px; - margin-top: -10px; - } - .miniBasketButton .priceBlock { - color: #fff; - } - .miniBasketButton .priceBlock__price { - font-weight: 700; - } - .basketMain__content { - --mainLayoutSpace: 56px; - padding-left: 0; - } - .basketTable { - --imgWidth: 96px; - --imgMarginRight: 24px; - } - .checkoutStep__main .basketTable { - margin-inline: auto; - max-width: 820px; - } - .basketTable__row { - align-items: center; - display: flex; - padding: 4px 104px 4px 20px; - position: relative; - } - .basketTable__row:not(.basketTable__row--head) { - border-bottom: 1px solid #ececec; - } - .basketTable__row--head { - align-items: flex-end; - background-color: #f2efe8; - border-radius: 8px; - padding-block: 16px; - } - .basketTable__row--head .basketTable__cell { - color: #333; - font-size: 0.9375rem; - font-weight: 500; - } - .basketTable__row--head .basketTable__cell:first-child { - padding-left: 16px; - } - .basketTable__cell--price { - flex-shrink: 0; - margin-right: 40px; - text-align: right; - width: 80px; - } - .basketTable__cell--quant { - flex-shrink: 0; - margin: 0 32px; - text-align: center; - width: 152px; - } - .basketTable__row--head .basketTable__cell--quant { - text-align: left; - } - .basketTable__cell--button { - width: 232px; - } - .minibasket .basketTable__cell--button { - margin: 0; - width: 100%; - } - .basketTable__cell--more { - width: 100%; - } - .basketTable__cell .product__img { - flex-shrink: 0; - margin: 0 var(--imgMarginRight) 0 0; - padding: 0; - width: var(--imgWidth); - } - .basketTable__cell .product__title { - margin: 0; - position: relative; - } - .basketTable__cell .product__avail { - margin: 8px 0 0; - } - .basketTable__no { - font-weight: 400; - } - .basketTable .priceBlock__price { - font-size: 1.25rem; - line-height: 1.5; - } - .basketTable .priceBlock__price--init { - font-size: 0.9375rem; - line-height: 1.467; - margin-top: -5px; - } - .basketTable__remove { - margin-top: -16px; - position: absolute; - right: 20px; - top: 50%; - } - .basketTable .product__inner { - align-items: center; - flex-direction: row; - position: static; - } - .basketTable .fav { - font-size: 2rem; - margin-top: -16px; - right: 60px; - top: 50%; - } - .minibasket .basketTable { - --imgWidth: 80px; - --basketProductSpaceV: 16px; - } - .minibasket .basketTable .basketTable__row:not(.basketTable__row--head) { - align-content: center; - align-items: flex-start; - flex-wrap: wrap; - padding: var(--basketProductSpaceV) 8px var(--basketProductSpaceV) 96px; - min-height: 112px; - } - .minibasket .basketTable .basketTable__remove { - font-size: 1.5rem; - margin: 0; - right: 8px; - top: var(--basketProductSpaceV); - z-index: 2; - } - .minibasket .basketTable .basketTable__cell--product { - flex: auto; - width: 100%; - } - .minibasket .basketTable .basketTable__cell--product:not(:last-child) { - margin-bottom: 8px; - } - .minibasket .basketTable .basketTable__cell--quant { - margin: 0; - } - .minibasket .basketTable .basketTable__cell--price { - align-items: flex-end; - display: inline-flex; - flex: 1; - justify-content: flex-end; - margin: 0; - width: auto; - height: 34px; - } - .minibasket .basketTable .fav { - font-size: 1.5rem; - margin: 0; - right: 40px; - top: var(--basketProductSpaceV); - } - .minibasket .basketTable .product__img { - left: 8px; - margin-top: -40px; - position: absolute; - top: 50%; - } - .minibasket .basketTable .product__title { - font-size: 0.9375rem; - padding-right: 72px; - } - .sideBasket { - background: #fff; - } - .sideBasket__title:before { - content: ""; - } - .cards { - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: center; - margin: 16px 0 0; - } - .cards figure { - margin: 4px; - } - .cards img { - display: inline-block; - vertical-align: top; - } - .cards--inline { - display: inline-flex; - margin: -4px 0; - } - .minibasket { - --miniBasketWidth: 544px; - --miniBasketSpaceH: 16px; - --miniBasketProductSpaceTop: 16px; - --miniBasketProductSpaceH: 12px; - z-index: 2; - } - .minibasket__inner { - background-color: #fff; - position: fixed; - right: 0; - top: var(--top); - z-index: 10; - width: var(--miniBasketWidth); - height: var(--windowHeight); - } - .minibasket__top { - flex: 1; - scroll-behavior: smooth; - overflow: auto; - scrollbar-color: rgba(166, 166, 166, 0.3) transparent; - scrollbar-width: thin; - -webkit-overflow-scrolling: touch; - } - .minibasket__top::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .minibasket__top::-webkit-scrollbar-thumb { - background: rgba(166, 166, 166, 0.3); - border-radius: 13px; - } - .minibasket__top::-webkit-scrollbar-thumb:hover { - background: rgba(166, 166, 166, 0.5); - } - .minibasket__top::-webkit-scrollbar-thumb:active { - background: rgba(166, 166, 166, 0.7); - } - .minibasket__top::-webkit-scrollbar-track { - background: transparent; - } - .minibasket__header { - align-items: center; - display: flex; - padding: 32px var(--miniBasketSpaceH) 24px; - } - .minibasket__header .close-mini-cart { - margin-left: auto; - } - .minibasket__title { - color: #333; - font-size: 1.25rem; - font-weight: 500; - margin: 0 16px 0 0; - } - .minibasket__content { - padding: 0 var(--miniBasketSpaceH); - } - .minibasket__product { - border-bottom: 1px solid #ececec; - padding: var(--miniBasketProductSpaceTop) var(--miniBasketProductSpaceH) 24px; - position: relative; - } - .minibasket__remove { - position: absolute; - right: var(--miniBasketProductSpaceH); - top: var(--miniBasketProductSpaceTop); - z-index: 2; - } - .minibasket__bottom { - background: #fff; - box-shadow: 0px -2px 10px rgba(51, 51, 51, 0.1); - padding: 24px; - } - .basketInfo { - color: #595959; - font-size: 0.8125rem; - letter-spacing: -0.02em; - margin: 16px 0 0; - text-align: center; - } - .sideBasket .basketInfo { - margin-top: 8px; - } - .miniCart__main { - display: flex; - flex-direction: column; - justify-content: space-between; - height: 100%; - } - .miniCart__holder .loader { - display: flex; - min-height: 240px; - } - .miniCart__holder .loader__item { - background-color: #999; - } - .quantinyNo { - align-items: center; - background-color: #f0f0f0; - border-radius: 5px; - display: inline-flex; - justify-content: center; - width: 64px; - height: 48px; - } - .form--basket { - margin-block: 32px; - } - .secureCheckout { - align-items: center; - display: inline-flex; - } - .secureCheckout__img { - width: 142px; - } - .secureCheckout figure { - width: 100%; - } - .secureCheckout figure picture { - display: block; - padding-top: calc(28 / 142 * 100%); - position: relative; - width: 100%; - } - .secureCheckout figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .checkout { - --checkoutSpaceTop: 77px; - padding: var(--checkoutSpaceTop) 0 0; - } - .checkout .productsSum { - position: -webkit-sticky; - position: sticky; - right: 0; - top: var(--checkoutSpaceTop); - } - .checkout__title { - font-size: 2.625rem; - font-weight: 700; - letter-spacing: -0.03em; - line-height: 1.19; - text-align: center; - margin: 0 0 99px; - } - .checkout > h2 { - font-size: 1.625rem; - font-weight: 700; - letter-spacing: -0.03em; - line-height: 1.53; - text-align: center; - margin: 0 0 25px; - } - .checkout .acc__content { - padding: 0 0 32px; - } - .checkoutSteps { - counter-reset: checkoutstep; - } - .checkoutStep { - --checkoutStepSpace: 24px; - border-bottom: 1px solid #c2c2c2; - } - .checkoutStep:first-child { - border-top: 1px solid #c2c2c2; - } - .checkoutStep:last-child { - border-bottom: 0; - } - .checkoutStep--bottomInfo { - border: 0; - padding-top: 5px; - color: #333; - } - .checkoutStep--bottomInfo p { - font-size: 0.875rem; - font-weight: 400; - letter-spacing: -0.01em; - line-height: 1.28; - color: inherit; - margin: 0 0 8px; - } - .checkoutStep.checkoutStep--final .checkoutStep__main { - padding: var(--checkoutStepSpace) 0; - } - .checkoutStep__main .form, - .checkoutStep__main .form__row:last-child .field { - margin-bottom: 0; - } - .checkoutStep__edit { - margin: 0 calc(-1 * var(--iconButtonSpace)); - position: absolute; - right: var(--checkoutStepSpace); - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - } - .commentsBlock { - display: none; - position: relative; - } - .showComments { - left: 0; - position: absolute; - top: 0; - transition: opacity 250ms ease-in-out; - } - .showComments.active { - opacity: 0; - pointer-events: none; - } - .checkoutProducts { - margin-bottom: 16px; - } - .checkoutProducts .acc__header { - justify-content: space-between; - } - .checkoutProducts .acc__icon { - margin-right: -8px; - } - .checkoutMsg { - color: #333; - text-align: center; - margin: 0 0 40px; - } - .checkoutMsg img { - margin-bottom: 19px; - width: 124px; - height: 124px; - } - .checkoutMsg__title { - font-size: 1.875rem; - font-weight: 700; - letter-spacing: -0.02em; - line-height: 1.2; - color: inherit; - margin: 0; - } - .checkoutMsg p { - color: inherit; - margin: 0 0 11px; - } - .checkoutMsg .button { - margin-top: 43px; - } - .checkoutMsg__code { - font-size: 1rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.37; - } - .checkoutMsg__code strong { - font-size: 1.125rem; - font-weight: 700; - letter-spacing: -0.02em; - line-height: 1.2; - } - .checkoutTracking { - align-items: center; - background-color: #f2efe8; - border-radius: 8px; - color: #333; - display: flex; - margin: 0 auto 60px; - padding: 20px; - max-width: 821px; - } - .checkoutTracking__inner { - flex-grow: 1; - width: 100%; - } - .checkoutTracking p { - font-size: 1.125rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.33; - color: inherit; - margin: 0 0 5px; - } - .checkoutTracking ul li { - font-size: 0.9375rem; - font-weight: 400; - letter-spacing: -0.03em; - line-height: 1.47; - } - .checkoutTrackingMsg { - text-align: center; - color: #333; - margin: 40px 0; - } - .checkoutTrackingMsg p { - font-size: 1rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.37; - color: inherit; - margin: 0; - } - .printRow { - display: flex; - justify-content: flex-end; - } - .printRow .icon { - color: #333; - } - .loyalty { - background-color: #f7f5f0; - border-radius: 8px; - padding: 20px; - margin: 40px 0 48px; - } - .loyalty__img { - flex-shrink: 0; - font-size: 0; - display: flex; - align-items: center; - } - .loyalty__img img { - width: 80px; - height: 80px; - } - .loyalty__img img:not(:last-child) { - margin-right: 8px; - } - .loyalty__inner { - display: flex; - flex-grow: 1; - } - .loyalty__col { - flex: 1 1 0; - } - .loyalty__col:not(:last-child) { - margin-right: 1px; - } - .loyalty__row { - align-items: center; - display: flex; - flex-flow: row; - flex-wrap: nowrap; - flex-grow: 1; - } - .loyalty__row:not(:last-child) { - margin-bottom: 1px; - } - .loyalty__cell { - align-items: center; - background-color: #fff; - display: flex; - flex-flow: row; - flex-wrap: nowrap; - flex: 1 1 0; - justify-content: space-between; - padding: 10px 14px; - height: 100%; - } - .loyalty__cell span { - font-size: 0.875rem; - font-weight: 400; - letter-spacing: -0.01em; - line-height: 1.28; - } - .loyalty__cell span:first-child { - margin-right: 15px; - } - .loyalty__table { - display: flex; - flex-grow: 1; - flex-flow: column; - } - .loyaltyList { - text-align: left; - max-width: 520px; - margin: 40px auto 30px; - padding: 0; - } - .loyaltyList li { - font-size: 1.25rem; - font-weight: 400; - letter-spacing: -0.03em; - line-height: 1.5; - display: inline-block; - } - .loyaltyList li:not(:last-child) { - margin-bottom: 13px; - } - .loyaltyList li:after { - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - } - .loyaltyList li .field__input--inlineB { - margin: 0 5px; - } - .loyaltyList li:nth-child(2):after { - top: 20px; - } - .contactinfo { - margin-bottom: 42px; - } - .contactinfo__section { - margin-bottom: 32px; - } - .contactinfo__subtitle { - font-weight: 500; - margin: 0 0 8px; - } - .contactinfo__link { - align-items: center; - color: #333; - display: inline-flex; - flex-wrap: wrap; - font-size: 0.8125rem; - font-weight: 500; - line-height: 1; - margin: 8px 0; - } - .contactinfo__link:active { - color: #f47920; - } - .contactinfo__link:active .contactinfo__icon { - color: #f47920; - } - .contactinfo__icon { - color: #838385; - font-size: 1.5rem; - margin: 0 8px 0 4px; - } - .contactinfo__note { - color: #838385; - font-size: 0.875rem; - font-weight: 400; - letter-spacing: -0.01em; - } - .gallery { - display: flex; - flex-wrap: wrap; - max-width: 1017px; - margin: 0 auto 40px; - } - .gallery__figure { - width: 100%; - margin: 10px 0; - max-width: 318px; - } - .gallery__figure figure { - width: 100%; - } - .gallery__figure figure picture { - display: block; - padding-top: calc(203 / 318 * 100%); - position: relative; - width: 100%; - } - .gallery__figure figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .gallery__figure img { - border-radius: 8px; - cursor: pointer; - } - .galleryMainImg { - width: 100%; - margin: 0 0 20px; - --swiper-navigation-size: 40px; - } - .galleryMainImg__slide img { - max-height: calc(100vh - 220px); - border-radius: 8px; - } - .galleryThumbs { - max-width: 468px; - margin: 0 auto; - padding-bottom: 30px; - width: 100%; - } - .galleryThumbs .swiper-slide-thumb-active img { - border-color: #74b11f; - } - .galleryThumbs__slide { - cursor: pointer; - } - .galleryThumbs img { - border-radius: 6px; - border: solid 2px transparent; - } - .gallerySlider { - height: 100%; - display: flex; - flex-wrap: wrap; - align-items: center; - flex-direction: column; - justify-content: center; - padding: 20px 10px; - } - .history { - --historycnt: 92px; - --hthumb: 160px; - } - .history__sections { - border-bottom: 1px solid #ececec; - margin-bottom: 32px; - padding-bottom: 40px; - } - .history__mainimg { - margin-bottom: 72px; - position: relative; - } - .history__mainimg figure { - width: 100%; - } - .history__mainimg figure picture { - display: block; - padding-top: calc(500 / 984 * 100%); - position: relative; - width: 100%; - } - .history__mainimg figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .history__section { - display: flex; - flex-wrap: wrap; - } - .history__date { - font-size: 0.875rem; - font-weight: 700; - letter-spacing: -0.02em; - padding-right: 52px; - position: relative; - text-align: right; - width: var(--historycnt); - } - .history__date:before, - .history__date:after { - content: ""; - position: absolute; - right: 44px; - } - .history__date:before { - width: 10px; - height: 10px; - background: #f47920; - border-radius: 50%; - margin-right: -5px; - top: 4px; - } - .history__date:after { - border-left: 1px dashed #a6a6a6; - top: 22px; - height: calc(100% - 22px - 5px); - } - .history__content { - margin-bottom: 40px; - width: calc(100% - var(--historycnt)); - } - .history__thumb { - flex-shrink: 0; - position: relative; - width: var(--hthumb); - } - .history__thumb figure { - width: 100%; - } - .history__thumb figure picture { - display: block; - padding-top: calc(120 / 160 * 100%); - position: relative; - width: 100%; - } - .history__thumb figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .history__description p:last-child { - margin-bottom: 0; - } - .landingList { - --colGap: 16px; - --landingItemSpace: 16px; - --landingTitleMobSpace: 8px; - display: flex; - flex-wrap: wrap; - -webkit-column-gap: var(--colGap); - -moz-column-gap: var(--colGap); - column-gap: var(--colGap); - row-gap: 48px; - } - .landingList__item { - display: inline-flex; - flex-direction: column; - padding: var(--landingItemSpace) 0; - position: relative; - width: calc(16.66% - 5 * var(--colGap) / 6); - } - .landingList__item.active { - z-index: 1; - } - .landingItem { - text-align: center; - } - .landingItem--box { - background: #fff; - border-radius: 8px; - padding: 16px 16px 24px; - } - .swiper-slide-visible .landingItem--box { - box-shadow: 0px 0px 24px rgba(51, 51, 51, 0.08); - } - .landingItem__img { - padding: 0 var(--landingItemSpace); - pointer-events: none; - } - .landingItem__img figure { - width: 100%; - } - .landingItem__img figure picture { - display: block; - padding-top: calc(156 / 205 * 100%); - position: relative; - width: 100%; - } - .landingItem__img figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .landingItem--box .landingItem__img { - margin-bottom: 12px; - } - .landingItem__link { - color: var(--buttonColor); - font-size: 0.9375rem; - font-weight: 500; - margin: 16px 0 0; - } - .landingItem__link:before { - content: ""; - } - .landingItem__link:active { - color: var(--buttonColorActive); - } - .landingItem__title { - align-items: center; - border-radius: 8px; - color: #333; - display: inline-flex; - flex: 1; - font-size: 0.9375rem; - font-weight: 500; - justify-content: center; - line-height: 1.4; - margin: 0; - padding: var(--landingItemSpace); - transition: color 250ms ease; - } - .landingItem__title:before { - background: url(../media/wood.png) repeat center; - content: ""; - opacity: 0; - transition: opacity 250ms ease-in-out; - z-index: -1; - } - .landingItem:not(.landingItem--box) .landingItem__title { - overflow: hidden; - position: relative; - pointer-events: none; - } - .landingItem--box .landingItem__title:active { - color: var(--buttonColorActive); - } - .landingItem--box .landingItem__title:after { - content: ""; - } - .landingItem__desc { - color: #838385; - font-size: 0.8125rem; - letter-spacing: -0.02em; - line-height: 1.23; - margin: 8px 0 0; - } - .landingItem__submenu { - margin: 0; - scroll-behavior: smooth; - overflow: auto; - scrollbar-color: rgba(166, 166, 166, 0.3) transparent; - scrollbar-width: thin; - -webkit-overflow-scrolling: touch; - background: #fff; - box-shadow: 0px 2px 12px rgba(51, 51, 51, 0.08); - border-radius: 8px; - display: none; - left: 0; - padding: var(--landingItemSpace) 0; - position: absolute; - top: calc(100% - var(--landingItemSpace) + 8px); - width: 100%; - max-height: 472px; - } - .landingItem__submenu li { - padding-left: 0; - margin: 0; - } - .landingItem__submenu li:after { - display: none; - } - .landingItem__submenu::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .landingItem__submenu::-webkit-scrollbar-thumb { - background: rgba(166, 166, 166, 0.3); - border-radius: 13px; - } - .landingItem__submenu::-webkit-scrollbar-thumb:hover { - background: rgba(166, 166, 166, 0.5); - } - .landingItem__submenu::-webkit-scrollbar-thumb:active { - background: rgba(166, 166, 166, 0.7); - } - .landingItem__submenu::-webkit-scrollbar-track { - background: transparent; - } - .landingItem__submenuItem { - font-size: 0.875rem; - line-height: 1.429; - margin: 0; - text-align: left; - } - .landingItem__submenuLink { - color: #333; - display: block; - padding: 12px var(--landingItemSpace); - transition: color 250ms ease; - } - .newListLink:before { - color: #f47920; - } - .listsBlock { - z-index: 3; - } - .listsBlock__inner { - background: #fff; - box-shadow: 0px 4px 10px rgba(51, 51, 51, 0.25); - border-radius: 6px; - padding: 16px; - position: relative; - } - .listsBlock__title { - color: #333; - font-size: 0.875rem; - font-weight: 500; - line-height: 1; - margin: 0 0 24px; - } - .listsBlock__list { - scroll-behavior: smooth; - overflow: auto; - scrollbar-color: rgba(166, 166, 166, 0.3) transparent; - scrollbar-width: thin; - -webkit-overflow-scrolling: touch; - border-bottom: 1px solid #c2c2c2; - margin-bottom: 16px; - padding-bottom: 16px; - max-height: 176px; - } - .listsBlock__list::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .listsBlock__list::-webkit-scrollbar-thumb { - background: rgba(166, 166, 166, 0.3); - border-radius: 13px; - } - .listsBlock__list::-webkit-scrollbar-thumb:hover { - background: rgba(166, 166, 166, 0.5); - } - .listsBlock__list::-webkit-scrollbar-thumb:active { - background: rgba(166, 166, 166, 0.7); - } - .listsBlock__list::-webkit-scrollbar-track { - background: transparent; - } - .listsBlock__close { - position: absolute; - right: 0; - top: 0; - } - .listsBlock__item:not(:first-child) { - margin-top: 16px; - } - .listsBlock__item:not(:last-child) { - margin-bottom: 16px; - } - .listsBlock__name { - align-items: center; - color: #333; - display: flex; - font-size: 0.875rem; - font-weight: 500; - line-height: 1.2; - padding-left: 36px; - position: relative; - min-height: 24px; - } - .listsBlock__name:before { - font-size: 2rem; - left: 0; - margin-top: -16px; - position: absolute; - top: 50%; - width: 32px; - height: 32px; - } - .myLists:not(.myLists--grid) { - text-align: right; - } - .myLists--grid { - --listsGap: 24px; - display: flex; - flex-wrap: wrap; - gap: var(--listsGap); - } - .myLists--grid .myList { - width: calc(33.33% - 2 * var(--listsGap) / 3); - } - .myLists--row { - --listsGap: 24px; - display: flex; - gap: var(--listsGap); - } - .myLists__new { - margin: 12px 0; - } - .myList { - align-items: center; - display: flex; - justify-content: flex-start; - position: relative; - text-align: left; - } - .myList:not(.myList--box) { - border-bottom: 1px solid #c2c2c2; - padding: 12px 80px 12px 0; - } - .myList--box { - border: 1px solid #d8d8d8; - border-radius: 8px; - padding: 24px 12px; - min-height: 80px; - } - .myList--box:before { - content: ""; - } - .myList--box:after { - box-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15); - content: ""; - opacity: 0; - pointer-events: none; - transition: opacity 250ms ease-in-out; - } - .myList--box:before { - bottom: 0; - color: rgba(255, 255, 255, 0.6); - font-size: 4rem; - position: absolute; - right: 0; - } - .myList--box.myList--new:before { - color: rgba(244, 121, 32, 0.5); - } - .myList--box.myList--fav:before { - content: ""; - } - .myList--box.myList--fav:before { - color: rgba(51, 51, 51, 0.1); - } - .myList--new { - border-color: #f47920; - border-style: dashed; - } - .myList__icon { - align-items: center; - display: inline-flex; - flex-shrink: 0; - justify-content: center; - } - .myList__icon:after { - background-color: var(--listColor); - content: ""; - border-radius: 8px; - z-index: -1; - } - .myList:not(.myList--box) .myList__icon { - font-size: 2rem; - margin-right: 20px; - position: relative; - width: 60px; - height: 60px; - } - .myList:not(.myList--box) .myList__icon:before { - width: 32px; - height: 32px; - } - .myList--box .myList__icon { - font-size: 2rem; - margin-right: 8px; - } - .myList--box .myList__icon:before { - width: 32px; - height: 32px; - } - .myList__title { - color: var(--buttonColor); - display: block; - font-size: 1.125rem; - font-weight: 700; - line-height: 1.2; - margin: 0; - } - .myList__title:active { - color: var(--buttonColorActive); - } - .myList__title:after { - content: ""; - } - .myList--box .myList__title { - font-size: 1.375rem; - } - .myList--editView .myList__title { - padding-right: 48px; - } - .myList--box .myList__link, - .myList--box .myList__titleInner { - position: relative; - z-index: 1; - } - .myList__link { - pointer-events: none; - } - .myList__no { - font-size: 0.9375rem; - font-weight: 500; - } - .myList__tools { - display: flex; - margin-top: -12px; - position: absolute; - right: 12px; - top: 50%; - } - .myList__tools .iconButton:not(:last-child), - .myList__tools .selectedFilters__remove:not(:last-child) { - margin-right: 8px; - } - .myList__edit { - position: absolute; - right: 8px; - top: 8px; - } - .myList__new:after { - content: ""; - } - .productList .product, - .productsSlider .product { - box-shadow: 0 2px 12px rgba(51, 51, 51, 0.08); - border-radius: 8px; - padding: var(--productPadding); - transition: box-shadow 350ms ease-out; - } - .productList { - --productSpaceH: 24px; - --productSpaceV: 24px; - display: flex; - flex-wrap: wrap; - gap: var(--productSpaceV) var(--productSpaceH); - } - .productList .product { - width: calc(20% - 4 * var(--productSpaceH) / 5); - } - .productList .quantity { - max-width: 100%; - } - .listTools { - border-bottom: 1px solid #c2c2c2; - display: flex; - flex-wrap: wrap; - justify-content: flex-end; - margin-top: -8px; - padding: 0 0 8px; - } - .listTools__counter { - font-size: 0.875rem; - font-weight: 400; - letter-spacing: -0.01em; - line-height: 1.28; - margin-right: auto; - } - .minibasket .listTools { - justify-content: flex-start; - } - .listTools .link, - .listTools .text a, - .text .listTools a, - .listTools p a, - p .listTools a, - .listTools .button { - margin-top: 8px; - margin-bottom: 8px; - white-space: nowrap; - } - .listTools .link:not(:last-child), - .listTools .text a:not(:last-child), - .text .listTools a:not(:last-child), - .listTools p a:not(:last-child), - p .listTools a:not(:last-child), - .listTools .button:not(:last-child) { - margin-right: 16px; - } - .orderRow { - --orderColGap: 32px; - --orderRowGap: 16px; - --orderProductWidth: 80px; - --orderProductGap: 8px; - --orderProductsWidth: calc( - var(--orderProductWidth) * 3 + var(--orderProductGap) * 2 - ); - border-bottom: 1px solid #e6e6e6; - padding: 24px 0; - } - .orderRow__items { - grid-area: 1/1/3/2; - text-align: center; - } - .orderRow__itemsInner { - display: flex; - gap: var(--orderProductGap); - } - .orderRow__itemsInner:not(:last-child) { - margin-bottom: 8px; - } - .orderRow__itemsInner .product { - width: var(--orderProductWidth); - } - .orderRow__itemsInner .product__img { - margin: 0; - } - .orderRow__status { - grid-area: 1/2/2/5; - } - .orderRow__info--1 { - grid-area: 2/2/3/3; - } - .orderRow__info--2 { - grid-area: 2/3/3/4; - } - .orderRow__info--3 { - grid-area: 2/4/3/5; - } - .orderHistory { - font-size: 0.9375rem; - font-weight: 400; - letter-spacing: -0.03em; - line-height: 1.47; - --outerPaddingY: 24px; - --outerPaddingX: 16px; - --qrWidth: 123px; - --qrMargin: 19px; - background-color: #f7f5f0; - border-radius: 8px; - display: flex; - flex-wrap: wrap; - padding: var(--outerPaddingY) var(--outerPaddingX); - position: relative; - width: 100%; - } - .orderHistory:not(:last-child) { - margin-bottom: 24px; - } - .orderHistory__qr { - width: var(--qrWidth); - flex-shrink: 0; - } - .orderHistory__section { - display: flex; - flex: 1 1 0; - padding-right: 20px; - } - .orderHistory__section--top { - align-items: center; - flex-basis: 100%; - flex-flow: row; - margin-bottom: 20px; - padding-right: 130px; - } - .orderHistory__section--top .copyText { - margin-left: 10px; - } - .orderHistory__sectionInner { - display: flex; - flex-flow: column; - } - .orderHistory strong { - font-size: 1rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.37; - } - .orderHistory figure { - width: 100%; - } - .orderHistory figure picture { - display: block; - padding-top: calc(123 / 123 * 100%); - position: relative; - width: 100%; - } - .orderHistory figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .orderHistory.highlight { - background-color: #fef8c6; - } - .orderHistory.highlight .indicator { - font-size: 0.8125rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.15; - background-color: #fff; - padding: 4px 8px; - border-radius: 8px; - } - .orderHistory.highlight .indicator:before { - display: none; - } - .orderHistory .indicator { - position: absolute; - top: var(--outerPaddingY); - right: var(--outerPaddingX); - } - .copyText { - align-items: center; - display: inline-flex; - position: relative; - } - .copyText__btn { - margin: calc(-1 * var(--iconButtonSpace)) calc(-1 * var(--iconButtonSpace)) - calc(-1 * var(--iconButtonSpace)) 0; - } - .copyText__tooltip { - background: #fff; - border-radius: 10px; - -webkit-filter: drop-shadow(1px 2px 2px rgba(51, 51, 51, 0.1)) - drop-shadow(2px 4px 4px rgba(51, 51, 51, 0.2)); - filter: drop-shadow(1px 2px 2px rgba(51, 51, 51, 0.1)) - drop-shadow(2px 4px 4px rgba(51, 51, 51, 0.2)); - font-size: 0.875rem; - left: 100%; - line-height: 1.3; - margin-left: 8px; - opacity: 0; - padding: 12px; - position: absolute; - top: 50%; - -webkit-transform: translate3d(8px, -50%, 0); - transform: translate3d(8px, -50%, 0); - transition: opacity 200ms ease-out, -webkit-transform 250ms ease-out; - transition: opacity 200ms ease-out, transform 250ms ease-out; - transition: opacity 200ms ease-out, transform 250ms ease-out, - -webkit-transform 250ms ease-out; - } - .copyText__tooltip--open { - opacity: 1; - -webkit-transform: translate3d(0, -50%, 0); - transform: translate3d(0, -50%, 0); - } - .orderSum { - --orderSumColSpace: 24px; - display: flex; - flex-wrap: wrap; - } - .orderSum--border { - border: 1px solid #fff; - margin-bottom: 24px; - } - .orderSum--border .orderSum__col { - padding: var(--orderSumColSpace); - } - .orderSum__col { - flex: 1; - } - .orderSum__col:not(:first-child) { - padding-left: var(--orderSumColSpace); - } - .orderSum__col:not(:last-child) { - padding-right: var(--orderSumColSpace); - } - .orderSum__col .address:not(:last-child), - .orderSum__col address:not(:last-child), - .orderSum__col .orderSum__col:not(:last-child) { - margin-bottom: 24px; - } - .orderSum__title { - color: #333; - font-size: 0.875rem; - font-weight: bold; - margin: 0 0 8px; - } - .orderSum__colTitle { - color: #333; - margin: 0 0 8px; - } - .orderStatusInfo { - align-items: baseline; - display: flex; - flex-wrap: wrap; - margin-bottom: 32px; - } - .orderNo { - background-color: #f0f0f0; - color: gray; - border-radius: 5px; - font-size: 1rem; - padding: 8px; - } - .orderNo b { - font-size: 1.25rem; - } - .orderStatusInfo .orderNo { - margin-right: 16px; - } - .orderTrack { - align-items: center; - background-color: #fef8c6; - border-radius: 8px; - display: flex; - margin: 0 0 20px; - padding: 8px 12px; - position: relative; - } - .acc__content .orderTrack { - margin: 2px 0; - } - .orderTrack strong { - font-weight: 500; - } - .orderTrack__action { - margin-left: auto; - } - .orderTrack__action:after { - content: ""; - } - .orderTrack__inner { - align-items: center; - display: flex; - margin-right: 10px; - } - .orderTrack__text { - font-size: 0.8125rem; - font-weight: 400; - letter-spacing: -0.02em; - line-height: 1.23; - color: #000; - margin: 0 13px 0 0; - } - .productPage { - --mainButtonWidth: 232px; - --productImageColSpace: 56px; - margin: 48px 0 56px; - } - .productPage__imageCol { - position: relative; - } - .productPage__imageMain { - margin-bottom: 64px; - } - .productPage__imageMain .wishlistButton { - position: absolute; - right: 20px; - top: 20px; - z-index: 2; - } - .productPage__image { - cursor: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Ccircle cx='24' cy='24' r='24' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.52 14.52H22.52V22.52H14.52V24.52H22.52V32.52H24.52V24.52H32.52V22.52H24.52V14.52Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A") - 16 16, - pointer; - } - .productPage__image figure { - width: 100%; - } - .productPage__image figure picture { - display: block; - padding-top: calc(457 / 457 * 100%); - position: relative; - width: 100%; - } - .productPage__image figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .productPage__info { - grid-area: product_content; - } - .productInfo__flag { - color: #999; - font-size: 0.875rem; - line-height: 1; - margin: 0; - } - .productInfo__title { - font-size: 1.75rem; - font-weight: 500; - letter-spacing: -0.03em; - line-height: 1.2; - margin: 8px 0; - } - .productInfo__desc { - color: #404040; - font-size: 0.9375rem; - line-height: 1.33; - margin: 0 0 24px; - } - .productInfo__code { - color: #838385; - font-size: 0.8125rem; - letter-spacing: -0.01em; - line-height: 1.231; - margin: 0; - } - .productInfo__code:not(:last-child) { - margin-right: 12px; - } - .productInfo__codeWrap { - display: flex; - margin-bottom: 16px; - } - .productInfo__quantity { - margin: 21px 0 36px; - } - .productInfo .priceContainer { - margin: 0 0 16px; - } - .productAttr { - margin: 0 0 40px; - max-width: 568px; - } - .productAttr__title { - display: flex; - margin: 0 0 8px; - } - .productAttr__label { - color: #999; - font-size: 0.875rem; - font-weight: 600; - margin-right: 8px; - } - .productAttr__selected { - color: #333; - font-size: 0.875rem; - font-weight: 600; - } - .productAttr__selectedDefault { - color: #ccc; - } - .productAttr__main { - --radioColorSpace: 8px; - display: flex; - flex-wrap: wrap; - margin-left: calc(-1 * var(--radioColorSpace)); - width: calc(100% + var(--radioColorSpace) * 2); - } - .productAttr__main .radiobutton { - margin: var(--radioColorSpace); - } - .addProduct { - align-items: center; - display: flex; - margin: 0 0 16px; - } - .addProduct > *:not(:last-child) { - margin-right: 16px; - } - .addToCartButton:before { - content: ""; - } - .addToCartButton--added { - background-color: #333; - } - .addToCartButton--added:before { - content: ""; - } - .addToCartButton--added .addToCartButton__text--default { - display: none; - } - .addToCartButton--loading:before, - .addToCartButton--loading .addToCartButton__text { - display: none; - } - .addToCartButton--loading .loader { - display: block; - } - .addToCartButton:not(.addToCartButton--added) .addToCartButton__text--added { - display: none; - } - .addToCartButton:not(.addToCartButton--loading) .loader { - display: none; - } - .productDetails { - border-top: 1px solid #d8d8d8; - margin-top: 32px; - padding-top: 32px; - } - .productDetails__heading { - color: #333; - font-size: 1.375rem; - font-weight: 500; - letter-spacing: -0.03em; - line-height: 1.36; - margin: 0 0 32px; - } - .productDetails__title { - margin: 0; - } - .productDetails__content { - font-size: 0.9375rem; - font-weight: 400; - letter-spacing: -0.03em; - line-height: 1.47; - color: #404040; - } - .productDetails__content p { - font-size: 0.9375rem; - font-weight: 400; - letter-spacing: -0.03em; - line-height: 1.47; - color: inherit; - } - .productDetails__content p:last-of-type { - margin-bottom: 0; - } - .productDetailsNutrTable { - display: inline-flex; - flex-direction: column; - flex-wrap: wrap; - width: 100%; - } - .productDetailsNutrTable table { - border-collapse: collapse; - margin-bottom: 15px; - } - .productDetailsNutrTable table:last-child { - margin-bottom: 0; - } - .productDetailsNutrTable th { - border: none; - font-size: 0.8125rem; - font-weight: 500; - color: #595959; - letter-spacing: -0.02em; - line-height: 1.15; - padding: 6px 16px; - text-align: right; - } - .productDetailsNutrTable td { - border-bottom: solid 1px #fff; - color: #333; - font-size: 0.875rem; - font-weight: 500; - letter-spacing: -0.01em; - line-height: 1.28; - padding: 10px 14px; - text-align: right; - } - .productDetailsNutrTable td:first-child { - font-weight: 400; - text-align: left; - } - .productDetailsNutrTable .highlight { - background: #ececec; - } - .productSliderModal .modal__wrap { - padding: 48px 32px 32px; - } - .productThumbs { - --thumbImageWidth: 80px; - } - .productThumbs__slide { - border-radius: 6px; - cursor: pointer; - overflow: hidden; - position: relative; - width: var(--thumbImageWidth); - height: var(--thumbImageWidth); - } - .productThumbs__slide:after { - border: 1px solid #f47920; - border-radius: inherit; - content: ""; - opacity: 0; - transition: opacity 250ms ease-in-out; - } - .productThumbs__slide figure { - width: 100%; - } - .productThumbs__slide figure picture { - display: block; - padding-top: calc(80 / 80 * 100%); - position: relative; - width: 100%; - } - .productThumbs__slide figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .productThumbs__slide.swiper-slide-thumb-active:after { - opacity: 1; - } - .productThumbs .swiper-button-prev, - .productThumbs .swiper-button-next { - margin: 0; - } - .productThumbs .swiper-button-prev:before, - .productThumbs .swiper-button-next:before { - content: ""; - } - .productThumbs .swiper-button-prev:after, - .productThumbs .swiper-button-next:after { - z-index: 2; - } - .productThumbs .swiper-button-prev:after { - content: ""; - } - .productThumbs .swiper-button-prev:after { - content: ""; - } - .productThumbs .swiper-button-next:after { - content: ""; - } - .productThumbs .swiper-button-next:after { - content: ""; - } - .productThumbs .swiper-pagination { - position: static; - margin-top: 19px; - } - .productMainImg { - --productMainImgWidth: 560px; - margin: 0 auto; - width: 100%; - max-width: 942px; - } - .productMainImg__slide figure { - width: 100%; - margin: 0 auto; - max-width: var(--productMainImgWidth); - } - .productMainImg__slide figure picture { - display: block; - padding-top: calc(560 / 560 * 100%); - position: relative; - width: 100%; - } - .productMainImg__slide figure img { - inset: 0; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .productMainImg .swiper-pagination { - position: static; - } - .productMainImg .imgControl { - margin: 60px 0 32px; - } - .productHeader { - background-color: #fff; - box-shadow: 0px 1px 1px rgba(51, 51, 51, 0.1), - 0px 2px 2px rgba(51, 51, 51, 0.15), 0px 4px 4px rgba(51, 51, 51, 0.2); - left: 0; - position: fixed; - top: 0; - transition: -webkit-transform 250ms ease-out; - transition: transform 250ms ease-out; - transition: transform 250ms ease-out, -webkit-transform 250ms ease-out; - -webkit-transform: translateY(-120%); - transform: translateY(-120%); - z-index: 9; - width: 100%; - } - .productHeader.active { - -webkit-transform: translateY(0); - transform: translateY(0); - } - .productHeader .product { - align-items: center; - display: flex; - justify-content: space-between; - margin: 0 auto; - padding: 8px var(--gridSpace); - max-width: var(--wrapper); - } - .productHeader .product__block { - align-items: center; - display: flex; - position: relative; - } - .productHeader .product__img { - flex-shrink: 0; - margin: 0 16px 0 0; - width: 72px; - } - .productHeader .product__more { - margin: 0 16px 0 0; - } - .productHeader .product__desc:last-child { - margin-bottom: 0; - } - .productHeader .priceContainer { - margin-right: 16px; - } - .notifyMe { - position: relative; - z-index: 1; - } - .notifyMe__button.active { - background-color: #333; - color: #fff; - } - .notifyMe__button:not(.notifyMe__button--loading) .loader { - display: none; - } - .notifyMe__button.notifyMe__button--loading .notifyMe__buttonText { - display: none; - } - .notifyMe__main { - background-color: #ebebeb; - display: none; - left: 0; - margin-top: 16px; - padding: 24px; - position: absolute; - top: 100%; - width: 560px; - max-width: 48vw; - } - .notifyMe__form { - margin-bottom: 0; - } - .notifyMe .field:last-child { - margin-bottom: 0; - } - .cartAdd.error-message { - background-color: #f9d0d5; - color: #d91a32; - display: inline-block; - margin-bottom: 16px; - padding: 8px; - } - .sitemapnav { - padding: 24px 0 12px; - } - .acc__content .sitemapnav { - padding-top: 8px; - } - .sitemapnav__ul { - list-style: none; - margin: 0 0 -24px; - } - .sitemapnav__li { - color: #333; - font-size: 0.9375rem; - font-weight: 500; - letter-spacing: -0.03em; - margin-bottom: 24px; - padding: 0; - } - .sitemapnav__li:after { - content: none; - } - .sitemapnav__link { - color: var(--buttonColor); - } - .sitemapnav__link:active { - color: var(--buttonColorActive); - } - .sitemap .acc:last-child { - border-bottom: none; - } - .sitemap .acc:last-child .acc__content { - padding: 0; - } - .couponBlock__form { - margin-bottom: 0; - } - .couponBlock__field { - margin-bottom: 0; - position: relative; - } - .couponBlock__field.completed .field__input { - border: none; - width: 100px; - } - .couponBlock__field:not(.completed) .field__input { - padding-right: 32px; - } - .couponBlock__field:not(.completed) .field__wrap { - width: 100%; - } - .couponBlock__btn { - align-items: center; - display: flex; - font-size: 1.5rem; - justify-content: center; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 32px; - height: 32px; - } - .couponBlock__btn:before { - content: ""; - } - .couponBlock__clear { - font-size: 1.5rem; - } - .couponBlock__clear:before { - content: ""; - } - .priceRow--coupon { - color: #999; - margin-top: 0; - } - .progressBlock__bar { - background-color: #fff; - border-radius: 6px; - margin: 0 0 24px; - height: 6px; - } - .progressBlock__progress { - background-color: #666; - border-radius: 6px; - height: 100%; - } - .progressBlock__info { - color: gray; - font-size: 0.875rem; - margin: 0 0 8px; - } - .progressBlock__remain { - color: #333; - font-size: 1rem; - } - - /* MEDIA QUERIES */ - - @media (min-width: 480px) { - .sectionTitle__main:not(:last-child) { - margin-right: 12px; - } - .button { - min-width: 216px; - } - .button--s { - min-width: 120px; - } - .range__submit { - min-width: initial; - } - .storeLocator__form .field--small .button { - min-width: initial; - } - .table { - scroll-behavior: smooth; - overflow: auto; - scrollbar-color: rgba(166, 166, 166, 0.3) transparent; - scrollbar-width: thin; - -webkit-overflow-scrolling: touch; - } - .table::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .table::-webkit-scrollbar-thumb { - background: rgba(166, 166, 166, 0.3); - border-radius: 13px; - } - .table::-webkit-scrollbar-thumb:hover { - background: rgba(166, 166, 166, 0.5); - } - .table::-webkit-scrollbar-thumb:active { - background: rgba(166, 166, 166, 0.7); - } - .table::-webkit-scrollbar-track { - background: transparent; - } - .table td:first-child { - padding-left: var(--paddingExternalX); - } - .table td:last-child { - padding-right: var(--paddingExternalX); - } - .miniBasketButton { - min-width: 152px; - } - .checkoutTracking__action { - min-width: 185px; - } - .addToCartButton { - min-width: var(--mainButtonWidth); - } - .notifyMe__button { - min-width: var(--mainButtonWidth); - } - } - - @media (min-width: 640px) { - .ordersBanner { - align-items: center; - display: flex; - } - .form__title { - margin-inline: calc(var(--fieldColumnSpace) / 2); - } - .form--address .form__col { - width: 44%; - } - .field--half { - width: calc(50% - var(--fieldColumnSpace)); - } - .field--map { - margin: 0; - } - .field__map { - position: absolute; - right: 0; - top: 0; - width: 50%; - } - .form--address .field__map { - width: calc(56% - 12px); - height: 100%; - } - .field__map .field__mapInner { - padding: 0; - height: 100%; - } - .radiobuttons--inline, - .checkboxes--inline { - flex-wrap: wrap; - } - .formTip { - margin-inline: calc(var(--fieldColumnSpace) / 2); - } - .storeTileOrder__info { - padding-right: 32px; - } - .storeTileOrder__actions { - margin: auto 0 auto auto; - } - .mapInfo .storeTileOrder__actions { - margin-top: 12px; - } - .storeTileOrder__actions .button { - font-size: 0.8125rem; - letter-spacing: -0.02em; - min-height: 34px; - } - .storeTileOrder__actions .button .icon { - margin: -3px 4px -3px 0; - } - .gridBoxes { - width: calc(100% + var(--gridBoxSpace) * 2); - } - .contentBox { - flex-direction: column; - text-align: center; - } - .contentBox__text { - max-width: 272px; - } - .basketTable__cell--product { - flex: 1; - } - .basketTable__cell--button { - margin: 0 72px 0 32px; - } - .history__content { - align-items: flex-start; - display: flex; - } - .history__description { - flex: 1; - padding-left: 20px; - } - .listsBlock { - display: none; - position: absolute; - right: 20px; - top: -8px; - width: 232px; - max-width: calc(100% + 8px); - } - .wishlistButton.open .listsBlock { - display: block; - } - .listsBlock__bg { - display: none; - } - .listTools { - margin-bottom: 16px; - } - .minibasket .listTools:not(.listTools--noBorder) { - margin-bottom: 4px; - } - .orderRow { - display: grid; - grid-template-columns: var(--orderProductsWidth) minmax(0, 1.1fr) minmax( - 0, - 2.15fr - ) minmax(0, 0.75fr); - grid-template-rows: fit-content(21px) 1fr; - grid-column-gap: var(--orderColGap); - grid-row-gap: var(--orderRowGap); - } - .productThumbs .swiper-button-prev, - .productThumbs .swiper-button-next { - width: 100%; - } - .productThumbs .swiper-button-prev { - top: 0; - } - .productThumbs .swiper-button-prev:before { - background: linear-gradient( - to bottom, - white 0%, - rgba(255, 255, 255, 0) 100% - ); - } - .productThumbs .swiper-button-next { - bottom: 0; - top: auto; - } - .productThumbs .swiper-button-next:before { - background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%); - } - .sitemapnav__ul { - column-count: 2; - } - .sitemapnav__li { - display: inline-block; - padding-right: 24px; - vertical-align: top; - width: 100%; - } - } - - @media (min-width: 640px) and (max-width: 767px) { - .basketTable__cell--button { - margin: 0 16px; - } - .orderRow { - grid-template-columns: minmax(0, 1fr) minmax(0, 2.25fr) minmax(0, 0.75fr); - grid-template-rows: auto; - } - } - - @media (min-width: 640px) and (min-width: 480px) { - .storeTileOrder__actions .button { - min-width: 120px; - } - } - - @media (min-width: 768px) { - .mobileOnly { - display: none; - } - h2 { - font-size: 1.625rem; - letter-spacing: -0.03em; - margin: 0 0 32px; - } - .footer__col:not(:last-child) { - margin-right: var(--footerColSpace); - } - .footer__col:not(:first-child) { - margin-left: var(--footerColSpace); - } - .header__tool { - position: relative; - } - .acc--mobOnly .acc__header { - pointer-events: none; - } - .acc--mobOnly .acc__icon { - display: none; - } - .acc--mobOnly:not(.open) .acc__content { - display: block; - } - .acc__headerInner { - margin-right: 32px; - } - .acc__headerInnerTitle { - min-width: 250px; - } - .acc__headerInnerTitle--info { - min-width: initial; - } - .acc__headerInnerTitle--sum { - min-width: initial; - } - .article--horizontal { - display: flex; - min-height: 268px; - } - .articleFeatured .article--horizontal { - min-height: 352px; - } - .article--horizontal .article__img { - flex-basis: 35.62%; - position: relative; - } - .articleFeatured .article--horizontal .article__img { - flex-basis: 50%; - } - .article--horizontal .article__img figure { - inset: 0; - position: absolute; - width: 100%; - height: 100%; - width: 100%; - } - .article--horizontal .article__img figure picture { - display: block; - padding-top: calc(352 / 626 * 100%); - position: relative; - width: 100%; - } - .article--horizontal .article__img figure img { - inset: 0; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .article--horizontal .article__img figure img { - object-fit: cover; - } - .article--horizontal .article__img picture { - inset: 0; - position: absolute; - width: 100%; - height: 100%; - } - .article--horizontal .article__date { - margin-bottom: 4px; - } - .article--horizontal .article__title { - font-size: 1.25rem; - font-weight: 500; - letter-spacing: -0.03em; - line-height: 1.5; - margin-bottom: 16px; - } - .articleFeatured .article--horizontal .article__title { - font-size: 1.625rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.38; - margin-bottom: 20px; - } - .article--horizontal .article__info { - align-items: flex-start; - display: flex; - flex-basis: 50%; - flex-grow: 1; - flex-flow: column; - justify-content: center; - padding: 32px; - } - .article--horizontal .article__text { - -webkit-line-clamp: initial; - } - .breadcrumb__item:not(:last-child) { - margin-right: 12px; - padding-right: 12px; - } - .breadcrumb__item:not(:last-child):before { - background-color: #c2c2c2; - content: ""; - margin-top: -11px; - position: absolute; - right: 0; - top: 50%; - width: 1px; - height: 22px; - } - .catalogue--wide .catalogue__img figure { - width: 100%; - } - .catalogue--wide .catalogue__img figure picture { - display: block; - padding-top: calc(314 / 1258 * 100%); - position: relative; - width: 100%; - } - .catalogue--wide .catalogue__img figure img { - inset: 0; - object-fit: contain; - position: absolute; - width: 100%; - height: 100%; - } - .deliveryFlowNav { - margin-top: 8px; - right: 88px; - } - .radiobutton--deliveryType { - background: #f2efe8; - border-radius: 8px; - padding: 32px 12px; - min-height: 272px; - } - .radiobutton--deliveryType .radiobutton__label { - padding: 0; - position: static; - } - .form { - margin-left: calc(-1 * var(--fieldColumnSpace) / 2); - width: calc(var(--formMaxWidth) + var(--fieldColumnSpace)); - max-width: calc(100% + var(--fieldColumnSpace)); - } - .orderTrack .indicator { - border-right: 1px solid #958d7b; - margin-right: 12px; - padding-right: 12px; - } - .newsletter__inner { - align-items: center; - display: flex; - } - .newsletter__input { - width: 280px; - } - .newsletter__social { - border-left: 1px solid gray; - margin-left: 32px; - padding-left: 32px; - } - .notifications { - right: -4px; - } - .notifications__overlay { - display: none; - } - .notificationsBtn { - width: 44px; - height: 44px; - border-radius: 50%; - border: solid 2px #a6a6a6; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; - font-size: 1.625rem; - } - .notificationsBtn:after { - content: attr(data-items); - top: -8px; - right: -14px; - width: 26px; - height: 26px; - background: #d91a32; - border-radius: 50%; - color: #fff; - font-size: 0.8125rem; - font-weight: 700; - line-height: 1; - letter-spacing: -0.02em; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; - } - .result__button { - margin-top: 40px; - } - .result__mainimg { - margin-bottom: 16px; - } - .result__mainicon { - margin-bottom: 40px; - } - .sidemenu__item { - line-height: 1; - } - .storeTileSpecs__iconWrap { - margin-right: auto; - padding-right: 10px; - } - .storeTileOrder--details .storeTileOrder__info { - max-width: initial; - } - .storeTileOrder--details .storeTileOrder__actions { - max-width: initial; - } - .storeLocator__form .field--full { - max-width: 344px; - } - .storeLocator__form .field__inputClear { - right: 18px; - } - .storeLocator__form .field__input--search { - padding-right: 40px; - } - .storeLocator__form .field__inputSubmit { - display: none; - } - .timetable { - margin-top: -20px; - } - .timetableNavWrap { - display: flex; - justify-content: space-between; - margin-bottom: 12px; - } - .timetableNav:before { - display: none; - } - .topnav__selected { - display: none; - } - .topnav__selected:after { - display: none; - } - .topnav__list { - display: flex; - flex-wrap: wrap; - justify-content: center; - text-align: center; - } - .topnav__list li { - display: inline-flex; - margin: 4px; - } - .topnav__item { - line-height: 1; - } - .topnav__link { - border: 1px solid #c2c2c2; - border-radius: 100px; - color: #838385; - display: block; - font-size: 0.875rem; - font-weight: 500; - padding: 12px 16px; - transition: background-color 250ms ease-out; - } - .topnav__link.selected { - background-color: #333; - border-color: #333; - color: #fff; - } - .unavailabelBox { - margin-bottom: 24px; - } - .minibasket .unavailabelBox { - margin-bottom: 0; - } - .userMenu { - right: -4px; - } - .userMenu__overlay { - display: none; - } - .accountDetails__form { - margin-right: 24px; - } - .basketTable__row--head { - margin-bottom: 12px; - } - .minibasket:not(.active) .minibasket__overlay { - opacity: 0; - pointer-events: none; - } - .secureCheckout__text { - margin: 0 8px 0 0; - } - .checkoutTracking__inner { - margin-right: 10px; - } - .loyalty__img { - margin-right: 20px; - } - .loyalty__cell:not(:last-child) { - margin-right: 1px; - } - .gallery__figure { - width: calc(50% - 20px); - margin: 10px; - } - .orderHistory { - min-height: 140px; - } - .orderHistory--qr { - padding-left: calc(var(--outerPaddingY) + var(--qrWidth) + var(--qrMargin)); - } - .orderHistory__qr { - left: var(--outerPaddingX); - position: absolute; - top: 50%; - transform: translateY(-50%); - } - .orderHistory__section--top span { - margin-right: 5px; - } - .orderHistory__section--top .orderHistory__sectionInner { - flex-flow: row; - } - .productPage { - display: grid; - grid-template-areas: "product_image product_content"; - grid-template-columns: minmax(300px, 457px) minmax(50%, 873px); - } - .productPage__imageCol { - grid-area: product_image; - } - .productPage__imageGrid { - left: 0; - position: sticky; - top: var(--headerHeight); - } - } - - @media (min-width: 768px) and (hover: hover) and (pointer: fine) { - .topnav__link:hover { - background-color: #ececec; - border-color: #ececec; - } - } - - @media (min-width: 768px) and (max-width: 1023px) { - .articleFeatured .article--horizontal .article__img { - flex-basis: 40%; - } - } - - @media (min-width: 768px) and (max-width: 1279px) { - .article--horizontal .article__title { - font-size: 1.25rem; - font-weight: 500; - letter-spacing: -0.03em; - line-height: 1.5; - } - .newsletter__social { - margin-left: 24px; - padding-left: 24px; - } - } - - @media (min-width: 1024px) { - .tabletOnly { - display: none; - } - .header__bottom { - padding: 16px 0 0; - } - .acc__headerInner { - margin-right: 104px; - } - .acc__headerInnerTitle { - min-width: 295px; - } - .acc__headerInnerTitle--info { - min-width: initial; - } - .acc__headerInnerTitle--sum { - min-width: initial; - } - .filters__itemsWrap { - display: flex; - flex-wrap: wrap; - margin-right: 24px; - } - .filters__inner { - align-items: flex-start; - display: flex; - } - .filters__item:not(:last-child) { - margin-right: 24px; - } - .filters__item:not(.filter--closed) { - z-index: 3; - } - .filters__titleWrap { - margin-right: 8px; - } - .filters__title { - padding: 6px 0; - } - .filters__titleWrap .filters__close { - display: none; - } - .filters__mobButton { - pointer-events: none; - } - .filters--checked .filters__mobButton:after { - display: none; - } - .filters__mobButtonText { - display: none; - } - .filters--listResults { - position: relative; - padding-right: 160px; - } - .filters--listResults .filters__titleWrap { - position: static; - } - .filters--listResults .filters__titleWrap .filtersClearAll { - position: absolute; - right: 16px; - top: 50%; - transform: translateY(-50%); - } - .filters--listResults.filters--checked .filters__titleWrap .filtersClearAll { - display: block; - } - .filters--listResults ~ .productListWrap .selectedFilters { - outline: 1px solid red; - background: rgba(255, 0, 0, 0.2); - } - .filter { - position: relative; - } - .filter__content { - background-color: #fff; - border-radius: 6px; - box-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15); - left: -20px; - padding: 56px 20px 16px 20px; - position: absolute; - top: -16px; - width: 248px; - } - .filter__main > .scrollbar { - max-height: 160px; - } - .filter__main--mobScroll > .scrollbar { - overflow: initial; - } - .filter__list--inline { - display: flex; - flex-wrap: wrap; - } - .filter__list--showAll:not(.initialized) .filter__item:nth-child(n + 9) { - display: none; - } - .filter__list--showAll.initialized .filter__listScroll { - max-height: var(--scrollListHeight); - } - .filter__listMore { - display: none; - } - .filter__list--inline .filter__item { - margin: 4px 0; - } - .filter__list--inline .filter__item:not(:last-child) { - margin-right: 16px; - } - .filtersApply { - margin-bottom: 12px; - } - .filters__titleWrap .filtersClearAll { - display: none; - } - .filtersLinks { - margin-top: 16px; - text-align: center; - } - .filtersLinks--all { - display: none; - } - .mainNav__list { - display: flex; - } - .mainNav__link--hasChildren:before { - display: none; - } - .megamenu { - left: 0; - overflow: hidden; - top: 100%; - } - .mainNav__item:not(.mainNav__item--active) .megamenu { - pointer-events: none; - } - .mainNav__item--active .megamenu { - z-index: 9; - } - .megamenu__inner { - padding: 40px 0; - position: relative; - opacity: 0; - transform: translateY(-30px); - transition: opacity 150ms ease-out, transform 250ms ease-out, - visibility 10ms ease-out 250ms; - visibility: hidden; - min-height: 584px; - } - .mainNav__item--active .megamenu__inner { - opacity: 1; - transform: translateY(0); - transition: opacity 350ms ease-out 250ms, transform 350ms ease-out 250ms; - visibility: visible; - } - .mainNav__item--fadeOut .megamenu__inner { - opacity: 0; - transform: translateY(80px); - transition: opacity 350ms ease-out, transform 350ms ease-out; - } - .megamenu__list { - width: 100%; - } - .megamenu__list--level2 { - column-count: 3; - } - .megamenu__list--level2 > li { - break-inside: avoid; - margin-bottom: 40px; - } - .megamenu__list li { - font-size: 0.875rem; - } - .megamenu__close { - position: absolute; - right: 32px; - top: 32px; - z-index: 1; - width: 40px; - height: 40px; - min-height: auto; - } - .megamenu__close:before { - display: inline-block; - vertical-align: top; - } - .megamenu__back { - display: none; - } - .megamenu .wrapper { - padding: 0 var(--gridSpace); - } - .megamenuBg { - background-color: #e6e6e6; - left: 0; - position: absolute; - top: 100%; - transform: scaleY(0); - transform-origin: center top; - transition: transform 350ms ease-out 50ms; - width: 100%; - height: 584px; - } - .menuOpened .megamenuBg { - transform: scaleY(1); - transition: transform 350ms ease-out; - } - .megamenuBg:after { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 50%; - height: 100%; - } - .newsletter__form { - align-items: center; - } - .newsletter__label { - margin-right: 24px; - } - .sidemenu { - border-right: 1px solid #ececec; - height: 100%; - margin: 0; - padding-left: 30px; - } - .sidemenu .sidenav__list--level1 { - scroll-behavior: smooth; - overflow: auto; - scrollbar-color: rgba(166, 166, 166, 0.3) transparent; - scrollbar-width: thin; - -webkit-overflow-scrolling: touch; - left: 0; - padding-right: 16px; - position: sticky; - top: calc(8px + var(--headerHeight)); - max-height: calc(100vh - 16px - var(--headerHeight)); - } - .sidemenu .sidenav__list--level1::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .sidemenu .sidenav__list--level1::-webkit-scrollbar-thumb { - background: rgba(166, 166, 166, 0.3); - border-radius: 13px; - } - .sidemenu .sidenav__list--level1::-webkit-scrollbar-thumb:hover { - background: rgba(166, 166, 166, 0.5); - } - .sidemenu .sidenav__list--level1::-webkit-scrollbar-thumb:active { - background: rgba(166, 166, 166, 0.7); - } - .sidemenu .sidenav__list--level1::-webkit-scrollbar-track { - background: transparent; - } - .sidemenu__selected { - display: none; - } - .sidemenu__selected:after { - display: none; - } - .sidemenu__list--level2 { - margin: 0 0 12px; - } - .sidemenu__link.selected { - color: #f47920; - } - .sidemenu__link--level1 { - margin-bottom: 12px; - font-size: 1.125rem; - } - .storeListWrap { - display: flex; - } - .storeListWrap [data-tabToggle-content] { - display: block; - } - .storeListWrap .tabToggle { - display: none; - } - .storeList { - scroll-behavior: smooth; - overflow: auto; - scrollbar-color: rgba(166, 166, 166, 0.3) transparent; - scrollbar-width: thin; - -webkit-overflow-scrolling: touch; - margin-right: 24px; - width: 484px; - max-width: 45%; - max-height: 600px; - } - .storeList::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .storeList::-webkit-scrollbar-thumb { - background: rgba(166, 166, 166, 0.3); - border-radius: 13px; - } - .storeList::-webkit-scrollbar-thumb:hover { - background: rgba(166, 166, 166, 0.5); - } - .storeList::-webkit-scrollbar-thumb:active { - background: rgba(166, 166, 166, 0.7); - } - .storeList::-webkit-scrollbar-track { - background: transparent; - } - .storeTile { - margin-right: 12px; - } - .gallery__figure { - width: calc(33.3% - 20px); - } - .myLists--row .myList { - flex: 1; - } - .orderSum--border .orderSum__col:not(:last-child) { - border-right: 1px solid #fff; - } - .productPage__info { - padding-left: var(--productImageColSpace); - } - .productDetailsNutrTable { - max-width: 714px; - } - } - - @media (min-width: 1024px) and (hover: hover) and (pointer: fine) { - .sidemenu__link:not(.selected):hover { - color: #838385; - } - } - - @media (min-width: 1024px) and (max-width: 1279px) { - .megamenuBg { - z-index: 1; - } - } - - @media (min-width: 1024px) and (max-width: 1365px) { - .megamenu__close { - right: 8px; - top: 8px; - } - .megamenuBg { - height: 640px; - } - } - - @media (min-width: 1280px) { - .mainLayout { - --asideWidth: 352px; - --gridSpace: 64px; - --gridSpaceBorder: calc(var(--gridSpace) / 2); - display: grid; - grid-template-areas: "aside content"; - grid-template-columns: var(--asideWidth) minmax(0, 1fr); - } - .mainLayout--rightAside { - grid-template-areas: "content aside"; - grid-template-columns: minmax(0, 1fr) var(--asideWidth); - } - .mainLayout__aside { - grid-area: aside; - display: flex; - flex-direction: column; - } - .mainLayout__content { - grid-area: content; - } - .deliveryTypes { - padding: 0 20px; - } - .burgerMenu { - display: none; - } - .mainLayout__aside .sideNav { - border-right: 1px solid #ececec; - } - .basketMain { - position: relative; - } - .sideBasket { - box-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15); - border-radius: 8px; - position: sticky; - right: 0; - top: 0; - } - .sideBasket__title { - color: #333; - font-size: 1.25rem; - font-weight: 500; - line-height: 1.5; - margin: 0 0 16px; - padding-left: 40px; - position: relative; - } - .sideBasket__title:before { - color: #a6a6a6; - font-size: 2rem; - left: 0; - margin-top: -16px; - position: absolute; - top: 50%; - } - } - - @media (min-width: 1280px) and (max-width: 1365px) { - .mainLayout { - --asideWidth: 296px; - --gridSpace: 24px; - --gridSpaceBorder: var(--gridSpace); - } - } - - @media (min-width: 1366px) { - .megamenu__title { - padding-right: 40px; - } - } - - @media (min-width: 1920px) { - .goToTop { - margin-right: calc(50vw - var(--wrapper) / 2); - } - .productList .product { - width: calc(16.6% - 5 * var(--productSpaceH) / 6); - } - } - - @media (min-width: 640px) and (max-width: 1365px) and (min-width: 1280px) { - .basketTable__cell--button { - margin: 0 12px 0 12px; - } - } - - @media (max-width: 1599px) { - .basketMain__content { - --mainLayoutSpace: 24px; - } - .landingList { - row-gap: 32px; - } - .landingList__item { - width: calc(20% - 4 * var(--colGap) / 5); - } - .myLists--grid { - --listsGap: 20px; - } - .myLists--row { - --listsGap: 16px; - } - .productList .product { - width: calc(25% - 3 * var(--productSpaceH) / 4); - } - } - - @media (max-width: 1365px) { - .basketTable { - --imgMarginRight: 16px; - } - .basketTable__row { - padding-right: 84px; - padding-left: 0; - } - .basketTable__remove { - right: 0; - } - .basketTable .fav { - right: 40px; - } - .landingList__item { - width: calc(25% - 3 * var(--colGap) / 4); - } - .myLists--grid .myList { - width: calc(50% - var(--listsGap) / 2); - } - .productList { - --productSpaceH: 16px; - --productSpaceV: 16px; - } - } - - @media (max-width: 1365px) and (min-width: 1280px) { - .basketTable { - --imgWidth: 80px; - } - .basketTable__cell--price { - margin-right: 0; - } - .basketTable__cell--quant { - margin: 0 12px; - } - .basketTable__cell .product__title { - font-size: 1rem; - } - .productList .product { - width: calc(33.33% - 2 * var(--productSpaceH) / 3); - } - } - - @media (max-width: 1359px) { - .infoPopup { - right: var(--gridSpace); - } - .productMainImg .swiper-button-prev, - .productMainImg .swiper-button-next { - display: flex; - } - } - - @media (max-width: 1279px) { - :root { - --gridSpace: 32px; - } - .mainLayout { - --mainLayoutSpace: var(--gridSpace); - } - .loginWrap__form { - padding-block: 56px; - } - .loadMore { - --loadMoreSpace: 32px; - } - .mainNav__item { - margin: 0 8px; - } - .burgerMenu { - background: none; - margin: 0 16px 0 0; - padding: 0; - width: 32px; - height: 32px; - } - .burgerMenu__bar { - background: #404040; - border-radius: 15px; - display: block; - margin: 6px auto; - transition: all 350ms ease-out; - height: 2px; - width: 26px; - } - .burgerMenu__bar--middle { - margin: 0 auto; - } - .burgerMenu--opened .burgerMenu__bar--top { - transform: translateY(8px) rotateZ(45deg); - } - .burgerMenu--opened .burgerMenu__bar--bottom { - transform: translateY(-8px) rotateZ(-45deg); - } - .burgerMenu--opened .burgerMenu__bar--middle { - width: 0; - } - .modal__wrap { - padding-bottom: 40px; - } - .mainLayout__aside .sideNav { - display: none; - } - .simpleSlider--cat:not(.swiper-initialized) .swiper-slide { - width: calc(25% - 16px); - } - .timetable { - margin-bottom: 56px; - } - .addresses { - --addressesGap: 24px; - } - .addresses__box, - .addresses .addBox { - width: calc(50% - var(--addressesGap) / 2); - } - .basket { - margin-bottom: 144px; - } - .basketMain__content { - padding-right: 0; - } - .sideBasket { - box-shadow: 0px -2px 10px rgba(51, 51, 51, 0.1); - bottom: 0; - left: 0; - position: fixed; - z-index: 2; - width: 100%; - } - .sideBasket__title { - display: none; - } - .landingList { - row-gap: 24px; - } - .myList--box .myList__title { - font-size: 1.25rem; - } - .orderRow { - --orderColGap: 24px; - } - .productPage { - --productImageColSpace: 40px; - } - .productMainImg { - --productMainImgWidth: 500px; - } - .productMainImg .imgControl { - margin: 30px 0 20px; - } - } - - @media (max-width: 1279px) and (hover: hover) and (pointer: fine) { - .burgerMenu:not(.disabled):hover { - background: transparent; - } - .burgerMenu:not(.disabled):hover .burgerMenu__bar { - background: #333; - } - } - - @media (max-width: 1279px) and (min-width: 1024px) { - .checkoutProducts .product--mini .product__img, - .checkoutProducts .minibasket__product .product__img { - margin-right: 8px; - width: 80px; - } - .productListContent { - margin-left: -20px; - width: calc(100% + 40px); - } - } - - @media (max-width: 1023px) { - :root { - --gridSpace: 24px; - } - .pageTitle h1 { - font-size: 2.375rem; - } - .pageTitle--big { - height: 280px; - } - .pageTitle--big h1 { - font-size: 2.875rem; - } - .ordersBanner { - padding: 16px; - } - .ordersBanner__img { - width: 37%; - } - .ordersBanner__icon { - font-size: 3rem; - margin-right: 16px; - } - .ordersBanner__text { - font-size: 1rem; - } - .tabletHidden { - display: none; - } - ul.listL { - margin: 16px 0 24px; - } - ul.listL li { - font-size: 1.125rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.33; - padding-left: 21px; - } - ul.listCols { - column-count: 4; - } - .footer { - --footerSpaceTop: 56px; - } - .footer__col { - --footerColSpace: 24px; - } - .acc--stripe .acc__header { - font-size: 1rem; - } - .acc__headerInnerTitle--info { - margin-left: auto; - } - .articleList--contests .article { - width: calc(33.33% - 2 * var(--productSpaceH) / 3); - } - .articleDetails__title { - font-size: 1.625rem; - font-weight: 700; - letter-spacing: -0.03em; - line-height: 1.35; - } - .articleDetails__title { - font-size: 1.5rem; - font-weight: 700; - letter-spacing: 0; - line-height: 1.16; - } - .catalogueList { - --productSpaceH: 24px; - } - html.filtersOpened, - html.filtersOpened body { - overflow: hidden; - height: calc(var(--windowHeight) - 1px); - } - .filters__itemsWrap { - scroll-behavior: smooth; - overflow: auto; - scrollbar-color: rgba(166, 166, 166, 0.3) transparent; - scrollbar-width: thin; - -webkit-overflow-scrolling: touch; - overflow-x: hidden; - height: calc(100% - var(--mobFilterTopBar)); - } - .filters__itemsWrap::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .filters__itemsWrap::-webkit-scrollbar-thumb { - background: rgba(166, 166, 166, 0.3); - border-radius: 13px; - } - .filters__itemsWrap::-webkit-scrollbar-thumb:hover { - background: rgba(166, 166, 166, 0.5); - } - .filters__itemsWrap::-webkit-scrollbar-thumb:active { - background: rgba(166, 166, 166, 0.7); - } - .filters__itemsWrap::-webkit-scrollbar-track { - background: transparent; - } - .filters--2levelOpened .filters__itemsWrap { - overflow: visible; - } - .filters__inner { - background-color: #fff; - left: 0; - padding: 0 var(--filtersSpace) var(--mobFilterBottomBar); - position: fixed; - transform: translateX(-100%); - transition: transform 350ms ease-out; - top: var(--mobFiltersTop); - z-index: 9; - width: 100%; - height: var(--windowHeight); - } - .filters:not(.filters--2levelOpened) .filters__inner { - overflow: hidden; - } - .filters--opened .filters__inner { - transform: translateX(0); - } - .filters__item:not(:first-child) { - border-top: 1px solid #c2c2c2; - } - .filters__titleWrap { - align-items: center; - border-bottom: 1px solid #a6a6a6; - display: flex; - padding: 16px 0; - } - .filters__title { - font-size: 1.125rem; - font-weight: 400; - } - .filters__titleWrap .filters__close { - margin-right: 8px; - } - .filters__mobButton { - align-items: center; - display: inline-flex; - } - .filter__title { - font-size: 1rem; - font-weight: 500; - padding: 16px 32px 16px 0; - } - .filter__titleIcon { - font-size: 1.5rem; - line-height: 1; - right: 0; - top: 50%; - transform: translateY(-50%); - } - .filter__titleIcon:before { - line-height: 1; - } - .filters__mobTitle .filter__titleIcon { - left: 0; - right: auto; - } - .filters__mobTitle .filter__titleIcon:before { - transform: rotate(180deg); - transform-origin: center; - } - .filter__content { - padding: 12px 0; - } - .filter__main { - height: calc(100% - var(--mobFilterTopBar) - var(--mobFilterTopBarSpace)); - } - .filter__main--mobScroll > .scrollbar { - scroll-behavior: smooth; - overflow: auto; - scrollbar-color: rgba(166, 166, 166, 0.3) transparent; - scrollbar-width: thin; - -webkit-overflow-scrolling: touch; - max-height: 100%; - } - .filter__main--mobScroll > .scrollbar::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .filter__main--mobScroll > .scrollbar::-webkit-scrollbar-thumb { - background: rgba(166, 166, 166, 0.3); - border-radius: 13px; - } - .filter__main--mobScroll > .scrollbar::-webkit-scrollbar-thumb:hover { - background: rgba(166, 166, 166, 0.5); - } - .filter__main--mobScroll > .scrollbar::-webkit-scrollbar-thumb:active { - background: rgba(166, 166, 166, 0.7); - } - .filter__main--mobScroll > .scrollbar::-webkit-scrollbar-track { - background: transparent; - } - .filter__list { - height: 100%; - } - .filter__list--showAll .filter__listScroll { - max-height: 100%; - } - .filter__list--more .filter__listWrap { - height: 100%; - } - .filter__list--more .filter__listWrap > .filter__item { - display: none; - } - .filter__list--moreList { - height: calc(100% - var(--searchHeight)); - } - .filter__list--moreList .filter__listScroll { - max-height: 100%; - } - .filter__showAll { - display: none; - } - .filter__listMore { - height: 100%; - } - .filter__list--inline .filter__item { - margin: 16px 0; - } - .filter__more { - display: none; - } - .filter:not(.filter--checked) .filtersClear { - display: none; - } - .filtersClearAll { - margin-left: auto; - } - .filtersLinks { - align-items: center; - bottom: 0; - display: flex; - justify-content: center; - left: 0; - padding: 8px var(--filtersSpace); - position: absolute; - width: 100%; - height: var(--mobFilterBottomBar); - } - .filtersLinks:not(.filtersLinks--all) { - display: none; - } - .form { - margin-bottom: 24px; - } - .mainNavWrap { - background-color: #ebebeb; - left: 0; - overflow-y: auto; - -webkit-overflow-scrolling: touch; - padding: 16px var(--mobMenuHorPadding) 80px; - position: fixed; - top: var(--headerHeight); - transition: transform 350ms ease-out; - transform: translateX(-100%); - width: 100%; - max-width: 440px; - height: calc(100% - var(--headerHeight)); - } - .menuOpened .mainNavWrap { - transform: translateX(0); - } - .menuOpened--level2 .mainNavWrap { - overflow: hidden; - } - .mainNav__item { - color: #333; - font-size: 1.125rem; - margin: 8px 0; - } - .mainNav__link { - padding: 8px 0; - position: relative; - } - .mainNav__link--hasChildren:before { - font-size: 1.5rem; - margin-top: -12px; - position: absolute; - right: 0; - top: 50%; - } - .megamenu { - background-color: #ebebeb; - overflow: auto; - -webkit-overflow-scrolling: touch; - right: 0; - top: 0; - transition: transform 350ms ease-out; - transform: translateX(-100%); - z-index: 1; - height: 100%; - } - .mainNav__item--active .megamenu { - transform: translateX(0); - } - .megamenu__main { - padding: 32px var(--mobMenuHorPadding) 80px; - } - .megamenu__cols--promo { - border-bottom: 1px solid #fff; - margin-bottom: 24px; - } - .megamenu__list--level2 > li { - font-size: 1rem; - margin-bottom: 24px; - } - .megamenu__close { - display: none; - } - .megamenu__back { - align-items: center; - background-color: #fff; - border-radius: 0; - color: #8c8c8c; - display: flex; - font-size: 1.25rem; - justify-content: flex-start; - padding: 16px; - width: 100%; - } - .megamenu__back:before { - font-size: 1.5rem; - margin-right: 8px; - } - .newsletter__form { - flex-direction: column; - } - .newsletter__label { - margin-bottom: 16px; - } - .output--pickup .output__inner, - .output--delivery .output__inner { - padding-left: 80px; - } - .output--init .output__title { - font-size: 1rem; - } - .sideBasket .priceRow--total { - margin-top: 0; - } - .productsSum { - padding: 12px 16px; - } - .result__title { - font-size: 1.625rem; - font-weight: 700; - letter-spacing: -0.03em; - line-height: 1.35; - } - .sidemenu { - margin: 0 calc(var(--gridSpace) + var(--mainLayoutSpace)) 22px; - } - .sidemenu__selected { - border: 1px solid #a6a6a6; - border-radius: 8px; - color: #333; - font-size: 0.9375rem; - line-height: 1; - overflow: hidden; - padding: 16px 40px 16px 16px; - position: relative; - text-align: left; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; - } - .sidemenu__selected:before { - color: #838385; - font-size: 1rem; - margin-top: -8px; - position: absolute; - right: 16px; - top: 50%; - transition: transform 250ms ease-out; - transform-origin: center; - } - .sidemenu__selected.active:before { - transform: rotate(180deg); - } - .sidemenu__list--level1 { - scroll-behavior: smooth; - overflow: auto; - scrollbar-color: rgba(166, 166, 166, 0.3) transparent; - scrollbar-width: thin; - -webkit-overflow-scrolling: touch; - background-color: #fff; - border: 1px solid #a6a6a6; - border-radius: 8px; - display: none; - left: 0; - margin-top: 12px; - position: absolute; - top: 100%; - width: 100%; - max-height: 400px; - } - .sidemenu__list--level1::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .sidemenu__list--level1::-webkit-scrollbar-thumb { - background: rgba(166, 166, 166, 0.3); - border-radius: 13px; - } - .sidemenu__list--level1::-webkit-scrollbar-thumb:hover { - background: rgba(166, 166, 166, 0.5); - } - .sidemenu__list--level1::-webkit-scrollbar-thumb:active { - background: rgba(166, 166, 166, 0.7); - } - .sidemenu__list--level1::-webkit-scrollbar-track { - background: transparent; - } - .sidemenu__item--level1 { - line-height: 1.534; - margin: 0; - } - .sidemenu__item--level1:not(:first-child) { - border-top: 1px solid #ececec; - } - .sidemenu__link--level1 { - color: #333; - display: block; - font-size: 0.9375rem; - padding: 12px 16px; - } - .sidemenu__link--level1.selected { - background-color: #f4f4f4; - } - .storeList { - box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08); - margin-bottom: 32px; - } - .storeMap { - margin-bottom: 32px; - width: 100%; - height: 470px; - min-height: 70vh; - } - .storeTile { - margin-inline: 20px; - } - .storeTile__thumbnail { - display: none; - } - .storeLocator { - position: relative; - } - .storeLocator__inner { - padding: 24px 16px; - z-index: 1; - } - .storeLocator__illustration--left { - display: none; - } - .storeLocator__illustration--right { - display: none; - } - .storeLocator__illustration--mob { - bottom: 0; - display: block; - position: absolute; - right: 0; - } - .storeLocator__form { - margin-bottom: 0; - } - .table td.table__tools .iconButton:not(:last-child), - .table td.table__tools .selectedFilters__remove:not(:last-child) { - margin-right: 12px; - } - .gridBoxes { - --gridBoxSpace: 8px; - } - .contentBox { - padding: 24px; - } - .contentBox__icon { - margin-bottom: 16px; - } - .contentBox__title { - margin-bottom: 16px; - } - .userNavBlock { - margin-bottom: 64px; - } - .userNav__link { - font-size: 0.875rem; - } - .addresses { - --addressesGap: 16px; - } - .checkout { - --checkoutSpaceTop: 30px; - } - .checkout__title { - font-size: 1.875rem; - letter-spacing: -0.03em; - line-height: 1.2; - } - .checkout__title { - margin: 0 0 50px; - } - .checkoutMsg__title { - font-size: 1.625rem; - font-weight: 700; - letter-spacing: -0.03em; - line-height: 1.35; - } - .checkoutMsg__title { - margin: 0; - } - .landingItem--box { - padding: 16px 8px; - } - .landingItem--box .landingItem__title { - font-size: 0.875rem; - } - .myLists--row { - flex-wrap: wrap; - } - .myLists--row .myList { - width: calc(50% - var(--listsGap) / 2); - } - .productList .product { - width: calc(33.33% - 2 * var(--productSpaceH) / 3); - } - .orderRow { - --orderColGap: 16px; - --orderProductsWidth: 208px; - --orderProductWidth: 64px; - --orderRowGap: 12px; - } - .orderHistory { - --qrWidth: 100px; - --qrMargin: 10px; - } - .orderHistory__section { - padding-right: 10px; - } - .orderSum--border { - flex-direction: column; - } - .orderSum--border .orderSum__col:not(:last-child) { - border-bottom: 1px solid #fff; - } - .orderStatusInfo { - margin-bottom: 24px; - } - .productPage { - --productImageColSpace: 24px; - } - .productHeader .product__img { - margin-right: 8px; - } - .productHeader .priceContainer { - align-items: flex-end; - flex-direction: column-reverse; - } - .productHeader .priceContainer .priceBlock__price--init { - margin: 0 0 4px; - } - } - - @media (max-width: 1023px) and (hover: hover) and (pointer: fine) { - .megamenu__back.button:not(.disabled):hover { - background: transparent; - } - } - - @media (max-width: 1023px) and (min-width: 480px) { - .article__dateWrap .pill { - font-size: 0.75rem; - } - .table { - --cellPaddingX: 16px; - --cellPaddingY: 16px; - --paddingExternalX: 16px; - } - } - - @media (max-width: 1023px) and (min-width: 640px) { - .mainNavWrap { - max-width: 480px; - } - } - - @media (max-width: 767px) { - :root { - --gridSpace: 16px; - --headerHeight: 116px; - } - .section { - margin-bottom: 40px; - } - .sectionTitle h2 { - font-size: 1.375rem; - font-weight: 700; - letter-spacing: -0.03em; - line-height: 1.36; - } - .pageTitle h1 { - font-size: 1.875rem; - letter-spacing: -0.02em; - } - .pageTitle.pageTitle--image h1 { - text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.3); - } - .pageTitle--big { - margin-bottom: 32px; - height: 200px; - } - .pageTitle--big h1 { - font-size: 1.625rem; - } - .asideHeader { - height: 92px; - } - .ordersBanner__icon { - font-size: 2.75rem; - } - .ordersBanner__text { - font-size: 0.9375rem; - max-width: 416px; - } - .mobileHidden { - display: none; - } - .separate { - margin: 0 8px; - } - h1 { - font-size: 1.875rem; - letter-spacing: -0.02em; - } - h2 { - font-size: 1.25rem; - letter-spacing: -0.02em; - margin: 0 0 20px; - } - .text, - p { - margin: 0 0 20px; - } - ul.listS { - margin-top: 20px; - } - ul.listCols { - column-count: 3; - } - .footer__main { - flex-direction: column; - padding: 32px 0 8px; - } - .footer__col { - margin-bottom: var(--footerColSpace); - } - .footer__title { - margin-bottom: 8px; - } - .footer__apps { - margin-top: 16px; - } - .footer__btm { - flex-wrap: wrap; - } - .footer__text { - text-align: center; - } - .col--m1 { - flex-basis: 8.3333333333%; - max-width: 8.3333333333%; - } - .col--m2 { - flex-basis: 16.6666666667%; - max-width: 16.6666666667%; - } - .col--m3 { - flex-basis: 25%; - max-width: 25%; - } - .col--m4 { - flex-basis: 33.3333333333%; - max-width: 33.3333333333%; - } - .col--m5 { - flex-basis: 41.6666666667%; - max-width: 41.6666666667%; - } - .col--m6 { - flex-basis: 50%; - max-width: 50%; - } - .col--m7 { - flex-basis: 58.3333333333%; - max-width: 58.3333333333%; - } - .col--m8 { - flex-basis: 66.6666666667%; - max-width: 66.6666666667%; - } - .col--m9 { - flex-basis: 75%; - max-width: 75%; - } - .col--m10 { - flex-basis: 83.3333333333%; - max-width: 83.3333333333%; - } - .col--m11 { - flex-basis: 91.6666666667%; - max-width: 91.6666666667%; - } - .col--m12 { - flex-basis: 100%; - max-width: 100%; - } - .header__top { - padding: 12px 0 0; - } - .header__leftBlock { - padding-bottom: 12px; - } - .header__topInner { - flex-wrap: wrap; - position: relative; - } - .header__logo { - width: 200px; - height: 26px; - } - .header__tools { - background: url(../media/wood.png) repeat scroll center; - flex-shrink: 0; - justify-content: flex-end; - margin-left: calc(-1 * var(--gridSpace)); - padding: 6px 0; - width: calc(100% + var(--gridSpace) * 2); - } - .header__tool { - margin-right: 20px; - } - .header__tool--account { - display: none; - } - .acc--stripe { - margin: 12px 0; - } - .acc--stripe .acc__header { - font-size: 0.875rem; - margin-bottom: 12px; - padding: 12px; - } - .acc--beige .acc__header { - font-size: 1rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.37; - } - .acc--beige .acc__content { - padding: 24px 0 0; - } - .acc--colorStripe .acc__header { - padding-block: 16px; - } - .acc__header { - padding: 16px 0; - } - .acc__headerInner { - flex-flow: column; - flex-wrap: wrap; - padding-right: 10px; - } - .acc__headerInner--price { - flex-flow: row; - align-items: center; - } - .acc__headerInner--price .acc__headerInnerTitle--info { - display: none; - } - .acc__headerInner--price .acc__headerInnerTitle--sum { - display: inline-block; - } - .acc__headerInnerTitle--info { - margin-left: 0; - margin-top: 8px; - } - .acc__headerInnerTitle--sum { - padding-left: 10px; - } - .acc__headerInnerTitle--large { - font-size: 1.125rem; - letter-spacing: -0.02em; - line-height: 1.2; - } - .acc__icon { - font-size: 1.5rem; - } - .articleFeatured { - display: none; - } - .articleList--column { - margin-bottom: 40px; - } - .articleList--contests .article { - width: calc(50% - 1 * var(--productSpaceH) / 2); - } - .articleDetails__title:after { - margin: 20px auto 32px 0; - width: 68px; - } - .bnr { - padding: 20px 0; - } - .bnr__text { - margin: 0 16px; - } - .breadcrumb__list { - align-items: flex-start; - flex-direction: column; - } - .breadcrumb__item { - font-weight: 500; - } - .cardRow { - min-height: 55px; - } - .cardRow__msg { - font-size: 0.8125rem; - font-weight: 400; - letter-spacing: -0.02em; - line-height: 1.3; - max-width: 120px; - } - .catalogue__title { - font-size: 1.125rem; - font-weight: 500; - letter-spacing: -0.02em; - line-height: 1.33; - } - .collectionBox__title { - font-size: 0.875rem; - } - .contestBnr { - padding: 64px 24px; - min-height: 209px; - } - .contestBnr h3 { - font-size: 1.125rem; - line-height: 1.2; - } - .deliveryFlowNav { - left: 24px; - } - .radiobuttons--deliveryType { - gap: 8px; - margin: 0 auto; - padding-bottom: 112px; - position: relative; - } - .radiobutton--deliveryType { - position: static; - } - .radiobutton--deliveryType .radiobutton__label { - background: #f2efe8; - border-radius: 8px; - font-size: 0.875rem; - font-weight: 400; - padding: 16px; - } - .radiobutton--deliveryType .radiobutton__label b { - display: block; - } - .radiobutton--deliveryType .radiobutton__text { - line-height: 1.286; - } - .radiobutton--deliveryType .radiobutton__border:after { - right: 8px; - top: 8px; - width: 26px; - height: 26px; - } - .radiobutton--deliveryType .icon { - margin: 0 auto 8px; - height: 32px; - } - .deliveryTypeInfo ul { - background: #f7f5f0; - border-radius: 8px; - flex-grow: 1; - margin: 0; - padding: 12px; - } - .deliveryTypeInfo { - align-items: center; - bottom: 0; - display: flex; - left: 0; - position: absolute; - width: 100%; - height: 112px; - } - .radiobutton:not(.checked) .deliveryTypeInfo { - display: none; - } - .deliveryTypeInfo__sum { - align-items: flex-start; - text-align: left; - } - .deliveryTypeInfo__sum p { - margin-bottom: 4px; - } - .selectedFilters { - display: none; - } - .form { - width: 100%; - } - .formBox__more { - justify-content: flex-start; - } - .formBox .checkbox ~ .formBox__more .checkbox ~ .formBox__more { - padding-left: var(--labelSpace); - } - .loginWrap__img { - display: none; - } - .loginWrap__form { - padding: 64px 16px 40px; - } - .registerPromo { - margin-top: 20px; - } - .formText { - padding: 16px 0 0; - } - .formText p { - font-size: 0.8125rem; - } - .goToTop { - bottom: 16px; - font-size: 0.75rem; - line-height: 56px; - right: 16px; - width: 56px; - height: 56px; - } - .orderTrack .indicator { - margin-bottom: 6px; - } - .loadMore { - --loadMoreSpace: 16px; - } - .message { - margin-bottom: 30px; - } - .modal__wrap .btnWrap { - margin-top: 24px; - } - .modal__titleWrap { - margin-bottom: 24px; - text-align: left; - } - .modal__titleWrap p { - font-size: 0.875rem; - } - .modal__title { - margin-inline: 0; - text-align: left; - } - .modal__title { - font-size: 1.125rem; - } - .newsletter__inner { - margin: 0 auto; - max-width: 400px; - } - .newsletter__form { - border-bottom: 1px solid gray; - margin-bottom: 24px; - padding-bottom: 24px; - } - .newsletter__input { - flex: 1; - } - .notifications { - right: 0; - padding: 0 var(--gridSpace); - width: 100%; - } - .notifications__content { - width: 100%; - } - .notificationsBtn:after { - content: ""; - top: -1px; - right: 0; - width: 8px; - height: 8px; - background: #d91a32; - border-radius: 50%; - } - .outputsRow { - gap: 16px; - } - .output--init { - padding: 8px; - } - .output--pickup:not(.output--init) .output__inner, - .output--delivery:not(.output--init) .output__inner { - background-size: auto 26px; - padding-left: 60px; - min-height: 26px; - } - .output--pickup.output--init .output__inner, - .output--delivery.output--init .output__inner { - background-size: auto 34px; - padding-left: 64px; - min-height: 34px; - } - .output--init .output__title { - font-size: 0.875rem; - } - .product__title { - font-size: 0.9375rem; - } - .productInfo .productTags { - margin-bottom: 8px; - } - .productList .priceContainer { - height: 32px; - } - .priceRow--total { - font-size: 1rem; - margin-bottom: 12px; - } - .productList .quantity { - height: 34px; - } - .quantity__btn { - font-size: 0.875rem; - width: 40px; - } - .quantity__btn--notAvailable { - font-size: 0.8125rem; - } - .quantity__input { - font-size: 0.875rem; - } - .quantity__input span { - font-size: 0.75rem; - font-weight: 400; - } - .quantity__message { - padding: 8px; - } - .result__title { - font-size: 1.625rem; - letter-spacing: -0.03em; - } - .result__p--b { - font-size: 1.125rem; - letter-spacing: -0.02em; - } - .result__code strong { - display: block; - margin-top: 8px; - } - .result__mainimg--notsupported { - margin-bottom: 32px; - max-width: 160px; - } - .sidemenu { - margin-top: 16px; - } - .sliderSection { - --sliderSectionSpaceBottom: 32px; - } - .simpleSlider--cat:not(.swiper-initialized) .swiper-slide { - width: calc(33.3333333333% - 16px); - } - .productsSlider { - margin-top: 16px; - } - .productsSlider .swiper-slide { - width: 160px; - } - .storeTile__address { - margin-bottom: 12px; - } - .storeTileSpecs { - align-items: flex-start; - flex-flow: column; - margin-bottom: 15px; - } - .storeTileSpecs__title { - font-size: 1.375rem; - font-weight: 700; - letter-spacing: -0.03em; - line-height: 1.36; - } - .storeTileSpecs__title { - font-size: 1.25rem; - font-weight: 700; - letter-spacing: -0.02em; - line-height: 1.2; - margin-bottom: 8px; - } - .storeTileSpecs__iconWrap { - margin-bottom: 12px; - } - .storeTileOrder--details { - flex-flow: column; - margin-bottom: 32px; - padding: 24px; - } - .storeTileOrder--details .storeTileOrder__icon { - margin: 0 auto 16px 0; - } - .storeTileOrder--details .storeTileOrder__info { - padding-right: 0; - width: 100%; - max-width: initial; - } - .storeTileOrder--details .storeTileOrder__actions { - margin-top: 16px; - width: 100%; - } - .storeSearch .form { - background-color: #fff; - transform: translateY(0); - } - .storeSearch.sticky { - padding-bottom: 64px; - } - .storeSearch.sticky .form { - padding-inline: var(--gridSpace); - position: fixed; - top: calc(var(--headerHeight) - 64px); - left: 0; - transform: translateY(100%); - z-index: 3; - transition: transform 250ms ease-out; - width: 100%; - } - .storeSearch p:last-of-type { - margin-bottom: 16px; - } - .pin__count { - font-size: 1.125rem; - letter-spacing: -0.02em; - line-height: 1.2; - } - .mapInfo { - padding-top: 46px; - max-width: 246px; - } - .mapInfo__close { - right: 16px; - top: 16px; - color: #333; - } - .storeLocator__title { - font-size: 1.375rem; - font-weight: 700; - letter-spacing: -0.03em; - line-height: 1.36; - } - .storeLocator__title { - font-size: 1.25rem; - font-weight: 700; - letter-spacing: -0.02em; - line-height: 1.2; - } - .storeLocator__sub { - margin-bottom: 32px; - } - .storeLocator__form .field--small { - display: none; - } - .storeHours { - padding: 24px 24px 32px; - } - .storeHours .acc__header p { - display: inline; - } - .storeHours .acc__headerInner { - display: block; - } - .storeHours .acc__icon { - display: inline-block; - } - .storeHours hr { - margin: 27px auto; - max-width: initial; - } - .storeHours__top { - display: flex; - align-items: flex-start; - text-align: left; - flex-flow: column; - } - .storeDetails__map { - padding-top: calc(470 / 343 * 100%); - position: relative; - width: 100%; - } - .timetable { - margin-bottom: 12px; - } - .timetable__day { - border: none; - padding-inline: 56px; - height: 72px; - } - .timetableNav { - justify-content: center; - position: absolute; - top: 16px; - z-index: 2; - width: 40px; - height: 40px; - } - .timetableNav { - font-size: 1rem; - } - .timetableNav__icon, - .timetableNav__text { - display: none; - } - .timetableNav--next { - right: 4px; - } - .timetableNav--prev { - left: 4px; - } - .topnav { - margin-top: 16px; - } - .topnav__selected { - border: 1px solid #a6a6a6; - border-radius: 8px; - color: #333; - font-size: 0.9375rem; - line-height: 1; - overflow: hidden; - padding: 16px 40px 16px 16px; - position: relative; - text-align: left; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; - } - .topnav__selected:before { - color: #838385; - font-size: 1rem; - margin-top: -8px; - position: absolute; - right: 16px; - top: 50%; - transition: transform 250ms ease-out; - transform-origin: center; - } - .topnav__selected.active:before { - transform: rotate(180deg); - } - .topnav__list { - scroll-behavior: smooth; - overflow: auto; - scrollbar-color: rgba(166, 166, 166, 0.3) transparent; - scrollbar-width: thin; - -webkit-overflow-scrolling: touch; - background-color: #fff; - border: 1px solid #a6a6a6; - border-radius: 8px; - display: none; - left: 0; - margin-top: 12px; - position: absolute; - top: 100%; - width: 100%; - max-height: 400px; - } - .topnav__list::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .topnav__list::-webkit-scrollbar-thumb { - background: rgba(166, 166, 166, 0.3); - border-radius: 13px; - } - .topnav__list::-webkit-scrollbar-thumb:hover { - background: rgba(166, 166, 166, 0.5); - } - .topnav__list::-webkit-scrollbar-thumb:active { - background: rgba(166, 166, 166, 0.7); - } - .topnav__list::-webkit-scrollbar-track { - background: transparent; - } - .topnav__item { - line-height: 1.534; - margin: 0; - } - .topnav__item:not(:first-child) { - border-top: 1px solid #ececec; - } - .topnav__link { - color: #333; - display: block; - font-size: 0.9375rem; - padding: 12px 16px; - } - .topnav__link.selected { - background-color: #f4f4f4; - } - .unavailabelBox .listTools--noBorder { - padding-top: 8px; - } - .userMenu { - right: 0; - padding: 0 var(--gridSpace); - width: 100%; - } - .userMenu__content { - width: 100%; - } - .gridBoxes__box { - width: calc(50% - var(--gridBoxSpace) * 2); - } - .userNavBlock { - --tabItemHeight: 32px; - margin-left: calc(-1 * var(--gridSpace)); - margin-bottom: 32px; - overflow-x: auto; - width: calc(100% + var(--gridSpace) * 2); - max-width: initial; - } - .userNav { - padding: 0 var(--gridSpace); - } - .userNav__item { - white-space: nowrap; - flex: 1 0 auto; - } - .userNav__item:not(:last-child) { - margin-right: 8px; - } - .userNav__link { - font-size: 0.875rem; - font-weight: 500; - letter-spacing: initial; - line-height: 1.28; - padding: 8px 12px; - } - .accountDetails { - flex-direction: column; - margin-bottom: 24px; - } - .accountDetails__form { - margin-bottom: 8px; - } - .basketTable__row--head .basketTable__cell { - font-size: 0.875rem; - } - .basketTable__cell--price { - margin-right: 0; - } - .basketTable__cell--quant { - margin: 0 16px; - } - .minibasket { - --miniBasketWidth: 100%; - } - .minibasket__overlay { - display: none; - } - .minibasket__inner { - top: var(--headerHeight); - height: calc(var(--windowHeight) - var(--headerHeight)); - } - .minibasket__header { - padding-top: 8px; - padding-bottom: 12px; - } - .minibasket__product { - padding: 16px 0; - } - .minibasket__bottom { - padding: 12px 16px; - } - .minibasket .miniBasketButton { - display: none; - } - .basketInfo { - margin-top: 8px; - } - .secureCheckout { - flex-direction: column; - } - .secureCheckout__text { - margin: 0 0 8px 0; - } - .secureCheckout__img { - width: 120px; - } - .checkout__title { - margin: 0 0 31px; - } - .checkout > h2 { - font-size: 1.375rem; - font-weight: 700; - letter-spacing: -0.03em; - line-height: 1.36; - } - .checkout > h2 { - margin: 0 0 46px; - } - .checkoutMsg { - margin: 0 0 60px; - } - .checkoutMsg img { - margin-bottom: 6px; - } - .checkoutMsg__title { - margin: 0; - } - .checkoutMsg__code strong { - display: block; - margin-top: 8px; - } - .checkoutTracking { - margin: 0 auto 54px; - flex-flow: column; - } - .checkoutTracking__action { - margin-top: 37px; - } - .checkoutTrackingMsg { - margin: 0 0 56px; - } - .loyalty__img { - margin-bottom: 20px; - } - .loyalty__inner { - flex-flow: column; - align-items: center; - } - .loyalty__row { - flex-flow: column; - } - .loyalty__cell { - width: 100%; - } - .loyalty__cell:not(:last-child) { - margin-bottom: 1px; - } - .loyalty__table { - width: 100%; - } - .loyaltyList { - margin: 20px auto 0; - } - .loyaltyList li { - font-size: 0.9375rem; - font-weight: 400; - letter-spacing: -0.03em; - line-height: 1.47; - } - .history { - --historycnt: 72px; - } - .history__mainimg { - margin-bottom: 32px; - } - .history__date { - padding-right: 38px; - } - .history__date:before, - .history__date:after { - right: 28px; - } - .landingList { - --colGap: 0; - row-gap: 0; - } - .landingList__item { - width: 33.33%; - } - .landingItem__title { - font-size: 0.875rem; - margin: 0 var(--landingTitleMobSpace); - } - .landingItem--box .landingItem__title { - font-size: 0.8125rem; - } - .landingItem__submenu { - left: var(--landingTitleMobSpace); - width: calc(100% - var(--landingTitleMobSpace) * 2); - } - .myLists--grid { - --listsGap: 16px; - } - .myLists--row { - --listsGap: 12px; - } - .myList--box { - padding-top: 16px; - padding-bottom: 16px; - } - .myList--box .myList__title { - font-size: 1.125rem; - } - .productList .product .priceBlock__price, - .productsSlider .product .priceBlock__price { - font-size: 0.75rem; - margin-top: 4px; - } - .productList .product .priceBlock__price--init, - .productsSlider .product .priceBlock__price--init { - font-size: 0.6875rem; - line-height: 1.091; - margin-top: 0; - } - .productList .product .priceBlock__price--b, - .productsSlider .product .priceBlock__price--b { - font-size: 0.875rem; - line-height: 1.286; - margin-top: 2px; - } - .productList .product .priceBlock__text, - .productsSlider .product .priceBlock__text { - font-size: 0.625rem; - line-height: 1.2; - } - .orderRow__items { - grid-area: 1/1/2/4; - width: var(--orderProductsWidth); - } - .orderRow__status { - grid-area: 2/1/3/4; - } - .orderRow__info--1 { - grid-area: 3/1/4/2; - } - .orderRow__info--2 { - grid-area: 3/2/4/3; - } - .orderRow__info--3 { - grid-area: 3/3/4/4; - } - .orderHistory { - --outerPaddingY: 18px; - flex-flow: column; - } - .orderHistory .copyText__tooltip { - bottom: 100%; - transform: translate3d(-90%, -10px, 0); - top: auto; - } - .orderHistory .copyText__tooltip--open { - bottom: 100%; - transform: translate3d(-90%, -15px, 0); - top: auto; - } - .orderHistory--qr .orderHistory__section--top { - margin-top: 0; - } - .orderHistory__qr { - margin-right: 15px; - } - .orderHistory__section:not(.orderHistory__section--top) { - padding-right: 0; - } - .orderHistory__section:not(.orderHistory__section--top):not(:last-child) { - border-bottom: 1px solid #c2c2c2; - margin-bottom: 10px; - padding-bottom: 10px; - } - .orderHistory__section--top { - align-items: flex-end; - margin: 55px 0 15px; - } - .orderHistory__section--top .copyText { - margin-bottom: 17px; - } - .orderStatusInfo { - margin-bottom: 16px; - } - .orderTrack { - margin: 0 0 16px; - padding: 16px; - } - .orderTrack__inner { - align-items: flex-start; - flex-flow: column; - } - .orderTrack__date { - display: block; - margin-top: 6px; - } - .productPage { - margin: 24px 0 32px; - } - .productPage__imageCol { - margin: 0 auto 32px; - max-width: 560px; - } - .productPage__imageMain { - margin-bottom: 16px; - } - .productInfo__title { - font-size: 1.5rem; - line-height: 1.25; - } - .productInfo__desc { - margin-bottom: 16px; - } - .productInfo__codeWrap { - margin-bottom: 8px; - } - .productDetails { - margin-top: 24px; - padding-top: 24px; - } - .productDetails__heading { - margin-bottom: 0; - } - .productDetailsNutrTable td { - padding: 8px 14px; - } - .productSliderModal .modal__wrap { - padding: 24px; - } - .productThumbs { - --thumbImageWidth: 64px; - } - .productMainImg .imgControl { - display: none; - } - .notifyMe__main { - max-width: 90vw; - } - } - - @media (max-width: 767px) and (max-width: 767px) { - .sectionTitle h2 { - font-size: 1.125rem; - letter-spacing: -0.02em; - line-height: 1.2; - } - .storeTileSpecs__title { - font-size: 1.125rem; - letter-spacing: -0.02em; - line-height: 1.2; - } - .storeLocator__title { - font-size: 1.125rem; - letter-spacing: -0.02em; - line-height: 1.2; - } - .checkout > h2 { - font-size: 1.125rem; - letter-spacing: -0.02em; - line-height: 1.2; - } - } - - @media (max-width: 639px) { - .sectionTitle p { - font-size: 0.9375rem; - } - .ordersBanner__img img { - object-fit: contain; - object-position: left top; - } - .ordersBanner__icon { - margin-bottom: 16px; - } - .ordersBanner__text { - max-width: 100%; - } - .btnWrap--stickyBtm { - background-color: #fff; - bottom: 0; - left: 0; - margin-top: 12px; - padding-top: 20px; - position: sticky; - z-index: 9; - } - .footer { - --footerSpaceTop: 40px; - } - .col--s1 { - flex-basis: 8.3333333333%; - max-width: 8.3333333333%; - } - .col--s2 { - flex-basis: 16.6666666667%; - max-width: 16.6666666667%; - } - .col--s3 { - flex-basis: 25%; - max-width: 25%; - } - .col--s4 { - flex-basis: 33.3333333333%; - max-width: 33.3333333333%; - } - .col--s5 { - flex-basis: 41.6666666667%; - max-width: 41.6666666667%; - } - .col--s6 { - flex-basis: 50%; - max-width: 50%; - } - .col--s7 { - flex-basis: 58.3333333333%; - max-width: 58.3333333333%; - } - .col--s8 { - flex-basis: 66.6666666667%; - max-width: 66.6666666667%; - } - .col--s9 { - flex-basis: 75%; - max-width: 75%; - } - .col--s10 { - flex-basis: 83.3333333333%; - max-width: 83.3333333333%; - } - .col--s11 { - flex-basis: 91.6666666667%; - max-width: 91.6666666667%; - } - .col--s12 { - flex-basis: 100%; - max-width: 100%; - } - .acc-section { - margin-bottom: 40px; - } - .acc-section__title { - font-size: 1.25rem; - } - .deliveryFlowNav { - left: 16px; - } - .radiobutton--tab .icon { - font-size: 1.375rem; - margin-right: 4px; - } - .radiobutton--tab .radiobutton__label { - font-size: 0.9375rem; - } - .form { - --fieldColumnSpace: 24px; - } - .form__row { - flex-direction: column; - margin-left: calc(-1 * var(--fieldColumnSpace) / 2); - width: calc(100% + var(--fieldColumnSpace)); - } - .form__col { - width: 100%; - } - .field { - flex: 1; - } - .field--small { - flex: initial; - } - .field__legend { - margin: 0 0 20px; - } - .field__mapInner { - padding-top: 137.0262390671%; - } - .formBox__text { - font-size: 0.875rem; - } - .radiobuttons--inline, - .checkboxes--inline { - flex-flow: column; - } - .file-upload__title { - max-width: 151px; - } - .loginWrap__form { - padding-bottom: 24px; - } - .modal__wrap { - padding: 64px 16px 24px; - } - .outputsRow { - gap: 8px; - flex-direction: column; - } - .product__discount { - border-width: 3px; - font-size: 0.6875rem; - font-weight: 500; - width: 44px; - height: 44px; - } - .product__discount .product__discountVal { - font-size: 0.875rem; - margin-bottom: -3px; - } - .product__badge { - --badgePosition: var(--productPadding); - } - .simpleSlider--cat:not(.swiper-initialized) .swiper-slide { - width: calc(50% - 16px); - } - .storeTileOrder { - flex-wrap: wrap; - padding: 10px; - } - .storeTileOrder__details { - margin-bottom: 4px; - } - .storeTileOrder__actions { - flex-basis: 100%; - margin-top: 20px; - } - .storeTileOrder__actions .button { - width: 100%; - } - .tooltip__main { - padding: 16px; - } - .gridBoxes { - margin: 32px 0 32px calc(-1 * var(--gridBoxSpace)); - } - .gridBoxes__box { - margin-left: 0; - margin-right: 0; - width: 100%; - } - .contentBox { - flex-wrap: wrap; - } - .contentBox__icon { - font-size: 2rem; - margin: 0 8px 0 0; - } - .contentBox__title { - margin-bottom: 0; - } - .contentBox__text { - margin-top: 8px; - width: 100%; - } - .addBox__icon { - font-size: 3.5rem; - margin-bottom: 24px; - } - .addBox__text { - margin-bottom: 24px; - } - .addresses__box, - .addresses .addBox { - width: 100%; - } - .basketTable { - --imgWidth: 80px; - --basketProductSpaceV: 16px; - } - .basketTable .basketTable__row:not(.basketTable__row--head) { - align-content: center; - align-items: flex-start; - flex-wrap: wrap; - padding: var(--basketProductSpaceV) 8px var(--basketProductSpaceV) 96px; - min-height: 112px; - } - .basketTable .basketTable__remove { - font-size: 1.5rem; - margin: 0; - right: 8px; - top: var(--basketProductSpaceV); - z-index: 2; - } - .basketTable .basketTable__cell--product { - flex: auto; - width: 100%; - } - .basketTable .basketTable__cell--product:not(:last-child) { - margin-bottom: 8px; - } - .basketTable .basketTable__cell--quant { - margin: 0; - } - .basketTable .basketTable__cell--price { - align-items: flex-end; - display: inline-flex; - flex: 1; - justify-content: flex-end; - margin: 0; - width: auto; - height: 34px; - } - .basketTable .fav { - font-size: 1.5rem; - margin: 0; - right: 40px; - top: var(--basketProductSpaceV); - } - .basketTable .product__img { - left: 8px; - margin-top: -40px; - position: absolute; - top: 50%; - } - .basketTable .product__title { - font-size: 0.9375rem; - padding-right: 72px; - } - .basketTable__row--head .basketTable__cell--product:not(:last-child) { - margin-bottom: 0; - } - .basketTable__row--head .basketTable__cell:not(:first-child) { - display: none; - } - .minibasket .basketTable .priceBlock__price { - font-size: 1rem; - line-height: 1.375; - } - .minibasket .basketTable .priceBlock__price--init { - font-size: 0.6875rem; - line-height: 1.546; - margin-bottom: 2px; - margin-top: 0; - } - .minibasket .basketTable .product__title { - font-size: 0.8125rem; - } - .form--basket { - margin-block: 20px; - } - .checkoutStep { - --checkoutStepSpace: 16px; - } - .history__section { - padding: 0 12px; - } - .history__thumb { - margin-bottom: 20px; - } - .listsBlock { - left: 0; - opacity: 0; - padding: 24px; - position: fixed; - top: 0; - transition: opacity 250ms ease-in-out; - z-index: 9; - width: 100%; - height: 100%; - } - .wishlistButton:not(.open) .listsBlock { - pointer-events: none; - } - .wishlistButton.open .listsBlock { - opacity: 1; - } - .listsBlock__inner { - padding-top: 56px; - z-index: 10; - height: 100%; - } - .listsBlock__title { - font-size: 1.25rem; - font-weight: 700; - text-align: center; - } - .listsBlock__list { - margin-bottom: 20px; - padding-bottom: 20px; - } - .listsBlock__close { - font-size: 1.5rem; - right: 16px; - top: 16px; - } - .myLists--grid .myList { - width: 100%; - } - .myLists--row .myList { - width: 100%; - } - .productList .product .product__img, - .productsSlider .product .product__img { - margin-left: calc(-1 * var(--productPadding)); - width: calc(100% + var(--productPadding) * 2); - } - .productList .product { - width: calc(50% - var(--productSpaceH) / 2); - } - .listTools { - padding-bottom: 8px; - } - .orderRow { - display: flex; - flex-direction: column; - gap: var(--orderRowGap); - } - .orderSum { - --orderSumColSpace: 16px; - } - .productPage__imageCol { - margin-bottom: 24px; - } - .productInfo__quantity { - margin: 14px 0 20px; - } - .productInfo .priceContainer { - margin: 0 0 8px; - } - .productThumbs .swiper-button-prev, - .productThumbs .swiper-button-next { - top: 0; - height: 100%; - } - .productThumbs .swiper-button-prev:before { - background: linear-gradient( - to right, - white 0%, - rgba(255, 255, 255, 0) 100% - ); - } - .productThumbs .swiper-button-next:before { - background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%); - } - .productHeader .product__img { - width: 56px; - } - .productHeader .addToCartButton { - min-width: initial; - } - .productHeader .addToCartButton:before { - margin-right: 0; - } - .productHeader .addToCartButton__text { - display: none; - } - .notifyMe__main { - padding: 16px; - } - } - - @media (max-width: 639px) and (max-width: 639px) { - .basketTable .priceBlock__price { - font-size: 1rem; - line-height: 1.375; - } - .basketTable .priceBlock__price--init { - font-size: 0.6875rem; - line-height: 1.546; - margin-bottom: 2px; - margin-top: 0; - } - .basketTable .product__title { - font-size: 0.8125rem; - } - } - - @media (max-width: 479px) { - :root { - --formMaxWidthS: 100%; - } - .sectionTitle { - align-items: flex-start; - flex-direction: column; - } - .btnWrap { - --buttonsMargin: 4px; - align-items: center; - flex-direction: column; - } - .btnWrap .button { - width: 100%; - } - ul.listCols { - column-count: 1; - } - .header--checkout .header__topInner { - padding-top: 42px; - } - .header--checkout .header__logo { - top: 0; - transform: translateX(-50%); - } - .articleList--contests .article { - width: 100%; - } - .catalogueList .catalogue { - width: 100%; - } - .emptyContent { - grid-template-areas: "icon text" "buttons buttons"; - } - .table { - --paddingExternalX: 20px; - --cellPaddingY: 8px; - margin: 20px 0 32px; - font-size: 0.8125rem; - font-weight: 400; - letter-spacing: -0.02em; - line-height: 1.07; - } - .table th { - display: none; - } - .table tr { - border-width: 1px; - } - .table tr:not(.highlight) { - border-color: #ececec; - } - .table thead tr { - display: none; - } - .table td:first-child { - padding-top: var(--paddingExternalY); - } - .table td:last-child { - padding-bottom: var(--paddingExternalY); - } - .table td { - align-items: center; - display: flex; - justify-content: flex-start; - max-width: initial; - padding: var(--cellPaddingY) var(--paddingExternalX); - } - .table td.table__tools { - padding: 11px var(--paddingExternalX) 24px; - } - .table td.table__tools { - position: relative; - margin-top: var(--cellPaddingY); - justify-content: flex-end; - } - .table td.table__tools:after { - content: ""; - display: block; - position: absolute; - top: 0; - right: var(--paddingExternalX); - left: var(--paddingExternalX); - border-top: 1px dashed #838385; - } - .table .mob-th { - display: inline-block; - margin-right: 25px; - flex: 0 0 45%; - } - .accountDetails__box { - width: 100%; - } - .checkoutTracking__action { - min-width: initial; - width: 100%; - } - .landingList__item { - width: 50%; - } - .addProduct { - flex-wrap: wrap; - } - .addProduct .quantity { - margin-bottom: 16px; - } - .addToCartButton { - width: calc(100% - 64px); - } - .productHeader .product__desc { - display: none; - } - } - - @media (hover: hover) and (pointer: fine) { - .breadcrumb__itemLink:hover { - color: var(--buttonColorHover); - } - .breadcrumb__itemLink:active { - color: var(--buttonColorActive); - } - .button:not(.disabled):hover { - background-color: var(--buttonColorHover); - } - .button:not(.disabled):active { - background-color: var(--buttonColorActive); - } - .button--border:not(.disabled):hover { - background: transparent; - border-color: var(--buttonColorHover); - color: var(--buttonColorHover); - } - .button--border:not(.disabled):active { - background: transparent; - border-color: var(--buttonColorActive); - color: var(--buttonColorActive); - } - .button--alt:not(.disabled):hover { - background: #f7f5f0; - border-color: #c2c2c2; - color: inherit; - } - .button--alt:not(.disabled):hover .icon { - color: #f47920; - } - .button--alt:not(.disabled):active { - background: #f2efe8; - border-color: #c2c2c2; - color: inherit; - } - .button--alt:not(.disabled):active .icon { - color: #f47920; - } - .iconButton--border:not(.disabled):hover { - border-color: var(--buttonColorHover); - } - .iconButton--border:not(.disabled):active { - border-color: var(--buttonColorActive); - } - .iconButton:not(.disabled):hover, - .selectedFilters__remove:not(.disabled):hover { - color: var(--buttonColorHover); - } - .iconButton:not(.disabled):active, - .selectedFilters__remove:not(.disabled):active { - color: var(--buttonColorActive); - } - .link:not(.disabled):hover, - .text a:not(.disabled):hover, - p a:not(.disabled):hover { - color: var(--buttonColorHover); - } - .link:not(.disabled):active, - .text a:not(.disabled):active, - p a:not(.disabled):active { - color: var(--buttonColorActive); - } - .deliveryTypeInfo__link:hover { - color: var(--buttonColorHover); - } - .deliveryTypeInfo__link:active { - color: var(--buttonColorActive); - } - .categoriesList__item > a:hover, - .categoriesList__item > .acc__header:hover { - color: #333; - } - .checkbox__label a:hover, - .radiobutton__label a:hover { - text-decoration: underline; - } - .radiobutton--box:not(.disabled):hover .radiobutton__border { - background-color: #f4f4f4; - } - .radiobutton--onlyColor:hover .radiobutton__icon { - border-color: #838385; - } - .radiobutton--onlyIcon:hover .radiobutton__icon { - border-color: #a6a6a6; - } - .select__option:not(.selected):hover, - .autocomplete__option:not(.selected):hover { - background-color: #f4f4f4; - } - .select__option:not(.selected):active, - .autocomplete__option:not(.selected):active { - background-color: #ececec; - } - .select--card .select__option:not(.selected):hover, - .select--card .autocomplete__option:not(.selected):hover { - background-color: #f7f5f0; - } - .select--card .select__option:not(.selected):active, - .select--card .autocomplete__option:not(.selected):active { - color: var(--buttonColorActive); - } - .file-upload__delete:hover { - color: #838385; - } - .file-upload__delete:hover .file-upload__icon { - color: #a6a6a6; - } - .file-upload__delete:active { - color: #f47920; - } - .file-upload__delete:active .file-upload__icon { - color: #f47920; - } - .goToTop:hover:before { - transform: translateY(-6px); - } - .mainNav__item:hover { - color: #333; - } - .megamenu__list a:hover { - color: #333; - } - .output__link:hover, - .output__mainLink:hover { - color: var(--buttonColorHover); - } - .output__link:active, - .output__mainLink:active { - color: var(--buttonColorActive); - } - .pagination__link:hover { - color: var(--buttonColorHover); - } - .pagination__link:active { - color: var(--buttonColorActive); - } - .quantity--init:hover:after { - background-color: #e8e2d7; - } - .quantity__btn:not(.disabled):hover { - background-color: var(--buttonBgColorHover); - } - .quantity__btn:not(.disabled):active { - background-color: var(--buttonBgColorActive); - } - .sideNav__item--level1:not(.open) .sideNav__link--level1:hover { - color: #838385; - } - .sideNav__link--level2:not(.active):hover { - color: #838385; - } - .swiper-button-prev:not(.swiper-button-disabled):hover, - .swiper-button-next:not(.swiper-button-disabled):hover { - color: #595959; - } - .swiper-button-prev:not(.swiper-button-disabled):active, - .swiper-button-next:not(.swiper-button-disabled):active { - color: #f47920; - } - .table tbody tr:hover:after { - opacity: 1; - } - .timetable__hour:not(.timetable__hour--selected):not(.timetable__hour--unavailable):hover { - border-color: #a6a6a6; - } - .playvideo__icon:hover { - color: var(--buttonColorHover); - } - .playvideo__icon:active { - color: var(--buttonColorActive); - } - .userMenu__link:hover { - color: var(--hoverColor); - } - .contentBox__link:hover { - color: #333; - } - .userNav__link:not(.active):hover { - background-color: #e8e2d7; - } - .contactinfo__link:hover { - color: #838385; - } - .contactinfo__link:active { - color: #f47920; - } - .contactinfo__link:active .contactinfo__icon { - color: #f47920; - } - .landingList__item:hover .landingItem__title { - color: #fff; - } - .landingList__item:hover .landingItem__title:before { - opacity: 1; - } - .landingItem__link:hover { - color: var(--buttonColorHover); - } - .landingItem__link:active { - color: var(--buttonColorActive); - } - .landingItem--box .landingItem__title:hover { - color: var(--buttonColorHover); - } - .landingItem--box .landingItem__title:active { - color: var(--buttonColorActive); - } - .landingItem__submenuLink:hover { - color: #838385; - } - .myList--box:hover:after { - opacity: 1; - } - .myList__title:hover { - color: var(--buttonColorHover); - } - .myList__title:active { - color: var(--buttonColorActive); - } - .productList .product:hover, - .productsSlider .product:hover { - box-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15); - } - .productThumbs__slide:not(.swiper-slide-thumb-active):hover:after { - opacity: 1; - border-color: #a6a6a6; - } - .sitemapnav__link:hover { - color: var(--buttonColorHover); - } - .sitemapnav__link:active { - color: var(--buttonColorActive); - } - } - - @media (hover: none) and (pointer: coarse) { - .landingList__item.active .landingItem__title { - color: #fff; - } - .landingList__item.active .landingItem__title:before { - opacity: 1; - } - } - /*# sourceMappingURL=main.css.map */ -
\ No newline at end of file |