summaryrefslogtreecommitdiff
path: root/html/assets/css/main.css
diff options
context:
space:
mode:
authorGeorge Halkiadakis <gchalkiadakis@sklavenitis.co.gr>2023-03-12 23:57:48 +0200
committerGeorge Halkiadakis <gchalkiadakis@sklavenitis.co.gr>2023-03-12 23:57:48 +0200
commit7aa203150fc1a2ec79c681c13f0d486d531746eb (patch)
treef09ba9f69ccd434e9c7fdeb41807fc8008784d8a /html/assets/css/main.css
parent221af3a2e035bd6689294509feb52f286d3bd5be (diff)
downloadclassroom-7aa203150fc1a2ec79c681c13f0d486d531746eb.tar.gz
classroom-7aa203150fc1a2ec79c681c13f0d486d531746eb.tar.bz2
classroom-7aa203150fc1a2ec79c681c13f0d486d531746eb.zip
error pages; js system to support back/front-end
Diffstat (limited to 'html/assets/css/main.css')
-rw-r--r--html/assets/css/main.css14508
1 files changed, 14508 insertions, 0 deletions
diff --git a/html/assets/css/main.css b/html/assets/css/main.css
new file mode 100644
index 0000000..be1dea5
--- /dev/null
+++ b/html/assets/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