diff options
| author | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2023-03-12 07:16:23 +0200 |
|---|---|---|
| committer | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2023-03-12 07:16:23 +0200 |
| commit | 7076343338ae3439f3c86f01144818abe8c31978 (patch) | |
| tree | 794abb1e6b8f821091fd095341885496b6dad51d /html/content/css/main.css | |
| parent | 47cbb529f5723b246125ae083a193e11481b89ef (diff) | |
| download | classroom-7076343338ae3439f3c86f01144818abe8c31978.tar.gz classroom-7076343338ae3439f3c86f01144818abe8c31978.tar.bz2 classroom-7076343338ae3439f3c86f01144818abe8c31978.zip | |
add container helpers; constuct public directory-tree
Diffstat (limited to 'html/content/css/main.css')
| -rw-r--r-- | html/content/css/main.css | 14508 |
1 files changed, 14508 insertions, 0 deletions
diff --git a/html/content/css/main.css b/html/content/css/main.css new file mode 100644 index 0000000..be1dea5 --- /dev/null +++ b/html/content/css/main.css @@ -0,0 +1,14508 @@ +: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 |
