/* Start:/local/templates/izobilie_vkysa/css/libs.min.css?170720916838594*/ @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:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{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: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:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{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{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,.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{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{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{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{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-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.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:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.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;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;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.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{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{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;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%;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%;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 transform,200ms top}.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%;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 transform,200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms right}.swiper-pagination-progressbar{background:rgba(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%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{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-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-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%;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;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:rgba(0,0,0,0)}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.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}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} .nice-select{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:normal;height:42px;line-height:40px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left !important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto;background:#fff !important;padding:0 10px;font-size:13px;color:#212121;height:22px;line-height:22px;background:#fff !important;border:1px solid #e0e0e0;width:142px;font-weight:300}.ncatlist .ncatfilterselect .nice-select,.cartselect.nice-select{width:100%}.shoplist .shoplist-menu .nice-select{width:380px;height:52px;border:1px solid #e0e0e0;border-radius:3px;line-height:52px;padding:0 15px;color:#ccc}.shoplist .shoplist-menu .nice-select:after{background:url(/local/templates/izobilie_vkysa/css/../images/seldropblack.png) no-repeat;content:"";position:absolute;z-index:1;right:15px;top:50%;width:13px;height:13px;display:block;margin-top:-7px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.shoplist .shoplist-menu .nice-select.open:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.nice-select:hover{border-color:#dbdbdb}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#999}.nice-select:after{content:"";position:absolute;z-index:7;top:2px;right:10px;width:8px;height:16px;cursor:pointer;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all .3s;transition:all .3s;background-size:4px auto}.nice-select.open:after{-webkit-transform:rotate(-270deg);transform:rotate(-270deg)}.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .list{left:0 !important;right:0 !important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{background-color:#fff;border-radius:5px;-webkit-box-shadow:0 0 0 1px rgba(68,68,68,.11);box-shadow:0 0 0 1px rgba(68,68,68,.11);-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;width:100%;-webkit-transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;z-index:9}.nice-select .option{cursor:pointer;font-weight:400;list-style:none;outline:none;padding-left:18px;padding-right:29px;padding:6px 10px;font-size:12px;line-height:1;border-top:1px dotted #e0e0e0;text-align:left;-webkit-transition:all .2s;transition:all .2s}.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6}.nice-select .option.selected{font-weight:bold;width:100%}.nice-select .option.disabled{background-color:rgba(0,0,0,0);cursor:default}.no-csspointerevents .nice-select .list{display:none}.no-csspointerevents .nice-select.open .list{display:block}.cartFormBuy .nice-select,.cartFormBuy .cartselect{height:40px;line-height:40px;margin-bottom:30px}.cartFormBuy .nice-select:after{top:12px}.cartwrap .cartFormWrap .cartFormBuy .tabcart .cartselect.mt20 .nice-select{height:40px;line-height:40px;margin-bottom:30px}.cartwrap .cartFormWrap .cartFormBuy .tabcart .cartselect.mt20 .nice-select:after{top:12px} .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;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;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{-webkit-transition:transform .3s;transition:transform .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 *{-moz-box-sizing:border-box;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} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute !important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-0.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.14, 1);animation-timing-function:cubic-bezier(0.5, 0, 0.14, 1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:rgba(0,0,0,0);background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:rgba(0,0,0,0);border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:rgba(0,0,0,0);border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:rgba(0,0,0,0);stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:rgba(0,0,0,0);border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:rgba(0,0,0,0);opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:rgba(0,0,0,0);color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid rgba(255,255,255,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:rgba(0,0,0,0);border:6px solid rgba(99,99,99,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0, 0, 0.25, 1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5, 1.5, 1.5);transform:scale3d(1.5, 1.5, 1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0.5, 0.5, 0.5);transform:scale3d(0.5, 0.5, 0.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0);transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0, 0, 0) translate3d(100%, 0, 0);transform:scale3d(0, 0, 0) translate3d(100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg);transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:rgba(0,0,0,0);border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media(max-width: 800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /*# sourceMappingURL=../sourcemaps/libs_s.min.css.map */ /* End */ /* Start:/local/templates/izobilie_vkysa/css/style.min.css?1718735981240458*/ ::after, ::before { -webkit-box-sizing: inherit; box-sizing: inherit; } a, input, select, textarea { cursor: pointer; } a, button, input, select, textarea, * { -webkit-tap-highlight-color: transparent; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } a, body, div, form, label { margin: 0; padding: 0; } a, body, div, form, h1, h2, h3, h4, h5, label, li, p, ul { border: 0; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } body, div, form, h1, h2, h3, h4, h5, label, li, p, ul { text-decoration: none; } button, input, input:active, input[type="checkbox"]:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="text"]:focus, textarea { outline: 0 !important; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; height: 10px; width: 10px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=); background-size: 10px 10px; } input[type="search"]:not(:valid)::-webkit-search-cancel-button, input[type="search"]:not(:valid)::-webkit-search-decoration, input[type="search"]:not(:valid)::-webkit-search-results-button, input[type="search"]:not(:valid)::-webkit-search-results-decoration { display: none; } button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body, html { height: 100%; } html { scroll-behavior: smooth; -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-family: Gilroy, sans-serif; overflow-x: hidden; background: #fff; color: #000; } .fixed-body { overflow: hidden; } h1, h2, h3, h4, h5, h6, img, li, p, ul { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, img, p { -o-object-fit: cover; object-fit: cover; height: auto; } body, h1, h2, h3, h4, h5, h6 { font-weight: 400; } a { color: inherit; text-decoration: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } li, ul { list-style: none; } .container2 { margin: 0 auto; padding: 0 20px; max-width: 1320px; } @media screen and (max-width: 768px) { .container2 { padding: 0 15px; } } @font-face { font-family: Gilroy; font-weight: 300; src: url("/local/templates/izobilie_vkysa/css/../fonts/Gilroy-Light.woff") format("woff"); } @font-face { font-family: Gilroy; font-weight: 300; src: url("/local/templates/izobilie_vkysa/css/../fonts/Gilroy-Light.woff2") format("woff2"); } @font-face { font-family: Gilroy; font-weight: 400; src: url("/local/templates/izobilie_vkysa/css/../fonts/Gilroy-Regular.woff") format("woff"); } @font-face { font-family: Gilroy; font-weight: 400; src: url("/local/templates/izobilie_vkysa/css/../fonts/Gilroy-Regular.woff2") format("woff2"); } @font-face { font-family: Gilroy; font-weight: 500; src: url("/local/templates/izobilie_vkysa/css/../fonts/Gilroy-Medium.woff") format("woff"); } @font-face { font-family: Gilroy; font-weight: 500; src: url("/local/templates/izobilie_vkysa/css/../fonts/Gilroy-Medium.woff2") format("woff2"); } @font-face { font-family: Gilroy; font-weight: 600; src: url("/local/templates/izobilie_vkysa/css/../fonts/Gilroy-Semibold.woff") format("woff"); } @font-face { font-family: Gilroy; font-weight: 600; src: url("/local/templates/izobilie_vkysa/css/../fonts/Gilroy-Semibold.woff2") format("woff2"); } @font-face { font-family: Gilroy; font-weight: 700; src: url("/local/templates/izobilie_vkysa/css/../fonts/Gilroy-Bold.woff") format("woff"); } @font-face { font-family: Gilroy; font-weight: 700; src: url("/local/templates/izobilie_vkysa/css/../fonts/Gilroy-Bold.woff2") format("woff2"); } @font-face { font-family: Gilroy; font-weight: 800; src: url("/local/templates/izobilie_vkysa/css/../fonts/Gilroy-Black.woff") format("woff"); } @font-face { font-family: Gilroy; font-weight: 800; src: url("/local/templates/izobilie_vkysa/css/../fonts/Gilroy-Black.woff2") format("woff2"); } @font-face { font-family: Unbounded; font-weight: 400; src: url("/local/templates/izobilie_vkysa/css/../fonts/Unbounded-Regular.woff") format("woff"); } @font-face { font-family: Unbounded; font-weight: 400; src: url("/local/templates/izobilie_vkysa/css/../fonts/Unbounded-Regular.woff2") format("woff2"); } @font-face { font-family: Unbounded; font-weight: 500; src: url("/local/templates/izobilie_vkysa/css/../fonts/Unbounded-Medium.woff") format("woff"); } @font-face { font-family: Unbounded; font-weight: 500; src: url("/local/templates/izobilie_vkysa/css/../fonts/Unbounded-Medium.woff2") format("woff2"); } @font-face { font-family: Unbounded; font-weight: 700; src: url("/local/templates/izobilie_vkysa/css/../fonts/Unbounded-Bold.woff") format("woff"); } @font-face { font-family: Unbounded; font-weight: 700; src: url("/local/templates/izobilie_vkysa/css/../fonts/Unbounded-Bold.woff2") format("woff2"); } .text22, .text25, .text28 { font-size: 22px; line-height: 130%; letter-spacing: 0.88px; } .text25, .text28 { font-size: 25px; letter-spacing: 0.625px; } .text28 { font-size: 28px; font-weight: 500; letter-spacing: 0.56px; } .text30, .text35 { font-size: 30px; line-height: 120%; font-weight: 400; } .text35 { font-family: Unbounded; font-size: 35px; letter-spacing: 0.875px; } .text48 { font-size: 48px; line-height: 120%; } .font-unbounded, .text48 { font-family: Unbounded; } .breadcrumbs__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .breadcrumbs__item { font-size: 14px; line-height: 120%; color: #75767c; margin: 0; } .breadcrumbs__item:hover, .nav li a:hover, .page-top__item:hover .page-top__item-text, .page-top__link:hover span { color: #a31d1c; } .breadcrumbs__item--active:hover, .breadcrumbs__item-slash:hover { color: #75767c; } .breadcrumbs__item-img { width: 16px; height: 14px; margin-right: 12px; } .breadcrumbs__item-img img { width: 100%; height: max-content; } .page-top { padding: 35px 0; } .page-top__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6px; } .page-top__link i { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 12px; } .nav li, .page-top__link span { font-size: 16px; line-height: 120%; font-weight: 500; } .favorite--active svg path, .favorite:hover svg path, .page-top__link:hover i svg path { fill: #a31d1c; } .page-top__wrap { margin-top: 22px; } .page-top__item, .page-top__items { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-top__items { width: calc(100% + 22px); -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .page-top__item { width: 164px; min-height: 68px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; border: 1px solid #f0f0f4; border-radius: 8px; padding: 16px; margin: 0 22px 16px 0; } .page-top__item:hover { border-color: #a31d1c; } .page-top__item--active { background: #f0f0f4; } .page-top__item--active:hover { border: 1px solid #f0f0f4; } .page-top__item--active:hover .page-top__item-text, .search-menu__item a:hover mark { color: #000; } .page-top__item-icon { -ms-flex-negative: 0; flex-shrink: 0; max-width: 48px; margin-right: 6px; } .page-top__item-icon img { max-width: 100%; } .page-top__item-text { font-size: 16px; line-height: 140%; } .page-top .bg-red { background: #a31d1c; border: 1px solid #a31d1c; } .page-top .bg-red .page-top__item-text { color: #fff; } .page-top__mob { display: none; } .nav { display: grid; grid-template-columns: 100%; gap: 15px; padding: 50px 0; } .nav li { font-size: 20px; } .nav-btn { width: 300px; } .nav-btn:not(:first-child) { margin-top: 15px; } .red-btn { height: 61px; background: #a31d1c; border-radius: 10px; } .red-btn span { font-size: 20px; line-height: 120%; color: #fff; } .red-btn:hover { background: #8b1211; } .medium-text { font-weight: 500; } .page-header__shedule b, .red-btn span, .semibold-text { font-weight: 600; } .bold-text { font-weight: 700; } .red-text { color: #a31d1c !important; } .wrap { overflow: hidden; } .search { position: relative; } .search input { width: 100%; height: 44px; background: #f0f0f4; border-color: transparent; border-radius: 8px; padding: 5px 15px 5px 40px; font-size: 14px; line-height: 120%; color: #000; } .search input::-webkit-input-placeholder { color: #75767c; } .search input::-moz-placeholder { color: #75767c; } .search input:-ms-input-placeholder { color: #75767c; } .search input::-ms-input-placeholder { color: #75767c; } .search input::placeholder { color: #75767c; } .search img { position: absolute; top: 50%; left: 15px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .swiper-button-next:after, .swiper-button-prev:after, .tabs .tab__content { display: none; } .tabs .tab__content--active { display: block; } .modal, .modal__checkbox input { top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .modal { background: rgba(0, 0, 0, 0.5); position: fixed; overflow-y: auto; z-index: 1020; pointer-events: none; } .modal--active { opacity: 1; pointer-events: unset; } @media screen and (min-width: 993px) { .modal { text-align: center; } .modal:before, .modal__dialog { display: inline-block; vertical-align: middle; } .modal:before { content: " "; height: 100%; } .modal__dialog { text-align: left; } } .modal__dialog { width: 872px; max-width: 100%; position: relative; background: #fff; border-radius: 20px; padding: 60px 40px 30px; margin: 0 auto; } @media screen and (max-width: 768px) { .modal__dialog { margin: 50px auto; max-width: calc(100% - 30px); } } .modal__dialog2 { width: 469px; padding: 40px; } .modal__content2 { text-align: center; } .modal__close { position: absolute; top: 15px; right: 35px; background: 0 0; width: 18px; padding: 0; } .modal__close svg, .products .swiper-button-next svg, .products .swiper-button-prev svg { width: 100%; height: auto; } .modal__title { font-size: 25px; line-height: 120%; } .modal__text { font-size: 18px; line-height: 140%; color: #696969; margin-top: 15px; } .modal__checkboxes { display: grid; grid-template-columns: repeat(3, calc(33.3333333333% - 12px)); gap: 18px; border-radius: 20px; margin-top: 20px; } .modal__checkbox { position: relative; } .modal__checkbox input { position: absolute; z-index: 2; right: 0; bottom: 0; margin: 0; padding: 0; cursor: pointer; } .modal__checkbox input:checked ~ .modal__checkbox-desc { background: #a31d1c; } .modal__checkbox input:checked ~ .modal__checkbox-desc .modal__checkbox-title { color: #fff; } .modal__checkbox-desc, .modal__checkbox-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal__checkbox-desc { background: #fff; border: 0.5px solid #a31d1c; border-radius: 10px; padding: 10px 8px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .modal__checkbox-img { -ms-flex-negative: 0; flex-shrink: 0; width: 35px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 15px; } .modal__checkbox-img img, .modal__info i img, .modal__item-copy i img, .modal__item-icon img { width: 100%; } .modal__checkbox-title { font-size: 20px; line-height: 140%; } .modal__form { display: grid; grid-template-columns: 100%; gap: 20px; margin-top: 30px; } .modal__form-group { border: 0; margin: 0; padding: 0; } .modal__form-group input { width: 100%; height: 56px; background: #fff; border: 1px solid #dfdfdf; border-radius: 5px; padding: 5px 20px; } .modal__form-btn { width: 100%; height: 56px; background: #f0f0f4; border-radius: 10px; } .modal__form-btn span { font-size: 20px; line-height: 120%; } .modal__form-info { max-width: 307px; margin: 0 auto; font-size: 14px; line-height: 120%; color: #75767c; } .modal__info { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .modal__flex, .modal__info, .modal__info i { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal__info i { width: 17px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 7px; } .modal__info span, .modal__item-copy span { font-size: 16px; line-height: 120%; } .modal__flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .modal__left { width: calc(100% - 330px); } .modal__right { width: 300px; margin-left: 30px; } .modal__group { display: grid; grid-template-columns: 100%; gap: 15px; margin-top: 15px; } .header-delivery__order .dropdown-hover__btn.order-number--shown mark, .modal__item, .modal__item-copy { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal__item-copy i { width: 20px; margin-left: 10px; } .modal__item-copy span { color: #64ad01; } .modal__item-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 20px; margin-right: 15px; } .modal__item-list li, .modal__item-text { font-size: 18px; line-height: 130%; color: #696969; } .modal__item-list { width: calc(100% + 24px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 12px; } .modal__item-list li { font-size: 16px; margin: 0 24px 10px 0; position: relative; padding-left: 15px; } .modal__item-list li:after { content: ""; position: absolute; top: 7px; left: 0; width: 7px; height: 7px; background: #a31d1c; border-radius: 50%; } .modal__subtitle { font-size: 22px; line-height: 120%; } .modal .gallery__big .swiper-slide img { border-radius: 10px; } .modal .gallery__small-wrapp { margin-top: 15px; } .modal .gallery__small .swiper-slide { height: 50px; } .modal .gallery__small .swiper-slide img { border-radius: 5px; } .modal .gallery .swiper-slide img { width: 100%; height: 100%; } .up--active { opacity: 1 !important; pointer-events: all !important; } .products__slider { position: relative; } .products .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .products .swiper-slide { padding: 5px; } .products .swiper-button-prev { left: -80px; width: 29px; } .products .swiper-button-next:hover svg path, .products .swiper-button-prev:hover svg path { fill: #d5201f; } .products .swiper-button-next { right: -80px; width: 29px; } .pagination__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination__item { font-size: 18px; line-height: 120%; color: #838383; } .pagination__item--active { font-weight: 600; color: #000; } .pagination__item:not(:first-child) { margin-left: 15px; } .pagination__next, .pagination__prev { font-size: 18px; line-height: 120%; color: #838383; } .pagination__next { margin-left: 15px; } .collapse--active .collapse__caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .ratings { position: relative; font-size: 40px; display: inline-block; } .ratings:before { content: "★★★★★"; display: block; color: #d9d9d9; } .ratings__wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; overflow: hidden; } .ratings .rating { position: absolute; top: 0; left: 0; width: 0%; height: 0%; opacity: 0; visibility: hidden; } .ratings .rating:checked ~ .rating__label, .ratings .rating__label:checked ~ .rating__label, .ratings .rating__label:hover, .ratings .rating__label:hover ~ .rating__label { color: #a31d1c; } .ratings .rating__label { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; height: 100%; color: #d9d9d9; cursor: pointer; } .ratings .rating__label:before { content: "★"; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media screen and (max-width: 1550px) { .products .swiper-button-prev { left: -10px; } .products .swiper-button-next { right: -10px; } } @media screen and (max-width: 1201px) { .products .swiper-button-next, .products .swiper-button-prev { display: none; } } @media screen and (max-width: 768px) { .red-btn span, .text22 { font-size: 18px; } .text25 { font-size: 20px; } .text28 { font-size: 22px; } .text30 { font-size: 20px; } .text35 { font-size: 28px; } .text48 { font-size: 30px; } .page-top__items { width: calc(100% + 15px); -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 10px; } .page-top__items::-webkit-scrollbar { height: 3px; } .page-top__items::-webkit-scrollbar-track { background: 0 0; border-radius: 3px; } .page-top__items::-webkit-scrollbar-thumb { background: #b4b4b4; border-radius: 3px; } .page-top__item { -ms-flex-negative: 0; flex-shrink: 0; width: auto; min-height: 100%; background: #f0f0f4; margin: 0; padding: 14px; } .page-top__item:last-child, .page-top__item:not(:last-child) { margin-right: 12px; } .page-top__item--active { display: none; } .page-top__item:hover { border-color: #f0f0f4; } .page-top__item:hover .page-top__item-text { color: #000; } .page-top__item-text { font-size: 16px; } /*.page-top .bg-red {*/ /* display: none;*/ /*}*/ .page-top .bg-red:hover { border-color: #a31d1c; } .page-top .bg-red:hover .page-top__item-text { color: #fff; } .page-top__mob { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 20px; } .page-top__mob .page-top__item { max-width: 132px; padding: 8px 14px; } .page-top__mob .page-top__item-icon { max-width: 36px; } .page-top__mob .bg-red, .page-top__mob .page-top__item--active { display: -webkit-box; display: -ms-flexbox; display: flex; } .red-btn { height: 54px; } .modal__dialog { padding: 50px 16px 30px; } .modal__dialog2 { padding: 40px 16px 30px; } .modal__text { font-size: 16px; } .modal__form-btn { font-size: 18px; } .modal__checkboxes { grid-template-columns: repeat(2, calc(50% - 5px)); gap: 10px; } .modal__checkbox-title { font-size: 16px; } } @media screen and (max-width: 768px) { .modal__flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modal__left { width: 100%; } .modal__right { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; margin: 0 0 30px; } .modal .gallery__small .swiper-slide { height: auto; } .pagination__item, .pagination__prev { font-size: 16px; } .pagination__item:not(:first-child) { margin-left: 10px; } .pagination__next { font-size: 16px; margin-left: 10px; } } @media screen and (max-width: 767px) { .products .swiper-slide, .swiper-product-of-day .swiper-slide { width: 169px !important; opacity: 1 !important; pointer-events: all !important; } } @media screen and (max-width: 576px) { .page-top { padding: 25px 0 15px; } .page-top__link { display: none; } .text35, .text48 { font-size: 20px; } .modal__checkbox-img { width: 20px; margin-right: 8px; } .modal__checkbox-title { font-size: 12px; } .insert-to { max-width: 120px !important; } } @media screen and (max-width: 360px) { .modal__checkbox-desc { display: block; } .modal__checkbox-img { margin: 0 0 8px; } } .column, .flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .flex-center { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .img-fit { position: absolute; width: 100%; -o-object-position: center center; object-position: center center; -o-object-fit: cover; object-fit: cover; display: block; left: 0; top: 0; height: 100%; } :root { font-size: 1em; scroll-behavior: smooth; --fontBody: "gilroy"; --fontHeader: "Unbounded"; --colorGray: #6c6c6c; --colorGrayText: #75767c; --colorGreen: #64ad01; --colorPurple: #a31d1c; --colorPurpleHover: #851818; --colorBg: #f0f0f4; --colorBgGray: #949494; --colorBorder: #e3e3e8; } a:hover { color: var(--colorPurple); } label { display: block; cursor: pointer; } input { background: 0 0; padding: 0; font-family: inherit; font-size: inherit; color: inherit; } input:focus { outline: 0; } textarea { font-size: inherit; } [type="submit"], button { background: 0 0; border: 0; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } button, textarea { font-family: inherit; outline: 0 !important; } button { padding: 0; } ::-moz-placeholder { opacity: 1; } ::-webkit-input-placeholder { opacity: 1; } :-ms-input-placeholder { opacity: 1; } ::-ms-input-placeholder { opacity: 1; } ::placeholder { opacity: 1; } mark { background: 0 0; color: currentColor; } h2 { font: 3rem/1.2 var(--fontHeader); } .container > h2 { margin-bottom: 30px; } @media (max-width: 800px) { h2 { font-size: 2.25rem; } } @media (max-width: 991px) { h2 { font-size: 1.875rem; } } .btn, .btn-gray, .btn-red { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 8px; height: 61px; font-size: 1.25rem; font-weight: 600; width: 100%; } @media (max-width: 767px) { h2 { font-size: 1.25rem; } .btn, .btn-gray, .btn-red { font-size: 1rem; height: 55px; } } .btn-red { color: #fff; background: var(--colorPurple); -webkit-box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); padding: 0 15px; } .btn-red:disabled { background: var(--colorBg); color: #000; } .btn-red:hover { color: #fff; background: var(--colorPurpleHover); } .btn-gray { font: 400 1rem/1.2 var(--fontBody); padding: 0 15px; background: var(--colorBg); } .purple { color: var(--colorPurple) !important; } .container { width: 100%; padding-left: calc(50% - 640px); padding-right: calc(50% - 640px); } @media (max-width: 1312px) { .container { padding-left: 16px; padding-right: 16px; } } .form-control { background: #fff; border-radius: 5px; border: 1px solid #dfdfdf; height: 54px; padding: 0 20px; display: block; width: 100%; } #modal-login [type="text"]::-moz-placeholder, .form-control::-moz-placeholder, .page-header__search input::-moz-placeholder { color: var(--colorGrayText); } #modal-login [type="text"]::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .page-header__search input::-webkit-input-placeholder { color: var(--colorGrayText); } .form-control:-ms-input-placeholder { color: var(--colorGrayText); } #modal-login [type="text"]::-ms-input-placeholder, .form-control::-ms-input-placeholder, .page-header__search input::-ms-input-placeholder { color: var(--colorGrayText); } #modal-login [type="text"]::placeholder, .form-control::placeholder, .page-header__search input::placeholder { color: var(--colorGrayText); } textarea.form-control { padding: 18px 20px; } .row-span-2 { grid-row: span 2; } .column-span-2 { grid-column: span 2; } section.container { margin-top: 50px; } .logo { display: grid; gap: 13px; grid-template-columns: -webkit-max-content -webkit-min-content; grid-template-columns: max-content min-content; color: #a41e1d; letter-spacing: 0.625px; font: 600 1.5625rem/1 var(--fontHeader); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .plus-minus { display: grid; grid-template-columns: -webkit-max-content 1fr -webkit-max-content; grid-template-columns: max-content 1fr max-content; gap: 5px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .plus-minus button { color: var(--colorPurple); border: 2px solid currentColor; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; line-height: 1; } .plus-minus button:hover { color: #fff; background: var(--colorPurple); border-color: var(--colorPurple); } .plus-minus input { border: 0; text-align: center; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; width: 100%; } .offer .plus-minus { margin-top: 9px; } .offer .plus-minus button { border-radius: 28px; font-size: 2.5rem; width: 52px; height: 52px; } .offer .plus-minus input { font-size: 1.25rem; width: 100%; } @media (max-width: 767px) { .offer .plus-minus { margin-top: 10px; } .offer .plus-minus button { width: 25px; height: 25px; font-size: 1.25rem; line-height: 137%; } .offer .plus-minus input { font-size: 0.625rem; } } .plus-minus--hidden button:first-of-type, .plus-minus--hidden input { opacity: 0; pointer-events: none; } .section-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 34px; gap: 16px; } .section-header .flex-center { gap: 16px; } .section-header a:not(.flex-center) { font: 1.125rem/1.2 var(--fontHeader); letter-spacing: 0.45px; color: var(--colorBgGray); margin-left: auto; } .section-header a:not(.flex-center):hover { color: #a31d1c; } @media (max-width: 991px) { .section-header .ico-orange { width: 36px; height: 36px; } .section-header a:not(.flex-center) { font-size: 0.6rem; } } @media (max-width: 767px) { .section-header { gap: 9px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .section-header .flex-center { gap: 9px; } .section-header .ico-orange { width: 20px; height: 20px; } .section-header a { font-size: 0.625rem; } } .ico-circle, .ico-orange { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; } .ico-orange { width: 47px; height: 47px; background: url(/local/templates/izobilie_vkysa/css/../img/h2-ico-bg.webp) 0 0 / contain no-repeat; margin: 0; } .ico-orange img { width: 100%; height: auto; } .ico-circle { width: 40px; height: 41px; background: url(/local/templates/izobilie_vkysa/css/../img/ico-bg-orange.webp) 0 0 / contain no-repeat; } .ico-circle img, .sots p { width: 100%; } .product-line { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .menu-categories { display: grid; grid-template-columns: repeat(4, calc(25% - 18px)); gap: 24px; } .menu-categories a { position: relative; display: block; min-height: 286px; padding: 21px 35px 0; overflow: hidden; border-radius: 20px; } .menu-categories a p { position: relative; z-index: 1; font-weight: 600; font-size: 35px; color: #fff; } .menu-categories a p:hover ~ .img-fit { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .menu-categories a .img-fit { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu-categories a:hover .img-fit:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .menu-categories a:last-child { display: none; } .menu-categories__hide { display: none !important; } .menu-categories__hide--active { display: grid !important; } @media (max-width: 1299px) { body { padding-bottom: 64px; } .menu-categories { grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-top: 8px; } .menu-categories a { grid-column: initial; grid-row: initial; min-height: 0; padding: 100%0 0; } .menu-categories a p { position: absolute; top: 0; left: 0; width: 100%; padding: 16px 30px 4px; font-size: 1.875rem; } .menu-categories a:last-child { display: block; } .menu-categories.collapse__content { margin-top: 8px; } } @media (max-width: 767px) { .menu-categories a p { font-size: 1.25rem; padding-left: 8px; padding-right: 8px; } } @media (max-width: 575px) { .menu-categories a p { font-size: 0.875rem; } } @media screen and (max-width: 360px) { .menu-categories { grid-template-columns: 1fr 1fr; } } .dropdown-hover { position: relative; z-index: 11; } @media (max-width: 1299px) { .dropdown-hover { z-index: auto; } } .dropdown-hover__btn { cursor: pointer; } .dropdown-hover__content { position: absolute; top: 100%; left: 0; width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; pointer-events: none; border-radius: 8px; background: #fff; -webkit-box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); z-index: 200; } .dropdown-hover:hover .dropdown-hover__content, .dropdown-hover__content:hover .menu-catalog__categories .active .collapse__content, .fixed-icons button.shown { opacity: 1; pointer-events: auto; } .dropdown-hover__caret { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .dropdown-hover:hover .dropdown-hover__caret { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .collapse__btn, .collapse__caret, .dropdown-hover__caret { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .collapse__btn { cursor: pointer; } .collapse__caret { -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .open > .collapse__btn .collapse__caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } [data-value-to-insert] { cursor: pointer; } .insert-selected { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; } .info:hover .info__tooltip, .two-icons > :hover svg + svg, [data-tabs-content].active, [data-value-to-insert].selected .insert-selected, [data-value-to-insert]:hover .insert-selected { opacity: 1; } .sots { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sots svg { width: 100%; height: auto; display: block; } [data-tabs] { cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } [data-tabs-content] { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0; } .page-header.fixed .page-header__menus > :not(.menu-catalog):not(.page-header__specials):not(.menu-header), [data-tabs-content]:not(.active) { display: none; } .stars { display: grid; grid-template-columns: repeat(5, -webkit-max-content); grid-template-columns: repeat(5, max-content); gap: 2px; color: var(--colorPurple); } .stars--four svg:nth-child(n + 5), .stars--one svg:nth-child(n + 2), .stars--three svg:nth-child(n + 4), .stars--two svg:nth-child(n + 3) { color: #b8b8b8; } .stars-select, .stars-select__number { display: -webkit-box; display: -ms-flexbox; display: flex; } .stars-select { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .stars-select span { font: 400 1rem/1.125 var(--fontBody); color: var(--colorGrayText); } .stars-select__number { color: var(--colorGrayText); gap: 10px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .stars-select__number input { display: none; } .stars-select__number input:checked ~ label { color: var(--colorPurple); } .stars-select__number label { color: #b8b8b8; } .stars-select__number svg { display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .info { position: relative; cursor: pointer; } .info svg, .page-footer__contacts p > span { display: block; } .info__tooltip, .two-icons svg + svg { position: absolute; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .info__tooltip, .info__tooltip::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .info__tooltip { font: 400 0.875rem/1.343 var(--fontBody); top: calc(100% + 14px); border-radius: 7px; background: #fff; -webkit-filter: drop-shadow(1px 0 10px rgba(112, 112, 112, 0.15)); filter: drop-shadow(1px 0 10px rgba(112, 112, 112, 0.15)); padding: 6px 12px 5px; pointer-events: none; } .info__tooltip::before { border-bottom: 8px solid #fff; border-left: 2.5px solid transparent; border-right: 2.5px solid transparent; content: ""; position: absolute; bottom: calc(100% - 2px); } .two-icons > * { position: relative; margin: 0; } .two-icons svg + svg { left: 0; top: 0; } .two-icons .header-btn svg + svg { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header-delivery__order .dropdown-hover__btn:hover svg + svg, .two-icons--filled svg + svg { opacity: 1; } @media screen and (min-width: 1300px) { .menu-categories.collapse__content { display: none; } .show-mobile { display: none !important; } } .link-dotted { -webkit-text-decoration: 1px dotted underline; text-decoration: 1px dotted underline; } .link-dotted:hover { text-decoration-color: transparent; color: inherit; } .link-underline { text-decoration: underline; } .link-dotted-underline { -webkit-text-decoration: 1px dotted underline; text-decoration: 3px dotted underline; text-decoration-color: transparent; } .link-dotted-underline:hover { text-decoration-color: currentColor; text-underline-offset: 4px; color: inherit; } .swiper { margin: 0; } .swiper, .swiper * { -webkit-box-sizing: border-box; box-sizing: border-box; } .swiper-button-next, .swiper-button-prev { color: var(--colorPurple); } .fixed-icons button svg + svg, .swiper-button-next::after, .swiper-button-prev::after { display: none; } .swiper-button-next:hover, .swiper-button-prev:hover { color: #df512d; } .fancybox__backdrop { background: rgba(0, 0, 0, 0.3); } .fancybox-close { position: absolute; top: 20px; right: 20px; cursor: pointer; } .fancybox__slide { padding: 0; } .page-footer__content .collapse .column a:hover, .page-footer__top svg { color: var(--colorPurple); } .purple { } .fixed-icons, .fixed-icons a, .fixed-icons button { -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; } .fixed-icons { position: fixed; right: 72px; bottom: 86px; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; gap: 15px; z-index: 1020; } .fixed-icons a, .fixed-icons button { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 1px 0 15px 0 rgba(112, 112, 112, 0.1); box-shadow: 1px 0 15px 0 rgba(112, 112, 112, 0.1); width: 60px; height: 60px; border-radius: 10px; color: #fff; } .fixed-icons button { background: #ee842c; opacity: 0; pointer-events: none; } @media (max-width: 1399px) { .fixed-icons { right: 8px; gap: 8px; } .fixed-icons a, .fixed-icons button { -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 16px; width: 52px; height: 52px; } .fixed-icons button svg:first-of-type { display: none; } .fixed-icons button svg + svg { display: block; } .fixed-icons a svg { width: 20px; height: auto; } } .fixed-icons__telegram { background: #2aabee; } .fixed-icons__whatsap { background: #52d25b; } .page-footer { background: url(/local/templates/izobilie_vkysa/css/../img/page-footer-bg.webp) center top/auto 980px; margin-top: 50px; } .page-footer__top { padding-top: 22px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 43px; } .page-footer__top svg { display: block; } @media (max-width: 767px) { .page-footer { margin-top: 30px; } .page-footer__top { padding-top: 16px; padding-bottom: 20px; gap: 46px; } .page-footer__top svg { width: auto; height: 40px; } } .page-footer__content { border-top: 1px solid #bfbfbf; padding-top: 32px; padding-bottom: 33px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .page-footer__content .logo { margin-right: 80px; } .page-footer__content .collapse { margin-right: 146px; letter-spacing: 0.55px; } .page-footer__contacts p, .page-footer__content .collapse .column a { font: 500 1.375rem/1.13636 var(--fontBody); } .page-footer__content .collapse .column a + a { margin-top: 13px; } .page-footer__content .collapse__caret { display: none; } .page-footer__content .collapse__content { max-height: initial; } @media (max-width: 1399px) { .page-footer__content .collapse { margin-right: 70px; } } @media (max-width: 800px) { .page-footer__content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-footer__content .logo { display: none; } } .page-footer__title { text-transform: uppercase; font: 600 1.375rem/1.13636 var(--fontBody); margin-bottom: 19px; } @media (max-width: 767px) { .page-footer__content { border-top-color: #fff; padding-top: 18px; padding-bottom: 10px; display: block; } .page-footer__content .collapse .column { padding-top: 10px; } .page-footer__content .collapse .column a { font-size: 1rem; } .page-footer__content .collapse + .collapse { margin-top: 15px; } .page-footer__content .collapse__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-footer__content .collapse__caret { display: block; } .page-footer__title { margin: 0; } } .page-footer__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-footer__contacts .page-footer__title { line-height: 0.81818; margin-bottom: 0; } .page-footer__contacts > * + * { margin-top: 18px; } .page-footer__contacts .link-dotted { font: 500 1.375rem/0.81818 var(--fontBody); letter-spacing: 0.88px; } .page-footer__contacts p { letter-spacing: 0.55px; } .page-footer__contacts p a { font: 600 1.25rem/1.25 var(--fontBody); letter-spacing: 0.5px; } @media (max-width: 991px) { .page-footer__content .collapse { margin-right: 40px; } .page-footer__content .collapse .column { font-size: 1rem; } .page-footer__contacts .link-dotted, .page-footer__title { font-size: 1.25rem; } } @media (max-width: 767px) { .page-footer__contacts { margin-top: 21px; } .page-footer__contacts > * + * { margin-top: 16px; } .page-footer__contacts .link-dotted, .page-footer__contacts .page-footer__title, .page-footer__contacts p, .page-footer__contacts p a { font-size: 1rem; } .page-footer__contacts p a { font-weight: 400; text-decoration: underline; } } .page-footer__cards { margin-top: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; } .page-footer__cards img:last-child { margin-left: 14px; } @media (max-width: 767px) { .page-footer__cards { margin-top: 16px; width: 250px; display: grid; grid-template-columns: 1fr 1.55fr 1.42fr; gap: 0; } .page-footer__cards img:last-child { margin-left: 12px; } } .page-footer__subtitle, .page-header.fixed .logo span { display: none; } @media (max-width: 767px) { .page-footer__subtitle { font: 500 1.25rem/1.25 var(--fontBody); display: block; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 8px; margin-top: 20px; } .page-footer__subtitle + p { margin-top: 0; } } .page-footer__bottom { padding-top: 23px; padding-bottom: 23px; border-top: 1px solid #bfbfbf; letter-spacing: 0.45px; font: 500 1.125rem/1.38889 var(--fontBody); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-footer__bottom a { margin-left: -130px; } .page-footer__bottom > span { margin-right: 56px; } @media screen and (max-width: 1550px) { .page-footer__bottom a, .page-footer__bottom span { margin: 0; } } @media (max-width: 767px) { .page-footer__bottom { border-top-color: #fff; padding-top: 20px; padding-bottom: 20px; display: block; font-size: 1rem; } .page-footer__bottom a, .page-footer__bottom a span { display: block; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; } .page-footer__bottom > span { display: none; } } .top-line { height: 37px; background: var(--colorBg); display: none; } .page-header { background: #fff; padding-top: 31px; } .page-header.fixed { position: fixed; left: 0; top: 0; width: 100%; z-index: 1001; padding-bottom: 31px; -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.07); } .page-header.fixed .page-header__top { padding-bottom: 32px; } .page-header.fixed .logo { margin-right: 290px; } .page-header.fixed .page-header__search { width: 353px; } .page-header.fixed .menu-catalog { position: absolute; top: 32px; z-index: 300; -webkit-transform: translateX(70px); -ms-transform: translateX(70px); transform: translateX(70px); } .page-header.fixed .page-header__specials { position: absolute; top: 42px; z-index: 300; -webkit-transform: translateX(238px); -ms-transform: translateX(238px); transform: translateX(238px); margin: 0; } .page-header.fixed .page-header__specials .ico-orange { width: 31px; height: 31px; } .page-header.fixed .page-header__specials .ico-orange svg { height: auto; max-width: 45%; } .page-header.fixed .page-header__menus { padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } .page-header.fixed .page-header__slider { padding-top: 0; } @media (max-width: 1299px) { .top-line { display: block; position: relative; z-index: 1000; } .page-header { padding-top: 10px; overflow-x: clip; } .page-header .logo { gap: 7px; font-size: 0.625rem; } .page-header .logo img { width: 22px; } .page-header.fixed { -webkit-box-shadow: none; box-shadow: none; padding-bottom: 10px; } .page-header.fixed .logo { margin-right: 0; } .page-header.fixed .logo span { display: block; } .page-header.fixed .page-header__search { width: auto; } .page-header.fixed .page-header__top { padding-bottom: 10px; } .page-header.fixed .page-header__slider { padding-top: 12px; } } .page-header__top { padding-bottom: 37px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; background: #fff; position: relative; z-index: 12; } .page-header__search { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-radius: 8px; background: var(--colorBg); height: 50px; display: grid; grid-template-columns: 1fr -webkit-max-content; grid-template-columns: 1fr max-content; width: 353px; } .page-header__search input { width: 100%; border: 0; padding: 0 9px 0 0; font-size: 0.875rem; } .page-header__search input:-ms-input-placeholder { color: var(--colorGrayText); } @media (max-width: 1299px) { .page-header__top { padding-bottom: 11px; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); z-index: 1001; } .page-header__search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; grid-template-columns: 100%; grid-template-rows: -webkit-min-content -webkit-min-content; grid-template-rows: min-content min-content; background: #fff; z-index: 500; padding: 14px 16px 10px !important; gap: 10px; } .page-header__search .btn-gray { height: 45px; width: 165px; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 auto; } } .search-menu .dropdown-hover__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .search-menu .dropdown-hover__btn button { width: 37px; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: stretch; align-self: stretch; } .header-delivery__type-item svg, .search-menu .dropdown-hover__btn svg { display: block; margin: 0 auto; } .search-menu .dropdown-hover__content { display: grid; gap: 30px; grid-template-columns: 160px 1fr; padding: 20px; width: 810px; } @media (max-width: 1299px) { .search-menu, .search-menu .dropdown-hover__btn input { width: 100%; } .search-menu .dropdown-hover__btn { height: 42px; background: var(--colorBg); border-radius: 6px; } .search-menu .dropdown-hover__content { display: none; } } .search-menu__title { font-size: 1.625rem; margin-bottom: 0.6em; } .search-menu__categories a + a { margin-top: 0.8em; } .search-categories .dropdown-hover__content span, .search-menu__item { display: grid; grid-template-columns: 1fr -webkit-max-content; grid-template-columns: 1fr max-content; gap: 30px; font-size: 1.125rem; } .search-menu__item a { display: grid; grid-template-columns: 100px 1fr; gap: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .search-menu__item a img { width: 100px; } .search-menu__item .btn-red { height: 45px; padding: 0 20px; -ms-flex-item-align: end; align-self: end; } .search-menu__item mark { display: block; font-weight: 600; margin-top: 10px; } .search-menu__item + .search-menu__item { border-top: 1px solid var(--colorBorder); padding-top: 10px; margin-top: 10px; } .search-categories { -ms-flex-item-align: stretch; align-self: stretch; position: relative; } .search-categories::before { content: ""; position: absolute; left: 0; height: 32px; border-left: 1px solid var(--colorBorder); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .search-categories .dropdown-hover__btn { padding-left: 17px; padding-right: 10px; width: 138px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.75rem; gap: 7px; } .search-categories .dropdown-hover__btn svg, .search-categories .dropdown-hover__caret { margin-top: 2px; } .search-categories .dropdown-hover__content { padding: 16px 11px 17px 17px; } .search-categories .dropdown-hover__content span { gap: 3px; font-size: 0.75rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .search-categories .dropdown-hover__content span:hover { color: var(--colorPurple); } .search-categories .dropdown-hover__content span + span { margin-top: 8px; } @media (max-width: 1299px) { .search-categories, .search-categories .dropdown-hover__btn { width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; } .search-categories { margin: 0 auto; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 80%; } .search-categories .dropdown-hover__btn { font-size: 1.25rem; font-weight: 500; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 0 4px; gap: 15px; width: 100%; } /*.search-categories .dropdown-hover__btn:not(.inserted) span {*/ /* max-width: 120px!important;*/ /*}*/ .search-categories .dropdown-hover__btn span { color: var(--colorPurple); width: max-content; max-width: initial!important; } .search-categories .dropdown-hover__btn .show-mobile { color: #000; } .search-categories .dropdown-hover__btn svg { width: 7px; height: 12px; margin: 3px 0 0 8px; color: var(--colorPurple); } .search-categories .dropdown-hover__content { padding: 16px 17px 17px 14px; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); left: auto; right: 50%; width: -moz-max-content; width: -webkit-max-content; width: max-content; max-width: 95vw; } .search-categories .dropdown-hover__content span { font-size: 1rem; } .search-categories .dropdown-hover__content span + span { margin-top: 10px; } .search-categories::before { display: none; } } .mobile-search-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px 5px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow-x: initial; overflow-y: auto; margin: 10px -16px 0; padding: 10px 16px 30px; border-top: 1px solid #eee; justify-items: center; } .mobile-search-grid > p { grid-column: 1/-1; font-size: 0.75rem; width: 100%; } @media (max-width: 800px) { .mobile-search-grid { grid-template-columns: 1fr 1fr 1fr; } .mobile-search-grid .offer { max-width: 302px; } } @media (max-width: 991px) { .mobile-search-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .mobile-search-grid { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 575px) { .mobile-search-grid { grid-template-columns: 1fr 1fr; } } .header-btn { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; height: 100%; } .header-btn[data-fancybox] { color: #000; } .header-btn, .header-btn[data-fancybox]:hover { color: var(--colorPurple); } .header-delivery { border-radius: 8px; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, var(--colorBg))); background: -o-linear-gradient(left, #fff 50%, var(--colorBg) 50%); background: linear-gradient(to right, #fff 50%, var(--colorBg) 50%); -ms-flex-negative: 0; flex-shrink: 0; display: grid; grid-template-columns: 72px 1fr 60px; width: 338px; position: relative; z-index: 2; } .header-delivery .header-btn { -webkit-box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); border-radius: 8px; } @media (max-width: 1299px) { .header-delivery { display: block; background: 0 0; width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 400px; margin-left: auto; } } .header-delivery__city { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 17px; -webkit-box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); border-radius: 8px 0 0 8px; } .header-delivery__type { border-radius: 8px; background: var(--colorBg); margin-left: -17px; position: static; } .header-delivery__type .dropdown-hover__btn { padding-left: 12px; padding-right: 18px; display: grid; grid-template-columns: 1fr -webkit-max-content; grid-template-columns: 1fr max-content; gap: 0 7px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; grid-template-rows: -webkit-min-content -webkit-min-content; grid-template-rows: min-content min-content; -ms-flex-line-pack: center; align-content: center; } .header-delivery__type .dropdown-hover__btn mark { font: 600 0.875rem/1.28571 var(--fontBody); } .header-delivery__type .dropdown-hover__btn span { max-width: 175px; font: 400 0.67rem/1 var(--fontBody); -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; white-space: normal; } .header-delivery__type .dropdown-hover__btn svg { grid-row: span 2; } .header-delivery__type .dropdown-hover__btn.inserted { position: relative; padding-right: 25px; } .header-delivery__type .dropdown-hover__btn.inserted svg { position: absolute; top: 50%; right: 10px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); grid-row: initial; } .header-delivery__type .dropdown-hover__btn.inserted span { grid-column: 1/-1; color: var(--colorPurple); } .header-delivery__order .dropdown-hover__btn.order-number--shown span, .header-delivery__type mark, .header-delivery__type span { display: block; } @media (max-width: 1299px) { .header-delivery__city { display: none; } .header-delivery__type { margin-left: 0; } .header-delivery__type .dropdown-hover__btn { height: 33px; padding-left: 9px; padding-right: 11px; } .header-delivery__type .dropdown-hover__btn mark { font-size: 0.625rem; } .header-delivery__type .dropdown-hover__btn span { font-size: 0.5rem; min-width: 100%; } .header-delivery__order .dropdown-hover__btn { display: none; } } @media (max-width: 575px) { .header-delivery__type .dropdown-hover__content { width: 300px; left: auto; right: 0; border-radius: 0; margin-top: 5px; } .header-delivery__type .dropdown-hover__content::before { content: ""; position: absolute; left: 0; top: -5px; width: 100%; height: 5px; } } .header-delivery__type-item { display: grid; grid-template-columns: -webkit-max-content 1fr -webkit-max-content; grid-template-columns: max-content 1fr max-content; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 12px 16px 0; } .header-delivery__type-item figure { width: 40px; margin: 0; } .header-delivery__type-item mark, .menu-header .sots p { font: 500 0.875rem/1.2 var(--fontBody); } .header-delivery__type-item p { font-size: 0.75rem; color: var(--colorPurple); } .header-delivery__type-item + .header-delivery__type-item { border-top: 1px solid #ebebeb; } .header-delivery__order { position: static; } .header-delivery__order .dropdown-hover__btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3px; } .dropdown-order-item__close:hover svg path, .header-delivery__order .dropdown-hover__btn:hover svg path, .page-header__btns .header-btn:hover svg path { fill: #a31d1c; } .header-delivery__order .dropdown-hover__btn mark { font: 600 0.5rem/1.2 var(--fontBody); min-width: 14px; height: 18px; border-radius: 59px; background: var(--colorPurple); color: #fff; position: absolute; top: -10px; right: -10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: none; } .header-delivery__order .dropdown-hover__btn span { font: 600 1rem/0.8 var(--fontBody); display: none; } .header-delivery__order .dropdown-hover__content { width: 540px; padding: 20px 16px; margin-top: 10px; } .header-delivery__order .dropdown-hover__content::before, .menu-header .dropdown-hover__content::before { content: ""; position: absolute; left: 0; top: -10px; width: 100%; height: 10px; } .dropdown-hover__content .dropdown-order-item { display: grid; gap: 10px; grid-template-columns: 77px 1fr 125px 85px -webkit-max-content; grid-template-columns: 77px 1fr 125px 85px max-content; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dropdown-order-item figure { width: 70px; padding-top: 65px; border-radius: 8px; background: #eee; position: relative; margin: 0; } .dropdown-order-item figure img { top: 4px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px); -o-object-position: center center; object-position: center center; -o-object-fit: contain; object-fit: contain; position: absolute; } .dropdown-order-item .plus-minus button { width: 28px; height: 28px; border-radius: 59px; font-size: 1.5625rem; } .dropdown-order-item + .dropdown-order-item { margin-top: 20px; } .dropdown-order-item__name { font: 500 0.875rem/1.2 var(--fontBody); word-break: break-all; } .dropdown-order-item__cost { font: 600 1.125rem/1.2 var(--fontBody); text-align: center; color: #64ad01; } .dropdown-order-item__close { border: 1px solid currentColor; width: 28px; height: 28px; border-radius: 50%; color: #d8d8d8; } .dropdown-order-item__close:hover { border: 1px solid #a31d1c; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .header-delivery__order-cost { margin: 15px -16px 0; border-top: 1px solid #ebebeb; padding: 20px 16px 0; display: grid; grid-template-columns: 1fr 197px; gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-delivery__order-cost span { font: 600 1.125rem/1.2 var(--fontBody); letter-spacing: 1.08px; } .header-delivery__order-cost mark { font: 600 1.5625rem/1.2 var(--fontBody); color: var(--colorPurple); } .header-delivery__order-cost small { font: 400 1rem/1.2 var(--fontBody); display: block; letter-spacing: 0.96px; color: var(--colorGray); } .page-header__btns { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 8px; -webkit-box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); overflow: hidden; } .page-header__btns .header-btn { padding-left: 18px; padding-right: 18px; -ms-flex-negative: 0; flex-shrink: 0; } .page-header__btns .favorite--active svg path { fill: transparent; } .page-header__btns .header-btn + .header-btn { position: relative; } .page-header__btns .header-btn + .header-btn::before { content: ""; height: 32px; border-left: 1px solid var(--colorBorder); position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .page-header__btns svg { height: auto; } .page-header__btns svg use[href*="heart"] { color: transparent; } @media (max-width: 1299px) { .page-header__btns { display: none; } } .page-header__menus { padding-bottom: 32px; -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.07); } .menu-catalog__categories .collapse__btn a, .page-header__menu-btn, .page-header__menus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-header__menu-btn { font: 700 1.125rem/1 var(--fontBody); border-radius: 5px; background: var(--colorPurple); text-transform: uppercase; color: #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .page-header__menu-btn svg { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); } .menu-catalog .page-header__menu-btn { padding: 15px 22px; gap: 13px; } .menu-header .page-header__menu-btn { gap: 10px; padding: 15px; } .fixed .menu-header .page-header__menu-btn { display: none; } .page-header__menu-btn:hover { background: var(--colorPurpleHover); } @media (max-width: 1299px) { .page-header__menus { -webkit-box-shadow: none; box-shadow: none; padding-bottom: 0; position: static; } .page-header__menu-btn, .page-header__menus .page-header__specials-item { display: none; } } .menu-catalog .dropdown-hover__content { width: 625px; height: 515px; padding-top: 16px; padding-bottom: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1299px) { .menu-catalog { width: auto; position: static !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .menu-catalog .mobile-layer__title { margin-left: 0; margin-right: 0; } .menu-catalog .dropdown-hover__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding-top: 16px !important; z-index: 1002; } .menu-catalog .btn-red { font: 700 1.125rem/1.2 var(--fontBody); max-width: 500px; margin: 18px auto 0; height: 45px; -ms-flex-negative: 0; flex-shrink: 0; } } .menu-catalog__categories .collapse__btn a { padding: 8px 22px; gap: 6px; font-weight: 500; } .menu-catalog__categories .collapse__btn a > svg { color: #ee842c; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu-catalog__categories .collapse__btn a.active, .menu-catalog__categories .collapse__btn a:hover { background: #ffd6be; } .hover-collapse .collapse__btn a:hover svg path { fill: #000; } .menu-catalog__categories .collapse__btn svg { width: 18px; height: auto; } .menu-catalog__categories .collapse__caret { margin-left: auto; display: none; } @media screen and (min-width: 1300px) { .menu-catalog__categories { overflow: auto; scrollbar-width: thin; scrollbar-color: var(--colorBgGray) var(--colorBorder); border-right: 1px solid var(--colorBorder); width: 315px; } .menu-catalog__categories::-webkit-scrollbar { width: 2px; } .menu-catalog__categories::-webkit-scrollbar-track { background: var(--colorBorder); border-radius: 3px; } .menu-catalog__categories::-webkit-scrollbar-thumb { background: var(--colorBgGray); } .menu-catalog__categories .collapse__content { max-height: initial; position: absolute; right: 0; top: 0; width: 310px; height: 100%; overflow-x: initial; overflow-y: auto; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu-catalog__categories .collapse__content a { display: block; padding: 8px 24px; font-weight: 500; } .menu-catalog__categories .collapse__content a:hover { background: #f2f2f2; } .collapse--active .collapse__content { opacity: 1; pointer-events: all; } } @media (max-width: 1299px) { .menu-catalog__categories { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .collapse--active .collapse__content, .menu-catalog__categories .collapse__caret, .page-footer .collapse__content { display: block; } .collapse__content { display: none; stroke: none; } .menu-catalog__categories .collapse__btn a { font-size: 1.125rem; padding: 10px 12px; } .menu-catalog__categories .collapse__content a { font: 500 1rem/1.2 var(--fontBody); display: block; padding: 10px 12px 10px 40px; } .menu-catalog__categories .collapse__content a:hover { background: #f2f2f2; } } @media screen and (max-width: 767px) { .footer-show--active .collapse__caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .page-footer .footer-hidden { display: none; } } .page-header__specials { margin-left: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .page-header__shedule, .page-header__specials-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-header__specials-item { display: grid; grid-template-columns: -webkit-max-content -webkit-max-content; grid-template-columns: max-content max-content; gap: 4px; } .page-header__shedule { margin-left: 16px; padding-left: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 47px; border-left: 1px solid var(--colorBorder); font-size: 1.125rem; gap: 10px; font-weight: 500; } .page-header__shedule svg { margin-right: 3px; } @media (max-width: 1299px) { .page-header__shedule { display: none; } } .page-header__tel { display: grid; grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr; gap: 6px 10px; margin-left: 50px; font-size: 1.125rem; font-weight: 500; } .page-header__tel .ico-circle { grid-row: span 2; } .page-header__tel [type="tel"] { line-height: 1; } .page-header__tel .link-dotted-underline { font: 500 1rem/1.125 var(--fontBody); letter-spacing: 0.64px; color: var(--colorPurple); } @media (max-width: 1299px) { .page-header__tel { margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.75rem; gap: 4px; position: absolute; top: 10px; left: 16px; z-index: 1000; } .page-header__tel .ico-circle { grid-row: initial; width: 16px; height: 16px; } .page-header__tel svg { width: 9px; height: auto; } .page-header__tel .link-dotted-underline { display: none; } } .menu-header .column a, .page-header__download { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-header__download { font: 500 1.125rem/1 var(--fontBody); margin-left: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; text-transform: uppercase; } .menu-header .sots svg, .offer__icons--add use[href*="h2-hits"], .page-header__download, .page-header__download:hover { color: var(--colorPurple); } .menu-header { margin-left: 33px; } .menu-header .dropdown-hover__content { left: auto; right: 0; width: 318px; top: calc(100% + 19px); padding: 12px 22px 23px; } .menu-header .dropdown-hover__content::before { top: -19px; height: 19px; } .menu-header .column { font-weight: 500; gap: 16px; } .menu-header .column a { gap: 7px; } .menu-header .column a figure { display: none; width: 17px; height: 17px; margin: 0; } .menu-header .sots { margin-top: 16px; border-top: 1px solid var(--colorBorder); padding-top: 10px; gap: 13px 35px; } .menu-header .sots p { color: var(--colorBgGray); } .menu-header .sots svg { width: 35px; height: auto; } @media (max-width: 1299px) { .page-header__download { gap: 4px; font-size: 0.75rem; position: absolute; top: 10px; right: 16px; z-index: 1000; } .page-header__download img { width: 16px; height: auto; } .menu-header .column { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .menu-header .column a span { display: none; } #mobile-layer-menu, .menu-header .column a figure { display: -webkit-box; display: -ms-flexbox; display: flex; } #mobile-layer-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } .menu-header__catalog { margin: 0-14px 18px; border-radius: 5px; background: #f8f8fa; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 11px 0 12px 15px; font-size: 1.125rem; font-weight: 600; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .menu-header__catalog, .page-header__slider, .page-header__slider .swiper-slide { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-header__slider { padding-top: 25px; display: grid; grid-template-columns: 32px calc(100% - 64px) 32px; } .page-header__slider .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 3px; text-transform: uppercase; letter-spacing: 0.4px; font-weight: 500; font-size: 1rem; width: auto; } .page-header__slider .swiper-button-next, .page-header__slider .swiper-button-prev { position: static; width: 15px; height: 27px; margin: 0; } .page-header__slider .swiper-button-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .page-header__slider .swiper-button-next:hover svg path, .page-header__slider .swiper-button-prev:hover svg path { fill: #d5201f; } .page-header__slider .swiper-button-next { justify-self: end; } @media (max-width: 1299px) { .menu-header__catalog { margin: 0 0 18px; font-size: 1rem; } .page-header__slider { display: block; padding-right: 0; } .page-header__slider .swiper-slide { font-size: 0.625rem; } .page-header__slider .swiper-slide img { width: 22px; } .page-header__slider .swiper-button-next, .page-header__slider .swiper-button-prev { display: none; } } .c-hamburger { display: none; position: relative; width: 17px; height: 15px; padding: 0; cursor: pointer; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; z-index: 1; -ms-flex-item-align: center; align-self: center; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1299px) { .c-hamburger { display: block; } } .c-hamburger:focus { outline: 0; } .c-hamburger span { position: absolute; top: 7px; left: 0; right: 0; height: 2px; background: #000; pointer-events: none; } .c-hamburger span::after, .c-hamburger span::before { position: absolute; left: 0; right: 0; height: 2px; background-color: #000; content: ""; } .c-hamburger span::before { top: -7px; } .c-hamburger span::after { bottom: -7px; } .c-hamburger--htx span::after, .c-hamburger--htx span::before { -webkit-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s, 0s; -o-transition-delay: 0.3s, 0s, 0s; transition-delay: 0.3s, 0s, 0s; } .c-hamburger--htx span::before { -webkit-transition-property: top, -webkit-transform; -o-transition-property: top, transform; transition-property: top, transform, -webkit-transform; } .c-hamburger--htx span::after { -webkit-transition-property: bottom, -webkit-transform; -o-transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; } .c-hamburger--htx.is-active span { background: 0 0; } .c-hamburger--htx.is-active span::before { top: 0; -webkit-transform: rotate(45deg) scale(1.2); -ms-transform: rotate(45deg) scale(1.2); transform: rotate(45deg) scale(1.2); background: #000; } .c-hamburger--htx.is-active span::after { bottom: 0; -webkit-transform: rotate(-45deg) scale(1.2); -ms-transform: rotate(-45deg) scale(1.2); transform: rotate(-45deg) scale(1.2); background: #000; } .c-hamburger--htx.is-active span::after, .c-hamburger--htx.is-active span::before { -webkit-transition-delay: 0s, 0.3s, 0.3s; -o-transition-delay: 0s, 0.3s, 0.3s; transition-delay: 0s, 0.3s, 0.3s; left: 0; right: 0; } .line-subscribe { padding-top: 62px; padding-bottom: 62px; border-top: 7px solid #fedf4a; background: url(/local/templates/izobilie_vkysa/css/../img/main-subscribe-bg.webp) left center/cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #fff; text-transform: uppercase; } @media (max-width: 800px) { .line-subscribe { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; text-align: center; } .line-subscribe__form { margin: 0 auto; } } .line-subscribe__title p { letter-spacing: 1px; font-size: 2.5rem; font-weight: 600; } .line-subscribe__title span { display: block; margin-top: 5px; letter-spacing: 0.5px; font-weight: 500; font-size: 1.25rem; } @media (max-width: 767px) { .line-subscribe { grid-template-columns: 100%; padding-top: 40px; padding-bottom: 58px; } .line-subscribe__title p, .line-subscribe__title span { font: 400 1.25rem/1.2 var(--fontBody); font-family: var(--fontHeader); letter-spacing: 0.5px; } .line-subscribe__title span { font: 300 0.9375rem/1.2 var(--fontBody); letter-spacing: 0.375px; margin-top: 9px; } } .line-subscribe__form { width: 394px; display: grid; grid-template-columns: calc(100% - 150px) 150px; background: #fff; border-radius: 8px; } .line-subscribe__form input[type="email"] { border: 0; padding: 0 18px; font-size: 0.875rem; color: #000; } .line-subscribe__form input[type="email"]::-moz-placeholder { color: var(--colorBgGray); } .line-subscribe__form input[type="email"]::-webkit-input-placeholder { color: var(--colorBgGray); } .line-subscribe__form input[type="email"]:-ms-input-placeholder { color: var(--colorBgGray); } .line-subscribe__form input[type="email"]::-ms-input-placeholder { color: var(--colorBgGray); } .line-subscribe__form input[type="email"]::placeholder { color: var(--colorBgGray); } .line-subscribe__form [type="submit"] { position: relative; left: 1px; } .line-subscribe__links { font: 600 1.25rem/0.9 var(--fontBody); letter-spacing: 0.8px; } .line-subscribe__links a { /*-webkit-text-decoration: 1px dotted underline;*/ /*text-decoration: 3px dotted underline;*/ /*text-underline-offset: 4px;*/ border-bottom: 1px dotted; padding-bottom: 2px; display: block; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; margin: 0 auto; } .line-subscribe__links a + a { margin-top: 23px; } .line-subscribe__links a:hover { color: red; text-decoration-color: transparent; } @media (max-width: 767px) { .line-subscribe__form { width: 100%; } .line-subscribe__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .line-subscribe__links a { font-size: 1rem; margin: 0; } .line-subscribe__links a + a { margin: 0; } } .line-subscribe__price { width: 202px; } @media (max-width: 800px) { .line-subscribe__price { margin: 0 auto; } } @media (max-width: 767px) { .line-subscribe__price { margin-top: 15px; width: 100%; } } .modal-back { cursor: pointer; } .modal__title { font: 600 1.75rem/1.375 var(--fontBody); letter-spacing: 1.68px; margin-bottom: 8px; } #add-comment { font: 400 1rem/1.375 var(--fontBody); letter-spacing: 0.96px; max-width: 600px; } #add-comment .stars-select { margin-top: 30px; margin-bottom: 16px; } #add-comment .form-control + .form-control { margin-top: 16px; } #add-comment textarea { height: 150px; } #add-comment .btn-red { margin-top: 30px; width: 100%; } #add-comment small { font: 400 0.875rem/1.28571 var(--fontBody); display: block; margin-top: 16px; color: var(--colorGrayText); } #modal-login { width: 470px; padding: 40px 67px; text-align: center; } #modal-login [type="text"] { display: block; width: 100%; border-radius: 5px; border: 1px solid #dfdfdf; font-size: 1.125rem; text-align: center; height: 56px; } #modal-login [type="text"]:-ms-input-placeholder { color: var(--colorGrayText); } #modal-login [type="submit"] { margin-top: 20px; border-radius: 10px; } #modal-login p { font: 400 0.875rem/1.28571 var(--fontBody); color: var(--colorGrayText); margin-top: 16px; } #modal-login .modal-back, #modal-login p + p, .mobile-layer .modal-back { display: none; } .modal-login__title { font: 500 1.625rem/1.2 var(--fontBody); margin-bottom: 31px; } @media (max-width: 991px) { #modal-login { border-radius: 0; width: 100vw; height: 100vh; max-width: none; padding: 16px; } #modal-login [data-fancybox-close] { display: none; } #modal-login .modal-back { display: block; position: absolute; left: 16px; top: 22px; } #modal-login [type="email"] { height: 48px; font-size: 1rem; } #modal-login [type="submit"] { height: 50px; font-size: 1.125rem; } #modal-login p { font-size: 1rem; margin-top: 30px; } #modal-login p:first-of-type { display: none; } #modal-login p + p { display: block; } .modal-login__title { font-size: 1.25rem; padding-bottom: 20px; border-bottom: 1px solid #eee; margin: 0-16px 48px; } } .mobile-layer__title, .swiper-main-banner .swiper-button-next::after, .swiper-main-banner .swiper-button-prev::after { display: none; } @media (max-width: 1299px) { .mobile-layer { position: fixed; width: 100vw !important; left: 0 !important; opacity: 0; pointer-events: auto; top: 0 !important; -webkit-transform: translateX(-110%); -ms-transform: translateX(-110%); transform: translateX(-110%); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; height: calc(100% - 64px) !important; } .mobile-layer.shown { -webkit-transform: none; -ms-transform: none; transform: none; overflow-x: initial; overflow-y: auto; opacity: 1; } .mobile-layer .modal-back { display: block; position: absolute; top: 21px; left: 16px; z-index: 1; width: 60px; height: 20px; } .mobile-layer__title { font: 500 1.25rem/1.2 var(--fontBody); display: block; margin: 0-16px 10px; padding: 0 16px 16px; text-align: center; border-bottom: 1px solid #eee; } } #modal-callback { width: 470px; padding: 40px 67px; text-align: center; max-width: calc(100% - 32px); } #modal-callback .form-control + .form-control, .swiper-product-of-day .offer__icons time + button { margin-top: 12px; } #modal-callback [type="submit"] { margin-top: 20px; } .modal-callback__title { font: 600 1.5rem/1.2 var(--fontBody); margin-bottom: 16px; } .modal-callback__subtitle { font: 500 1rem/1.125 var(--fontBody); color: var(--colorGrayText); margin-bottom: 30px; } .offer { display: block; border-radius: 20px; overflow: hidden; -webkit-box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.2); box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.2); background: #fff; position: relative; min-height: 452px; } .offer figure { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; background: url(/local/templates/izobilie_vkysa/css/../img/offer-img-bg.webp) left center/cover; height: 226px; position: relative; margin: 0; } .offer figure img { max-width: 80%; max-height: 80%; } .offer__features { position: absolute; top: 13px; left: 0; } .offer__features p { font-weight: 600; font-size: 1.125rem; padding-left: 15px; color: #a31d1c; } @media (max-width: 767px) { .offer { border-radius: 6px; min-height: 228px; } .offer figure { height: 112px; padding-top: 8px; } .offer figure img { max-width: 49%; max-height: 71%; } .offer__features { top: 17px; } .offer__features p { display: none; } } .offer__feature-item { font-weight: 500; font-size: 0.875rem; color: #fff; width: 56px; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0 5px 5px 0; } .offer__feature-item + .offer__feature-item, .offer__feature-item:first-of-type { margin-top: 7px; } p + .offer__feature-item { margin-top: 9px; } .offer__feature-item--discount { padding-left: 4px; background: var(--colorPurple); } .offer__feature-item--novelty { background: url(/local/templates/izobilie_vkysa/css/../img/main-banner-text.webp) left center/cover; padding-left: 8px; } .offer__icons { position: absolute; top: 13px; right: 20px; } .offer__icons button { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 29px; height: 29px; background: #fff; border-radius: 50%; margin-left: auto; margin-top: 7px; } .offer__icons button + button { margin-top: 5px; } @media (max-width: 767px) { .offer__feature-item { font-size: 0.5rem; width: 31px; height: 16px; border-radius: 0 3px 3px 0; } .offer__feature-item:first-of-type { margin-top: 0; } .offer__feature-item + .offer__feature-item { margin-top: 4px; } .offer__icons { top: 9px; right: 6px; font-size: 10px; } .offer__icons button { width: 21px; height: 21px; } .offer__icons button svg { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } } .offer__icons--add { color: transparent; } .offer__icons--add.active path, .offer__icons--add.active svg { fill: var(--colorPurple); color: var(--colorPurple); } .offer__article-number { color: var(--colorGray); position: absolute; bottom: 7px; right: 15px; letter-spacing: 0.84px; font-size: 0.875rem; } .offer__info { padding: 10px 20px 20px; } @media (max-width: 767px) { .offer__article-number { bottom: 6px; right: 6px; letter-spacing: 0.48px; font-size: 0.5rem; } .offer__article-number--left { right: auto; left: 6px; } .offer__info { padding: 5px 6px 8px; } } .offer__name { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; font-weight: 600; font-size: 1.125rem; } .offer__status { padding-left: 15px; position: relative; margin-top: 3px; } .offer__status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; position: absolute; left: 0; top: 6px; background: currentColor; } .offer__status.in-stock { color: var(--colorGreen); } .offer__status.in-wait { font-size: 0.875rem; color: #e66c2d; margin-bottom: 11px; } .offer__status.in-wait ~ .offer__cost, .offer__status.in-wait ~ .plus-minus { pointer-events: none; opacity: 0.5; } .offer__cost { display: grid; grid-template-columns: -webkit-max-content -webkit-max-content; grid-template-columns: max-content max-content; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 9px; } .offer__cost mark { display: block; font-weight: 500; font-size: 1.125rem; margin-bottom: 4px; } .offer__cost mark span { font-weight: 600; } .offer__cost p { color: var(--colorGrayText); font-weight: 500; font-size: 0.875rem; } .offer__cost p span { display: block; } @media (max-width: 767px) { .offer__name { font-size: 0.625rem; } .offer__status { padding-left: 8px; } .offer__cost p, .offer__status, .offer__status.in-wait { font-size: 0.5rem; } .offer__status::before { width: 5px; height: 5px; top: 2px; } .offer__cost { margin-top: 6px; } .offer__cost mark { margin-bottom: 0; font-size: 0.75rem; } } .offer__opt mark { color: var(--colorGreen); } .nav-bottom svg, .offer__retail mark { color: var(--colorPurple); } .main-banner { display: grid; grid-template-columns: calc(100% - 551px) 531px; gap: 20px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } @media (max-width: 1299px) { .main-banner { margin-top: 15px !important; } } .swiper-main-banner { border-radius: 25px; } .swiper-main-banner .swiper-slide { padding: 40px 37px 57px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 453px; } .swiper-main-banner .swiper-slide img { border-radius: 25px; } .swiper-main-banner .swiper-slide > :not(.img-fit) { position: relative; z-index: 1; } .swiper-main-banner .swiper-slide > :not(.img-fit) p { line-height: 140%; } .swiper-main-banner .main-banner-pagination { bottom: 18px; } .swiper-main-banner .swiper-button-next, .swiper-main-banner .swiper-button-prev { width: 35px; height: 35px; border-radius: 50%; background: #fff; bottom: 19px; top: auto; color: #1c1b1f; } .swiper-main-banner .swiper-button-next svg, .swiper-main-banner .swiper-button-prev svg { width: auto; height: auto; } .contacts__connection-item:hover i svg path, .swiper-main-banner .swiper-button-next:hover svg path, .swiper-main-banner .swiper-button-prev:hover svg path { fill: #a31d1c; } .swiper-main-banner .swiper-button-prev { left: auto; right: 78px; } .swiper-main-banner .swiper-button-next { right: 29px; } .swiper-main-banner .swiper-button-next svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 800px) { .swiper-main-banner .swiper-slide { padding: 29px 17px 51px; } .swiper-main-banner .swiper-button-next, .swiper-main-banner .swiper-button-prev { display: none; } } @media (max-width: 991px) { #modal-callback { padding: 30px 12px; } #modal-callback .form-control { height: 48px; } #modal-callback [type="submit"] { height: 50px; } .main-banner { display: block; } .swiper-main-banner .swiper-slide { padding: 40px 37px 57px; } } @media (max-width: 767px) { .swiper-main-banner .swiper-slide { padding: 29px 17px 51px; height: 370px; } } .swiper-main-banner__title { color: #fff; font: 500 2.8125rem/1.32 var(--fontHeader); } @media (max-width: 800px) { .swiper-main-banner__title { font-size: 2.1875rem; } } @media (max-width: 991px) { .swiper-main-banner__title { font-size: 2.8125rem; } } @media (max-width: 767px) { .swiper-main-banner__title { font-size: 1.875rem; } } @media (max-width: 575px) { .swiper-main-banner .swiper-slide { height: 217px; } .swiper-main-banner .main-banner-pagination { bottom: 12px; } .swiper-main-banner__title { font-size: 1.125rem; } } .swiper-main-banner__subtitle { font: 500 3.125rem/1.2 var(--fontHeader); letter-spacing: 0.06em; color: #df512d; margin-top: auto; } @media (max-width: 800px) { .swiper-main-banner__subtitle { font-size: 2.5rem; } } @media (max-width: 991px) { .swiper-main-banner__subtitle { font-size: 3.125rem; } } @media (max-width: 767px) { .swiper-main-banner__subtitle { font-size: 2.1875rem; } } .main-banner-pagination { position: absolute; width: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 12px; } .main-banner-pagination .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 100%; background: #fff; opacity: 1; margin: 0 !important; } .main-banner-pagination .swiper-pagination-bullet-active { background: #df512d; } .product-of-day-wrapper { padding: 0 43px; position: relative; } .product-of-day-wrapper .swiper-button-next, .product-of-day-wrapper .swiper-button-prev { width: 21px; height: 37px; } .product-of-day-wrapper .swiper-button-next:hover svg path, .product-of-day-wrapper .swiper-button-prev:hover svg path { fill: #d5201f; } .product-of-day-wrapper .swiper-button-prev { left: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .product-of-day-title { display: none; } @media (max-width: 991px) { .product-of-day-wrapper { padding: 0; margin-top: 50px; } .product-of-day-wrapper .swiper-button-next, .product-of-day-wrapper .swiper-button-prev { display: none; } .product-of-day-title { min-height: 60px; margin: 0-16px 12px; background: url(/local/templates/izobilie_vkysa/css/../img/product-of-day-title.webp) center center/cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 16px; border-radius: 8px 8px 0 0; } .product-of-day-title p { font: 400 1.25rem/1.2 var(--fontHeader); color: #fff; } .product-of-day-title time { font: 500 0.875rem/1.2 var(--fontBody); color: #dedede; } } @media (max-width: 575px) { .swiper-main-banner__subtitle { font-size: 1.375rem; } .product-of-day-title { font-size: 1.25rem; } } .product-of-day__all { font: 400 1rem/1.2 var(--fontBody); display: none; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; margin-left: auto; letter-spacing: 0.25px; color: var(--colorBgGray); } .product-of-day__all:hover { background: url(/local/templates/izobilie_vkysa/css/../img/main-banner-text.webp) left center/cover padding-box text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .swiper-product-of-day { padding: 0 10px 10px; } .swiper-product-of-day .swiper-wrapper { position: static; } .swiper-product-of-day .swiper-slide { width: auto; } .swiper-product-of-day .offer__icons time { font-weight: 500; color: var(--colorGray); } .swiper-product-of-day .swiper-slide-next + .swiper-slide, .swiper-product-of-day .swiper-slide-prev { opacity: 0; } @media screen and (min-width: 992px) { .swiper-product-of-day .offer { width: 286px; min-height: 0; } .swiper-product-of-day figure { padding-top: 35px; margin: 0; } .swiper-product-of-day .offer__icons { top: 15px; right: 15px; } .swiper-product-of-day .swiper-slide { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .swiper-product-of-day .swiper-slide-active { z-index: 1; } .swiper-product-of-day .swiper-slide-next { width: 291px; height: 386px; -ms-flex-item-align: center; align-self: center; } .swiper-product-of-day .swiper-slide-next .offer { -webkit-transform: translateX(-30%); -ms-transform: translateX(-30%); transform: translateX(-30%); } .swiper-product-of-day .swiper-slide-next figure { height: 194px; padding-top: 30px; } .swiper-product-of-day .swiper-slide-next figure img { max-height: 135px; } .swiper-product-of-day .swiper-slide-next .offer__icons { top: 13px; right: 8px; } .swiper-product-of-day .swiper-slide-next .offer__icons button { width: 25px; height: 25px; } .swiper-product-of-day .swiper-slide-next .offer__icons svg { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .swiper-product-of-day .swiper-slide-next .offer__article-number { font-size: 0.75rem; right: 13px; bottom: 9px; } .swiper-product-of-day .swiper-slide-next .offer__info { padding: 9px 13px 15px; } .swiper-product-of-day .swiper-slide-next .offer__name { font-size: 16px; } .swiper-product-of-day .swiper-slide-next .offer__status { font-size: 0.75rem; margin-top: 6px; } .swiper-product-of-day .swiper-slide-next .offer__status::before { top: 4px; } .swiper-product-of-day .swiper-slide-next .offer__cost { margin-top: 10px; } .swiper-product-of-day .swiper-slide-next .offer__cost mark { font-size: 1rem; margin-bottom: 0; } .swiper-product-of-day .swiper-slide-next .offer__cost p { font-size: 0.75rem; } .swiper-product-of-day .swiper-slide-next .offer__cost p span { display: inline; } .swiper-product-of-day .swiper-slide-next .plus-minus { margin-top: 24px; } .swiper-product-of-day .swiper-slide-next .plus-minus button { width: 44px; height: 44px; line-height: 2.5rem; font-size: 1.875rem; } } @media (max-width: 991px) { .product-of-day__all { display: block; margin-bottom: 6px; } .swiper-product-of-day { padding: 0; margin: 0-16px 0-4px; } .swiper-product-of-day .swiper-slide { padding: 0 12px 10px; } .swiper-product-of-day .swiper-slide-next + .swiper-slide, .swiper-product-of-day .swiper-slide-prev { opacity: 1; } } @media (max-width: 767px) { .product-of-day__all, .swiper-product-of-day .offer__icons time { font-size: 0.625rem; } .swiper-product-of-day .swiper-slide { padding: 0 4px 10px; } .swiper-product-of-day .offer__icons { top: 7px; right: 6px; } .swiper-product-of-day .offer__icons time + button { margin-top: 8px; } } .swiper-product-line { margin: 0-12px -10px; } .swiper-product-line .swiper-slide { padding: 12px 10px; width: auto; } .nav-bottom, .nav-bottom a, .nav-bottom button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-bottom { height: 64px; width: 100%; position: fixed; left: 0; bottom: 0; background: #fff; -webkit-box-shadow: 0 1px 8px 0 rgba(117, 118, 124, 0.45); box-shadow: 0 1px 8px 0 rgba(117, 118, 124, 0.45); display: none; -ms-flex-pack: distribute; justify-content: space-around; z-index: 1000; } .nav-bottom a, .nav-bottom button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font: 400 0.625rem/1.2 var(--fontBody); height: 40px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .nav-bottom a mark, .nav-bottom button mark { font: 500 0.625rem/1.3 var(--fontBody); position: absolute; color: #fff; border-radius: 3px; background: rgba(0, 0, 0, 0.55); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); top: -3px; right: -7px; padding: 0 3px; } @media (max-width: 1299px) { .nav-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; } } .main-about h2 { font-size: 2.5rem; max-width: 500px; letter-spacing: 1px; } @media (max-width: 800px) { .swiper-product-line { margin-right: -16px; } .main-about h2 { font-size: 2.25rem; } } @media (max-width: 991px) { .swiper-product-line { margin: 0-16px 0-4px; } .swiper-product-line .swiper-slide { padding: 0 4px 10px; } .main-about { text-align: center; } .main-about h2 { margin-left: auto; margin-right: auto; font-size: 1.875rem; } } @media (max-width: 767px) { .main-about h2 { font-size: 1.875rem; margin-bottom: 12px; } } .main-about__content { display: grid; grid-template-columns: 0.619fr 1fr; gap: 24px; } .main-about__content img { width: 100%; border-radius: 30px; } .main-about__content p { letter-spacing: 0.45px; font-size: 1.125rem; } .main-about__content p + p { margin-top: 1.2em; } @media (max-width: 991px) { .main-about__content { display: block; } .main-about__content > img:first-of-type { display: block; max-width: 500px; margin: 0 auto 15px; } } .main-about__title { letter-spacing: 0.55px; font: 500 1.375rem/1.31 var(--fontHeader); color: var(--colorPurple); margin-bottom: 26px; } .main-comments { display: none; } .main-comments [data-src] { width: 100%; margin-top: 20px; } @media (max-width: 767px) { .main-about__content p { font-size: 0.875rem; } .main-about__content p span, .main-about__content p:nth-of-type(n + 3) { display: none; } .main-about__title { font-size: 1.125rem; letter-spacing: 0.45px; } .main-comments { display: block; } } .swiper-comments .swiper-wrapper { height: auto; } .swiper-comments .swiper-slide { background: var(--colorBg); border-radius: 15px; padding: 20px 16px; } .swiper-comments .swiper-slide p { font: 400 1rem/1.375 var(--fontBody); } .swiper-comments__author, .swiper-comments__info { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } .swiper-comments__author { font: 500 1.25rem/0.9 var(--fontBody); display: grid; grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr; gap: 16px; } .swiper-comments__author img { width: 36; height: 36; border-radius: 50%; -o-object-position: center center; object-position: center center; -o-object-fit: cover; object-fit: cover; } .swiper-comments__info { font: 400 0.75rem/1.5 var(--fontBody); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; color: #686868; } .swiper-comments-pagination { position: relative; margin-top: 10px; height: 3px; background: 0 0; } .swiper-comments-pagination .swiper-pagination-progressbar-fill { background: silver; border-radius: 2px; } .img-menu-mobile { display: none; font-weight: 600; margin-top: 30px; gap: 8px; overflow-x: auto; overflow-y: initial; scrollbar-width: none; margin-right: -16px; } .img-menu-mobile::-webkit-scrollbar { height: 0; display: none; } .img-menu-mobile a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 120px; height: 100px; border-radius: 6px; background: #eee; padding: 12px; -ms-flex-negative: 0; flex-shrink: 0; } .img-menu-mobile a img { margin-top: auto; margin-left: auto; } @media (max-width: 991px) { .img-menu-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 360px) { .page-header__top { gap: 10px; } } .about-banner { background-image: url(/local/templates/izobilie_vkysa/css/../img/about-banner__img.webp); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 30px; padding: 80px 24px; position: relative; margin-bottom: 50px; } .about-banner:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient( linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(21.85%, rgba(255, 255, 255, 0.74)), color-stop(50.05%, rgba(255, 255, 255, 0.86)), color-stop(78.6%, rgba(255, 255, 255, 0.72)), to(rgba(255, 255, 255, 0)) ); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.74) 21.85%, rgba(255, 255, 255, 0.86) 50.05%, rgba(255, 255, 255, 0.72) 78.6%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.74) 21.85%, rgba(255, 255, 255, 0.86) 50.05%, rgba(255, 255, 255, 0.72) 78.6%, rgba(255, 255, 255, 0) 100%); } .about-banner__content { position: relative; z-index: 2; } .about-banner__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about-banner__title span { font-family: Unbounded; font-size: 40px; line-height: 120%; font-weight: 500; } .about-banner__title img { max-width: 565px; width: 100%; margin-left: 16px; } .about-banner__subtitle { font-family: Unbounded; font-weight: 500; margin-top: 25px; text-align: center; } .about-banner__subtitle span { color: #a31d1c; } .about__subtitle, .about__text { text-align: center; } .about__subtitle { margin-top: 30px; } .about__items { display: grid; grid-template-columns: repeat(3, calc(33.3333333333% - 33.3333333333px)); gap: 50px; margin: 50px 0; } .about__item { max-width: 325px; margin: 0 auto; text-align: center; } .about__item-img { width: 200px; margin: 0 auto; } .about__item-img img { width: 100%; } .about__item-title { font-size: 26px; line-height: 130%; font-weight: 500; margin-top: 20px; } .about__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #f2f2f2; border-radius: 30px; padding: 30px 40px; margin-top: 50px; } .about__bottom-desc { width: calc(100% - 490px); } .about__bottom-img { width: 470px; margin-left: 20px; } .about-feedback__img img, .about__bottom-img img { width: 100%; border-radius: 20px; } .about-feedback { padding: 50px 0 0; } .about-feedback__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .about-feedback__desc { width: calc(100% - 655px); background: #f2f2f2; border-radius: 30px; padding: 35px; } .about-feedback__form { width: 620px; margin-left: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about-feedback__img { margin-bottom: 32px; } .about-feedback__img img { height: 100%; min-height: 320px; } .about-feedback__title { font-size: 35px; line-height: 120%; color: #a31d1c; letter-spacing: 1.4px; margin-bottom: 6px; } .about-feedback .about-form { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background: #f0f0f4; border-radius: 30px; padding: 50px 33px; margin-top: 38px; } .about-feedback .about-form__group { margin: 0; padding: 0; border: 0; } .about-feedback .about-form__group:not(:first-child) { margin-top: 17px; } .about-feedback .about-form__group input { width: 368px; height: 67px; background: #fff; border-color: transparent; border-radius: 10px; padding: 5px 20px; font-size: 16px; line-height: 120%; } .about-feedback .about-form__group input::-webkit-input-placeholder, .about-feedback .about-form__group textarea::-webkit-input-placeholder, .connection__form-group input::-webkit-input-placeholder, .connection__form-group textarea::-webkit-input-placeholder { color: #75767c; } .about-feedback .about-form__group input::-moz-placeholder, .about-feedback .about-form__group textarea::-moz-placeholder, .connection__form-group input::-moz-placeholder, .connection__form-group textarea::-moz-placeholder { color: #75767c; } .about-feedback .about-form__group input:-ms-input-placeholder, .about-feedback .about-form__group textarea:-ms-input-placeholder { color: #75767c; } .about-feedback .about-form__group input::-ms-input-placeholder, .about-feedback .about-form__group textarea::-ms-input-placeholder, .connection__form-group input::-ms-input-placeholder, .connection__form-group textarea::-ms-input-placeholder { color: #75767c; } .about-feedback .about-form__group input::placeholder, .about-feedback .about-form__group textarea::placeholder, .connection__form-group input::placeholder, .connection__form-group textarea::placeholder { color: #75767c; } .about-feedback .about-form__group textarea { width: 100%; height: 204px; background: #fff; border-color: transparent; border-radius: 10px; padding: 20px; font-size: 16px; line-height: 120%; resize: none; } .about-feedback .about-form__btn { width: 340px; margin-top: 30px; } .about-feedback .about-form__info { font-size: 14px; line-height: 140%; color: #75767c; margin-top: 17px; } @media screen and (max-width: 1200px) { .about-feedback__desc { width: calc(100% - 530px); } .about-feedback__form { width: 500px; margin-left: 30px; } } @media screen and (max-width: 1150px) { .about__bottom { padding: 30px 24px; } .about__bottom-desc { width: calc(100% - 420px); } .about__bottom-img { width: 400px; } } @media screen and (max-width: 768px) { .about-banner__title span { font-size: 30px; } .about-banner__title img { max-width: 300px; } .about-banner__subtitle { margin-top: 15px; } .about__items { grid-template-columns: repeat(2, calc(50% - 15px)); gap: 30px; } .about__item-img { width: 120px; } .about__item-title { font-size: 20px; margin-top: 16px; } .about__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px; } .about__bottom-desc { width: 100%; text-align: center; } .about__bottom-img { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; max-width: 500px; margin: 0 auto 30px; } .about-feedback__desc { display: none; } .about-feedback__form { width: 100%; margin: 0; } .about-feedback__title { font-size: 28px; } } @media screen and (max-width: 576px) { .about-banner { padding: 40px 16px; margin-bottom: 20px; } .about-banner__title span { font-size: 16px; } .about-banner__title img { max-width: 220px; margin-left: 8px; } .about-banner__subtitle { font-size: 14px; } .about__items { grid-template-columns: 100%; } .about-feedback .about-form { padding: 24px; margin-top: 30px; } .about-feedback .about-form__group input { width: 100%; height: 52px; padding: 5px 14px; } .about-feedback .about-form__group textarea { height: 160px; padding: 17px 14px; } .about-feedback .about-form__btn { width: 100%; margin-top: 25px; } .about-feedback__form-top { text-align: center; } } @media screen and (max-width: 360px) { .about-banner__title img { max-width: 180px; } } .delivery { padding: 0 0 30px; } .delivery__top { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .delivery__link, .delivery__links, .delivery__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .delivery__links { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 15px; } .delivery__link { font-size: 18px; line-height: 120%; color: #585858; border-bottom: 1px dashed #9c9c9c; } .delivery__link i { margin-right: 5px; } .delivery__link i svg path { stroke: #585858; } .delivery__link:not(:first-child) { margin-left: 59px; } .connection__form-info label a:hover, .delivery__link:hover { color: #a31d1c; } .delivery__link--active i svg path, .delivery__link:hover i svg { stroke: #a31d1c; } .delivery__link--active { font-weight: 500; color: #a31d1c; border: 0; } .delivery__slider { position: relative; margin-top: 45px; } .delivery__swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .delivery-card { position: relative; height: auto; } .delivery-card__input { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; padding: 0; margin: 0; opacity: 0; cursor: pointer; } .delivery-card__input:checked ~ .delivery-card__desc { background: #fce8db; } .delivery-card__desc { height: 100%; background: #f9f9f9; border-radius: 25px; padding: 25px 12px; } .delivery-card__title { font-size: 20px; line-height: 120%; font-weight: 500; } .delivery-card__items { display: grid; grid-template-columns: 100%; gap: 15px; margin-top: 15px; } .delivery-card__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .delivery-card__icon { -ms-flex-negative: 0; flex-shrink: 0; width: 25px; margin-right: 15px; } .delivery-card__icon img { width: 100%; } .delivery-card__text { font-size: 16px; line-height: 140%; color: #6c6c6c; } .delivery-card__text span { font-size: 18px; line-height: 140%; color: #000; } .delivery .swiper-pagination { top: unset !important; bottom: -12px !important; height: 3px; background: 0 0; border-radius: 5px; } .delivery .swiper-pagination-progressbar-fill { background: #b4b4b4 !important; border-radius: 5px; } .payment { padding: 30px 0 50px; } .payment__links, .payment__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .payment__top { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .payment__links { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 15px; } .payment__link { max-width: 100px; } .payment__link img { max-width: 100%; } .payment__link:not(:first-child) { margin-left: 47px; } .payment__items { display: grid; grid-template-columns: repeat(4, calc(25% - 9px)); gap: 12px; margin-top: 40px; } .payment__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f9f9f9; border-radius: 10px; padding: 20px; } .payment__item-icon { -ms-flex-negative: 0; flex-shrink: 0; max-width: 43px; margin-right: 15px; } .payment__item-icon img { width: 100%; } .payment__item-desc { font-size: 16px; line-height: 140%; font-weight: 500; } .shipping-cost { padding: 50px 0 25px; } .shipping-cost__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } .shipping-cost__info { width: 220px; margin-right: 25px; } .shipping-cost__table { width: calc(100% - 245px); } .shipping-cost__item:not(:first-child) { margin-top: 60px; } .shipping-cost__icon { width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #a31d1c; border-radius: 50%; } .shipping-cost__icon img { max-width: 32px; } .shipping-cost__text { font-size: 20px; line-height: 140%; color: #6c6c6c; margin-top: 20px; } .shipping-cost table { width: 100%; border-spacing: 10px; } .shipping-cost table thead tr th { height: 72px; background: #fbe8db; border-radius: 10px; font-size: 25px; line-height: 120%; font-weight: 600; } .shipping-cost table thead tr th:nth-child(1) { width: 120px; background: rgba(163, 29, 28, 0.16); padding: 5px; font-size: 15px; font-weight: 500; } .shipping-cost table thead tr th:nth-child(2) { width: 120px; background: #fbe8db; padding: 5px; font-size: 15px; font-weight: 500; } .shipping-cost table thead tr th:nth-child(3) { width: 120px; background: #f9f9f9; padding: 5px; font-size: 15px; font-weight: 500; } .shipping-cost table tbody tr td { height: 96px; text-align: center; background: #f9f9f9; border-radius: 10px; font-size: 25px; line-height: 120%; letter-spacing: 0.55px; padding: 5px 20px; } .shipping-cost table tbody tr td:nth-child(1) { text-align: start; background: rgba(163, 29, 28, 0.16); font-size: 25px; } .refund { padding: 25px 0; } .refund__content { background: #f9f9f9; border-radius: 30px; padding: 50px 35px; text-align: center; margin-top: 30px; } .refund__subtitle, .refund__text { font-size: 25px; line-height: 140%; } .refund__text { font-size: 18px; color: #6c6c6c; margin-top: 14px; } .refund__items { display: grid; grid-template-columns: repeat(3, calc(33.3333333333% - 20px)); gap: 30px; margin-top: 50px; } .refund__item { max-width: 290px; margin: 0 auto; } .refund__item-icon { max-width: 100px; margin: 0 auto; position: relative; } .refund__item-icon img { max-width: 100%; position: relative; z-index: 1; } .refund__item-icon:after { content: ""; position: absolute; top: 15px; left: 0; width: 62px; height: 62px; background: #fedf4a; border-radius: 50%; } .refund__item-text { font-size: 20px; line-height: 120%; margin-top: 15px; } .refund__item-info { font-size: 18px; line-height: 120%; color: #6c6c6c; margin-top: 10px; } .refund__btn { width: 340px; margin: 80px auto 0; } .map { padding: 25px 0; } .map__top, .product .about-product__list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .map__search { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 962px; position: relative; margin-left: 32px; } .map__search input { width: 100%; height: 44px; background: #f0f0f4; border-color: transparent; border-radius: 8px; padding: 5px 15px 5px 40px; font-size: 14px; line-height: 120%; color: #75767c; } .map__search img { position: absolute; top: 50%; left: 15px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .map__content { margin-top: 25px; position: relative; } .map #map { width: 100%; height: 675px; } .map #map .ymaps-2-1-79-map { width: 100% !important; height: 100% !important; } .map #map .ymaps-2-1-79-inner-panes, .map__desc { border-radius: 20px; } .map__desc { max-width: 470px; background: #fff; -webkit-box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); padding: 32px; position: absolute; top: 50%; right: -200px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .map__subtitle, .map__text { font-size: 25px; line-height: 120%; } .map__text { font-size: 22px; margin-top: 20px; } .map__items { display: grid; grid-template-columns: 100%; gap: 15px; margin-top: 15px; } .map__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .map__item-icon { -ms-flex-negative: 0; flex-shrink: 0; max-width: 27px; margin-right: 15px; } .map__item-icon img { max-width: 100%; } .map__item-desc { max-width: 305px; font-size: 18px; line-height: 120%; color: #696969; } .map__item-copy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 42px; } .map__item-copy span { font-size: 16px; line-height: 120%; color: #64ad01; } .map__item-copy i { -ms-flex-negative: 0; flex-shrink: 0; width: 15px; margin-left: 15px; } .delivery-info { padding: 25px 0 0; } .delivery-info__inner { text-align: center; background: #f9f9f9; border-radius: 30px; padding: 40px 32px 70px; } .delivery-info__title { color: #6c6c6c; } .delivery-info__items { display: grid; grid-template-columns: repeat(3, calc(33.3333333333% - 62.6666666667px)); gap: 45px 90px; margin-top: 40px; } .delivery-info__item-icon { width: 50px; margin: 0 auto; } .delivery-info__item-icon img, .offers__download-desc i img { width: 100%; } .delivery-info__item-desc { font-size: 20px; line-height: 140%; color: #6f6f6f; margin-top: 24px; } @media screen and (max-width: 1800px) { .map__desc { right: 15px; } } @media screen and (max-width: 1200px) { .delivery__top { display: block; } .delivery__links { margin: 16px 0 0; overflow-x: auto; padding-bottom: 10px; } .delivery__links::-webkit-scrollbar { height: 3px; } .delivery__links::-webkit-scrollbar-track { background: 0 0; border-radius: 3px; } .delivery__links::-webkit-scrollbar-thumb { background: #b4b4b4; border-radius: 3px; } .delivery__link { -ms-flex-negative: 0; flex-shrink: 0; } .payment__top { display: block; } .payment__links { margin: 16px 0 0; overflow-x: auto; padding-bottom: 10px; } .payment__links::-webkit-scrollbar { height: 3px; } .payment__links::-webkit-scrollbar-track { background: 0 0; border-radius: 3px; } .payment__links::-webkit-scrollbar-thumb { background: #b4b4b4; border-radius: 3px; } .payment__link { -ms-flex-negative: 0; flex-shrink: 0; } .payment__items { grid-template-columns: repeat(2, calc(50% - 10px)); gap: 20px; } .shipping-cost .container { padding: 0; } .shipping-cost__title { padding-left: 20px; } .shipping-cost__content { display: block; } .shipping-cost__info { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 15px; margin: 0 0 50px; } .shipping-cost__table { width: 100%; padding-bottom: 10px; overflow-x: auto; } .shipping-cost__table::-webkit-scrollbar { height: 3px; } .shipping-cost__table::-webkit-scrollbar-track { background: 0 0; border-radius: 3px; } .shipping-cost__table::-webkit-scrollbar-thumb { background: #b4b4b4; border-radius: 3px; } .shipping-cost table { width: 1160px; padding: 0 15px; } .shipping-cost__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shipping-cost__item:not(:first-child) { margin: 0 0 0 20px; } .shipping-cost__icon { -ms-flex-negative: 0; flex-shrink: 0; } .shipping-cost__text { margin: 0 0 0 16px; } } @media screen and (max-width: 768px) { .delivery-card__title { font-size: 18px; } .delivery-card__text { font-size: 14px; } .delivery-card__text span { font-size: 16px; } .payment { padding: 30px 0; } .shipping-cost__info { overflow-x: auto; padding-bottom: 10px; } .shipping-cost__info::-webkit-scrollbar { height: 3px; } .shipping-cost__info::-webkit-scrollbar-track { background: 0 0; border-radius: 3px; } .shipping-cost__info::-webkit-scrollbar-thumb { background: #b4b4b4; border-radius: 3px; } .shipping-cost__item { -ms-flex-negative: 0; flex-shrink: 0; } .shipping-cost__icon { width: 32px; height: 32px; } .shipping-cost__icon img { max-width: 20px; } .shipping-cost__text { font-size: 16px; max-width: 220px; } .shipping-cost table { width: 992px; } .shipping-cost table thead tr th { font-size: 16px !important; } .shipping-cost table tbody tr td { height: 72px; font-size: 16px !important; } .refund__content { padding: 30px 16px; } .refund__subtitle { font-size: 22px; } .refund__text { font-size: 16px; } .refund__items { grid-template-columns: 100%; gap: 50px; } .refund__item-icon { max-width: 58px; } .refund__item-icon:after { top: 5px; left: -10px; width: 37px; height: 37px; } .refund__item-text { font-size: 18px; } .refund__item-info { font-size: 16px; } .refund__btn { margin-top: 50px; } .map__desc { position: static; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); max-width: 100%; background: #f2f2f2; margin-top: 20px; } .map__subtitle { font-size: 20px; } .map__text { font-size: 18px; } .map__item-icon { max-width: 22px; } .map__item-desc { font-size: 16px; } .map__item-copy { padding-left: 0; } .delivery-info__items { grid-template-columns: 100%; gap: 30px; } .delivery-info__item { max-width: 290px; margin: 0 auto; } .delivery-info__item-desc { font-size: 18px; margin-top: 16px; } } @media screen and (max-width: 768px) { .payment__items { grid-template-columns: 100%; } .map__top { display: block; } .map__search { margin: 30px 0 0; } } @media screen and (max-width: 576px) { .delivery__link { font-size: 16px; } .delivery__link:not(:first-child), .payment__link:not(:first-child) { margin-left: 20px; } .delivery__slider { width: calc(100% + 15px); } .payment__link { max-width: 90px; } .payment__item-icon { max-width: 32px; } .refund__btn { width: 100%; } .map #map { height: 500px; } .delivery-info__inner, .map__desc { padding: 32px 24px; } } @media screen and (max-width: 370px) { .delivery__slider { width: 100%; } } .offers { padding: 0 0 25px; } .offers__items { display: grid; grid-template-columns: repeat(4, calc(25% - 7.5px)); gap: 10px; margin-top: 30px; } .offers__item { text-align: center; background: #f9f9f9; border-radius: 10px; padding: 22px; } .offers__item-icon { max-width: 35px; margin: 0 auto; } .offers__item-icon img { max-width: 100%; } .offers__item-desc { margin-top: 6px; } .offers__item-title { font-size: 20px; line-height: 140%; } .offers__item-text { font-size: 16px; line-height: 140%; color: #6c6c6c; margin-top: 6px; } .offers__img { grid-column: 1/3; grid-row: 1/3; } .offers__img img { width: 100%; height: 100%; border-radius: 10px; } .offers__download, .offers__download-desc { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .offers__download { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #f9f9f9; border-radius: 10px; padding: 22px; } .offers__download-desc { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .offers__download-desc i { width: 40px; } .offers__download-desc span { font-size: 18px; line-height: 120%; margin-top: 8px; } .connection { padding: 25px 0 0; } .connection__form { margin-top: 34px; } .connection__form-grid { display: grid; grid-template-columns: repeat(2, calc(50% - 7.5px)); gap: 15px; } .connection__form-group { margin: 0; padding: 0; border: 0; } .connection__form-group input { width: 100%; height: 53px; background: #fff; border: 1px solid #dfdfdf; border-radius: 5px; padding: 5px 15px 5px 30px; font-size: 16px; line-height: 120%; } .connection__form-group input:-ms-input-placeholder, .connection__form-group textarea:-ms-input-placeholder { color: #75767c; } .connection__form-group textarea { width: 100%; height: 183px; background: #fff; border: 1px solid #dfdfdf; border-radius: 5px; padding: 15px 15px 15px 30px; font-size: 16px; line-height: 120%; resize: none; } .connection__form .big { grid-column: 1/3; } .connection__form-info { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; margin-top: 15px; } .connection__form-info input { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: pointer; } .connection__form-info input:checked ~ label:before { opacity: 1; pointer-events: all; } .connection__form-info label { font-size: 14px; line-height: 120%; color: #75767c; padding-left: 28px; } .connection__form-info label a { position: relative; z-index: 3; } .connection__form-info label:after { content: ""; position: absolute; top: -2px; left: 0; width: 20px; height: 20px; border: 1px solid #dfdfdf; border-radius: 5px; } .connection__form-info label:before { content: ""; position: absolute; z-index: 2; top: 1px; left: 3px; width: 14px; height: 14px; background: #a31d1c; border-radius: 3px; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .connection__form-btn { width: 100%; margin-top: 15px; } @media screen and (max-width: 1200px) { .offers__items { grid-template-columns: repeat(3, calc(33.3333333333% - 6.6666666667px)); } .offers__item { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .offers__img { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } } @media screen and (max-width: 768px) { .offers__items { grid-template-columns: repeat(2, calc(50% - 5px)); } .offers__item-icon { max-width: 32px; } .offers__item-title { font-size: 18px; } .offers__item-text { font-size: 14px; } .offers__img { grid-column: 1; grid-row: 1; } .connection__form-group input { padding: 5px 15px; } .connection__form-group textarea { height: 160px; padding: 15px; } } @media screen and (max-width: 768px) { .offers__items { grid-template-columns: 100%; gap: 16px; } .offers__download-desc, .offers__item-desc { max-width: 290px; margin: 0 auto; } .connection__form { background: #f0f0f4; border-radius: 24px; padding: 24px; } .connection__form-grid { grid-template-columns: 100%; } .connection__form-group input, .connection__form-group textarea { border-radius: 10px; } .connection__form .big { grid-column: 1; } } .contacts-main { padding-bottom: 25px; } .contacts-main__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background-image: url(/local/templates/izobilie_vkysa/css/../img/contacts-bg.webp); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 30px; padding: 80px 24px; color: #fff; } .contacts-main__title { font-size: 45px; line-height: 120%; } .contacts-main__text { max-width: 740px; margin: 27px auto 0; } .contacts-main__btn { width: 383px; margin: 70px auto 0; } .contacts-main__links { grid-template-columns: 100%; gap: 36px; display: none; } .contacts-main__link { display: inline-block; font-size: 22px; line-height: 120%; letter-spacing: 0.55px; text-decoration-line: underline; width: max-content; text-underline-offset: 5px; } .contacts-main__link:hover, .contacts__connection-item:hover span { color: #a31d1c; } .contacts-clients { padding: 25px 0 40px; } .contacts-clients__title { text-align: center; } .contacts-clients__item, .contacts-clients__items { display: -webkit-box; display: -ms-flexbox; display: flex; } .contacts-clients__items { width: calc(100% + 50px); -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } .contacts-clients__item { max-width: 553px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 50px 50px 0; } .contacts-clients__item-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 80px; margin-right: 30px; } .contacts-clients__item-icon img, .video-recipe__card .play img { width: 100%; } .contacts-clients__item-text { font-size: 22px; line-height: 140%; } .contacts-clients__item-text a { display: block; margin-top: 15px; } .contacts-clients__bottom { margin-top: 80px; } .contacts__grid { display: grid; grid-template-columns: repeat(2, calc(50% - 25px)); gap: 50px; } .contacts__grid:not(:first-child) { margin-top: 50px; } .contacts__item #map2, .contacts__item #map3 { width: 100%; height: 364px; } .contacts__item #map2 .ymaps-2-1-79-map, .contacts__item #map3 .ymaps-2-1-79-map { width: 100% !important; height: 100% !important; } .contacts__item #map2 .ymaps-2-1-79-inner-panes, .contacts__item #map3 .ymaps-2-1-79-inner-panes { border-radius: 10px; } .contacts__map-desc { margin-top: 32px; } .contacts__map-title { font-size: 22px; line-height: 140%; } .contacts__map-text { font-size: 16px; line-height: 140%; color: #696969; margin-top: 9px; } .contacts__connection-item i, .contacts__map-info { display: -webkit-box; display: -ms-flexbox; display: flex; } .contacts__map-info { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; } .contacts__select .nice-select { max-width: 170px; background: 0 0; border: 0; padding: 0 15px 0 0; width: auto; margin-left: 15px; } .contacts__select .nice-select:after { right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 9px; height: 5px; background-image: url(/local/templates/izobilie_vkysa/css/../img/select-arrow.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .contacts__select .nice-select .current { font-size: 18px; line-height: 120%; font-weight: 500; letter-spacing: 0.45px; } .contacts__select .nice-select .list li { font-size: 14px; padding: 10px 5px; } .contacts__connection { display: grid; grid-template-columns: 100%; gap: 20px; margin-top: 20px; } .contacts__connection-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .contacts__connection-item i { width: 20px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; } .contacts__connection-item i svg { max-width: 100%; height: auto; } .contacts__address-title, .contacts__connection-item span { font-size: 18px; line-height: 120%; } .contacts__address-title { color: #696969; } .contacts__address-text, .contacts__connection-item i { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__address-text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 15px; } .contacts__address-text i, .contacts__socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__address-text i { -ms-flex-negative: 0; flex-shrink: 0; width: 15px; margin-right: 10px; } .contacts__address-text i img { width: 100%; height: auto; } .contacts__address-text span { font-size: 20px; line-height: 120%; } .contacts__address-text:hover { color: #a31d1c; } .contacts__socials { margin-top: 30px; } .contacts__social { width: 43px; position: relative; } .contacts__social:not(:first-child) { margin-left: 43px; } .contacts__social svg { width: 100%; height: auto; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .contacts__social svg:nth-child(2) { position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; pointer-events: none; } .contacts__social:hover svg:nth-child(2) { opacity: 1; pointer-events: all; } .contacts__chart { margin-top: 30px; } .contacts__chart-title { font-size: 18px; line-height: 120%; color: #696969; } .contacts__chart-items { width: calc(100% + 35px); -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; } .contacts__chart-item, .contacts__chart-items, .contacts__day { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__chart-item { margin: 0 35px 35px 0; } .contacts__day { height: 44px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #a31d1c; border-radius: 10px; padding: 3px 12px; font-size: 18px; line-height: 120%; color: #fff; } .contacts__day2 { background: #75767c; } .contacts__time { font-size: 18px; line-height: 120%; margin-left: 15px; } .contacts__item-top { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } .contacts__item-top, .contacts__link, .contacts__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__link { width: 140px; height: 44px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #f9f9f9; border: 1px solid transparent; border-radius: 10px; padding: 5px; font-size: 18px; line-height: 120%; } .contacts__link:not(:first-child) { margin-left: 12px; } .contacts__link--active, .contacts__link:hover { background: 0 0; border: 1px solid #a31d1c; } .contacts__text { font-size: 18px; line-height: 140%; margin-top: 20px; } .stars, .stars__view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .stars__item { width: 22px; } .stars__item:not(:first-child) { margin-left: 5px; } .stars__item svg { width: 100%; height: auto; } .stars__rate { font-size: 20px; line-height: 120%; font-weight: 500; margin-left: 7px; } .contacts-suppliers { padding: 25px 0 0; } .contacts-suppliers__title { text-align: center; } .contacts-suppliers__top { margin-top: 30px; } .contacts-suppliers__cards { display: grid; grid-template-columns: repeat(3, calc(33.3333333333% - 26.6666666667px)); gap: 40px; } .contacts-suppliers__card { min-height: 220px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background: #fbe8db; border-radius: 25px; padding: 32px 24px; } .contacts-suppliers__card:nth-child(even) { background: #f0dbdb; } .contacts-suppliers__card-text { line-height: 160%; } .contacts-suppliers__card-text a { display: block; margin-top: 6px; } .contacts-suppliers__bottom { margin-top: 50px; } .contacts-suppliers__subtitle { text-align: center; } .contacts-suppliers__items { display: grid; grid-template-columns: repeat(3, calc(33.3333333333% - 40px)); gap: 40px 60px; margin-top: 44px; } .contacts-suppliers__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 390px; margin: 0 auto; } .contacts-suppliers__item-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 50px; margin-right: 15px; } .contacts-suppliers__item-text { font-size: 18px; line-height: 120%; } .contacts-suppliers__item-text a { display: block; font-size: 20px; line-height: 120%; margin-top: 10px; } @media screen and (max-width: 1200px) { .contacts-clients__items { width: 100%; display: grid; grid-template-columns: repeat(2, calc(50% - 25px)); gap: 50px; } .contacts-clients__item { max-width: 100%; margin: 0; } .contacts-suppliers__card-text { font-size: 20px; } .contacts-suppliers__items { grid-template-columns: repeat(3, calc(33.3333333333% - 26.6666666667px)); gap: 40px; } .contacts__item-top { display: block; } .contacts__links { margin: 30px 0 0; } } @media screen and (max-width: 768px) { .contacts-main__title { font-size: 30px; } .contacts-main__text { font-size: 20px; margin-top: 20px; } .contacts-main__btn { margin-top: 40px; } .contacts-clients__item-icon { width: 60px; } .contacts-clients__item-text { font-size: 18px; } .contacts-clients__bottom { margin-top: 50px; } .contacts__grid { grid-template-columns: 100%; gap: 30px; } .contacts-suppliers__cards { grid-template-columns: repeat(2, calc(50% - 10px)); gap: 20px; } .contacts-suppliers__card-text { font-size: 18px; } .contacts-suppliers__items { grid-template-columns: repeat(2, calc(50% - 15px)); gap: 30px; margin-top: 30px; } .contacts-suppliers__item { max-width: 100%; margin: 0; } } @media screen and (max-width: 768px) { .contacts-main__inner { min-height: 315px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding: 40px 30px; } .contacts-main__content { display: none; } .contacts-main__links { display: grid; } .contacts-clients__items { grid-template-columns: 100%; gap: 30px; } .contacts-clients__item { max-width: 343px; } .contacts-suppliers__cards { grid-template-columns: 100%; } .contacts-suppliers__card { min-height: 116px; } .contacts-suppliers__items { grid-template-columns: 100%; } } @media screen and (max-width: 576px) { .contacts__item #map { height: 232px; } .contacts__map-desc { margin-top: 20px; } .contacts__map-title { font-size: 20px; } .contacts__address-title, .contacts__chart-title, .contacts__select .nice-select .current { font-size: 16px; } .contacts__address-text span { font-size: 18px; } .contacts__chart-items { width: calc(100% + 15px); } .contacts__chart-item { margin: 0 15px 15px 0; } .contacts__day { font-size: 16px; } .contacts__time { font-size: 14px; margin-left: 12px; } .contacts__item-top { margin-bottom: 20px; } .contacts__text { font-size: 16px; margin-top: 15px; } .stars__item { width: 15px; } .stars__rate { font-size: 18px; } } @media screen and (max-width: 360px) { .contacts__map-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .contacts__select .nice-select { margin: 15px 0 0; } } .recipes { padding-bottom: 25px; } .recipes__slider { position: relative; } .recipes__slider-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 13px; } .recipes__swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .recipes .swiper-button-next, .recipes .swiper-button-prev { position: static; z-index: 2; width: 30px; height: 30px; background: #a31d1c; border-radius: 50%; margin-top: 0; } .basket .noUi-horizontal .noUi-handle:after, .basket .noUi-horizontal .noUi-handle:before, .recipes .swiper-button-next:after, .recipes .swiper-button-prev:after { display: none; } .recipes .swiper-button-next { margin-left: 12px; } .recipes .swiper-button-disabled { opacity: 0.5; } .recipes .swiper-pagination { z-index: 1; bottom: 7px; } .recipes .swiper-pagination-bullet-active { background: #df512d; } .recipes__search { margin-top: 38px; } .recipe-card { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #eee; border-radius: 20px; } .recipe-card__title { font-size: 20px; line-height: 120%; font-weight: 500; padding: 22px 16px; } .recipe-card__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .popular-recipe__card .popular-recipe__comments i svg, .popular-recipe__card .popular-recipe__rating i svg, .popular-recipe__card .popular-recipes__portion i svg, .popular-recipe__card .popular-recipes__time i svg, .popular-recipe__card .popular-recipes__views i svg, .recipe-card__img img, .video-recipe__card-btn svg { max-width: 100%; } .popular-recipes { padding: 25px 0; } .popular-recipes__slider { position: relative; margin-top: 50px; } .popular-recipes .swiper-button-prev { top: 40%; left: -60px; } .popular-recipes .swiper-button-next { top: 40%; right: -60px; } .popular-recipe__card { position: relative; } .popular-recipe__card .popular-recipe__top-text { position: absolute; top: 15px; left: 15px; background: rgba(255, 255, 255, 0.77); border-radius: 20px; padding: 4px 15px; font-size: 16px; line-height: 120%; color: #585858; letter-spacing: 0.96px; } .popular-recipe__card .popular-recipe__top-btns { position: absolute; top: 15px; right: 15px; display: grid; grid-template-columns: 100%; gap: 7px; } .popular-recipe__card .popular-recipe__top-btn { width: 43px; height: 43px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; border-radius: 50%; } .popular-recipe__card .popular-recipe__top-btn svg { max-width: 20px; } .basket__btn:hover i svg g, .basket__btn:hover i svg path, .popular-recipe__card .popular-recipe__top-btn:hover svg path, .product-card__btn:hover svg path, .product-recipes__card-portion:hover i svg path, .product-recipes__card-rating:hover i svg path, .product-recipes__card-time:hover i svg path { fill: #a31d1c; stroke: #a31d1c; } .popular-recipe__card-img img { width: 100%; border-radius: 20px; } .popular-recipe__card-desc { margin-top: 20px; } .popular-recipe__card .popular-recipe__info-left, .popular-recipe__card .popular-recipe__top-btn, .popular-recipe__card-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .popular-recipe__card-info { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } .popular-recipe__card .popular-recipe__info-left { -ms-flex-wrap: wrap; flex-wrap: wrap; } .popular-recipe__card .popular-recipe__info-right { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 10px; } .popular-recipe__card .popular-recipe__comments, .popular-recipe__card .popular-recipe__info-right, .popular-recipe__card .popular-recipe__rating, .popular-recipe__card .popular-recipes__portion, .popular-recipe__card .popular-recipes__time, .popular-recipe__card .popular-recipes__views { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .popular-recipe__card .popular-recipe__comments i, .popular-recipe__card .popular-recipe__rating i, .popular-recipe__card .popular-recipes__portion i, .popular-recipe__card .popular-recipes__time i, .popular-recipe__card .popular-recipes__views i { -ms-flex-negative: 0; flex-shrink: 0; max-width: 20px; margin-right: 4px; } .popular-recipe__card .popular-recipe__comments span, .popular-recipe__card .popular-recipe__rating span, .popular-recipe__card .popular-recipes__portion span, .popular-recipe__card .popular-recipes__time span, .popular-recipe__card .popular-recipes__views span { font-size: 18px; line-height: 120%; letter-spacing: 1.08px; } .popular-recipe__card .popular-recipe__rating, .popular-recipe__card .popular-recipes__portion { margin-right: 10px; } .popular-recipe__card .popular-recipes__views { color: #6c6c6c; margin-right: 10px; } .popular-recipe__card .popular-recipe__comments { color: #6c6c6c; } .video-recipes { padding: 25px 0 0; } .video-recipes__slider { position: relative; margin-top: 30px; } .video-recipes .swiper-button-prev { left: -60px; } .video-recipes .swiper-button-next { right: -60px; } .video-recipe__card { min-height: 473px; height: 100%; position: relative; } .video-recipe__card-btns { position: absolute; z-index: 3; top: 15px; right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-recipe__card-btns--active { opacity: 0; pointer-events: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .video-recipe__card-btn { max-width: 30px; } .video-recipe__card-btn:not(:first-child) { margin-left: 12px; } .video-recipe__card-title { position: absolute; z-index: 2; left: 0; right: 0; bottom: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(255, 255, 255, 0.78); padding: 24px 12px; pointer-events: none; } .video-recipe__card-title--active { opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .video-recipe__card .video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; border-radius: 20px; -o-object-fit: cover; object-fit: cover; } .video-recipe__card .play { position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 123px; cursor: pointer; } .video-recipe__card .play--active { opacity: 0; pointer-events: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media screen and (max-width: 1450px) { .popular-recipes .swiper-button-prev { left: -15px; } .popular-recipes .swiper-button-next { right: -15px; } .popular-recipe__card-info { display: block; } .popular-recipe__card .popular-recipe__info-right { margin: 12px 0 0; } .video-recipes .swiper-button-prev { left: -15px; } .video-recipes .swiper-button-next { right: -15px; } } @media screen and (max-width: 1200px) { .video-recipe__card { min-height: 400px; } } @media screen and (max-width: 768px) { .recipes__slider-nav { display: none; } .recipes__swiper { overflow: unset; } .popular-recipe__card .popular-recipe__comments span, .popular-recipe__card .popular-recipe__rating span, .popular-recipe__card .popular-recipes__portion span, .popular-recipe__card .popular-recipes__time span, .popular-recipe__card .popular-recipes__views span, .recipe-card__title { font-size: 16px; } .recipe-card__img { max-width: 100px; margin: 0 0 0 auto; } .recipe-card__img2 { max-width: 170px; } .popular-recipes__slider { margin-top: 30px; } .popular-recipes__slider-nav { display: none; } .popular-recipes__swiper { overflow: unset; } .popular-recipe__card .popular-recipe__top-text { font-size: 14px; } .popular-recipe__card .popular-recipe__top-btn { width: 25px; height: 25px; } .popular-recipe__card .popular-recipe__top-btn svg { max-width: 13px; } .popular-recipe__card-desc { margin-top: 15px; } .popular-recipe__card-title { font-size: 18px; } .popular-recipe__card-info { margin-top: 15px; } .video-recipes__slider-nav { display: none; } } @media screen and (max-width: 768px) { .video-recipe__card { min-height: 350px; } .video-recipe__card .play { width: 60px; } } @media screen and (max-width: 576px) { .video-recipe__card { min-height: 210px; } .video-recipe__card-title { padding: 12px; } .video-recipe__card .play { display: none; } } .basket-empty__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .basket-empty__img { width: 194px; margin: 0 auto; } .basket-empty__catalog i img, .basket-empty__img img, .basket__card-img img { width: 100%; } .basket-empty__title { margin-top: 50px; } .basket-empty__text { max-width: 420px; font-size: 20px; line-height: 140%; color: #949494; margin-top: 22px; } .basket-empty__catalog { width: 157px; height: 45px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #a31d1c; border-radius: 5px; margin-top: 35px; } .basket-empty__catalog span { font-size: 18px; line-height: 120%; color: #fff; } .basket-empty__catalog i { -ms-flex-negative: 0; flex-shrink: 0; width: 21px; margin-left: 12px; } .basket-empty__catalog, .basket__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket__info { margin-left: 40px; } .basket__info, .basket__stock, .basket__stock-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket__stock-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 15px; } .basket__stock-text { font-size: 20px; line-height: 120%; color: #64ad01; } .basket__order, .basket__order-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket__order { margin-left: 40px; } .basket__order-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 15px; } .basket__order-text { font-size: 20px; line-height: 120%; color: #ee842c; } .basket__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; } .basket__left { width: 770px; margin-right: 20px; } .basket__left .basket__group:not(:first-child) { margin-top: 30px; } .basket__right { width: calc(100% - 790px); } .basket__right .basket__group:not(:first-child) { margin-top: 20px; } .basket__subtitle { font-size: 25px; line-height: 120%; border-bottom: 1px solid #ebebeb; padding-bottom: 5px; } .basket__card, .basket__card-left, .basket__card-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket__card { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 25px; } .basket__card-left, .basket__card-right { width: 58%; } .basket__card-left .dropdown-order-item__close { display: none !important; } .basket__card-right { width: 42%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 25px; } .basket__card-img { -ms-flex-negative: 0; flex-shrink: 0; width: 68px; margin-right: 12px; } .basket__card-text { max-width: 210px; } .basket__card-text p:nth-child(1) { font-size: 16px; line-height: 120%; } .basket__card-text p:nth-child(2) { font-size: 14px; line-height: 120%; color: #6c6c6c; letter-spacing: 0.84px; margin-top: 5px; } .basket__card-info { margin-left: 25px; } .basket__card-info p:nth-child(1) { font-size: 14px; line-height: 120%; } .basket__card-info p:nth-child(2) { font-size: 14px; line-height: 120%; letter-spacing: 0.84px; margin-top: 28px; } .basket__card .green-text { color: #64ad01; } .basket__card .orange-text { color: #ee842c; } .basket .plus-minus, .basket .plus-minus button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket .plus-minus button { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 28px; height: 28px; background: #fff; border: 1px solid #a31d1c; border-radius: 50%; padding: 0; margin: 0; font-size: 25px; line-height: 105%; font-weight: 300; color: #a31d1c; } .basket .plus-minus button:first-of-type { opacity: 1; pointer-events: all; } .basket .plus-minus button:hover, .product .plus-minus button:hover { background: #a31d1c; color: #fff; } .basket .plus-minus input { opacity: 1; pointer-events: all; width: 40px; border: 0; text-align: center; font-size: 14px; line-height: 105%; font-weight: 500; margin: 0 5px; } .basket .prices { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket .dropdown-order-item__close, .basket .new-price, .basket .old-price { margin-left: 25px; } .basket .old-price span:nth-child(1) { font-size: 14px; line-height: 120%; color: #75767c; position: relative; } .basket .old-price span:nth-child(1):after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(15deg); -ms-transform: translate(-50%, -50%) rotate(15deg); transform: translate(-50%, -50%) rotate(15deg); width: 100%; height: 1px; background: #a31d1c; } .basket .old-price span:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #a31d1c; border-radius: 5px; color: #fff; font-size: 12px; line-height: 120%; padding: 3px; margin-top: 5px; } .basket .new-price span { font-size: 18px; line-height: 120%; } .basket__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket__btns2 { margin-top: 20px; } .basket__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; cursor: pointer; } .basket__btn:not(:last-child) { margin-right: 22px; } .basket__btn i { -ms-flex-negative: 0; flex-shrink: 0; width: 28px; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #75767c; border-radius: 50%; margin-right: 10px; } .basket__btn span { font-size: 18px; line-height: 120%; color: #75767c; } .basket__btn:hover i { border-color: #a31d1c; } .basket__btn2 span, .basket__btn:hover span { color: #a31d1c; } .basket__btn2 i { border: 1px solid #a31d1c; } .basket__wrap { background: #f9f9f9; border-radius: 10px; padding: 50px 24px; } .basket__wrap .red-btn { width: 100%; } .basket__form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .basket__form-text { font-size: 20px; line-height: 120%; color: #949494; margin-right: 24px; margin-bottom: 16px; } .basket__form-group { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 16px; } .basket__form-group input { width: 100%; height: 51px; background: #fff; border: 0.5px solid #a31d1c; border-radius: 10px; padding: 5px 55px 5px 15px; font-size: 16px; line-height: 120%; color: #949494; } .basket__form-btn { position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 51px; height: 51px; background: #a31d1c; border-radius: 10px; } .basket__payment { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; margin-bottom: 14px; } .basket__payment-desc { margin-right: 24px; margin-bottom: 16px; } .basket__payment-desc p:nth-child(1) { font-size: 25px; line-height: 120%; } .basket__payment-desc p:nth-child(2) { font-size: 16px; line-height: 120%; color: #6c6c6c; letter-spacing: 0.96px; margin-top: 5px; } .basket__payment-info { max-width: 325px; font-size: 16px; line-height: 120%; margin-right: 24px; margin-bottom: 16px; } .basket__payment2 { margin-top: 8px; } .basket__price { font-size: 30px; line-height: 105%; margin-bottom: 16px; } .basket__ranges { margin-bottom: 30px; } .basket__range { border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .basket__range:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; } .basket__range-group .range-price, .basket__range-title { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 120%; } .basket__range-title { font-size: 20px; letter-spacing: 1.2px; } .basket__range-title img { -ms-flex-negative: 0; flex-shrink: 0; width: 29px; margin-right: 10px; } .basket__range-text { font-size: 16px; line-height: 120%; color: #6c6c6c; letter-spacing: 0.96px; margin-top: 7px; } .basket__range-group { margin-top: 22px; } .basket__range-group .range-price { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; margin-top: 15px; } .basket__range-group .range-price span:not(:first-child) { margin-left: 3px; } .basket__range-output { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 120%; margin-top: 10px; } .basket__range-output span { margin-right: 3px; } .basket .disabled { opacity: 0.3; } .basket .noUi-horizontal .noUi-handle, .basket .noUi-target { background: 0 0; border-color: transparent; -webkit-box-shadow: unset; box-shadow: unset; } .basket .noUi-target { border-radius: 10px; } .basket .noUi-horizontal { height: 6px; } .basket .noUi-horizontal .noUi-handle { top: -15px; width: 36px; height: 36px; } .basket .noUi-horizontal .noUi-touch-area { background-image: url(/local/templates/izobilie_vkysa/css/../img/range-icon.svg); background-repeat: no-repeat; background-position: center; background-size: cover; } .basket .noUi-connects { height: 6px; background: #ebebeb; border-radius: 10px; } .basket .noUi-connect { background-image: -webkit-gradient(linear, right top, left top, from(#d8d6d6), color-stop(#9d9c9c), color-stop(#666565), color-stop(#343333), to(#000)); background-image: -o-linear-gradient(right, #d8d6d6, #9d9c9c, #666565, #343333, #000); background-image: linear-gradient(to left, #d8d6d6, #9d9c9c, #666565, #343333, #000); } .basket ._range-block2 .noUi-touch-area { background-image: url(/local/templates/izobilie_vkysa/css/../img/range-icon2.svg); } .order-basket { padding-bottom: 25px; } .order-basket__title { font-size: 40px; line-height: 120%; } .order-basket__subtitle { margin-top: 15px; } .order-basket__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: 40px; } .order-basket__left { width: 510px; border: 1px solid #cacaca; border-radius: 20px; padding: 40px; margin-right: 40px; } .order-basket__left .order-basket__item:not(:first-child) { margin-top: 70px; } .order-basket__right { width: calc(100% - 550px); border: 1px solid #cacaca; border-radius: 20px; padding: 40px; } .order-basket__right .order-basket__item:not(:first-child) { margin-top: 30px; } .order-basket__item, .order-basket__item-icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .order-basket__item-icon { width: 27px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-right: 12px; } .categories__item-show i img, .order-basket__item-icon img, .order-basket__item-img img, .order-basket__item-text i img { width: 100%; } .order-basket__item-title { font-size: 22px; line-height: 120%; font-weight: 500; color: #393939; } .order-basket__item-text { font-size: 22px; line-height: 130%; color: #393939; margin-top: 6px; } .order-basket__item-payment, .order-basket__item-text, .order-basket__item-text i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .order-basket__item-text i { -ms-flex-negative: 0; flex-shrink: 0; max-width: 18px; margin-right: 8px; } .order-basket__item-text span { line-height: 120%; } .order-basket__item-payment { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #f9f9f9; border-radius: 4px; padding: 12px 12px 0; margin-top: 10px; } .order-basket__item-payment span:nth-child(1) { color: #393939; margin-right: 24px; } .order-basket__item-payment span:nth-child(1), .order-basket__item-payment span:nth-child(2) { font-size: 18px; line-height: 120%; margin-bottom: 10px; } .order-basket__item-images { width: calc(100% + 12px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: 10px; } .order-basket__item-img { width: 67px; margin: 0 12px 12px 0; } .order-basket__item-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #f9f9f9; border-radius: 4px; padding: 12px 15px; } @media screen and (max-width: 1200px) { .basket__left { width: 600px; } .basket__right { width: calc(100% - 620px); } .basket__card { display: block; } .basket__card-left { width: 100%; padding-right: 40px; position: relative; } .basket__card-left .dropdown-order-item__close { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .basket__card-right { width: 100%; margin: 22px 0 0; } .basket__card-info { display: none; } .basket__card .old-price, .basket__card .prices { -webkit-box-ordinal-group: -2; -ms-flex-order: -3; order: -3; } .basket__card .old-price { margin: 0 25px 0 0; } .basket__card .new-price { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; margin: 0 25px 0 0; } .basket__card .dropdown-order-item__close { display: none; } } @media screen and (max-width: 1100px) { .basket__left { width: calc(100% - 420px); margin: 0; } .basket__right { width: 400px; margin-left: 20px; } .order-basket__left { margin-right: 30px; } .order-basket__left, .order-basket__right { width: 50%; padding: 30px 24px; } } @media screen and (max-width: 768px) { .basket-empty__img { width: 160px; } .basket-empty__title { margin-top: 30px; } .basket-empty__text { font-size: 16px; margin-top: 12px; } .basket-empty__catalog { margin-top: 20px; } .basket-empty__catalog span { font-size: 16px; } .basket__top { display: block; } .basket__info { margin: 20px 0 0; } .basket__stock-text { font-size: 16px; } .basket__order { margin-left: 20px; } .basket__order-icon { width: 19px; margin-right: 5px; } .basket__btn span, .basket__order-text { font-size: 16px; } .basket__content { display: block; margin-top: 16px; } .basket__left { width: 100%; } .basket__right { width: 100%; margin: 15px 0 0; } .basket__subtitle { font-size: 18px; } .basket__card { margin-top: 12px; } .basket__card-text p:nth-child(1) { font-size: 14px; } .basket__card-text p:nth-child(2) { font-size: 12px; } .basket__btns { display: none; } .basket__btns2 { display: -webkit-box; display: -ms-flexbox; display: flex; } .basket__wrap { padding: 30px 16px; } .basket__form { padding-bottom: 4px; } .basket__form-text { font-size: 16px; } .basket__form-group input { height: 44px; font-size: 14px; } .basket__form-btn { width: 44px; height: 44px; } .basket__payment { margin-bottom: 4px; } .basket__payment-desc p:nth-child(1) { font-size: 20px; } .basket__payment-desc p:nth-child(2), .basket__payment-info { font-size: 14px; margin-top: 12px; } .basket__price { font-size: 24px; } .basket__range-title { font-size: 18px; } .basket__range-text { font-size: 14px; } .order-basket__title { font-size: 26px; } .order-basket__subtitle { font-size: 18px; } .order-basket__content { margin-top: 30px; } .order-basket__left, .order-basket__rifgt { padding: 30px 12px; } .order-basket__item-icon { width: 25px; } .order-basket__item-text, .order-basket__item-title { font-size: 18px; } .order-basket__item-img { width: 45px; } } @media screen and (max-width: 768px) { .order-basket__content { display: block; } .order-basket__left { width: 100%; margin: 0 0 30px; } .order-basket__left .order-basket__item:not(:first-child) { margin-top: 30px; } .order-basket__right { width: 100%; } } @media screen and (max-width: 360px) { .order-basket__item-icon { width: 20px; } .order-basket__item-title { font-size: 16px; } .order-basket__item-text { font-size: 14px; } .order-basket__item-info { font-size: 16px; } .order-basket__item-payment span:nth-child(1), .order-basket__item-payment span:nth-child(2) { font-size: 14px; } } .catalog-banner { padding-bottom: 25px; } .catalog-banner__inner { background-image: url(/local/templates/izobilie_vkysa/css/../img/catalog-banner__img.webp); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 25px; padding: 32px 50px; color: #fff; font-family: Unbounded; } .catalog-banner__text { font-size: 18px; line-height: 120%; letter-spacing: 0.45px; margin-top: 10px; } .catalog-banner__info { font-size: 45px; line-height: 120%; background: -webkit-gradient(linear, left top, right top, from(#fedf4a), color-stop(49.45%, #df512d), color-stop(100%, #fb8a50), to(#fedf4a)); background: -o-linear-gradient(left, #fedf4a 0, #df512d 49.45%, #fb8a50 100%, #fedf4a 100%); background: linear-gradient(90deg, #fedf4a 0, #df512d 49.45%, #fb8a50 100%, #fedf4a 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 20px; } .product-catalog { padding-top: 25px; } .product-catalog__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-catalog__title i { -ms-flex-negative: 0; flex-shrink: 0; width: 48px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 15px; } .product-catalog__slider { margin-top: 30px; } .product-catalog__card, .product-catalog__title i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-catalog__card { min-height: 155px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #f8f8fa; border-radius: 20px; position: relative; } .product-catalog__card-title { padding: 15px 40px; } .product-catalog__card-img { position: absolute; top: 0; right: 0; bottom: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 200px; } .product-catalog__card-img img { max-width: 100%; height: 100%; } .product-catalog .menu-categories { margin-top: 24px; } .product-catalog .menu-categories a:last-child { display: block; } @media screen and (max-width: 768px) { .catalog-banner__inner { padding: 28px 24px; } .catalog-banner__text { font-size: 16px; } .catalog-banner__info { font-size: 30px; margin-top: 100px; } .product-catalog__card { min-height: 86px; } .product-catalog__card-title { font-size: 16px; padding: 16px; } } .categories__select .nice-select, .categories__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .categories__top { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 20px; } .categories__subtitle { font-size: 18px; line-height: 120%; margin-top: 20px; } .categories__settings { width: 24px; cursor: pointer; display: none; } .categories__settings svg, .product .about-product__btn i svg, .product .weight-info i svg, .product .weight-item i svg { width: 100%; height: auto; } .categories__select { margin-left: 32px; } .categories__select .nice-select { width: 222px; min-height: 43px; height: 100%; background: #f0f0f4; border-radius: 8px; padding: 5px 22px 5px 14px; } .categories__select .nice-select:after { top: 50%; right: 10px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 12px; height: 8px; background-image: url(/local/templates/izobilie_vkysa/css/../img/select-arrow2.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .categories__select .nice-select .current { font-size: 14px; line-height: 120%; font-weight: 600; } .categories__select .nice-select .list li { font-size: 16px; border-top: none; } .categories__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; } .categories__sidebar { width: 302px; margin-right: 24px; z-index: 10000!important; } .categories__sidebar-btn, .categories__sidebar-top { display: none; } .categories__cards { width: calc(100% - 326px); } .categories__item .checkboxes, .categories__items { display: grid; grid-template-columns: 100%; gap: 20px; } .categories__item { background: #fff; border: 1px solid #e4e4e4; border-radius: 15px; } .categories__item-show { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 16px; } .categories__item-show span { font-size: 16px; line-height: 120%; } .categories__item-show i { -ms-flex-negative: 0; flex-shrink: 0; width: 12px; margin-left: 24px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .categories__item-show--active i { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .categories__item-hidden { padding: 0 16px 16px; display: none; } .categories__item .checkboxes { gap: 10px; } .categories__item .checkbox { position: relative; } .categories__item .checkbox input { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: pointer; } .categories__item .checkbox input:checked ~ label:after { border: 1px solid #a31d1c; } .categories__item .checkbox input:checked ~ label:before, .making__checkbox input:checked ~ label:before, .product .sorting__checkbox input:checked ~ label:before { opacity: 1; pointer-events: all; } .categories__item .checkbox label { display: block; font-size: 16px; line-height: 120%; padding-left: 21px; position: relative; } .categories__item .checkbox label:after, .categories__item .checkbox label:before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 14px; height: 14px; border-radius: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .categories__item .checkbox label:after { border: 1px solid #e4e4e4; } .categories__item .checkbox label:before { background: #a31d1c; opacity: 0; pointer-events: none; } .categories__grid { display: grid; grid-template-columns: repeat(3, calc(33.3333333333% - 16px)); gap: 24px; } .categories__btn { width: 290px; height: 64px; background: #f0f0f4; border-radius: 8px; margin: 30px auto 0; } .categories__btn span { font-size: 20px; line-height: 120%; } .categories__btn:hover { background: #d6d6de; } .categories .pagination { margin-top: 30px; } @media screen and (max-width: 1250px) { .categories__grid { grid-template-columns: repeat(2, calc(50% - 12px)); gap: 24px; } } @media screen and (max-width: 768px) { .categories__top { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .categories__settings { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .categories__content { margin-top: 30px; } .categories__sidebar { position: fixed; z-index: 10; top: 0; left: -105%; right: 0; bottom: 0; width: 100%; height: 100%; background: #fff; padding: 0 15px 35px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; overflow-y: auto; padding-bottom: 70px; } .categories__sidebar--active { left: 0; } .categories__sidebar::-webkit-scrollbar { width: 3px; } .categories__sidebar::-webkit-scrollbar-track { background: 0 0; border-radius: 3px; } .categories__sidebar::-webkit-scrollbar-thumb { background: #b4b4b4; border-radius: 3px; } .categories__sidebar-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 16px 0; position: relative; } .categories__sidebar-top:after { content: ""; position: absolute; left: -15px; bottom: 0; width: calc(100% + 15px); height: 1px; background: #eee; } .categories__sidebar-title { font-size: 20px; line-height: 120%; } .categories__sidebar-back { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 12px; cursor: pointer; } .categories__sidebar-back svg { width: 100%; height: auto; } .categories__sidebar-btn { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 30px; } .categories__items { margin-top: 30px; } .categories__cards { width: 100%; } .categories__grid { grid-template-columns: repeat(3, calc(33.3333333333% - 16px)); } } @media screen and (max-width: 900px) { .categories__grid { grid-template-columns: repeat(2, calc(50% - 12px)); } } @media screen and (max-width: 768px) { .categories__grid { grid-template-columns: repeat(3, calc(33.3333333333% - 8px)); gap: 12px; } .categories__btn { width: 231px; height: 51px; margin-top: 20px; } .categories__btn span { font-size: 16px; } } @media screen and (max-width: 576px) { .categories__grid { grid-template-columns: repeat(2, calc(50% - 6px)); } } @media screen and (max-width: 360px) { .categories__grid { max-width: 174px; grid-template-columns: 100%; margin: 0 auto; } } .product { padding: 0 0 25px; } .product__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product__left { width: 620px; margin-right: 100px; } .product__right { width: calc(100% - 720px); } .product__slider { position: relative; } .product-card, .product__slider-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__slider-btns { position: absolute; right: 25px; bottom: 16px; } .product-card { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #eee; border-radius: 20px; position: relative; } .product-card__img { max-width: 400px; } .making-payment__info i img, .making__item-entrance i img, .making__tab-title i img, .product-card__img img, .shipping-methods__info i img { width: 100%; } .product-card__btns { position: absolute; top: 25px; right: 25px; } .product-card__btn { width: 59px; height: 59px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 50%; } .product-card__btn svg { max-width: 28px; } .product-card__btn:not(:first-child) { margin-top: 10px; } .product-card__art { position: absolute; right: 25px; bottom: 67px; font-size: 20px; line-height: 120%; color: #6c6c6c; letter-spacing: 1.2px; } .product .swiper-button-next, .product .swiper-button-prev { position: static; width: 35px; height: 35px; background: #fff; border-radius: 50%; margin-top: 0; } .product .swiper-button-next { margin-left: 14px; } .product .swiper-pagination-bullet { background: #fff; opacity: 1; } .product .swiper-pagination-bullet-active { background: #a31d1c; } .product__title { font-size: 40px; line-height: 120%; } .product__info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 12px; } .product .stars { margin: 0 24px 10px 0; } .product .stars__rate { color: #d9d9d9; } .product .weight { position: relative; margin-bottom: 10px; } .product .weight, .product .weight-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product .weight-item i { width: 16px; margin-right: 11px; } .product .weight-item span { font-size: 18px; line-height: 120%; color: #75767c; } .product .weight-info { position: relative; margin-left: 4px; } .product .weight-info i, .product__price { display: -webkit-box; display: -ms-flexbox; display: flex; } .product .weight-info i { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 14px; cursor: pointer; } .product .weight-info .hover-hide { position: absolute; left: 100%; bottom: 100%; width: 226px; background: #75767c; -webkit-box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); border-radius: 4px; font-size: 16px; line-height: 120%; color: #fff; padding: 10px 16px; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 1000; } .product .weight-info .hover-hide--active { opacity: 1; pointer-events: all; } .product__price { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; } .product__price-item { margin-bottom: 30px; } .product__price-item:not(:last-child) { margin-right: 50px; } .product__price-number { font-size: 30px; line-height: 120%; color: #64ad01; letter-spacing: 2.1px; } .product__price-text { font-size: 22px; line-height: 120%; color: #75767c; margin-top: 6px; } .product__add { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__add .product__price-number { margin: 0 24px 10px 0; } .product .plus-minus { margin-bottom: 10px; } .product .plus-minus button { width: 77px; height: 77px; border-radius: 70px; font-size: 60px; line-height: 100%; font-weight: 300; color: #a31d1c; cursor: pointer; } .product .plus-minus input { width: 120px; border: 0; text-align: center; font-size: 25px; line-height: 105%; font-weight: 500; margin: 0 15px; } .product__btn { width: 100%; margin-top: 30px; } .product__info2, .product__info2-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__info2 { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; } .product__info2-item { margin-bottom: 12px; } .product__info2-item:not(:last-child) { margin-right: 20px; } .product__info2-icon { -ms-flex-negative: 0; flex-shrink: 0; max-width: 21px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 8px; } .product .tabs .tab i img, .product__info2-icon svg { max-width: 100%; } .product__info2-text { font-size: 20px; line-height: 120%; color: #75767c; } .product .tabs { margin-top: 65px; } .product .tabs__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow-x: auto; padding-bottom: 10px; } .making__tabs-head::-webkit-scrollbar, .product .tabs__head::-webkit-scrollbar { height: 3px; } .making__tabs-head::-webkit-scrollbar-track, .product .tabs__head::-webkit-scrollbar-track { background: 0 0; border-radius: 3px; } .making__tabs-head::-webkit-scrollbar-thumb, .product .tabs__head::-webkit-scrollbar-thumb { background: #b4b4b4; border-radius: 3px; } .product .tabs__body { margin-top: 35px; } .product .tabs .tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 248px; height: 80px; border: 1px solid #f0f0f4; -webkit-box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); border-radius: 8px; cursor: pointer; } .product .tabs .tab:not(:last-child) { margin-right: 10px; } .product .tabs .tab--active { background: #f0f0f4; -webkit-box-shadow: unset; box-shadow: unset; } .product .tabs .tab i { max-width: 24px; margin-right: 10px; } .product .about-product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product .about-product__left { width: 510px; margin-right: 40px; } .product .about-product__right { width: calc(100% - 550px); } .product .about-product__list { display: grid; grid-template-columns: 100%; gap: 20px; } .product .about-product__list li span:nth-child(1) { font-size: 24px; line-height: 120%; font-weight: 600; color: #75767c; letter-spacing: 1.44px; } .product .about-product__list li span:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 290px; font-size: 20px; line-height: 120%; letter-spacing: 1.2px; background: #f0f0f4; border-radius: 5px; padding: 9px; margin-left: 12px; } .product .about-product__list li:last-child { display: block; } .product .about-product__list li:last-child span:nth-child(2) { margin: 10px 0 0; padding: 15px; } .product .about-product__info { margin-top: 20px; } .product .about-product__info-title { font-size: 24px; line-height: 120%; font-weight: 600; color: #75767c; letter-spacing: 1.44px; } .product .about-product__btn, .product .about-product__info-text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product .about-product__info-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 290px; background: #f0f0f4; border-radius: 5px; padding: 15px; margin-top: 10px; } .product .about-product__info-text, .product .about-product__text p { font-size: 20px; line-height: 120%; letter-spacing: 1.2px; } .product .about-product__btn { cursor: pointer; margin-top: 30px; display: none; } .product .about-product__btn-text span { font-size: 16px; line-height: 120%; letter-spacing: 0.96px; } .product .about-product__btn--active .about-product__btn-text span:nth-child(1), .product .about-product__btn-text span:nth-child(2), .product-structure__btn--active .about-product__btn-text span:nth-child(1), .product-structure__btn-text span:nth-child(2), .product-structure__item-title span:nth-child(2) { display: none; } .product .about-product__btn i { -ms-flex-negative: 0; flex-shrink: 0; width: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 8px; } .product .about-product__btn--active .about-product__btn-text span:nth-child(2), .product-structure__btn--active .about-product__btn-text span:nth-child(2) { display: block; } .product-reviews__sorting, .product-reviews__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-reviews__sorting { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 40px; } .product-reviews__items { display: grid; grid-template-columns: 100%; gap: 20px; margin-top: 24px; } .product-reviews__item { background: #f0f0f4; border-radius: 15px; padding: 24px; } .product-reviews__item-top { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-reviews__item-group, .product-reviews__item-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-reviews__btn span, .product-reviews__item-title { font-size: 20px; line-height: 120%; } .product-reviews__item-date { font-size: 16px; line-height: 120%; color: #686868; margin-left: 32px; } .product-reviews__item-text { font-size: 18px; line-height: 120%; margin-top: 20px; } .product-reviews .stars { margin: 0 0 0 12px; } .product-reviews__btn { width: 290px; height: 64px; background: #f0f0f4; border-radius: 8px; margin: 50px auto 0; } .product-reviews__btn:hover { background: #d6d6de; } .product-stars { margin-left: 10px; } .product-stars, .product-stars__view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-stars__item { width: 26px; } .product-stars__item svg { width: 100%; height: auto; } .product-stars__rate { font-size: 30px; line-height: 105%; font-weight: 600; color: #ee842c; margin-left: 3px; } .product-stars__text { font-size: 20px; line-height: 120%; color: #75767c; margin-left: 20px; } .product .sorting-text { font-size: 16px; line-height: 120%; font-weight: 500; } .product .sorting__wrap { margin-left: 20px; } .product .sorting__links, .product .sorting__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product .sorting__link { font-size: 16px; line-height: 120%; } .product .sorting__link:not(:first-child) { margin-left: 20px; } .product .sorting__link--active, .product .sorting__link:hover { color: #ee842c; } .product .sorting__checkbox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-left: 20px; } .product .sorting__checkbox input, .product-recipes__card-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .product .sorting__checkbox input { z-index: 2; margin: 0; padding: 0; cursor: pointer; opacity: 0; } .product .sorting__checkbox label { font-size: 16px; line-height: 120%; position: relative; padding-left: 36px; } .product .sorting__checkbox label:after, .product .sorting__checkbox label:before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 26px; height: 26px; border: 1px solid #dfdfdf; border-radius: 5px; } .product .sorting__checkbox label:before { z-index: 1; background: #a31d1c; border: 1px solid #a31d1c; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-recipes__cards { display: grid; grid-template-columns: repeat(3, calc(33.3333333333% - 30px)); gap: 45px; } .product-recipes__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-recipes__card:hover .product-recipes__card-img img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .product-recipes__card-img { position: relative; padding-bottom: 77%; overflow: hidden; } .product-recipes__card-img img { border-radius: 15px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .product-recipes__card-desc { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; } .product-recipes__card-title { font-size: 26px; line-height: 120%; letter-spacing: 1.3px; margin-bottom: auto; } .product-recipes__card-info { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } .product-recipes__card-info, .product-recipes__card-portion, .product-recipes__card-rating, .product-recipes__card-time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-recipes__card-portion i, .product-recipes__card-rating i, .product-recipes__card-time i { -ms-flex-negative: 0; flex-shrink: 0; width: 32px; margin-right: 10px; } .product-recipes__card-portion i svg, .product-recipes__card-rating i svg, .product-recipes__card-time i svg { max-width: 100%; width: 100%; height: auto; } .product-recipes__card-portion span, .product-recipes__card-rating span, .product-recipes__card-time span { font-size: 20px; line-height: 120%; letter-spacing: 1.2px; } .product-recipes__card-portion, .product-recipes__card-rating { margin: 0 15px 10px 0; } .product-recipes__card-time { margin: 0 0 10px; } .product-recipes__btn { width: 290px; height: 64px; background: #f0f0f4; border-radius: 8px; margin: 50px auto 0; } .product-recipes__btn span { font-size: 20px; line-height: 120%; font-weight: 500; } .product-recipes__btn:hover { background: #d6d6de; } .product-questions__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; position: relative; } .product-questions__form input { width: 100%; height: 61px; background: #f0f0f4; border: 1px solid transparent; border-radius: 8px; font-size: 18px; line-height: 120%; padding: 5px 40px; } .product-questions__form input::-webkit-input-placeholder { color: #a3a3a3; } .product-questions__form input::-moz-placeholder { color: #a3a3a3; } .product-questions__form input:-ms-input-placeholder { color: #a3a3a3; } .product-questions__form input::-ms-input-placeholder { color: #a3a3a3; } .product-questions__form input::placeholder { color: #a3a3a3; } .product-questions__btn { position: absolute; top: 0; right: 0; width: 248px; } .product .answer-title, .product .question { font-size: 18px; line-height: 120%; margin-top: 15px; } .product .answer-title { font-size: 16px; color: #75767c; } .product-structure__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-structure__left { width: 567px; margin-right: 53px; } .product-structure__right { width: calc(100% - 620px); } .product-structure__right .product-structure__group:not(:first-child) { margin-top: 30px; } .product-structure__subtitle { font-size: 24px; line-height: 120%; color: #75767c; } .product-structure__subtitle span { display: block; font-size: 20px; font-weight: 400; } .product-structure__text { background: #f0f0f4; border-radius: 5px; padding: 16px 30px; font-size: 20px; line-height: 140%; margin-top: 24px; } .product-structure__items { display: grid; grid-template-columns: repeat(4, calc(25% - 22.5px)); gap: 30px; margin: 30px 0; } .product-structure__item { text-align: center; } .product-structure__item-info { position: relative; margin: 0 auto; } .product-structure__item-info canvas { width: 115px !important; height: 115px !important; } .product-structure__item-info span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 35px; line-height: 105%; font-weight: 500; color: #75767c; } .product-structure__item .circle { width: 115px; height: 115px; margin: 0 auto; position: relative; } .product-structure__item-desc { margin-top: 16px; } .product-structure__item-text, .product-structure__item-title { font-size: 18px; line-height: 120%; color: #75767c; letter-spacing: 1.08px; } .product-structure__item-title { font-weight: 600; } .product-structure__item-text { margin-top: 3px; } .product-structure__bottom { margin-top: 30px; } .product-structure__bottom .product-structure__text { margin-top: 0; } .product-structure__btn, .product-structure__btn i { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-structure__btn { cursor: pointer; margin-top: 30px; display: none; } .product-structure__btn-text span { font-size: 16px; line-height: 120%; letter-spacing: 0.96px; } .product-structure__btn i { -ms-flex-negative: 0; flex-shrink: 0; width: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 8px; } .making__form-info i svg, .product-structure__btn i svg { width: 100%; height: auto; } .feedback { background-image: url(/local/templates/izobilie_vkysa/css/../img/feedback-bg.webp); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 50px 0; } .feedback__title { font-size: 40px; line-height: 137.5%; letter-spacing: 2.4px; } .feedback__form-info:hover a, .feedback__title span { color: #a31d1c; } .feedback__text { max-width: 685px; font-size: 18px; line-height: 140%; letter-spacing: 1.08px; margin-top: 20px; } .feedback__form { margin-top: 30px; } .feedback__form-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .feedback__form-group { margin: 0; padding: 0; border: 0; } .feedback__form-group input { width: 368px; height: 67px; background: #fff; border: 1px solid #fff; border-radius: 10px; padding: 5px 20px; font-size: 16px; line-height: 120%; } .feedback__form-group input::-webkit-input-placeholder, .feedback__form-group textarea::-webkit-input-placeholder { color: #75767c; } .feedback__form-group input::-moz-placeholder, .feedback__form-group textarea::-moz-placeholder { color: #75767c; } .feedback__form-group input:-ms-input-placeholder, .feedback__form-group textarea:-ms-input-placeholder { color: #75767c; } .feedback__form-group input::-ms-input-placeholder, .feedback__form-group textarea::-ms-input-placeholder { color: #75767c; } .feedback__form-group input::placeholder, .feedback__form-group textarea::placeholder { color: #75767c; } .feedback__form-group textarea { width: 763px; height: 204px; background: #fff; border: 1px solid #fff; border-radius: 10px; padding: 20px; font-size: 16px; line-height: 120%; resize: none; } .feedback__form .stars { margin-left: 40px; } .feedback__form .stars__rate { font-size: 16px; color: #75767c; margin: 0 20px 0 0; } .feedback__form-btn { width: 340px; margin-top: 20px; } .feedback__form-info { max-width: 346px; font-size: 14px; line-height: 140%; color: #75767c; margin-top: 15px; } @media screen and (max-width: 1400px) { .product .weight-info .hover-hide { left: unset; right: 0; } } @media screen and (max-width: 1200px) { .product-questions__form { height: 50px; } .product-questions__btn { width: 40%; height: 100%; } .product-questions__form input { padding: 0 10px; height: 50px; font-size: 14px; } .product__left { width: 500px; margin-right: 30px; } .product__right { width: calc(100% - 530px); } .product .tabs .tab { width: 200px; } .product .tabs .tab span { font-size: 20px; } .product .about-product__left { width: 450px; margin-right: 30px; } .product .about-product__right { width: calc(100% - 480px); } .product .about-product__list li span:nth-child(1) { font-size: 18px; } .product .about-product__list li span:nth-child(2) { min-width: 260px; font-size: 18px; } .product .about-product__text p { font-size: 16px; } .product-recipes__cards { grid-template-columns: repeat(3, calc(33.3333333333% - 20px)); gap: 30px; } .product-structure__left { width: 450px; margin-right: 30px; } .product-structure__right { width: calc(100% - 480px); } .product-structure__items { grid-template-columns: repeat(2, calc(50% - 15px)); } } @media screen and (max-width: 768px) { .product__inner { display: block; } .product__left { width: 100%; margin: 0 0 30px; } .product__right { width: 100%; padding-bottom: 80px; position: relative; } .product__slider-btns { position: static; } .product-card__img { max-width: 300px; } .product-card__btns { top: 15px; right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-card__btn { width: 32px; height: 32px; } .product-card__btn:not(:first-child) { margin: 0 0 0 7px; } .product-card__btn svg { max-width: 15px; } .product-card__art { right: 15px; bottom: 15px; } .product .swiper-button-next, .product .swiper-button-prev { position: absolute; } .product__title { font-size: 20px; } .product .stars__item { width: 19px; } .product .stars__rate { font-size: 16px; } .product .weight-item span { font-size: 14px; } .product__price { margin-top: 10px; justify-content: space-between; } .product__info { justify-content: space-between; } .product__price-item:not(:last-child) { margin-right: 15px; } .product__price-number { font-size: 24px; } .product__price-text { font-size: 16px; } .product .plus-minus button { width: auto; height: auto; border: unset; } .product .plus-minus button:hover { background: #fff; color: #a31d1c; } .product .plus-minus button:first-of-type { margin-bottom: 3px; } .product .plus-minus input { width: 70px; margin: 0 10px; } .product__btn { position: absolute; left: 0; right: 0; bottom: 0; } .product__info2 { margin-top: 0; } .product__info2-text { font-size: 14px; } .product .tabs .tab { width: auto; height: 50px; padding: 5px 20px; } .product .tabs .tab i { max-width: 20px; } .product .tabs .tab span { font-size: 18px; } .product .about-product__left { width: 100%; max-width: 500px; } .product .about-product__right { display: none; } .product-reviews__top { display: block; } .product-reviews__title { font-size: 24px; } .product-reviews__sorting { display: block; } .product-reviews__item { padding: 20px 16px; } .product-reviews__item-date { font-size: 12px; } .product-recipes__card-portion span, .product-recipes__card-rating span, .product-recipes__card-time span, .product-reviews__btn span, .product-reviews__item-text { font-size: 16px; } .product-reviews__btn { height: 47px; margin-top: 30px; } .product-stars { margin: 5px 0 0; } .product-stars__item { width: 17px; } .product-stars__rate { font-size: 20px; } .product-stars__text { font-size: 14px; margin-left: 12px; } .product .sorting__wrap { margin: 20px 0 0; } .product .sorting-text { font-size: 18px; font-weight: 500; } .product .sorting__link { font-size: 14px; } .product .sorting__checkbox, .product .sorting__link:not(:first-child) { margin-left: 12px; } .product .sorting__checkbox label { font-size: 14px; padding-left: 30px; } .product .sorting__checkbox label:after, .product .sorting__checkbox label:before { width: 20px; height: 20px; } .product-recipes__cards { grid-template-columns: repeat(3, calc(50% - 15px)); gap: 30px; } .product-recipes__card-title { font-size: 20px; } .product-recipes__card-portion i, .product-recipes__card-rating i, .product-recipes__card-time i { width: 26px; } .product-recipes__btn { height: 47px; margin-top: 30px; } .product .question, .product-recipes__btn span { font-size: 16px; } .product-structure__wrap { display: block; } .product-structure__left { width: 100%; margin: 0; } .product-structure__right { width: 100%; margin-top: 30px; } .product-structure__subtitle, .product-structure__subtitle span { font-size: 16px; } .product-structure__text { font-size: 18px; padding: 16px 12px; margin-top: 16px; } .product-structure__items { grid-template-columns: repeat(4, calc(25% - 7.5px)); gap: 10px; } .product-structure__item-info span { font-size: 20px; } .product-structure__item .circle { width: 78px; height: 78px; } .product-structure__item .circle canvas { width: 78px !important; height: 78px !important; } .product-structure__item-desc { margin-top: 12px; } .product-structure__item-title { font-size: 14px; } .product-structure__item-text { font-size: 14px; margin-top: 8px; } .feedback { padding: 30px 0; } .feedback__title { font-size: 28px; } .feedback__text { max-width: 600px; font-size: 16px; margin-top: 10px; } .feedback__form-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-bottom: 16px; } .feedback__form-group input { height: 54px; } .feedback__form-group textarea { width: 600px; height: 150px; } .feedback__form .stars { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin: 0 0 16px; } .feedback__form-btn { margin-top: 30px; } } @media screen and (max-width: 768px) { .feedback__form-group, .feedback__form-group input, .feedback__form-group textarea { width: 100%; } } @media screen and (max-width: 576px) { .product .about-product__list li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .product .about-product__list li span:nth-child(2) { min-width: unset; width: auto; margin: 10px 0 0; } .product .about-product__list li:nth-child(2) ~ li, .product-structure__item-title span:nth-child(1) { display: none; } .product .about-product__list--active li { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .product .about-product__btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .product-reviews__item-title { font-size: 18px; } .product-reviews__btn { width: 100%; } .product-reviews .stars__item { width: 12px; } .product-recipes__cards { grid-template-columns: 100%; } .product-recipes__btn { width: 100%; } .product-structure__right { display: none; } .product-structure__right--active { display: block; } .product-structure__bottom { display: none; } .product-structure__bottom--active { display: block; } .product-structure__item-title span:nth-child(2) { display: block; } .product-structure__btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .feedback__form-btn { width: 100%; } } @media screen and (max-width: 360px) { .product .sorting__wrap { display: block; } .product .sorting__checkbox { margin: 12px 0 0; } .product-structure__items { grid-template-columns: repeat(2, calc(50% - 7.5px)); gap: 15px; } .product-reviews__item-top { display: block; } .product-reviews__item-date { margin: 12px 0 0; } } .making__tab2, .making__tabs2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .making__tabs2 { margin-top: 22px; } .making__tab2 { width: 310px; height: 43px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background: #f9f9f9; border: 1px solid transparent; border-radius: 5px; font-size: 18px; line-height: 120%; cursor: pointer; } .making__tab2--active { background: #fff; border: 1px solid #000; } .making__tab2:not(:first-child) { margin-left: 27px; } .making__content { display: none; } .making__content--active { display: block; } .making__tabs { margin-top: 40px; } .making__tabs-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; overflow-x: auto; padding-bottom: 10px; } .making__tabs-body { margin-top: 50px; } .making__tab { -ms-flex-negative: 0; flex-shrink: 0; width: 305px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #f9f9f9; border: 1px solid transparent; border-radius: 15px; padding: 20px; cursor: pointer; } .making__tab:not(:last-child) { margin-right: 15px; } .making__tab-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .making__item-entrance i, .making__tab-title i { -ms-flex-negative: 0; flex-shrink: 0; width: 35px; margin-right: 10px; } .making__tab-title span { font-size: 20px; line-height: 120%; } .making__tab-price { margin-top: 40px; } .making__tab-price span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #a31d1c; border-radius: 5px; min-width: 110px; height: 30px; padding: 3px 10px; color: #fff; font-size: 18px; line-height: 120%; } .making .tab--active { background: #fff; border: 1px solid #000; } .making__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .making__left { width: 340px; margin-right: 40px; } .making__left .making__checkboxes { margin-top: 0; } .making__right { width: calc(100% - 380px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .making__mob-btn { width: 202px; height: 35px; background: #fff; border: 1px solid #a31d1c; border-radius: 7px; margin-left: auto; margin-bottom: 16px; display: none; } .making__mob-btn span { font-size: 16px; line-height: 120%; color: #262626; } .making__mob-btn:hover { background: #a31d1c; } .making__item-btn:hover span, .making__mob-btn:hover span { color: #fff; } .making__item-top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .making__item-title { font-size: 22px; line-height: 120%; margin-right: 24px; margin-bottom: 10px; } .making__item-entrance { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .making__item-entrance i { width: 18px; margin-right: 6px; } .making__item-entrance span { font-size: 18px; line-height: 120%; } .making__item-address { width: calc(100% - 470px); } .making__item-address2 { width: 340px; margin-right: 40px; } .making__item-map { width: 430px; margin-left: 40px; } .making__item-map .making__item-top { display: none; } .making__item-map2 { width: calc(100% - 380px); margin-left: 0; } .making__item-btn { width: 202px; height: 35px; background: #fff; border: 1px solid #a31d1c; border-radius: 7px; margin-left: auto; margin-bottom: 16px; } .making__item-btn span, .making__item-detailed { font-size: 16px; line-height: 120%; color: #262626; } .making__item-btn:hover { background: #a31d1c; } .making__item-detailed { color: #6c6c6c; margin-bottom: 10px; } .making__item-wrap { margin-top: 35px; } .making__item-group:not(:first-child) { margin-top: 30px; } .making #map, .making #map1\.1 { width: 100%; overflow: hidden; margin-top: 35px; } .making #map2, .making #map2\.1 { height: 270px; } .making #map2, .making #map2\.1, .making #map3, .making #map3\.1, .making #map4, .making #map4\.1 { width: 100%; overflow: hidden; margin-top: 35px; } .making #map .ymaps-2-1-79-map, .making #map1\.1 .ymaps-2-1-79-map, .making #map2 .ymaps-2-1-79-map, .making #map2\.1 .ymaps-2-1-79-map, .making #map3 .ymaps-2-1-79-map, .making #map3\.1 .ymaps-2-1-79-map, .making #map4 .ymaps-2-1-79-map, .making #map4\.1 .ymaps-2-1-79-map { width: 100% !important; height: 100% !important; } .making #map .ymaps-2-1-79-inner-panes, .making #map1\.1 .ymaps-2-1-79-inner-panes, .making #map2 .ymaps-2-1-79-inner-panes, .making #map2\.1 .ymaps-2-1-79-inner-panes, .making #map3 .ymaps-2-1-79-inner-panes, .making #map3\.1 .ymaps-2-1-79-inner-panes, .making #map4 .ymaps-2-1-79-inner-panes, .making #map4\.1 .ymaps-2-1-79-inner-panes { border-radius: 10px; } .making #map, .making #map1\.1, .making #map3, .making #map3\.1, .making #map4, .making #map4\.1 { height: 350px; } .making__form { display: grid; grid-template-columns: 100%; gap: 28px; margin-top: 35px; } .making__form-group { border: 0; margin: 0; padding: 0; } .making__form-group input { width: 100%; height: 44px; background: #fff; border: 1px solid #dfdfdf; border-radius: 5px; padding: 5px 20px; font-size: 16px; line-height: 120%; } .making__form-group input::-webkit-input-placeholder, .making__form-group textarea::-webkit-input-placeholder { color: #75767c; } .making__form-group input::-moz-placeholder, .making__form-group textarea::-moz-placeholder { color: #75767c; } .making__calendar input:-ms-input-placeholder, .making__form-group input:-ms-input-placeholder, .making__form-group textarea:-ms-input-placeholder { color: #75767c; } .making__form-group input::-ms-input-placeholder, .making__form-group textarea::-ms-input-placeholder { color: #75767c; } .making__form-group input::placeholder, .making__form-group textarea::placeholder { color: #75767c; } .making__form-group textarea { width: 100%; height: 94px; background: #fff; border: 1px solid #dfdfdf; border-radius: 5px; padding: 15px 20px; font-size: 16px; line-height: 120%; resize: none; margin-top: 15px; } .making__form-info span, .making__form-subtitle { font-size: 16px; line-height: 120%; letter-spacing: 0.4px; } .making__form-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; } .making__form-info i { -ms-flex-negative: 0; flex-shrink: 0; width: 15px; margin-right: 10px; } .making__form-info span { color: #5f5f5f; text-decoration-line: underline; } .making .map__text { margin-top: 0; } .making__checkboxes { display: grid; grid-template-columns: 100%; gap: 15px; margin-top: 15px; } .making__checkbox { position: relative; } .making__checkbox input { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; opacity: 0; } .making__checkbox label { display: block; font-size: 18px; line-height: 120%; position: relative; padding-left: 26px; } .making__checkbox label:after, .making__checkbox label:before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 18px; height: 18px; border: 1px solid #e4e4e4; border-radius: 3px; } .making__checkbox label:before { z-index: 1; background: #a31d1c; border: 1px solid #a31d1c; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .making__checkbox-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .making__calendar { margin-left: 16px; } .making__calendar input { width: 183px; height: 34px; background-color: #fff; border: 1px solid #dfdfdf; border-radius: 5px; background-image: url(/local/templates/izobilie_vkysa/css/../img/calendar-icon.svg); background-repeat: no-repeat; background-position: top 50%right 8px; background-size: 17px 20px; font-size: 14px; line-height: 120%; padding: 5px 10px; } .making__calendar input::-webkit-input-placeholder { color: #75767c; } .making__calendar input::-moz-placeholder { color: #75767c; } .making__calendar input::-ms-input-placeholder { color: #75767c; } .making__calendar input::placeholder { color: #75767c; } .making__calendar input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; } .making-payment { margin-top: 50px; } .making-payment__title { font-size: 22px; line-height: 120%; } .making-payment__checkboxes { width: calc(100% + 40px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: 30px; } .making-payment__checkbox { width: calc(50% - 40px); position: relative; margin: 0 40px 20px 0; } .making-payment__checkbox input { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; opacity: 0; } .making-payment__checkbox input:checked ~ .making-payment__checkbox-desc { background: #fff; border: 1px solid #000; } .making-payment__checkbox-desc, .making-payment__checkbox-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .making-payment__checkbox-desc { width: 100%; height: 100%; min-height: 82px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #f9f9f9; border: 1px solid transparent; border-radius: 10px; padding: 10px 16px; } .making-payment__checkbox-icon { -ms-flex-negative: 0; flex-shrink: 0; max-width: 40px; } .making-payment__checkbox-icon img { max-width: 100%; } .making-payment__checkbox-icon2 { max-width: 109px; } .making-payment__checkbox-title { font-size: 16px; line-height: 120%; margin-left: 15px; } .making-payment__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .making-payment__info i { -ms-flex-negative: 0; flex-shrink: 0; width: 16px; margin-right: 7px; } .making-payment__info p { font-size: 16px; line-height: 140%; color: #75767c; } .making-payment__btn { width: 440px; height: 65px; margin: 50px auto 0; } .shipping-methods { margin-top: 30px; } .shipping-methods__title { font-size: 22px; line-height: 120%; } .shipping-methods__group, .shipping-methods__info, .shipping-methods__info i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shipping-methods__info { margin-left: 24px; } .shipping-methods__info i { -ms-flex-negative: 0; flex-shrink: 0; width: 18px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 8px; } .shipping-methods__info p { font-size: 18px; line-height: 120%; color: #6c6c6c; } .shipping-methods__info2 { font-size: 20px; line-height: 120%; color: #ee842c; margin-top: 15px; } @media screen and (max-width: 1200px) { .making__mob-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .making__right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .making__right .making__form { margin-top: 0; } .making__item-address { width: 100%; } .making__item-address .making__item-top { display: none; } .making__item-map { width: 100%; margin: 30px 0 0 0; } .making__item-map .map1 { display: none; } .making__item-map.active .map1 { display: flex; } .making__item-map .making__item-top { display: -webkit-box; display: -ms-flexbox; display: flex; } .making__item-btn { display: none; } .making__item-wrap { margin-top: 0; } .making #map, .making #map1\.1, .making #map3, .making #map3\.1, .making #map4, .making #map4\.1 { height: 270px; } } @media screen and (max-width: 768px) { .making__link { width: auto; height: 40px; border-radius: 10px; padding: 5px 20px; font-size: 14px; } .making__link:not(:first-child) { margin-left: 15px; } .making__tabs { margin-top: 30px; } .making__tabs-head { width: calc(100% + 12px); } .making__tab { width: 260px; margin: 0 12px 0 0 !important; } .making__tab-price { margin-top: 25px; } .making__item-title { font-size: 20px; } .making__item-detailed { font-size: 14px; } .making__form { gap: 16px; } .making #map, .making #map1\.1, .making #map2, .making #map2\.1, .making #map3, .making #map3\.1, .making #map4, .making #map4\.1, .making__form { margin-top: 20px; } .making__checkbox label { font-size: 16px; } .making-payment__title { font-size: 20px; } .making-payment__checkbox { width: calc(50% - 40px) !important; } .making-payment__checkbox-icon { max-width: 32px; } .making-payment__checkbox-icon2 { max-width: 93px; } .making-payment__btn { height: 54px; } .shipping-methods__title { font-size: 22px; } .shipping-methods__group { display: block; } .shipping-methods__info { margin: 15px 0 0; } .shipping-methods__info p, .shipping-methods__info2 { font-size: 16px; } } @media screen and (max-width: 768px) { .making__mob-btn { width: 100%; height: 50px; margin-bottom: 50px; } .making__items { display: block; } .making__left { width: 100%; margin: 0 0 50px; } .making__right { width: 100%; } .making-payment__checkboxes { width: 100%; display: block; } .making-payment__checkbox { width: 100% !important; margin: 0; } .making-payment__checkbox:not(:first-child) { margin: 20px 0 0; } .making-payment__checkbox-desc { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .making-payment__info { margin-top: 30px; } .making-payment__btn { width: 100%; margin-top: 15px; } } .mobile-button-about { display: none; } @media screen and (max-width: 975px) { .mobile-button-about { display: block; margin: 20px auto 0; border-radius: 8px; width: 90%; background: url(/local/templates/izobilie_vkysa/css/../img/button-bg.png) no-repeat; background-size: 100% 100%; color: #fff; text-align: center; font-family: Gilroy; font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; padding: 19px; } } section.recipe { display: grid; grid-template-columns: 0.778fr 1fr; gap: 42px 23px; margin-top: 0; } section.recipe .popular-recipe__card { grid-row: span 2; max-width: 550px; margin: 0 auto; } section.recipe .popular-recipe__card-img img { width: 550px; max-width: 100%; } .recipe__title { font-size: 2.5rem; font-weight: 600; letter-spacing: 2px; margin-bottom: 17px; } @media (max-width: 991px) { .recipe__title { font-size: 24px; font-weight: 500; letter-spacing: 1.2px; } } .recipe__text { font: 400 1.25rem/1.285 var(--fontBody); letter-spacing: 1px; } @media (max-width: 991px) { .recipe__text { letter-spacing: 0.8px; font-size: 1rem; } } .recipe__info { border-top: 1px solid var(--colorBorder); padding-top: 25px; font-size: 1.125rem; letter-spacing: 1.08px; } @media (max-width: 1299px) { .recipe__info { font-size: 1rem; } } .recipe__rate { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .recipe__estimate, .recipe__rate, .recipe__values { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .recipe__estimate { color: var(--colorPurple); gap: 6px; } .recipe__values { gap: 20px 8px; margin-top: 25px; } @media (max-width: 800px) { .recipe__values { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .recipe__comments { width: 100%; } } .recipe__comments { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .ingredients--shortly { display: grid; gap: 80px; grid-template-columns: 550px 1fr; } .ingredients--shortly .ingredients__wrapper { display: block; -webkit-box-shadow: none; box-shadow: none; padding: 40px 27px 0; } .ingredients--shortly .ingredients__wrapper td { height: 93px; } .ingredients--shortly .ingredients__number { width: 90px; } .ingredients--shortly tr:last-child td { border: 0; } .ingredients--shortly .ingredients__title { margin-bottom: 10px; } @media (max-width: 800px) { .ingredients--shortly { gap: 0; } } @media (max-width: 991px) { .ingredients--shortly { display: block; } .ingredients--shortly .ingredients__wrapper { padding: 0; } .ingredients--shortly .ingredients__wrapper td { height: 63px; } .ingredients--shortly .ingredients__number { width: 80px; } } .ingredients__wrapper { border-radius: 20px; -webkit-box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); box-shadow: 1px 0 10px 0 rgba(112, 112, 112, 0.15); padding: 30px 25px 50px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; } .ingredients__wrapper table { font-size: 1.25rem; text-align: center; width: 100%; } .ingredients__wrapper table mark { font-weight: 500; color: var(--colorPurple); } .ingredients__wrapper table small { color: var(--colorGrayText); font-size: 1.125rem; } .ingredients__wrapper td { border-bottom: 1px solid #d9d9d9; height: 99px; padding: 5px; } .ingredients__wrapper td:first-child { text-align: left; padding-left: 0; } .ingredients__wrapper td:last-child { width: 85px; padding-right: 0; } .ingredients__title { font: 400 2.5rem/1 var(--fontBody); color: var(--colorPurple); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 35px; grid-column: 1/-1; } .ingredients__cost { width: 130px; } @media (max-width: 800px) { .ingredients__wrapper { padding: 30px 12px; } .ingredients__wrapper table { font-size: 1rem; } .ingredients__wrapper table td { height: 63px; } .ingredients__wrapper table td:last-child { width: 45px; } .ingredients__wrapper table svg { width: 40px; height: 36px; } .ingredients__wrapper table small { font-size: 0.875rem; } .ingredients__title { font-size: 1.5rem; margin-bottom: 24px; } .ingredients__title svg { width: 28px; height: auto; } .ingredients__cost { width: 90px; } } .ingredients__number { width: 120px; } @media (max-width: 800px) { .ingredients__number { width: 80px; } } .ingredients__manual-list { font: 400 1.25rem/1.25 var(--fontBody); } .ingredients__manual-list li { list-style-type: decimal; } @media (max-width: 991px) { .ingredients__wrapper { grid-template-columns: 100%; } .ingredients__manual-list { font-size: 1rem; padding-left: 20px; } .ingredients__manual-list li + li { margin-top: 16px; } } .recipe-manual { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; counter-reset: recipe-manual; } .recipe-manual .recipe__title { margin-bottom: 0; } @media (max-width: 991px) { .recipe-manual { gap: 30px; } } @media (max-width: 767px) { section.recipe { row-gap: 30px; } section.recipe .popular-recipe__card { grid-row: initial; } .recipe-manual, section.recipe { grid-template-columns: 100%; } } .recipe-manual__step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .recipe-manual__info { font: 400 1.25rem/1.25 var(--fontBody); position: relative; text-align: justify; } @media (max-width: 991px) { .recipe-manual__step { gap: 16px; } .recipe-manual__info { font: 400 1rem/1.56 var(--fontBody); padding-left: 25px; } } .recipe-manual__img { border-radius: 20px; max-width: 100%; margin: auto auto 0; } .recipe-comments { display: grid; grid-template-columns: 1fr 400px; gap: 57px 40px; } .recipe-comments .collapse, .recipe-comments__item header + p { margin-top: 20px; } .recipe-comments .collapse.open > .collapse__btn span:first-child { display: none; } .recipe-comments .collapse__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 383px; height: 64px; border-radius: 8px; background: #f0f0f4; margin-top: 30px; margin-left: auto; font-weight: 500; font-size: 1.25rem; } .recipe-comments aside { max-width: 400px; margin: 0 auto; } .recipe-comments__info { text-align: center; padding: 15px; border-radius: 5px; background: rgba(238, 132, 44, 0.28); margin-bottom: 40px; font-size: erm(18); letter-spacing: 0.06em; } @media (max-width: 991px) { .recipe-comments { display: block; } .recipe-comments .collapse__btn { margin-top: 10px; height: 47px; font-size: 1rem; } .recipe-comments aside { margin-top: 50px; } .recipe-comments__info { padding: 11px 16px; font-size: 0.875rem; margin-bottom: 30px; } } .recipe-comments__subtitle { font-size: 1.875rem; font-weight: 600; color: var(--colorGrayText); } .recipe-comments__body .recipe-comments__subtitle { margin-bottom: 50px; } .recipe-comments__item { border-radius: 15px; background: #f0f0f4; padding: 24px 17px 17px 34px; } .recipe-comments__item header time { color: #686868; } .recipe-comments__item p { font: 400 1.125rem/1.22 var(--fontBody); margin-top: 10px; max-width: 780px; } .recipe-comments__item + .recipe-comments__item { margin-top: 20px; } @media (max-width: 991px) { .recipe-comments__subtitle { font-size: 1.25rem; } .recipe-comments__body .recipe-comments__subtitle { display: none; } .recipe-comments__item { padding: 20px 16px; } .recipe-comments__item header time { font-size: 0.75rem; } .recipe-comments__item header + p { margin-top: 16px; } .recipe-comments__item p { font: 400 1rem/1.37 var(--fontBody); margin-top: 8px; } } .recipe-comments__name { font-weight: 500; font-size: 1.25rem; } .recipe-comments__qustion { font-weight: 500; font-size: 1.125rem; color: var(--colorPurple); margin-top: 15px; } .recipe-comments__answer { color: var(--colorGrayText); margin-top: 15px; } .recipe-comments__more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 55px; } .recipe-comments__more .link-underline-purple { letter-spacing: 0.06em; font-size: 1.125rem; } @media (max-width: 991px) { .recipe-comments__more .link-underline-purple, .recipe-comments__qustion { font-size: 1rem; } .recipe-comments__more { margin-bottom: 20px; } } .recipe-comments__dish-name { margin-top: 20px; font-weight: 600; font-size: 1.875rem; letter-spacing: 0.05em; } @media (max-width: 991px) { .recipe-comments__dish-name { font-size: 1.25rem; font-weight: 500; } } .recipe-comments__dish-info { margin-top: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.125rem; letter-spacing: 0.06em; } .recipe-comments__dish-info, .recipe-comments__dish-info > * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .recipe-comments__dish-info svg { margin-right: 5px; } .recipe-comments__dish-info p { color: var(--colorGray); } @media (max-width: 991px) { .recipe-comments__dish-info { margin-top: 8px; font-size: 1rem; } } @media (max-width: 479px) { .recipe-comments__dish-info p { display: none; } } .popular-recipes--product { padding-top: 0; margin-top: 50px; } .popular-recipe__card.popular-recipe__card-top .popular-recipe__top-text { transition: all .3s; } .modal__form-btn--login:hover { transition: all .3s; color: #fff; background: var(--colorPurpleHover) } .popular-recipe__card:active .popular-recipe__card-top .popular-recipe__top-text { background: darkred; color: #fff; } .making__tab.tab--active { position: relative; } .making__tab.tab--active:after { content: url("/local/templates/izobilie_vkysa/css/../img/check_small.svg"); position: absolute; right: 20px; top: 20px; border-radius: 50%; } /* End */ /* Start:/local/templates/izobilie_vkysa/components/bitrix/menu/footer/style.min.css?1710273113490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/izobilie_vkysa/components/bitrix/menu/footer/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/izobilie_vkysa/template_styles.css?174188217060*/ #panel { position: fixed; bottom: 0; z-index: 9999; } /* End */ /* /local/templates/izobilie_vkysa/css/libs.min.css?170720916838594 */ /* /local/templates/izobilie_vkysa/css/style.min.css?1718735981240458 */ /* /local/templates/izobilie_vkysa/components/bitrix/menu/footer/style.min.css?1710273113490 */ /* /local/templates/izobilie_vkysa/template_styles.css?174188217060 */