/** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ @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}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.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-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{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,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(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,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.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:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .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-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-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,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-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev: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:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s 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-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.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(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.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:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .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-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s 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:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,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-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,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:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.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{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.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{pointer-events:auto;visibility:visible}.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-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.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-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{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.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}} .nice-select{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:normal;height:38px;line-height:36px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left !important;transition:all .2s ease-in-out;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:"";display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;transform-origin:66% 66%;transform:rotate(45deg);transition:all .15s ease-in-out;width:5px}.nice-select.open:after{transform:rotate(-135deg)}.nice-select.open .nice-select-dropdown{opacity:1;pointer-events:auto;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 .nice-select-dropdown{left:0 !important;right:0 !important}.nice-select.right{float:right}.nice-select.right .nice-select-dropdown{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 .nice-select-dropdown{margin-top:4px;background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);pointer-events:none;position:absolute;top:100%;left:0;transform-origin:50% 0;transform:scale(0.75) translateY(19px);transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;z-index:9;opacity:0}.nice-select .list{border-radius:5px;box-sizing:border-box;overflow:hidden;padding:0;max-height:210px;overflow-y:auto}.nice-select .list:hover .option:not(:hover){background-color:rgba(0,0,0,0) !important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;outline:none;padding-left:18px;padding-right:29px;text-align:left;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}.nice-select .option.disabled{background-color:rgba(0,0,0,0);color:#999;cursor:default}.nice-select .optgroup{font-weight:bold}.no-csspointerevents .nice-select .nice-select-dropdown{display:none}.no-csspointerevents .nice-select.open .nice-select-dropdown{display:block}.nice-select .list::-webkit-scrollbar{width:0}.nice-select .has-multiple{white-space:inherit;height:auto;padding:7px 12px;min-height:36px;line-height:22px}.nice-select .has-multiple span.current{border:1px solid #ccc;background:#eee;padding:0 10px;border-radius:3px;display:inline-block;line-height:24px;font-size:14px;margin-bottom:3px;margin-right:3px}.nice-select .has-multiple .multiple-options{display:block;line-height:24px;padding:0}.nice-select .nice-select-search-box{box-sizing:border-box;width:100%;padding:5px;pointer-events:none;border-radius:5px 5px 0 0}.nice-select .nice-select-search{box-sizing:border-box;background-color:#fff;border:1px solid #e8e8e8;border-radius:3px;color:#444;display:inline-block;vertical-align:middle;padding:7px 12px;margin:0 10px 0 0;width:100%;min-height:36px;line-height:22px;height:auto;outline:0 !important;font-size:14px} /**************************\ Basic Modal Styles \**************************/ .modal { font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; } .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center; } .modal__container { background-color: #fff; padding: 30px; max-width: 500px; max-height: 100vh; border-radius: 4px; overflow-y: auto; box-sizing: border-box; } .modal__header { display: flex; justify-content: space-between; align-items: center; } .modal__title { margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 1.25rem; line-height: 1.25; color: #00449e; box-sizing: border-box; } .modal__close { background: transparent; border: 0; } .modal__header .modal__close:before { content: "\2715"; } .modal__content { margin-top: 2rem; margin-bottom: 2rem; line-height: 1.5; color: rgba(0,0,0,.8); } .modal__btn { font-size: .875rem; padding-left: 1rem; padding-right: 1rem; padding-top: .5rem; padding-bottom: .5rem; background-color: #e6e6e6; color: rgba(0,0,0,.8); border-radius: .25rem; border-style: none; border-width: 0; cursor: pointer; -webkit-appearance: button; text-transform: none; overflow: visible; line-height: 1.15; margin: 0; will-change: transform; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out,-webkit-transform .25s ease-out; } .modal__btn:focus, .modal__btn:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .modal__btn-primary { background-color: #00449e; color: #fff; } /**************************\ Demo Animation Style \**************************/ @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.is-open { display: block; } .micromodal-slide[aria-hidden="false"] .modal__overlay { animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1); } .micromodal-slide[aria-hidden="false"] .modal__container { animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1); } .micromodal-slide[aria-hidden="true"] .modal__overlay { animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1); } .micromodal-slide[aria-hidden="true"] .modal__container { animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } /*------------------------------------*\ #BASE \*------------------------------------*/ @font-face { font-family: "Montserrat"; src: url("/catalog/view/theme/cosmy/fonts/Montserrat-Regular.woff2") format("woff2"), url("/catalog/view/theme/cosmy/fonts/Montserrat-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/catalog/view/theme/cosmy/fonts/Montserrat-Medium.woff2") format("woff2"), url("/catalog/view/theme/cosmy/fonts/Montserrat-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Cormorant"; src: url("/catalog/view/theme/cosmy/fonts/Cormorant-Regular.woff2") format("woff2"), url("/catalog/view/theme/cosmy/fonts/Cormorant-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Cormorant"; src: url("/catalog/view/theme/cosmy/fonts/Cormorant-MediumItalic.woff2") format("woff2"), url("/catalog/view/theme/cosmy/fonts/Cormorant-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Cormorant"; src: url("/catalog/view/theme/cosmy/fonts/Cormorant-Medium.woff2") format("woff2"), url("/catalog/view/theme/cosmy/fonts/Cormorant-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Cormorant"; src: url("/catalog/view/theme/cosmy/fonts/Cormorant-SemiBold.woff2") format("woff2"), url("/catalog/view/theme/cosmy/fonts/Cormorant-Semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } * { box-sizing: border-box; margin: 0; padding: 0; } *::before, *::after { box-sizing: inherit; } a { color: currentColor; text-decoration: none; cursor: pointer; } img { max-width: 100%; height: auto; object-fit: cover; border-radius: inherit; } button, input, select { font-family: inherit; background-color: transparent; border: none; cursor: pointer; outline: none; } ul li { list-style: none; } blockquote { font-weight: 500; color: #8A181B; } strong { font-weight: 500; } :root { --swiper-pagination-color: #8A181B; --swiper-pagination-bullet-width: 30px; --swiper-pagination-bullet-height: 3px; --swiper-pagination-bullet-border-radius: 50px; --swiper-pagination-bottom: 0; --swiper-pagination-bullet-inactive-color: #FDE0E3; --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 3px; --swiper-navigation-size: 22px; --swiper-theme-color: #231F1F; --swiper-navigation-sides-offset: 0; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } input[type=checkbox], input[type=radio] { position: absolute; left: 0; opacity: 0; cursor: pointer; } textarea { display: block; resize: none; } fieldset { border: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #fff inset !important; box-shadow: 0 0 0 1000px #fff inset !important; -webkit-text-fill-color: #231F1F !important; transition: background-color 9999s ease-in-out 0s; } .d-block { display: block !important; } .d-none { display: none !important; } .hidden { display: none !important; } .d-flex { display: flex !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .flex-wrap { flex-wrap: wrap !important; } .d-grid { display: grid; gap: 4px; } .grid-center { place-items: center; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-column-gap-lg { grid-row-gap: 50px; } .grid-gap-xs { gap: 12px !important; } .grid-gap-sm { gap: 16px !important; } .w-100 { width: 100%; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 8px !important; } .mb-2 { margin-bottom: 12px !important; } .mb-3 { margin-bottom: 16px !important; } .mb-4 { margin-bottom: 24px !important; } .mb-5 { margin-bottom: 32px !important; } .mr-0 { margin-right: 0 !important; } .mr-1 { margin-right: 8px !important; } .mr-2 { margin-right: 16px !important; } .pt-0 { padding-top: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .p-block-0 { padding-block: 0 !important; } .text-dark { color: #231F1F; } .text-dark-gray { color: #2B2A2A; } .text-primary { color: #8A181B; } .text-success { color: #229628; } .font-medium { font-weight: 500 !important; } .order-n1 { order: -1; } .pos-relative { position: relative; } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; } /* gaps for cards */ .grid-card-gap { gap: 18px 8px; } @media (max-width: 991px) { .mobile-hidden { display: none !important; } } @media (min-width: 768px) { .d-md-grid { display: grid !important; } .d-md-block { display: block !important; } .d-md-none { display: none !important; } .d-md-flex { display: flex !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .d-md-grid { display: grid; } .grid-column-gap-lg { grid-row-gap: 50px; } .grid-cols-md-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-md-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-md-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-md-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-gap-md { gap: 22px !important; } .grid-gap-md-md { gap: 16px !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 8px !important; } .mb-md-2 { margin-bottom: 12px !important; } .mb-md-3 { margin-bottom: 16px !important; } .mb-md-4 { margin-bottom: 24px !important; } .mb-md-5 { margin-bottom: 32px !important; } .w-md-auto { width: auto; } .p-md-block-0 { padding-block: 0 !important; } .text-md-left { text-align: left !important; } } @media (min-width: 992px) { .d-lg-grid { display: grid !important; } .d-lg-block { display: block !important; } .d-lg-none { display: none !important; } .d-lg-flex { display: flex !important; } .d-lg-grid { display: grid; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .grid-cols-lg-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-gap-lg { gap: 32px !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 8px !important; } .mb-lg-2 { margin-bottom: 12px !important; } .mb-lg-3 { margin-bottom: 16px !important; } .mb-lg-4 { margin-bottom: 24px !important; } .mb-lg-5 { margin-bottom: 32px !important; } .mr-lg-0 { margin-right: 0 !important; } .mr-lg-1 { margin-right: 8px !important; } .mr-lg-2 { margin-right: 16px !important; } .mr-lg-4 { margin-right: 24px !important; } .w-lg-100 { width: 100%; } .order-lg-n1 { order: -1; } .grid-card-gap-lg { gap: 28px 16px; } } @media (min-width: 1280px) { .d-xl-grid { display: grid; } .d-xl-flex { display: flex !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .p-xl-block-0 { padding-block: 0 !important; } .grid-cols-xl-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .w-xl-100 { width: 100%; } .order-xl-n1 { order: -1; } } html, body { height: auto; } html { scroll-behavior: smooth; } body { position: relative; font-family: "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.2; font-weight: normal; color: #625F5F; background-color: #ffffff; scroll-behavior: smooth; min-width: 320px; overflow-y: auto; overflow-x: hidden; text-size-adjust: none; -webkit-text-size-adjust: 100%; } @media (max-width: 991px) { body[class$=is-open] { overflow: hidden; } } .wrapper { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; } main { flex-grow: 1; } .container { width: 100%; max-width: 1340px; margin: 0 auto; padding: 0 16px; } .container-narrow { max-width: 984px; } .container-extra-narrow { max-width: 580px; } section { position: relative; padding: 72px 0; } .section-primary { color: #ffffff; background-color: #8A181B; --swiper-theme-color: #ffffff; } .section-primary .section-title, .section-primary .section-subtitle { color: inherit; } .section-header { text-align: center; margin-bottom: 52px; } .section-header .section-title { margin-bottom: 12px; } .section-header .section-header-text { width: 80%; max-width: 470px; margin: 0 auto; } .sidebar .popular-queries__item { max-width: 235px; } [data-toggle=collapse] .arrow { transition: transform 0.3s ease; transform: rotate(0deg); } [data-toggle=collapse]:not(.collapsed) .arrow { transform: rotate(180deg); } /* Initial state (collapsed) */ .collapse { display: none; } /* Expanded (visible) */ .collapse.show { display: block; } /* Animation state */ .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } .back-btn { display: none; font-size: 16px; color: #231F1F; padding: 12px 0; } .back-btn svg { flex-shrink: 0; margin-right: 6px; } .icon { display: block; flex-shrink: 0; margin-right: 6px; } .no-scroll { overflow: hidden; } textarea.form-control { height: 120px !important; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { font-size: 12px; color: #A19F9F; } input::placeholder, textarea::placeholder { font-size: 12px; color: #A19F9F; } .masked { width: 100%; height: 100%; position: fixed; inset: 0; z-index: 10000; } .masked_loading { border: 3px solid #ccc; border-top-color: #666; border-radius: 50%; width: 4em; height: 4em; animation: spin 1s linear infinite; z-index: 10001; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } @keyframes spin { 100% { transform: translate(-50%, -50%) rotate(360deg); } } @media (max-width: 991px) { .nav-is-open::-webkit-scrollbar, .quick-links::-webkit-scrollbar { width: 8px; height: 8px; } .nav-is-open::-webkit-scrollbar-track, .quick-links::-webkit-scrollbar-track { background-color: #FDE0E3; } .nav-is-open::-webkit-scrollbar-thumb, .quick-links::-webkit-scrollbar-thumb { background-color: #8A181B; border-radius: 5px; } .sidebar .popular-queries { display: none; } } @media (min-width: 768px) { input::-ms-input-placeholder, textarea::-ms-input-placeholder { font-size: 14px; } input::placeholder, textarea::placeholder { font-size: 14px; } } @media (min-width: 992px) { section { padding: 100px 0; } .section-header { display: flex; text-align: left; margin-bottom: 60px; } .section-header .section-title { margin: 0 86px 0 0; } .section-header .section-header-text { font-size: 15px; margin: 0; } .hide-desktop { display: none !important; } } .preloader { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; padding: 15px; background: #FCFAF7; z-index: 12; --duration: 2.3s; animation: preloader-out var(--duration) both; } .preloader__logo { max-width: 320px; width: 100%; height: auto; } .preloader__logo path { fill: #9F171F; } .preloader__logo-left, .preloader__logo-right { animation: logo-mark-pop var(--duration) ease both; } .preloader__logo-text { clip-path: inset(0 100% 0 0); animation: logo-text-mask var(--duration) cubic-bezier(0.65, 0, 0.35, 1) both; } @keyframes logo-mark-pop { 0% { opacity: 0; transform: scale(0.85); } 35%, 100% { opacity: 1; transform: scale(1); } } @keyframes logo-text-mask { 0%, 45% { opacity: 1; clip-path: inset(0 100% 0 0); } 75%, 100% { opacity: 1; clip-path: inset(0 0 0 0); } } @keyframes preloader-out { 0%, 88% { transform: translateY(0); } 100% { transform: translateY(-100%); } } /*------------------------------------*\ #design-system \*------------------------------------*/ .btn { display: inline-flex; justify-content: center; align-items: center; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1; text-decoration: none; padding: 10px 12px; min-height: 40px; min-width: 180px; border-radius: 8px; box-shadow: none; background-color: transparent; border: 1px solid transparent; cursor: pointer; transition: 0.3s; } .btn:disabled, .btn:disabled:hover { color: #ffffff; background-color: #A19F9F; border-color: #A19F9F; cursor: not-allowed; box-shadow: none; transform: none; animation: none; } .btn:disabled svg, .btn:disabled:hover svg { transform: none; } .btn-icon { fill: #ffffff; flex-shrink: 0; margin-left: 6px; } .btn.js-dropdown:hover:before, .btn.js-filters-toggle:hover:before .btn-transparent-light:hover:before { display: none; } @media (min-width: 992px) { .btn { font-size: 16px; } } .btn-small { min-width: 196px; } @media (min-width: 992px) { .btn-small { font-size: 14px; min-width: 210px; } } .btn-big { min-height: 60px; } .btn-large { width: 100%; } @media (min-width: 768px) { .btn-large { max-width: 325px; } } .btn-wide { min-width: 270px; } @media (min-width: 992px) { .btn-wide { min-width: 284px; } } .btn-primary { color: #ffffff; border-color: #8A181B; background-color: #8A181B; transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease; } .btn-primary svg { transition: transform 0.25s ease; } .btn-primary:hover { color: #ffffff; background-color: #C8161B; border-color: #C8161B; transform: translateY(-2px); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12); } .btn-primary:hover svg { transform: scale(1.04); } /* @-webkit-keyframes subtlePulse { 0% { box-shadow: 0 0 0 0 rgba(138, 24, 27, .35); } 100% { box-shadow: 0 0 0 12px rgba(138, 24, 27, 0); } } @keyframes subtlePulse { 0% { box-shadow: 0 0 0 0 rgba(138, 24, 27, .35); } 100% { box-shadow: 0 0 0 12px rgba(138, 24, 27, 0); } } */ .btn-transparent { position: relative; background-color: transparent; overflow: hidden; z-index: 1; transition: all 0.35s; } .btn-transparent:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 6px; transform: translate(-100%, 0) rotate(50deg); transform-origin: top left; transition: all 0.35s; background-color: #C8161B; z-index: -1; } .btn-transparent:hover::before { transform: translate(0, 0); } .btn-transparent:disabled, .btn-transparent:disabled:hover { color: #A19F9F; background-color: transparent; } .btn-transparent:disabled:before, .btn-transparent:disabled:hover:before { display: none; } .btn-transparent-primary { color: #8A181B; border-color: #8A181B; } .btn-transparent-primary:hover { color: #ffffff; border-color: #C8161B; } .btn-transparent-secondary { color: #8A181B; border-color: #A19F9F; } .btn-transparent-secondary:hover { color: #ffffff; border-color: #8A181B; } .btn-transparent-light { color: #ffffff; border-color: #ffffff; } .btn-transparent-light:hover { color: #8A181B; background-color: #ffffff; } .btn-transparent-light:before { background-color: #ffffff; } .btn-inactive { background-color: #A19F9F; border-color: #A19F9F; cursor: not-allowed; } .btn-inactive:hover { color: #ffffff; background-color: #A19F9F; border-color: #A19F9F; transform: none; box-shadow: none; } .btn-inactive:hover svg { transform: none; } .btn-secondary { color: #625F5F; border-color: #D4D4D4; } .btn-secondary:hover, .btn-secondary.is-active { background-color: #F9EEED; color: #C25445; border-color: #F9EEED; } .btn-holder { text-align: center; } .btn-tall { width: 100%; } @media (min-width: 992px) { .btn-tall { height: 53px; } } .btn-option { display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 400; width: 100%; padding: 9px 16px; border: 0.5px solid #D4D4D4; border-radius: 5px; cursor: pointer; } .btn-option--with-img { width: 50px; height: 50px; padding: 0; border-width: 1px; } .btn-option:has(input[type=radio]:checked) { color: #C25445; background-color: #F9EEED; border-color: #F9EEED; } .btn-option--bold:has(input[type=radio]:checked) { font-weight: 500; } .btn-option--with-img:has(input[type=radio]:checked) { background-color: transparent; border-color: #C25445; } .btn-option__image { display: block; width: 100%; height: 100%; border-radius: 5px; } .btn-option__image img { display: block; width: 100%; height: 100%; padding: 8px; border-radius: inherit; } @media (min-width: 768px) { .btn-option { font-size: 14px; } } .modal { font-family: "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; } .modal__overlay { backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: 100; align-items: flex-start; } .modal__container { position: relative; width: 96%; padding: 52px 16px; border-radius: 10px; margin: auto; max-height: 100dvh; } @media (max-width: 767px) { #us-cart-modal.modal--cart-has-products .modal__container { min-height: 100dvh; } #us-cart-modal:not(.modal--cart-has-products) .modal__container { width: 96%; border-radius: 10px; } } .modal__content { margin: 18px 0 0; } .modal__header { justify-content: center; } .modal__title { font-size: 16px; font-weight: 400; text-align: center; color: #231F1F; } .modal__close { position: absolute; top: 16px; right: 16px; width: 24px; height: 24px; display: flex; justify-content: flex-end; align-items: center; background: transparent; color: #231F1F; border: 0; outline: none; z-index: 1; } .modal__btn { width: 100%; margin-top: 18px; } .modal__btn + .modal__btn { margin: 12px 0 8px; } .modal__header .modal__close:before { display: none; } .modal-swiper img { display: block; aspect-ratio: 406/577; object-fit: contain; } .modal__btn, .modal__btn:hover { transform: none; } .modal--certificate .modal__container { width: 100vw; max-width: 100vw; height: 100vh; max-height: 100vh; padding: 48px 12px 12px; border-radius: 0; overflow: auto; } .modal--certificate .modal__content { display: flex; justify-content: center; align-items: flex-start; min-height: calc(100vh - 60px); margin: 0; } .modal--certificate .modal-image { display: block; width: 100%; max-width: 100%; height: auto; max-height: none; } @media (min-width: 768px) { .modal__title { font-size: 25px; } .modal__container { width: 90%; padding: 52px 42px; border-radius: 20px; } .modal__container img { display: block; margin: 0 auto; max-height: 577px; } .modal__content { margin: 32px 0 0; } .modal__btn { margin-top: 32px; } .modal__btn + .modal__btn { margin: 12px 0 22px; } } @media (min-width: 768px) { .modal--certificate .modal__container { padding: 56px 24px 24px; } .modal--certificate .modal__content { min-height: calc(100vh - 80px); } .modal--certificate .modal__container img.modal-image { max-height: none; } } .modal--checkout .modal__container, .modal--wide .modal__container { width: 100%; max-width: 100%; border-radius: 0; padding-left: 16px; padding-right: 16px; } .modal--checkout .modal__title, .modal--wide .modal__title { font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 28px; line-height: 1; font-weight: 400; color: #231F1F; text-align: center; } .modal--checkout .modal__title .highlight, .modal--wide .modal__title .highlight { font-weight: 600; } @media (min-width: 768px) { .modal--checkout .modal__container, .modal--wide .modal__container { border-radius: 20px; max-width: 630px; padding: 32px; height: auto; min-height: auto; } .modal--checkout .modal__title, .modal--wide .modal__title { font-size: 30px; } .modal--checkout .modal__content, .modal--wide .modal__content { padding: 0; } .modal--checkout .modal__content .form--narrow, .modal--wide .modal__content .form--narrow { max-width: 390px; margin: 0 auto; } .modal--checkout-wide .modal__container, .modal--wide-wide .modal__container { max-width: 1200px; border-radius: 20px; } } .section-title { font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 28px; line-height: 1; font-weight: 400; color: #231F1F; text-align: center; margin-bottom: 42px; } .section-title .highlight { font-weight: 600; } .section-subtitle { font-family: "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; font-size: 14px; line-height: 1.2; font-weight: 500; color: #8A181B; margin-bottom: 6px; } .section-inner-title { margin-bottom: 34px; } .section-title--secondary { font-size: 20px; margin-bottom: 16px; } .section-title--secondary .section-subtitle { font-weight: 400; } .page-title { font-family: "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.1; font-weight: 400; color: #231F1F; } @media (min-width: 768px) { .section-title { font-size: 38px; margin-bottom: 70px; } .section-subtitle { font-size: 15px; } .section-inner-title { text-align: left; margin-bottom: 44px; } .section-title--secondary { font-size: 30px; margin-bottom: 32px; } .page-title { font-size: 22px; } } .list-unstyled li { padding: 0; } .list-unstyled li:before { display: none; } .list-info { list-style: none; } .list-info li { position: relative; padding-left: 12px; margin-bottom: 8px; } .list-info li:last-child { margin-bottom: 0; } .list-info li:before { content: ""; position: absolute; left: 0; top: 5px; width: 6px; height: 6px; border-radius: 50%; background-color: #8A181B; } @media (min-width: 768px) { .list-info li { margin-bottom: 12px; } .list-info li:last-child { margin-bottom: 0; } } .top-promo-bar { text-align: center; padding: 6px 0; color: #ffffff; min-height: 30px; background-color: #8A181B; z-index: 11; } .top-promo-bar-content { font-size: 14px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 992px) { .top-promo-bar-content { font-size: 15px; } } .info-note { display: flex; align-items: center; margin-top: 32px; } .info-note__icon { display: block; flex-shrink: 0; margin-right: 6px; } .info-note__text { font-size: 12px; cursor: pointer; } @media (min-width: 768px) { .info-note__text { font-size: 14px; } } .alert-block { top: 80px !important; display: block; border-radius: 10px; padding: 16px; background: #fff; box-shadow: 0 1px 8px 0 rgba(186, 186, 186, 0.3); max-width: 289px; } .is-scrolled .alert-block { top: 48px !important; } .alert-block__title { display: flex; align-items: center; color: #229628; font-size: 14px; font-style: normal; font-weight: 400; line-height: 120%; margin-bottom: 18px; } .alert-block__icon { flex-shrink: 0; margin-right: 8px; } @media (min-width: 768px) { .alert-block { padding: 24px; max-width: 383px; top: 90px !important; } } .link { color: #8A181B; text-decoration: underline; } .link-secondary { color: #C25445; text-decoration: underline; } .link-primary { color: #8A181B; } .link-primary:hover { text-decoration: underline; } .link-edit { position: relative; display: inline-flex; align-items: center; color: #2B2A2A; } .link-edit svg { display: block; flex-shrink: 0; margin-right: 6px; } .link-edit:after { content: ""; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background-color: #8A181B; transition: width 0.1s ease; } .link-edit:hover { color: #8A181B; } .link-edit:hover:after { width: 100%; } .nav-link { position: relative; display: block; font-size: 16px; font-weight: 500; color: #231F1F; border: none; background: none; border-radius: 0; cursor: pointer; transform: translateX(0); transition: transform 0.2s ease, color 0.1s ease; } .nav-link:last-child { margin-bottom: 0; } .nav-link:hover { color: #8A181B; } .nav-link.active { color: #8A181B; transform: translateX(16px); } .nav-link.active:before { content: ""; position: absolute; top: 50%; left: -16px; width: 6px; height: 6px; background-color: #8A181B; border-radius: 50%; transform: translateY(-50%); } .tab-content .tab-title { font-size: 20px; line-height: 1; font-weight: 500; margin-bottom: 24px; } .tab-pane { display: none; } .tab-pane.active { display: block; } @media (min-width: 768px) { .tab-content .tab-title { font-size: 30px; margin-bottom: 32px; font-weight: 400; } } .breadcrumbs { padding: 12px 0; } .breadcrumbs__list { display: flex; align-items: center; flex-flow: row wrap; font-size: 14px; line-height: 1.2; color: #A19F9F; } .breadcrumbs__item { display: flex; align-items: center; margin-bottom: 3px; } .breadcrumbs__item a { color: #231F1F; } .breadcrumbs__item svg { display: block; flex-shrink: 0; } .breadcrumbs__divider { margin: 0 3px; } @media (min-width: 768px) { .breadcrumbs { padding: 32px 0 8px; } } .pagination { padding-top: 36px; } .pagination__list { display: flex; align-items: center; justify-content: center; } .pagination__list li { margin: 0 4px; } .pagination__link, .pagination__btn { display: flex; align-items: center; justify-content: center; font-size: 14px; color: #231F1F; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #D4D4D4; background-color: #ffffff; transition: 0.2s ease; } .pagination__btn { color: #231F1F; border-color: #231F1F; } .pagination__btn:not(.pagination__btn--disabled):hover { color: #ffffff; background-color: #8A181B; border-color: #8A181B; } .pagination__btn--disabled { color: #A19F9F; border-color: #A19F9F; cursor: not-allowed; } .pagination__btn-prev { margin-right: 20px; } .pagination__btn-next { margin-left: 20px; } .pagination__link:hover { color: #ffffff; background-color: #8A181B; border-color: #8A181B; } .active .pagination__link { color: #ffffff; background-color: #8A181B; border-color: #8A181B; } @media (min-width: 992px) { .pagination { padding-top: 50px; } .pagination__link, .pagination__btn { font-size: 16px; width: 44px; height: 44px; } } .dropdown-menu { position: absolute; top: calc(100% + 8px); left: 0; padding: 8px; background-color: #ffffff; border-radius: 10px; box-shadow: 0px 1px 10px 0px rgba(186, 186, 186, 0.2); width: 100%; opacity: 0; visibility: hidden; transition: 0.3s; z-index: 2; } .dropdown-menu li a { display: block; font-size: 14px; line-height: 1.2; font-weight: 400; color: #231F1F; text-align: left; border-radius: 5px; background-color: #ffffff; padding: 4px 7px; margin-bottom: 2px; } .dropdown-menu li a:hover { background-color: #FDE0E3; } .is-open .dropdown-menu { opacity: 1; visibility: visible; } .is-open .icon-arrow { transform: scale(1, -1) translateY(-2px); } .form { color: #231F1F; } .form-caption { font-size: 14px; font-weight: 500; color: #231F1F; } .form-caption svg { display: block; flex-shrink: 0; margin-right: 6px; } .form-label { display: block; font-size: 14px; margin-bottom: 16px; } .form-item { position: relative; margin-bottom: 16px; } .form-item--floating { margin-bottom: 22px; } .form-item--floating .form-label { position: absolute; top: 50%; left: 12px; color: #D4D4D4; transform: translateY(-50%); font-size: 12px; margin-bottom: 0; pointer-events: none; transition: 0.2s ease all; } .form-item--floating input.form-control:focus + .form-label, .form-item--floating input.form-control:not(:placeholder-shown) + .form-label, .form-item--floating .nice-select.form-control.open + .form-label, .form-item--floating .nice-select:has(.current:not(:empty)) + .form-label { top: 0; left: 8px; background: #ffffff; padding: 0 4px; } .form-control { font-family: inherit; width: 100%; padding: 12px; font-size: 16px; font-weight: 400; line-height: 1; height: 43px !important; border: 1px solid #D4D4D4; border-radius: 8px; background: inherit; color: inherit; outline: none; box-shadow: none; -webkit-appearance: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s linear; } .form-control:focus { border-color: #2B2A2A; } .has-error .form-control { background-color: #ffffff; border-color: #E00006; } .form-description { font-size: 12px; line-height: 1.2; text-align: center; margin: 12px 0 10px; } .form .rating-item { color: #ffffff; stroke: #8A181B; } .form .rating-item:hover .rating-icon { transform: scale(1.1); color: #8A181B; } .form .rating-item.is-active { color: #8A181B; } .form .rating-icon { transform: scale(1); transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1); } .form .img-thumb-wrapper { margin-top: 30px; } .form .img-thumb-list { display: flex; align-items: center; justify-content: space-between; } .form .img-thumb { position: relative; display: flex; align-items: center; justify-content: center; flex-grow: 1; width: 22%; height: 70px; border-radius: 8px; color: #8A181B; font-size: 16px; font-weight: 500; padding: 10px 12px; text-align: center; cursor: pointer; border: 1px solid #8A181B; background-color: transparent; margin-right: 7px; } .form .img-thumb:last-child { margin-right: 0; } .form .img-thumb-preview { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; } .form .img-thumb-delete-button { position: absolute; top: -8px; right: -8px; display: flex; align-items: center; justify-content: center; color: #ffffff; width: 18px; height: 18px; background-color: #8A181B; border-radius: 50%; } .form .drop-text { display: none; } .form input[type=file] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; opacity: 0; } .form-btn-icon { flex-shrink: 0; margin-right: 8px; } .form-field { position: relative; max-width: 415px; } .form-field__message { font-size: 12px; color: #E00006; margin-top: 3px; } .form-field--error .form-control { border-color: #E00006; } .form-field--error + .form-field__message { display: block; } @media (min-width: 768px) { .form-group { grid-template-columns: repeat(2, minmax(0, 415px)); } .form-group .form-item, .form-group .form-item--floating { margin-bottom: 0; } .form-item { max-width: 415px; } .form-item--floating .form-label { font-size: 14px; } .form-description { font-size: 14px; margin-bottom: 16px; } .form .img-thumb { height: 99px; } } @media (min-width: 992px) { .form-caption { font-size: 15px; } .form-field__message { font-size: 14px; } } @media (min-width: 1280px) { .form-item--floating:last-of-type .form-label { transform: translateY(-50%); } .form-field--compact { max-width: 330px; } } .form-checkbox { position: relative; display: flex; align-items: center; cursor: pointer; font-size: 12px; line-height: 1.2; user-select: none; min-height: 16px; padding-left: 22px; } .form-checkbox b { font-weight: 500; } .form-checkbox-icon, .form-checkbox-icon:after { position: absolute; left: 0; top: 0; } .form-checkbox-icon { width: 16px; height: 16px; border: 1px solid #625F5F; border-radius: 4px; background-color: #fff; } .form-checkbox-icon:after { content: ""; width: 100%; height: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjMyODQgMy4yNzMwMkMxMi41MjExIDMuNDU1MTcgMTIuNjMzNSAzLjcwNjM3IDEyLjY0MSAzLjk3MTRDMTIuNjQ4NSA0LjIzNjQ0IDEyLjU1MDQgNC40OTM2IDEyLjM2ODQgNC42ODYzNUw2LjcwMTcyIDEwLjY4NjRDNi42MDk4OCAxMC43ODM0IDYuNDk5NTIgMTAuODYxMSA2LjM3NzE1IDEwLjkxNDhDNi4yNTQ3OCAxMC45Njg1IDYuMTIyODkgMTAuOTk3MSA1Ljk4OTI4IDEwLjk5OUM1Ljg1NTY2IDExLjAwMDggNS43MjMwMyAxMC45NzU5IDUuNTk5MjEgMTAuOTI1NkM1LjQ3NTM5IDEwLjg3NTQgNS4zNjI5IDEwLjgwMDggNS4yNjgzOSAxMC43MDY0TDIuMjY4MzkgNy43MDYzNUMyLjA5MTc1IDcuNTE2NzkgMS45OTU1OCA3LjI2NjA2IDIuMDAwMTYgNy4wMDY5OUMyLjAwNDczIDYuNzQ3OTIgMi4xMDk2OCA2LjUwMDc0IDIuMjkyODkgNi4zMTc1MkMyLjQ3NjExIDYuMTM0MzEgMi43MjMyOSA2LjAyOTM2IDIuOTgyMzYgNi4wMjQ3OUMzLjI0MTQzIDYuMDIwMjIgMy40OTIxNiA2LjExNjM4IDMuNjgxNzIgNi4yOTMwMkw1Ljk1NTA2IDguNTY1MDJMMTAuOTE1MSAzLjMxMzAyQzExLjA5NzIgMy4xMjAzNSAxMS4zNDg0IDMuMDA3OSAxMS42MTM0IDMuMDAwNEMxMS44Nzg1IDIuOTkyOSAxMi4xMzU2IDMuMDkwOTYgMTIuMzI4NCAzLjI3MzAyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-position: center; background-size: 14px; opacity: 0; transition: 0.15s ease-in-out; } .form-checkbox--large { min-height: 24px; } .form-checkbox--large .form-checkbox-icon { width: 24px; height: 24px; } .form-checkbox--large .form-checkbox-icon:after { background-size: 22px; } .form-checkbox-icon:hover { border-color: #8A181B; } input:checked + .form-checkbox-icon:after { opacity: 1; } input:checked + .form-checkbox-icon { border-color: #8A181B; background-color: #8A181B; } @media (min-width: 768px) { .form-checkbox { font-size: 14px; } } .form-radio { position: relative; display: flex; align-items: center; padding-left: 28px; cursor: pointer; user-select: none; } .form-radio input { position: absolute; opacity: 0; pointer-events: none; } .form-radio-icon { position: absolute; left: 4px; top: 50%; display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 50%; border: 1px solid #A19F9F; transform: translateY(-50%); transition: 0.2s ease; } .form-radio-icon::after { content: ""; width: 9px; height: 9px; background: #8A181B; border-radius: 50%; opacity: 0; transform: scale(0.6); transition: 0.2s ease; } .form-radio input:checked + .form-radio-icon { border-color: #8A181B; } .form-radio input:checked + .form-radio-icon::after { opacity: 1; transform: scale(1); } .form-radio-text { display: flex; align-items: center; color: #625F5F; } .form-radio-text img { display: block; margin-right: 8px; flex-shrink: 0; } .form-radio input:disabled + .form-radio-icon { border-color: #E0E0E0; background: #F5F5F5; cursor: not-allowed; } .form-radio input:disabled ~ .form-radio-text { color: #BFBFBF; cursor: not-allowed; } .form-radio input:disabled ~ .form-radio-icon::after { background: #BFBFBF; } @media (min-width: 768px) { .form-radio { font-size: 14px; } } .nice-select { display: flex; align-items: center; width: 100%; font-size: 12px; line-height: 1.2; padding: 0; height: 30px; border: 0.5px solid #D4D4D4; margin-bottom: 6px; } .nice-select .current { display: block; width: 100%; padding: 0 30px 0 12px; color: #231F1F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nice-select.open { border-radius: 5px 5px 0 0; } .nice-select:after { display: none; } .nice-select:before { content: ""; position: absolute; right: 11.5px; top: 50%; width: 18px; height: 18px; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgOC41TDguNSAxMy41TDMuNSA4LjUiIHN0cm9rZT0iIzIzMUYxRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); transform: translateY(-58%); pointer-events: none; } .nice-select.open:before { transform: translateY(-58%) rotate(180deg); } .nice-select .nice-select-dropdown { left: -0.5px; right: -0.5px; color: #231F1F; border-radius: 0 0 5px 5px; border: 0.5px solid #D4D4D4; border-top: none; box-shadow: none; margin-top: 0; padding: 6px; transform: translateY(19px); } .nice-select.open .nice-select-dropdown { transform: translateY(0); } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #D4D4D4; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #F9EEED; color: #C25445; } .nice-select .option { font-size: 12px; line-height: 1.2; font-weight: 500; padding: 6px; border-radius: 5px; white-space: normal; word-break: break-word; } @media (min-width: 992px) { .nice-select { height: 40px; } .nice-select .current, .nice-select .option { font-size: 14px; } } .form .nice-select { float: none; margin-bottom: 0; } .form .nice-select:before { opacity: 0.4; } .form .nice-select.open { border-radius: 8px; border-color: #2B2A2A; } .form .nice-select.open:before { opacity: 1; } .form .nice-select.open .nice-select-dropdown { left: 12px; right: 12px; padding: 0 6px; border-radius: 8px; background: #ffffff; box-shadow: 0 1px 10px 0 rgba(186, 186, 186, 0.2); margin-top: -4px; transform-origin: 50%; } .form .nice-select .option, .form .nice-select .option.selected { padding: 6px 0; font-weight: 400; padding: 6px 0; border-bottom: 1px solid #F0F0F0; } .form .nice-select .option:hover, .form .nice-select .option.focus, .form .nice-select .option.selected.focus { color: #231F1F; background-color: #ffffff; } .form .nice-select .option:first-of-type { display: none; } @media (min-width: 768px) { .form .nice-select { font-size: 14px; } .form .nice-select .option { font-size: 14px; } } .quantity { position: relative; display: flex; align-items: center; justify-content: flex-start; font-size: 18px; z-index: 1; } .quantity svg { display: block; flex-shrink: 0; } .quantity__btn { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 26px; height: 26px; color: #8A181B; background-color: #F9EEED; border-radius: 5px; border: 0.5px solid #FFEEF0; } .quantity__btn:disabled { color: #D4D4D4; border-color: #D4D4D4; background-color: transparent; cursor: default; } .quantity__btn:not(:disabled):hover { color: #8A181B; background-color: #F9EEED; border-color: #F9EEED; } .quantity__input { display: block; width: 32px; height: 27px; font-size: 16px; text-align: center; appearance: none; pointer-events: none; } .quantity__value { min-width: 36px; text-align: center; } @media (min-width: 992px) { .quantity__btn { width: 36px; height: 36px; } } .swiper-slide { height: auto; } .swiper-pagination { font-size: 0; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled, .swiper-button-next, .swiper-button-prev { outline: none; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin-bottom: 2px; } .swiper-gallery { position: static; } .swiper-gallery .swiper-slide { box-shadow: 0px 1px 10px 0px rgba(186, 186, 186, 0.2); } .swiper-gallery img { width: 100%; height: auto; max-height: 362px; object-fit: contain; object-position: bottom; } .swiper-gallery-container { --swiper-navigation-sides-offset: 0; --swiper-navigation-top-offset: calc(100% - 48px); position: relative; text-align: center; margin-bottom: 42px; } .swiper-gallery-thumbs-container { position: relative; display: inline-flex; padding: 0 24px; } .swiper-gallery-thumbs { padding: 16px 10px; max-width: 295px; } .swiper-gallery-thumbs .swiper-slide { position: relative; display: flex; width: 60px; height: 64px; border-radius: 5px; border: 1px solid transparent; transition: border 0.35s ease; } .swiper-gallery-thumbs .swiper-slide:last-child { margin-right: 0 !important; } .swiper-gallery-thumbs .swiper-slide-visible { box-shadow: 0 3px 10px 0 rgba(186, 186, 186, 0.5); } .swiper-gallery-thumbs .swiper-slide-thumb-active { box-shadow: none; border: 1px solid #FDE0E3; } .swiper-gallery-thumbs img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: inherit; } @media (min-width: 768px) { .swiper-gallery-container { padding: 0 0 0 40px; } .swiper-gallery img { min-height: 408px; } .swiper-gallery-thumbs-container { position: absolute; right: auto; bottom: auto; top: 50%; left: -10px; margin-top: 0; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: translateY(-50%); z-index: 11; } .swiper-gallery-thumbs-container .swiper-slide { border-radius: 10px; } .swiper-gallery-thumbs-container .swiper-slide:last-child { margin-bottom: 0 !important; } .swiper-gallery-thumbs-container .swiper-button-prev, .swiper-gallery-thumbs-container .swiper-button-next { position: relative; transform: rotate(90deg); margin-top: 0; } .swiper-gallery-thumbs { padding: 18px 10px; max-height: 430px; } .swiper-gallery-thumbs .swiper-slide { width: 80px; height: 85px; border-radius: 10px; } .swiper-gallery-thumbs img { object-fit: cover; } } @media (min-width: 992px) { .swiper-gallery-container { margin-bottom: 0; } } .info-panel { color: #231F1F; } .info-panel-title { font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 24px; font-weight: 400; text-align: center; margin-bottom: 24px; } @media (min-width: 768px) { .info-panel-title { margin-bottom: 0; } } @media (min-width: 992px) { .info-panel-title { font-size: 40px; } } .table-of-contents-list li { font-size: 14px; font-weight: 400; margin-bottom: 18px; transform: translateX(0); transition: transform 0.2s ease, color 0.1s ease; } .table-of-contents-list li:hover, .table-of-contents-list li.is-active { color: #8A181B; } .table-of-contents-list--disc li { position: relative; font-size: 16px; font-weight: 500; } .table-of-contents-list--disc li.is-active { transform: translateX(16px); } .table-of-contents-list--disc li.is-active:before { content: ""; position: absolute; top: 50%; left: -16px; width: 6px; height: 6px; background-color: #8A181B; border-radius: 50%; transform: translateY(-50%); } .table-of-contents-list:last-child { margin-bottom: 0; } .accordion__header { display: flex; align-items: center; justify-content: space-between; padding: 16px; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; } .accordion__inner { position: relative; max-height: 457px; overflow: auto; padding-right: 32px; } .accordion__content--short .accordion__inner { max-height: 148px; } .accordion__content--short:after { bottom: 0; } .accordion__toggle { display: flex; align-items: center; font-size: 14px; font-weight: 400; color: #231F1F; cursor: pointer; transition: color 0.3s ease; } .accordion__toggle--primary[aria-expanded=true] { color: #8A181B; } .accordion__toggle--success { color: #229628; } .accordion__btn { color: #231F1F; } .accordion__label { font-size: 14px; font-weight: 500; } .accordion__label--small { font-size: 12px; font-weight: 400; } .accordion__cancel { margin-top: 8px; } .accordion__icon { display: block; margin-right: 6px; transition: fill 0.3s ease; } .accordion__field--error .form-control { border-color: #E00006; } .accordion__content { position: relative; padding-top: 16px; transition: max-height 0.35s ease, opacity 0.25s ease; } @media (min-width: 992px) { .accordion__header { font-size: 15px; padding-left: 0; border: none; } .accordion__label { font-size: 15px; } .accordion__label--small { font-size: 14px; } .accordion__content--scrollable:after { bottom: 0; } .accordion__cancel { margin-top: 0; } .accordion .btn { min-width: 100px; } .accordion::-webkit-scrollbar { width: 8px; } .accordion::-webkit-scrollbar-track { background-color: #FDE0E3; } .accordion::-webkit-scrollbar-thumb { background-color: #8A181B; border-radius: 5px; } .accordion:-webkit-scrollbar-thumb:hover { background: #8A181B; } .accordion__inner { max-height: 388px; } } /*------------------------------------*\ #layout \*------------------------------------*/ .header { position: -webkit-sticky; position: sticky; top: 0; min-height: 60px; padding: 16px 0; background-color: #ffffff; transition: 0.2s; z-index: 12; } .is-scrolled .header { box-shadow: 0px 4px 10px 0px rgba(186, 186, 186, 0.2); } .header__toggle { position: relative; display: inline-flex; align-items: center; width: 36px; height: 9px; border: none; box-shadow: none; padding: 0 10px; } .header__toggle:before, .header__toggle:after { content: ""; position: absolute; width: 18px; height: 2px; border-radius: 2px; background-color: #231F1F; transform-origin: center; transition: 0.3s; } .header__toggle:before { top: 0; } .header__toggle:after { bottom: 0; } .nav-is-open .header .header__toggle { padding: 0; height: 30px; } .nav-is-open .header .header__toggle:before, .nav-is-open .header .header__toggle:after { width: 22px; height: 1px; left: 50%; top: 50%; } .nav-is-open .header .header__toggle:before { transform: translateX(-50%) rotate(45deg); } .nav-is-open .header .header__toggle:after { transform: translateX(-50%) rotate(-45deg); } .nav-is-open .header .header__wrapper { opacity: 1; visibility: visible; transform: translateX(0); } .header__top { position: relative; display: flex; align-items: center; } .header__logo { padding-left: 16px; } .header__search { display: flex; align-items: center; margin: 0 16px 0 auto; cursor: pointer; } .header__actions { display: flex; align-items: center; } .header__actions li { margin-right: 4px; } .header__actions li:last-child { margin-right: 0; } .header__actions-item { position: relative; display: block; color: #231F1F; line-height: 1; padding: 0 12px 0 0; } .header__actions-item-favorite svg { fill: #fff; } .header__actions-badge { position: absolute; top: -8px; right: 0; width: 22px; height: 22px; border-radius: 50%; background-color: #8A181B; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; color: #ffffff; } .header__actions-badge:empty { display: none; } .header__actions-badge.is-bump { animation: header-badge-bump 0.4s ease; transform-origin: center; } .header__user-auth { display: inline-flex; align-items: center; font-size: 14px; color: #231F1F; padding: 6px 10px; max-width: 160px; margin-right: 8px; border-radius: 10px; box-shadow: 0px 1px 8px 0px rgba(186, 186, 186, 0.3); } .header__user-auth span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } .header__user-auth-icon { flex-shrink: 0; fill: none; margin-right: 6px; } .header__user-auth--guest { color: #231F1F; } .header__user-auth--guest.registered .header__user-auth-icon { fill: #ffffff; } .header__user-auth--member { color: #8A181B; } .header__user-auth--member .header__user-auth-icon { fill: #8A181B; } .header__user-auth--member.registered .header__user-auth-icon { fill: #ffffff; } .header__wrapper { position: fixed; left: 0; top: 0; bottom: 0; width: 100%; max-width: 334px; padding: 24px 26px 24px 16px; background-color: #ffffff; opacity: 0; visibility: hidden; transform: translateX(-100%); transition: all 0.3s ease-in-out; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 12; } .header__language { margin-left: auto; margin-right: 8px; } .header__language-item { position: relative; font-size: 16px; text-transform: uppercase; box-shadow: none; color: #A19F9F; padding-right: 10px; margin-right: 4px; transition: 0.2s; } .header__language-item--active { color: #231F1F; pointer-events: none; } .header__language-item:hover { color: #231F1F; } .header__language-item:after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; border-radius: 2px; background-color: #A19F9F; transform: translateY(-50%) rotate(26deg); } .header__language-item:last-child { padding-right: 0; } .header__language-item:last-child:after { display: none; } .header__nav { display: flex; flex-direction: column; min-height: 100%; padding: 24px 0 0; } .header-nav-links + .header-nav-links { margin-top: 24px; } .header .contacts-list__item { color: #231F1F; padding: 13px 0; } .header .contacts-list__item:hover { color: #231F1F; } .header .footer__work-hours { color: #231F1F; } .header .footer__work-hours:hover { color: #231F1F; } .header__item { display: block; font-size: 14px; line-height: 1.2; font-weight: 500; color: #231F1F; padding: 13px 0; background-color: transparent; cursor: pointer; transition: 0.3s; } .header__item--gap { margin-top: 22px; } .header__item.is-open { padding-bottom: 0; } .header__item.is-open .header__item.is-open { padding-bottom: 13px; border-bottom: 1px solid #D4D4D4; } .header__item.is-active { color: #8A181B; } .header__item:hover { color: #8A181B; } .header__link { color: #231F1F; } .header__link.is-highlight { color: #8A181B; text-transform: uppercase; } .header__item.is-open .contacts-list { font-size: 14px; padding: 0; border-bottom: 1px solid #D4D4D4; } .nav-is-open { overflow-y: hidden; } .nav-is-open .overlay { position: fixed; inset: 0; background: rgba(33, 26, 26, 0.4); z-index: 11; } @media (min-width: 992px) { .header { min-height: 95px; padding: 24px 0 18px; } .is-scrolled .header { padding: 16px 0 11px; } .header__top { padding-bottom: 32px; } .is-scrolled .header__top { padding-bottom: 12px; } .header__language { order: -2; margin: 0; } .header__search { order: -1; margin: 0 0 0 24px; } .header__logo { position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding-left: 0; } .header__links-holder { display: flex; align-items: center; margin-left: auto; } .header__user-auth-icon { margin-right: 0; } .header__user-auth { box-shadow: none; min-width: auto; padding: 0; font-size: 16px; margin-right: 28px; transition: color 0.2s; } .header__actions li { margin-right: 16px; } .header__wrapper { position: static; opacity: 1; visibility: visible; padding: 0; max-width: none; transform: translateX(0); overflow: visible; } .header__nav { flex-direction: row; justify-content: center; min-height: auto; padding: 0; width: 100%; } .header-subnav-header { padding: 0; } .header-nav-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; } .header-nav-links li { margin-right: 10px; } .header-nav-links li:last-child { margin-right: 0; } .header__item { font-size: 16px; } .header-subnav-header { font-size: 18px; font-weight: 400; } .header__item:active { color: #0A4AEA; } .header__list .header__item:not(.header-subnav--l1) { font-weight: 500; } .header__list > .header__item, .header__list > .header__item:not(.header-subnav--l1) { font-weight: 400; } .header__list > .header__item { position: relative; padding: 5px; } .header__list > .header__item:after { content: ""; display: block; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1px; background-color: #8A181B; transform: scaleX(0); transform-origin: center; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header__list > .header__item:hover { color: #231F1F; } .header__list > .header__item:hover:after { transform: scaleX(1); } .header__toggle, .header__nav-contacts { display: none; } .header__logo img { width: 180px; } .nav-is-open { overflow-y: auto; -webkit-overflow-scrolling: touch; } .nav-is-open .header__wrapper { overflow: visible; } .nav-is-open .overlay { display: none; } } @media (min-width: 1400px) { .header__user-auth { max-width: 180px; } } @keyframes header-badge-bump { 0% { transform: scale(1); } 35% { transform: scale(1.26); } 60% { transform: scale(0.96); } 100% { transform: scale(1); } } .header-subnav-header { position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; background-color: transparent; padding-right: 18px; text-align: left; border: none; border-radius: 0; font-size: 14px; font-weight: 500; color: #231F1F; text-decoration: none; cursor: pointer; } .header-subnav-header:hover { text-decoration: none; } .header-subnav-header[aria-expanded=true] { margin-bottom: 12px; } .header-subnav-header:after, .header-subnav-header[aria-expanded=true]::after { content: ""; position: absolute; top: 50%; right: 0; width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMDIyOTkgOS41MDA0NUwxNS45NzcgOS41MDA0NU05IDIuNTIzNDRMOSAxNi40Nzc1IiBzdHJva2U9IiMyMzFGMUYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); transform: translateY(-50%); } .header-subnav-header[aria-expanded=true]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgOS41TDE2IDkuNSIgc3Ryb2tlPSIjMjMxRjFGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==); } .header-subnav--l2 .header-subnav-header + .header-subnav-body li { padding: 6px 0; font-weight: 400; } .header-subnav > .header__link { display: none; } .header-subnav-body { padding-left: 12px; } .header__list { list-style: none; } @media (min-width: 992px) { .header__list-root { position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; } .header-subnav-header::after { display: none; } .header-subnav--l1:hover > .header-subnav-body { position: fixed; top: 100%; left: 0; right: 0; display: block; max-width: 1340px; margin: 0 auto; max-height: 565px; overflow: visible; background-color: #ffffff; padding: 40px 30px 30px; border-radius: 20px; z-index: 11; } .header-subnav--l1:hover > .header-subnav-body:before { content: ""; position: absolute; top: 30px; left: 0; right: 0; bottom: 0; width: 100%; border-radius: 20px; background-color: #ffffff; box-shadow: 0px 4px 10px 0px rgba(186, 186, 186, 0.2); z-index: -1; } .header-subnav--l2 > .header-subnav-body > .header__item a { position: relative; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-subnav--l2 > .header-subnav-body .header__item:hover a, .header-subnav--l2 > .header-subnav-body .header__item:focus a { padding-left: 12px; } .header-subnav--l2 > .header-subnav-body .header__item:hover a:after, .header-subnav--l2 > .header-subnav-body .header__item:focus a:after { opacity: 1; visibility: visible; transition-delay: 0.1s; } .header-subnav--l2 > .header-subnav-body .header__item a:after, .header-subnav--l2 > .header-subnav-body .header__item a:after { content: ""; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; border-radius: 50%; transform: translateY(-50%); background-color: #8A181B; opacity: 0; visibility: hidden; } .header-subnav--l1 > .header-subnav-body > .header__item { flex-direction: column; page-break-inside: avoid; break-inside: avoid-column; column-fill: auto; } .column-count-3 { column-count: 3; } .column-count-4 { column-count: 4; } .header-subnav--l2 { padding: 5px 0 20px; } .header-subnav--l2 > .header-subnav-header, .header-subnav--l2 > .header__link { font-size: 16px; font-weight: 500; } .header-subnav--l2 > .header-subnav-body > li { padding: 6px 0; } .header-subnav-body { display: none; background-color: transparent; border: none; padding: 16px 0 0; overflow: auto; } .header-subnav-body > .header__item { font-size: 14px; } .header-subnav:hover > .header-subnav-body, .header-subnav:hover .header-subnav-body { display: block; } .header-subnav-header.header-nav-button { display: none; } .header-subnav > .header__link { display: flex; } .header-subnav { padding-top: 26px; } } @media (min-width: 992px) and (hover: none) { .header-subnav-header.header-nav-button { display: flex; } .header-subnav > .header__link { display: none; } } @media (min-width: 992px) { .sidebar-layout { display: grid; gap: 16px; align-items: flex-start; grid-template-columns: 296px minmax(0, 1fr); grid-template-areas: "sidebar content"; } [data-page^=catalog] .sidebar-layout { gap: 32px; } .sidebar-layout--no-sidebar { grid-template-columns: 1fr; grid-template-areas: "content"; } .sidebar-layout--no-sidebar .sidebar { display: none; } .sidebar-layout .content { grid-area: content; } .sidebar-layout .content:nth-of-type(1) { grid-row: 1/2; } .sidebar-layout .content:nth-of-type(2) { grid-row: 2/-1; } .sidebar-layout .sidebar { grid-area: sidebar; } .sidebar-layout--reverse .sidebar { order: -1; } } @media (min-width: 1400px) { .sidebar-layout { --swiper-navigation-sides-offset: -24px; } .sidebar-layout .banner__container { margin: 0 24px; } } .sidebar { margin-bottom: 42px; } .sidebar-title { display: block; font-size: 14px; font-weight: 500; color: #231F1F; margin-bottom: 18px; } .sidebar--secondary { padding: 16px; background-color: #FDF9F7; border-radius: 10px; } @media (min-width: 992px) { .sidebar-title { font-size: 15px; margin-bottom: 24px; } .sidebar--secondary { padding: 24px; } } .footer { color: #ffffff; padding: 60px 0 32px; background-color: #8A181B; } .footer__holder { margin-bottom: 36px; } .footer a { color: inherit; font-weight: 400; } .footer__column { margin-bottom: 30px; } .footer__column:last-child { margin-bottom: 0; } .footer__title { font-size: 14px; font-weight: 500; margin-bottom: 16px; } .footer .contacts-list { padding-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .footer .contacts-list__item { margin-bottom: 16px; } .footer .contacts-list__item:last-child { margin-bottom: 0; } .footer .contacts__social-links { margin-top: 16px; } .footer .contacts__social-item { background-color: transparent; border: 1px solid #fff; transition: background-color 0.35s, color 0.35s; } .footer .contacts__social-item:hover { background-color: #fff; color: #8A181B; } .footer__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px 16px; padding-top: 24px; } .footer__wrapper--narrow { display: grid; grid-template-columns: min-content max-content; gap: 24px; padding-top: 24px; } .footer__inner-title { font-size: 14px; font-weight: 500; margin-bottom: 8px; } .footer__list li { font-weight: 500; margin-bottom: 8px; } .footer__payment-list { display: flex; justify-content: center; margin-bottom: 24px; } .footer__payment-list li { margin: 0 12px; } .footer__copyright { text-transform: uppercase; text-align: center; } @media (min-width: 768px) { .footer__holder { display: grid; grid-template-areas: "column_1 column_1" "column_2 column_3"; gap: 16px; } .footer__column:nth-of-type(1) { grid-area: column_1; } .footer__column:nth-of-type(2) { grid-area: column_2; } .footer__column:nth-of-type(3) { grid-area: column_3; } } @media (min-width: 992px) { .footer { padding-bottom: 42px; } .footer__holder { grid-template-columns: repeat(3, 1fr); grid-template-areas: "column_1 column_2 column_3" "column_1 column_2 column_3"; } .footer__column { display: flex; flex-direction: column; } .footer__title { font-size: 18px; margin-bottom: 24px; } .footer .contacts-list { padding: 0; border-bottom: none; } .footer__list a { display: block; padding: 6px; } .footer__wrapper { grid-template-columns: 1fr; } .footer__wrapper-narrow { margin-top: auto; } } /*------------------------------------*\ #features \*------------------------------------*/ .address-card { display: grid; gap: 18px; font-weight: 400; } .address-card--outlined { padding: 16px; border-radius: 10px; border: 1px solid #D4D4D4; } .address-card__header, .address-card__footer { font-size: 12px; } .address-card__footer { color: #2B2A2A; } .address-card__type { display: inline-flex; padding: 4px 12px; color: #C25445; font-weight: 400; background-color: #F9EEED; border-radius: 5px; margin-bottom: 12px; } .address-card__choice { position: relative; display: flex; align-items: center; cursor: pointer; font-size: 12px; line-height: 1.2; font-weight: 400; color: #625F5F; user-select: none; } .address-card__choice--default { color: #C25445; } .address-card__choice-text { order: -1; margin-right: 6px; color: #625F5F; } .address-card__choice-icon { position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 17px; height: 17px; border-radius: 50%; border: 1px solid #A19F9F; } .address-card__choice-icon:after { content: ""; display: block; width: 9px; height: 9px; border-radius: 50%; } .address-card input:checked + .address-card__choice-icon { border-color: #C25445; } .address-card input:checked + .address-card__choice-icon:after { background-color: #C25445; } .address-card input:checked ~ .address-card__choice-text { color: #C25445; } .address-card__group { display: grid; gap: 6px; font-weight: 500; } .address-card__group:last-of-type { margin-bottom: 14px; } .address-card__label { display: block; font-size: 12px; font-weight: 400; color: #625F5F; } .address-card__action { display: flex; align-items: center; color: #2B2A2A; border: none; background-color: transparent; text-decoration: none; transition: color 0.2s, text-decoration-color 0.2s; } .address-card__action:hover { color: #8A181B; } .address-card__action svg { flex-shrink: 0; margin-right: 6px; } @media (min-width: 992px) { .address-card { gap: 24px; } .address-card__header, .address-card__footer, .address-card__choice, .address-card__label { font-size: 14px; } .address-card__group { font-size: 15px; } .address-card__group:last-of-type { margin-bottom: 8px; } .address-card--outlined { padding: 32px; } } @media (min-width: 1280px) { .address-card__type { margin-bottom: 0; } } .orders-table { font-size: 14px; } .orders-table caption { font-weight: 600; text-align: left; } .orders-table caption span { display: block; font-size: 16px; font-weight: 400; margin-top: 8px; } @media (max-width: 991px) { .orders-table caption { display: block; font-size: 18px; margin-bottom: 24px; } .orders-table caption span { font-size: 16px; } .orders-table thead { display: none; } .orders-table, .orders-table tbody, .orders-table tr, .orders-table td { display: block; width: 100%; color: #2B2A2A; } .orders-table tr { border: none; border-bottom: 1px solid #D4D4D4; margin-bottom: 16px; } .orders-table tr:last-child { border-bottom: none; } .orders-table td { position: relative; text-align: left; border: none; padding-left: 50%; min-height: 14.4px; margin-bottom: 12px; } .orders-table td.status-used { color: #8A181B; } .orders-table td:last-child { border-bottom: none; } .orders-table td::before { content: attr(data-label); position: absolute; left: 0; width: calc(50% - 24px); font-weight: 500; color: #231F1F; text-align: left; } } @media (min-width: 992px) { .orders-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 14px; } .orders-table caption { display: table-caption; caption-side: top; font-size: 18px; margin-bottom: 32px; } .orders-table caption span { font-size: 16px; } .orders-table th, .orders-table td { padding: 12px 8px; border: 1px solid #D4D4D4; text-align: left; } .orders-table td.status-used { color: #8A181B; } .orders-table th { font-size: 15px; border-top: none; } .orders-table tr:last-child td { border-bottom: none; } .orders-table th:first-child, .orders-table td:first-child { border-left: none; } .orders-table th:last-child, .orders-table td:last-child { border-right: none; } } @media (max-width: 991px) { .us-categories-box { display: none; margin-bottom: 0; } } .us-categories-box { display: block; margin-bottom: 42px; } li.us-categories-item { position: relative; font-size: 16px; font-weight: 500; color: #231F1F; padding: 18px 0; margin-bottom: 0; border-bottom: 1px solid #F0F0F0; } li.us-categories-item:after { content: ""; position: absolute; z-index: 1; bottom: -1px; left: 0; width: 0px; height: 1px; pointer-events: none; background: none; transition: width 0.4s linear; } li.us-categories-item.active:after { width: 100%; background-color: #8A181B; } li.us-categories-item .fas { display: inline-flex; width: 100%; background-repeat: no-repeat; background-size: 18px; } li.us-categories-item .fa-chevron-down { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgOC41TDguNSAxMy41TDMuNSA4LjUiIHN0cm9rZT0iIzIzMUYxRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); } .us-categories-2 > .us-categories-item, .us-categories-3 > .us-categories-item { font-size: 16px; font-weight: 400; margin-bottom: 12px; border-bottom: none; } .us-categories-2 > .us-categories-item:after, .us-categories-3 > .us-categories-item:after { display: none; } .us-categories-2 > .us-categories-item:last-child, .us-categories-3 > .us-categories-item:last-child { margin-bottom: 0; } .us-categories-children { max-height: 0; overflow-y: hidden; transition: max-height 0.5s ease-in-out; } .active > .us-categories-children, .us-categories-children.expanded { max-height: 100%; } .us-categories-children > li:first-child { margin-top: 18px; } .us-categories-item:last-child { margin-bottom: 0; } .us-categories-item.active > span a, .us-categories-item a:hover { color: #8A181B; } .us-categories-2 > .us-categories-item, .us-categories-3 > .us-categories-item { padding: 0 0 0 12px; } .us-categories-toggle { display: inline-flex; width: 18px; height: 18px; transition: transform 0.3s ease 0.05s; } .us-categories-item.active > span .us-categories-toggle i, .us-categories-toggle.clicked i { transform: rotate(180deg); } .product-card { position: relative; display: flex; flex-direction: column; height: 100%; font-size: 12px; padding: 8px; background-color: #ffffff; border-radius: 10px; box-shadow: 0px 1px 10px 0px rgba(186, 186, 186, 0.2); } .product-card:hover { box-shadow: 0px 3px 10px 0px rgba(186, 186, 186, 0.5); } .product-card:hover .product-card__footer { visibility: visible; opacity: 1; transform: translateY(calc(100% - 10px)); pointer-events: auto; } .product .product-card:hover .product-card__actions { display: block; } .product-card__link { margin-bottom: 6px; } .product-card__link, .product-card__image { display: block; } .product-card__image { margin: 4px auto 8px; } .product-card--no-stock .product-card__image { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .product-card__info { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .product-card__brand { font-size: 14px; font-weight: 500; color: #231F1F; text-decoration: none; text-transform: uppercase; margin-bottom: 6px; } .product-card__brand a, .product-card__brand a:active, .product-card__brand a:visited { color: inherit; } .product-card__name { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-weight: 400; font-size: 12px; } .product-card__volume { margin-bottom: 10px; } .product-card__volume-details { display: inline-block; color: #A19F9F; margin-left: 4px; } .product-card__price { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: #231F1F; margin-top: 10px; } .product-card__price-old { font-size: 12px; font-weight: 400; color: #625F5F; } .product-card__price-current { color: #8A181B; text-decoration: none; } .product-card__footer { position: absolute; bottom: 0; left: 0; right: 0; padding: 8px 8px 8px; background-color: #ffffff; border-radius: 0 0 10px 10px; box-shadow: 0px 8px 10px 0px rgba(186, 186, 186, 0.5); visibility: hidden; opacity: 0; transform: translateY(calc(100% - 10px)); transition: opacity 0.15s ease, transform 0.15s ease; z-index: 3; pointer-events: none; } .product-card__btn { font-size: 11px; min-width: auto; width: 100%; } @media (min-width: 414px) { .product-card__btn { font-size: 12px; } } .product-card__actions { position: absolute; top: 16px; right: 8px; z-index: 1; } .product-card__action .icon { fill: #ffffff; margin-right: 0; } .product-card__action:hover { color: #8A181B; } .product-card__action-favorite { display: block; color: #8A181B; transition: color 0.2s ease, transform 0.2s ease; transform-origin: center; } .product-card__action-favorite.is-active .icon { fill: #8A181B; } .product-card__action-favorite.is-animating { animation: wishlist-heart-pop 0.45s ease; } .product .product-card__actions { display: none; } .product .product-card__action-favorite { display: flex; justify-content: center; width: 44px; height: 44px; } .product-card__action-delete { color: #231F1F; } .product-card__select { position: absolute; inset: 0; opacity: 0; pointer-events: none; white-space: normal; word-break: break-word; } .product-card__option { position: relative; display: flex; align-items: center; min-height: 30px; } .product-card__option:hover .product-card__select, .product-card__option:focus-within .product-card__select { opacity: 1; pointer-events: auto; } .product-card__option:hover .product-card__option-preview { opacity: 0; } .product-card__option-preview { display: inline-flex; align-items: center; cursor: pointer; width: 100%; min-height: 30px; } .product-card__option-value, .product-card__option-more { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(50% + 8px); display: block; } .product-card__option-value, .product-card__option-single { font-size: 12px; color: #231F1F; cursor: default; } .product-card__options { margin-top: auto; } .product-card__option-more { display: inline-block; color: #A19F9F; margin-left: 8px; } .product-card--horizontal { padding: 16px; display: grid; grid-template-columns: 88px 1fr; gap: 12px; align-items: center; height: auto; border-radius: 0; box-shadow: none; border-bottom: 1px solid #F0F0F0; } .product-card--horizontal:last-child { border-bottom: none; } .product-card--horizontal:hover { box-shadow: none; } .product-card--horizontal .product-card__actions { position: static; align-items: flex-end; align-self: flex-start; min-width: 34px; } .product-card--gift { padding: 16px; position: relative; height: auto; border-radius: 0; box-shadow: none; border-bottom: 1px solid #F0F0F0; margin: 0 16px; z-index: 1; } .product-card--gift:first-child { border-bottom: 0; } .product-card--gift:hover { box-shadow: none; } .product-card--gift img { max-width: 88px; height: auto; } .product-card--gift .product-card__inner { display: grid; grid-template-columns: minmax(0, 88px) minmax(0, 300px); gap: 8px; } .product-list__item { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #F0F0F0; } .product-list__item:last-child { padding-bottom: 0; margin-bottom: 24px; border: none; } .product-list__image { margin: 0; } .product-list__description { color: #2B2A2A; margin-top: 16px; } .product-list__description p { margin-bottom: 16px; } .product-selected-list { padding-top: 42px; } @media (min-width: 768px) { .product-card { font-size: 14px; padding: 8px 12px 12px; } .product-card:focus-within { box-shadow: 0px 3px 10px 0px rgba(186, 186, 186, 0.5); } .product-card:focus-within .product-card__footer { visibility: visible; opacity: 1; transform: translateY(calc(100% - 10px)); pointer-events: auto; } .product .product-card .product-card__actions { display: block; } .product-card__image { margin: 12px auto 16px; } .product-card__brand { font-size: 15px; } .product-card__name { font-size: 14px; } .product-card__footer { padding-top: 12px; } .product-card__price { font-size: 15px; } .product-card__price-old { font-size: 14px; } .product-card__btn { font-size: 15px; } .product-card__action-favorite:hover .icon { fill: #8A181B; } .product-card--horizontal { padding: 16px; grid-template-columns: 160px 1fr; } .product-card--horizontal__details { margin-bottom: 24px; } .product-card--horizontal__title { font-size: 15px; font-weight: 500; } .product-card--horizontal__rating { margin: 0 0 auto; } .product-card--gift { padding: 16px; } .product-list .product-list__item { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding-bottom: 24px; margin-bottom: 24px; } } @media (min-width: 992px) { .product-card__option, .product-card__option-preview { min-height: 40px; } .product-card__option-value, .product-card__option-single { font-size: 14px; } } @keyframes wishlist-heart-pop { 0% { transform: scale(1); } 25% { transform: scale(0.82); } 55% { transform: scale(1.18); } 100% { transform: scale(1); } } .wishlist-fly-heart { position: fixed; width: 20px; height: 20px; pointer-events: none; z-index: 9999; color: #9d1717; will-change: transform, opacity; } .wishlist-fly-heart svg { display: block; width: 100%; height: 100%; } .wishlist-fly-heart.is-flying { transition: transform 0.7s cubic-bezier(0.22, 0.9, 0.32, 1), opacity 0.7s ease; } .product-badges { display: flex; flex-wrap: wrap; position: absolute; top: -10px; left: 8px; z-index: 2; } .product-badges--in-flow { position: static; margin-bottom: 11px; transform: none; } .product-badges__item { display: inline-flex; align-items: center; font-size: 11px; color: #ffffff; padding: 4px 8px; border-radius: 5px; margin: 0 5px 5px 0; } .product-badges__item--sale { background-color: #8A181B; } .product-badges__item--sold-out { background-color: #6C0E11; } .product-badges__item--info { background-color: #4E8BB5; } .product-badges__item--attention { background-color: #C8161B; } .product-badges__item--success { background-color: #229628; } .product-badges__item--accent { background-color: #E79738; } @media (min-width: 768px) { .product-badges { left: 12px; } .product-badges__item { font-size: 12px; } } .product-rating { display: flex; align-items: center; justify-content: flex-start; font-size: 14px; line-height: 1.2; color: #231F1F; margin-top: 6px; } .product-rating--secondary { color: #A19F9F; } .product-rating__value { font-style: normal; } .product-rating__reviews { display: block; margin-left: 2px; } @media (min-width: 768px) { .product-rating { margin-top: 12px; } } .product-details { display: grid; grid-gap: 26px; color: #2B2A2A; } .product-details__link { display: block; font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 24px; font-weight: 500; color: #231F1F; margin-bottom: 8px; } .product-details__link:visited { color: #231F1F; } .product-details__meta { display: flex; align-items: center; flex-wrap: wrap; margin-top: 12px; } .product-details__meta-item { position: relative; display: flex; align-items: center; font-size: 14px; font-weight: 500; color: #625F5F; padding-right: 8px; margin: 4px 8px 0 0; } .product-details__meta-item:last-child { padding-right: 0; margin-right: 0; } .product-details__meta-item[data-product-stock-state=in] { color: #229628; } .product-details__meta-item[data-product-stock-state=out] { color: #C8161B; } .product-details__meta-item:last-child:after { display: none; } .product-details__meta-item:after { content: ""; position: absolute; top: 50%; right: 0; height: 14px; width: 1px; background-color: #A19F9F; transform: translateY(-50%); } .product-details__meta-label { display: flex; align-items: center; } .product-details__meta-label:before { content: ""; flex: 0 0 18px; width: 18px; height: 18px; margin-right: 6px; background-repeat: no-repeat; background-position: center; background-size: contain; } [data-product-stock-state=in] .product-details__meta-label:before { background-image: url("/catalog/view/theme/cosmy/image/icons/icon-check.svg"); } [data-product-stock-state=out] .product-details__meta-label:before { background-image: url("/catalog/view/theme/cosmy/image/icons/icon-cross.svg"); } .product-details__meta-code { display: block; margin-left: 4px; } .product-details__hint-gift { display: flex; align-items: center; font-size: 14px; color: #8A181B; } .product-details__hint-gift svg { flex-shrink: 0; margin-right: 6px; transition: transform 0.35s ease, fill 0.35s ease; } .product-details__hint-gift:hover svg { transform: scale(1.1); } .product-details__group--bordered { position: relative; display: grid; grid-gap: 26px; padding: 26px 0; } .product-details__group--bordered:before, .product-details__group--bordered:after { content: ""; position: absolute; left: 0; right: 0; height: 0.5px; background-color: #D4D4D4; } .product-details__group--bordered:before { top: 0; } .product-details__group--bordered:after { bottom: 0; } .product-details__option-title { font-size: 14px; font-weight: 500; margin-bottom: 12px; } .product-details__option-title--secondary { font-size: 12px; font-weight: 400; } .product-details__denominations { display: grid; grid-auto-flow: column; grid-template: repeat(2, 1fr)/repeat(3, 1fr); grid-gap: 4px; width: 100%; } .product-details__option-values { display: grid; grid-template-columns: repeat(auto-fit, minmax(50px, max-content)); gap: 12px; } .product-details__gift-types { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 4px; width: 100%; } .product-details__payment-systems li { font-size: 12px; font-weight: 500; margin-right: 14px; } .product-details__payment-systems li:last-child { margin-right: 0; } .product-details__tabs { display: grid; grid-template-columns: 1fr; border-top: 0.5px solid #F0F0F0; } .product-details__tabs-title { font-size: 14px; font-weight: 500; color: #8A181B; text-align: center; border-bottom: 0.5px solid #F0F0F0; } .product-details__tabs-title:has(.active) { border-color: #FDE0E3; } .product-details__tabs-title:has(.active) button { color: #8A181B; } .product-details__tabs-title button { display: block; padding: 12px 0; color: #625F5F; font-size: 14px; font-weight: 500; width: 100%; } .product-details__tabs-title button:hover { color: #8A181B; } .product-details__tabs-content { font-size: 14px; padding-top: 24px; color: #231F1F; } .product-details__tabs-content ul, .product-details__tabs-content ol { margin-bottom: 14px; } .product-details__tabs-content ul li { margin-bottom: 8px; } .product-details__tabs-content b, .product-details__tabs-content strong { font-weight: 500; } .product-details__tabs-content ul { padding: 0; background-color: transparent; } .product-details__tabs-content ul:not(.product-details__benefits), .product-details__tabs-content ol { list-style-position: inside; } .product-details__tabs-content ul:not(.product-details__benefits) li, .product-details__tabs-content ol li { position: relative; padding-left: 12px; } .product-details__tabs-content ul:not(.product-details__benefits) li:before, .product-details__tabs-content ol li:before { content: ""; position: absolute; left: 0; top: 6px; width: 6px; height: 6px; border-radius: 50%; background-color: #8A181B; } .product-details__tabs-content .content-items div { position: relative; align-items: flex-end; padding: 4px 0; } .product-details__tabs-content .content-items div span { display: inline-flex; padding: 0 4px; background-color: #ffffff; max-width: 52%; } .product-details__tabs-content .content-items div span:last-child { text-align: right; } .product-details__tabs-content .content-items div:after { content: ""; position: absolute; bottom: 7px; left: 0; right: 0; border-bottom: 1px dashed #D4D4D4; z-index: -1; } .product-details__gift-type-description { display: none; } .product-details__gift-type-description.is-active { display: block; } .product-details__icon { display: block; flex-shrink: 0; margin-right: 4px; } .product-details__price-actions { display: flex; margin-bottom: 16px; } .product-details__price { display: flex; align-items: center; flex-wrap: wrap; font-size: 20px; font-weight: 700; color: #231F1F; margin-bottom: 16px; } .product-details__price-old { font-size: 12px; font-weight: 400; color: #625F5F; margin-right: 10px; } .product-details__price-current { font-weight: 600; color: #8A181B; text-decoration: none; } .product-details__price-bonus { position: relative; font-size: 12px; font-weight: 400; color: #8A181B; align-self: center; padding-left: 6px; padding-right: 20px; } .product-details__price-bonus:after { content: ""; position: absolute; top: 50%; right: 0; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; background-image: url("/catalog/view/theme/cosmy/image/icons/icon-price-tooltip.svg"); transform: translateY(-50%); } .product-details__actions { display: grid; grid-template-columns: 1fr 36px; align-items: center; grid-gap: 8px; } .product-details__actions--out-of-stock { grid-template-columns: 1fr; } .product-details__actions .btn { flex-grow: 1; } .product-details__actions svg { fill: #ffffff; } .product-details__fixed { position: fixed; left: 0; right: 0; bottom: 0; padding: 12px 0 16px; background-color: #fff; border-radius: 10px 10px 0 0; box-shadow: 0px 1px 10px 0px rgba(186, 186, 186, 0.2); z-index: 11; opacity: 0; transform: translateY(40px); transition: opacity 0.4s ease-out, transform 0.4s ease-out; } .product-details__fixed.is-visible { opacity: 1; transform: translateY(0); } .product-details__btn-wishlist { display: flex; align-items: center; justify-content: center; color: #8A181B; } .product-details__btn-wishlist.is-active svg { fill: #8A181B; } @media (max-width: 991px) { .product-details .content-items span { max-width: 46%; } } @media (min-width: 768px) and (max-width: 991px) { .product-details__fixed .product-row { display: grid; grid-template-columns: minmax(46%, 1fr) minmax(0, 1fr); gap: 32px; } } @media (min-width: 768px) { .product-details { grid-gap: 32px; margin-bottom: 0; } .product-details .page-title { font-size: 20px; } .product-details__link { font-size: 28px; } .product-details__hint-gift { font-size: 16px; } .product-details__meta-item { font-size: 15px; } .product-details__option-title { font-size: 15px; } .product-details__option-title--secondary { font-size: 14px; } .product-details .btn-option { min-width: 82px; } .product-details .btn-option--with-img { min-width: 50px; } .product-details__payment-systems li { font-size: 14px; margin-right: 20px; } .product-details__tabs-title, .product-details__tabs-title button { font-size: 16px; flex-grow: 1; } .product-details__tabs-content, .product-details__tabs-content li { font-size: 15px; } .product-details__price { font-size: 25px; } .product-details__price-old { font-size: 14px; } .product-details__price-bonus { padding-left: 16px; } .product-details__fixed { padding: 12px 0; border-radius: 20px 20px 0 0; } .product-details__fixed .product-details__price-holder { display: flex; align-items: center; margin-bottom: 0; } .product-details__btn-wishlist:hover svg { fill: #8A181B; } } @media (min-width: 992px) { .product-details__price-holder { margin-bottom: 22px; } .product-details__fixed .product-details__actions { justify-content: flex-end; } .product-details__tabs { display: flex; flex-wrap: wrap; border-top: none; } .product-details__tabs-title { border: none; border-bottom: 1px solid transparent; } .product-details__tabs-title:has(.active) { border-color: #FDE0E3; } .product-details__tabs-title:has(.active) button { color: #8A181B; } .product-details__price-bonus { font-size: 14px; } .product-details__actions { grid-template-columns: minmax(0, 320px) 36px; grid-gap: 24px; } } @media (min-width: 1280px) { .product-details__denominations { grid-template: initial; grid-template-columns: initial; } .product-details__denominations .btn-option { padding: 8px; } .product-details__gift-types { width: auto; flex-grow: 1; } } .product-benefits { padding: 16px; border-radius: 10px; background-color: #FDF9F7; } .product-benefits__item { display: flex; align-items: center; font-size: 14px; color: #8A181B; padding: 6px 0; } .product-benefits__item:first-child { padding-top: 0; } .product-benefits__item:last-child { padding-bottom: 0; } .product-benefits__item:hover .product-benefits__icon { transform: scale(1.1); } .product-benefits__item:hover span { color: #8A181B; } .product-benefits__item span { color: #2B2A2A; transition: color 0.25s ease; } .product-benefits__item a { font-weight: 500; color: #2B2A2A; } .product-benefits__icon { display: flex; flex-shrink: 0; fill: #ffffff; margin-right: 6px; transition: transform 0.35s ease, fill 0.35s ease; } @media (min-width: 768px) { .product-benefits { padding: 24px; } .product-benefits__item { font-weight: 500; padding: 8px 0; } .product-benefits__icon { width: 22px; height: 22px; } } .ocf-popover { display: none !important; } .ocf-container { color: #231F1F; } .ocf-container ::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 4px; } .ocf-container ::-webkit-scrollbar-track { background-color: #FDE0E3; } .ocf-container ::-webkit-scrollbar-thumb { background-color: #8A181B; border-radius: 4px; } .ocf-header { margin-bottom: 20px; } .ocf-btn-close { color: #231F1F; } .ocf-title { display: flex; align-items: center; font-size: 20px; } .ocf-title .icon { flex-shrink: 0; margin-right: 6px; } .ocf-filter-body { position: relative; padding: 16px 0 4px; border-bottom: 1px solid #F0F0F0; } .ocf-filter:last-of-type .ocf-filter-body { border-bottom: 0; } .ocf-filter:last-of-type .ocf-filter-body:after { display: none; } .ocf-filter-name { display: block; font-size: 14px; font-weight: 500; } .ocf-filter .ocf-value-list { padding-top: 12px; } .ocf-filter.ocf-open .ocf-value-list { padding-bottom: 20px; } .ocf-value-list-body { max-height: 180px; overflow-y: auto; } .ocf-value-list-body .ocf-value:last-child { padding-bottom: 0 !important; } @media (max-width: 991px) { .ocf-container { position: fixed; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: flex; flex-direction: column; max-width: 334px; padding: 24px 0 0; background-color: #ffffff; opacity: 0; visibility: hidden; transform: translateX(-100%); transition: all 0.3s ease-in-out; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 12; } .filters-is-open .ocf-container { opacity: 1; visibility: visible; transform: translateX(0); } .ocf-content { display: flex; flex-direction: column; flex-grow: 1; } .ocf-header, .ocf-body { padding: 0 24px 0 16px; } .ocf-body { flex-grow: 1; } .filters-is-open .overlay { position: fixed; inset: 0; background: rgba(33, 26, 26, 0.4); z-index: 11; } } @media (min-width: 992px) { .ocf-header { margin-bottom: 32px; } .ocf-filter-body { padding: 24px 0 12px; } .ocf-filter.ocf-open .ocf-value-list { padding-bottom: 12px !important; } .ocf-value-list-body { max-height: 185px; } } .filters-bar { display: grid; grid-gap: 24px; } .filters-bar__buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 6px; } .filters-bar__buttons .btn { position: relative; min-width: auto; padding: 0; overflow: visible; z-index: 5; } .filters-bar__buttons .btn:before { display: none; } .filters-bar__buttons .btn > span { padding: 10px 4px; } .filters-bar__buttons .btn:hover { color: #8A181B; background-color: transparent; } .filters-bar__buttons .btn svg { flex-shrink: 0; } .filters-bar__buttons .btn-text { margin: 0 6px; } .filters-bar__total-product { font-size: 16px; color: #2B2A2A; margin-right: 6px; } .filters-bar__sort-block { display: flex; align-items: baseline; color: #2B2A2A; } .filters-bar__sort-block label { font-size: 16px; margin-right: 4px; } .filters-bar__select { border: none; padding: 0 24px 0 6px; } .filters-bar__select:before { right: 0; } .filters-bar__select .nice-select-dropdown { padding: 8px; border: none; border-radius: 10px; box-shadow: 0px 1px 10px 0px rgba(186, 186, 186, 0.2); } .filters-bar__select .option { font-size: 12px; font-weight: 400; } .filters-bar__select .option.selected { font-weight: 400; } @media (min-width: 768px) { .filters-bar { grid-gap: 12px; } .filters-bar__select { font-size: 16px; width: 230px; } .filters-bar__select .option { font-size: 16px; } } .ocf-noUi-target, .ocf-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; } .ocf-noUi-base, .ocf-noUi-connects { width: 100%; height: 13px; position: relative; z-index: 1; } .ocf-noUi-connect, .ocf-noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat; } .ocf-noUi-connect { height: 100%; width: 100%; } .ocf-noUi-origin { height: 10%; width: 10%; } .ocf-noUi-txt-dir-rtl .ocf-noUi-origin { left: 0; right: auto; } .ocf-noUi-origin { height: 0; } .ocf-noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; } .ocf-noUi-touch-area { height: 100%; width: 100%; } .ocf-noUi-state-tap .ocf-noUi-connect, .ocf-noUi-state-tap .ocf-noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s; } .ocf-noUi-state-drag * { cursor: inherit !important; } .ocf-noUi-handle { width: 13px; height: 13px; right: -6px; top: 0; } .ocf-noUi-txt-dir-rtl .ocf-noUi-handle { left: -6px; right: auto; } .ocf-noUi-base:before, .ocf-noUi-connect:before { content: ""; border-radius: 20px; width: 100%; height: 1px; position: absolute; top: 50%; transform: translateY(-50%); } .ocf-noUi-base:before { background-color: #D4D4D4; } .ocf-noUi-connect:before, .ocf-noUi-handle { background-color: #8A181B; } .ocf-noUi-draggable { cursor: ew-resize; } .ocf-noUi-handle { border: 2px solid #8A181B; border-radius: 50%; cursor: default; } .ocf-loading .ocf-noUi-handle { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); background-size: 1rem 1rem; -webkit-animation: progresss 600ms linear infinite; animation: ocf-progress 600ms linear infinite; } [disabled].ocf-noUi-handle, [disabled] .ocf-noUi-handle, [disabled] .ocf-noUi-connect:before, .ocf-loading .ocf-noUi-connect:before { background-color: #aeb5bd; } [disabled].ocf-noUi-target, [disabled].ocf-noUi-handle, [disabled] .ocf-noUi-handle { cursor: not-allowed; } .ocf-noUi-pips, .ocf-noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .ocf-noUi-pips { position: relative; color: #999; padding: 10px 0 0; height: 45px; } .ocf-noUi-value { position: absolute; margin-top: 15px; top: 0; white-space: nowrap; text-align: center; font-size: 11px; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .ocf-noUi-marker:first-child + .ocf-noUi-value, .ocf-noUi-value:last-child { color: #555; } .ocf-noUi-rtl .ocf-noUi-value { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); } .ocf-noUi-value-sub { color: #ccc; font-size: 10px; } .ocf-noUi-marker { position: absolute; background: #ccc; margin-left: -1px; width: 2px; margin-top: 6px; height: 3px; } .ocf-noUi-marker:first-child, .ocf-noUi-marker[style*="100%"] { height: 10px; margin-top: 0; } @keyframes ocf-progress { from { background-position: 0 0; } to { background-position: 1rem 0; } } /* BS */ .ocf-btn-link { flex-shrink: 0; font-size: 16px; color: #231F1F; text-align: left; padding-top: 8px; transition: 0.3s; } .ocf-btn-link:hover, .ocf-btn-link:focus { color: #8A181B; } .ocf-btn-link[disabled], .ocf-btn-link[disabled]:hover, .ocf-btn-link[disabled]:focus { color: #777; text-decoration: none; } .ocf-btn { display: block; width: 100%; min-height: 40px; font-size: 14px; min-width: auto; padding: 0 0 12px; } .ocf-collapse { display: none; } .ocf-collapse.ocf-in { display: block; } .ocf-collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .ocf-input-group { position: relative; display: flex; align-items: center; } .ocf-input-group .ocf-form-control:focus { z-index: 3; } .ocf-input-group-addon, .ocf-input-group-btn { white-space: nowrap; vertical-align: middle; } .ocf-input-group-addon { font-size: 14px; font-weight: 400; line-height: 1; text-align: center; } .ocf-input-group input.ocf-form-control { width: 85px; height: 27px; text-align: center; margin: 0 8px 0 11px; } .ocf-value-list .ocf-form-control { margin-bottom: 12px; } .ocf-form-control, input.ocf-form-control, textarea.ocf-form-control { display: block; width: 100%; height: 41px; padding: 5px 12px; font-size: 16px; line-height: 1.2; color: #625F5F; text-align: left; background-color: #F0F0F0; border: 1px solid #F0F0F0; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; flex-grow: 1; appearance: none; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.2s; } .ocf-form-control:focus, input.ocf-form-control:focus, textarea.ocf-form-control:focus { border-color: #2B2A2A; outline: 0; color: #231F1F; } .ocf-form-control::placeholder { font-size: 12px; } .ocf-form-control::-ms-expand { background-color: transparent; border: 0; } .ocf-form-control[disabled], .ocf-form-control[readonly] { background-color: #eeeeee; opacity: 1; } .ocf-form-control[disabled] { cursor: not-allowed; } .ocf-search-message { margin: 24px 0; } .ocf-search-message b { font-weight: 500; } .ocf-invisible { visibility: hidden; } .ocf-hidden { display: none !important; } .ocf-overflow-hidden { overflow: hidden !important; } @-ms-viewport { width: device-width; } /* OCFILTER MAKEUP */ /* Hide input number spinner */ /* Chrome, Safari, Edge, Opera */ .ocf-form-control[type=number]::-webkit-outer-spin-button, .ocf-form-control[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ .ocf-form-control[type=number] { -moz-appearance: textfield; } input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; } /* HELPER */ .ocf-icon { background-repeat: no-repeat; background-position: center; background-size: contain; min-width: 12px; min-height: 12px; display: inline-block; vertical-align: middle; } .ocf-icon-16 { min-width: 16px; min-height: 16px; } .ocf-sliders { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M11.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM9.05 3a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0V3h9.05zM4.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM2.05 8a2.5 2.5 0 0 1 4.9 0H16v1H6.95a2.5 2.5 0 0 1-4.9 0H0V8h2.05zm9.45 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-2.45 1a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0v-1h9.05z'/%3e%3c/svg%3e"); } .ocf-angle { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='12' height='12' viewBox='0 0 16 16'%3e%3cpath d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3e%3c/svg%3e"); } .ocf-open .ocf-angle-down { transform: rotate(180deg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E"); } .ocf-angle-right { transform: rotate(90deg); } .ocf-angle-down { transform: rotate(180deg); } .ocf-angle-left { transform: rotate(-90deg); } .ocf-arrow-long { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z'/%3e%3c/svg%3e"); } .ocf-arrow-right { transform: rotate(90deg); } .ocf-arrow-down { transform: rotate(180deg); } .ocf-arrow-left { transform: rotate(-90deg); } .ocf-times-circle { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%236B7275' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/%3e%3c/svg%3e"); } .ocf-times { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDI4TDI4IDExTTExIDExTDI4IDI4IiBzdHJva2U9IiMyMzFGMUYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==); } .ocf-help-circle { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z'/%3e%3c/svg%3e"); } .ocf-minus-circle { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7z'/%3e%3c/svg%3e"); } .ocf-footer { position: sticky; position: -webkit-sticky; bottom: 0; left: 0; right: 0; background-color: #ffffff; border-radius: 8px 8px 0 0; padding: 12px 12px 24px; box-shadow: 0 -3px 12px 0 rgba(186, 186, 186, 0.15); z-index: 1; } .ocf-footer .ocf-btn-link { text-align: center; min-height: 40px; padding: 8px; border-radius: 8px; margin-right: 8px; transition: 0.3s; } .ocf-footer .ocf-btn-link:hover, .ocf-footer .ocf-btn-link:focus { color: #231F1F; background-color: #FDE0E3; } .ocf-footer .ocf-btn { padding: 0; } .ocf-between { display: flex !important; justify-content: space-between; flex-wrap: nowrap; align-items: center; } .ocf-collapse, .ocf-collapsing { width: 100%; } [aria-expanded=false] > .ocf-hide-expand-0 { display: none; } [aria-expanded=true] > .ocf-hide-expand-1 { display: none; } /* Indicate mobile for JS */ .ocf-is-mobile { display: none; height: 0; overflow: hidden; } .ocf-mobile { display: none; } /* COMMON STYLE */ .ocf-container, .ocf-filter-list { overflow-anchor: auto; } .ocf-header { font-size: 20px; line-height: 1.2; display: flex; align-items: center; } .ocf-header .ocf-brand { margin-right: 10px; } .ocf-hidden-filters-divider { margin-bottom: 45px; position: relative; top: 15px; text-align: center; height: 1px; } .ocf-hidden-filters-divider > span { cursor: pointer; padding: 1px 10px; border-radius: 15px; vertical-align: top; margin-top: -10px; display: inline-block; } /* FILTER ITEM */ .ocf-filter-header { position: relative; display: flex; align-items: center; font-style: normal; line-height: 1.2; cursor: pointer; } .ocf-filter-header:after { content: ""; position: absolute; top: 50%; right: 0; width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMDIyOTkgOS41MDA0NUwxNS45NzcgOS41MDA0NU05IDIuNTIzNDRMOSAxNi40Nzc1IiBzdHJva2U9IiMyMzFGMUYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); transform: translateY(-50%); } .ocf-open .ocf-filter-header[data-ocf=expand]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgOS41TDE2IDkuNSIgc3Ryb2tlPSIjMjMxRjFGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==); } .ocf-more-selected { background-color: rgba(0, 0, 0, 0.12); padding: 1px 5px; border-radius: 2px; font-size: 12px; color: #444; } .ocf-filter-header-append { margin-left: auto; display: flex; align-items: center; order: 9; } .ocf-filter-header-append > * { min-width: 16px; } .ocf-filter-discard { display: none; cursor: pointer; } /* FILTER VALUE LIST */ .ocf-collapse-value .ocf-value-list { border-top: 1px solid #e0e1e5; margin-top: 10px; } .ocf-collapse-value .ocf-value-list-body { padding-top: 10px; } .ocf-filter .ocf-value-list { max-height: 0; overflow: hidden; padding-top: 12px; transition: max-height 0.3s; } .ocf-filter.ocf-open .ocf-value-list { max-height: 700px; } .ocf-value-slider { padding: 12px 7px; } .ocf-popover { padding: 10px; border-radius: 8px; box-shadow: 0 1px 8px 0 rgba(186, 186, 186, 0.3); } /* FILTER VALUE ITEM */ .ocf-value, .ocf-value:active, .ocf-value:focus, .ocf-value:visited, .ocf-value:hover { cursor: pointer; font-weight: normal; font-style: normal; display: flex; font-size: 12px; line-height: 1.2; width: 100% !important; color: #231F1F; flex-wrap: nowrap; align-items: center; text-decoration: none; text-transform: none; padding: 4px; margin-bottom: 8px; text-transform: none; background: transparent; box-shadow: none; border: none; outline: none; } .ocf-value-list-body .ocf-value:last-child { padding-bottom: 12px; margin-bottom: 0; } .ocf-value-list-body > .ocf-value:only-child { padding-bottom: 12px; } .ocf-value.ocf-disabled, .ocf-value[disabled], .ocf-value:disabled { color: #A19F9F; cursor: not-allowed; } /* Image, Color */ .ocf-value-image, .ocf-value-color { position: relative; width: 22px; height: 22px; flex: 0 0 22px; margin-right: 10px; overflow: hidden; border: 1px solid transparent; border-radius: 50%; background-repeat: no-repeat; background-size: cover; transition: opacity 200ms; } .ocf-selected .ocf-value-image, .ocf-selected .ocf-value-color { box-shadow: inset 0 0 0 2px #fff; border-color: #65a2c7; } .ocf-disabled .ocf-value-image, .ocf-disabled .ocf-value-color { opacity: 0.25; filter: saturate(0.5); } .ocf-value-image + .ocf-value-name, .ocf-value-color + .ocf-value-name { align-self: center; } /* Input */ .ocf-value-input { position: relative; width: 16px; height: 16px; flex: 0 0 16px; margin-right: 4px; } .ocf-value-input::before, .ocf-value-input::after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 5px; } .ocf-value-input::before { pointer-events: none; background-color: #fff; border: 1px solid #625F5F; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .ocf-value-input::before { transition: none; } } .ocf-value:focus:not(:active) .ocf-value-input::before { border-color: #8A181B; } .ocf-value:not(.ocf-disabled):active .ocf-value-input::before { color: #fff; background-color: rgba(148, 1, 37, 0.4392156863); border-color: transparent; } .ocf-value.ocf-disabled .ocf-value-input::before, .ocf-value[disabled] .ocf-value-input::before, .ocf-value:disabled .ocf-value-input::before { background-color: #F0F0F0; border-color: #A19F9F; } .ocf-selected .ocf-value-input::before { color: #fff; border-color: #940125; background-color: #fff; } .ocf-value .ocf-value-input::after { background-repeat: no-repeat; background-position: center; background-size: 14px; } /* Checkbox */ .ocf-value-input-checkbox::before { border-radius: 4px; } .ocf-value:active .ocf-value-input-checkbox::before { border-color: #8A181B; background-color: #8A181B; } .ocf-value.ocf-selected.ocf-disabled .ocf-value-input-checkbox::before, .ocf-value.ocf-disabled:active .ocf-value-input-checkbox::before { background-color: rgba(148, 1, 37, 0.5); } .ocf-value.ocf-disabled, .ocf-value[disabled], .ocf-value:disabled { color: #A19F9F; } .ocf-selected .ocf-value-input-checkbox::after { background-color: #8A181B; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjMyODQgMy4yNzMwMkMxMi41MjExIDMuNDU1MTcgMTIuNjMzNSAzLjcwNjM3IDEyLjY0MSAzLjk3MTRDMTIuNjQ4NSA0LjIzNjQ0IDEyLjU1MDQgNC40OTM2IDEyLjM2ODQgNC42ODYzNUw2LjcwMTcyIDEwLjY4NjRDNi42MDk4OCAxMC43ODM0IDYuNDk5NTIgMTAuODYxMSA2LjM3NzE1IDEwLjkxNDhDNi4yNTQ3OCAxMC45Njg1IDYuMTIyODkgMTAuOTk3MSA1Ljk4OTI4IDEwLjk5OUM1Ljg1NTY2IDExLjAwMDggNS43MjMwMyAxMC45NzU5IDUuNTk5MjEgMTAuOTI1NkM1LjQ3NTM5IDEwLjg3NTQgNS4zNjI5IDEwLjgwMDggNS4yNjgzOSAxMC43MDY0TDIuMjY4MzkgNy43MDYzNUMyLjA5MTc1IDcuNTE2NzkgMS45OTU1OCA3LjI2NjA2IDIuMDAwMTYgNy4wMDY5OUMyLjAwNDczIDYuNzQ3OTIgMi4xMDk2OCA2LjUwMDc0IDIuMjkyODkgNi4zMTc1MkMyLjQ3NjExIDYuMTM0MzEgMi43MjMyOSA2LjAyOTM2IDIuOTgyMzYgNi4wMjQ3OUMzLjI0MTQzIDYuMDIwMjIgMy40OTIxNiA2LjExNjM4IDMuNjgxNzIgNi4yOTMwMkw1Ljk1NTA2IDguNTY1MDJMMTAuOTE1MSAzLjMxMzAyQzExLjA5NzIgMy4xMjAzNSAxMS4zNDg0IDMuMDA3OSAxMS42MTM0IDMuMDAwNEMxMS44Nzg1IDIuOTkyOSAxMi4xMzU2IDMuMDkwOTYgMTIuMzI4NCAzLjI3MzAyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); } .ocf-value.ocf-selected:active .ocf-value-input-checkbox::after { background-color: #8A181B; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23940125' d='M0 2h4'/%3e%3c/svg%3e"); } /* Radio */ .ocf-value-input-radio::before { border-radius: 50%; } .ocf-value.ocf-selected.ocf-disabled .ocf-value-input-radio::before { background-color: rgba(148, 1, 37, 0.5); } .ocf-value.ocf-selected .ocf-value-input-radio::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23940125'/%3e%3c/svg%3e"); } .ocf-value.ocf-selected:active .ocf-value-input-radio::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23940125' d='M0 2h4'/%3e%3c/svg%3e"); } .ocf-value-name { margin-right: 5px; word-break: break-word; text-align: left; font-size: inherit; } .ocf-auto-column .ocf-value-name { white-space: nowrap; } .ocf-value-count { position: relative; } .ocf-value-count:before { content: "("; } .ocf-value-count:after { content: ")"; } .ocf-selected .ocf-value-count, .ocf-value-count:empty { display: none; } .ocf-disabled .ocf-value-count { color: #b5b9c1; } .ocf-btn-show-values { font-size: 13px; } /* SEO PAGES */ .ocf-page-list-top, .ocf-page-list-bottom { overflow: hidden; position: relative; z-index: 3; } .ocf-page-list-top { margin-bottom: 5px; } .ocf-page-list-bottom { margin-top: 25px; } .ocf-page-group { margin-bottom: 10px; display: flex; align-items: start; } .ocf-page-group-name { font-weight: bold; font-size: 14px; margin-top: 3px; margin-right: 15px; width: 150px; flex: 0 0 150px; } .ocf-category-page-list { max-height: 135px; list-style-type: none; padding: 0; display: flex; flex-wrap: wrap; margin: 0 -5px; overflow-y: scroll; overflow-x: hidden; } .ocf-category-page-list::-webkit-scrollbar { width: 8px; } .ocf-category-page-list::-webkit-scrollbar-track { background-color: transparent; border-radius: 10px; } .ocf-category-page-list::-webkit-scrollbar-thumb { background-color: #dfe3ed; border-radius: 10px; } .ocf-category-page-list:hover::-webkit-scrollbar-thumb { background-color: #9096a4; } .ocf-category-page-list::-webkit-scrollbar-corner { display: none; } .ocf-category-page-list::-webkit-resizer { display: none; } .ocf-category-page-list li { margin-bottom: 10px; } .ocf-category-page-list a { background-color: #eceef2; padding: 3px 7px; border-radius: 7px; color: #3a3c40; display: block; font-size: 13px; align-items: center; font-weight: normal; margin: 0 5px; min-height: 100%; text-decoration: none; } .ocf-category-page-list .ocf-page-selected a { background-color: #656565; color: #fff; } .ocf-category-page-list .ocf-page-selected a:after { content: ""; width: 12px; height: 12px; display: inline-block; color: #656565; vertical-align: top; margin-left: 5px; margin-top: 4px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23940125' fill-opacity='0.8' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/%3e%3c/svg%3e"); } .ocf-noUi-horizontal .ocf-noUi-handle:before, .ocf-noUi-horizontal .ocf-noUi-handle:after, .ocf-noUi-pips-horizontal { display: none; } /*=Selected Options */ .selected-options { color: #333333; padding: 20px; } ul.selected-options { display: flex; flex-wrap: wrap; list-style: none; padding: 0px; } .ocfilter-option label.ocf-selected { color: #000; } ul.selected-options > li { background-size: 14px; background-position: center left 8px; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMTIuNUwxMiAyLjVNMiAyLjVMMTIgMTIuNSIgc3Ryb2tlPSIjMjMxRjFGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==); } ul.selected-options > li { display: flex; align-items: center; padding: 5px 8px 5px 28px; font-size: 14px; color: #231F1F; background-color: #F0F0F0; border-radius: 5px; margin: 0 12px 12px 0; cursor: pointer; transition: background-color 0.15s ease-in-out; } ul.selected-options > li:hover { background-color: #D4D4D4; } .selection-ocf__cancel-all { display: inline-flex; align-items: center; flex-shrink: 0; padding: 8px 12px; font-size: 16px; color: #231F1F; background-color: transparent; border-radius: 5px; outline: none; box-shadow: none; border: none; cursor: pointer; transition: background-color 0.15s ease-in-out; } .selection-ocf__cancel-all span { display: flex; align-items: center; } .selection-ocf__cancel-all:hover { background-color: #FDE0E3; } .selection-ocf__cancel-all svg { flex-shrink: 0; margin-right: 6px; } .ocf-theme-light .ocf-search-btn-static, .ocf-theme-light .ocf-search-btn-popover { border-radius: 8px; color: #fff; font-weight: 500; background: #8A181B; padding: 10px 12px; } .ocf-theme-light .ocf-search-btn-static:hover, .ocf-theme-light .ocf-search-btn-popover:hover { background-color: #C8161B; border-color: #C8161B; } .ocf-theme-light .ocf-search-btn-static.ocf-disabled, .ocf-theme-light .ocf-search-btn-popover.ocf-disabled { background-color: #A19F9F; font-size: 14px; font-weight: 500; border-radius: 8px; padding: 10px 12px; color: #ffffff; } @media (min-width: 768px) { ul.selected-options > li { font-size: 16px; padding: 8px 12px 8px 32px; } } @media (min-width: 992px) { .ocf-value, .ocf-value:active, .ocf-value:focus, .ocf-value:visited, .ocf-value:hover { font-size: 14px; } .ocf-form-control::placeholder { font-size: 14px; } .ocf-btn { font-size: 16px !important; } .ocf-filter-name { font-size: 16px; } .ocf-filter.ocf-open .ocf-value-list { padding-bottom: 10px; } .ocf-btn-show-values { margin-bottom: 0; padding-bottom: 0; margin-top: 12px; } .ocf-value-slider { padding-bottom: 0; } .ocf-value-list-body .ocf-value:last-child, .ocf-value-list-body > .ocf-value:only-child { padding-bottom: 4px; } .ocf-footer { padding: 12px; box-shadow: none; border-radius: 0; margin-top: 42px; } .ocf-footer .ocf-btn-link { margin-right: 0; align-self: stretch; } .ocf-footer .ocf-btn { order: -1; margin-bottom: 8px; } } .order__card { color: #2B2A2A; padding: 24px; border-radius: 10px; box-shadow: 0 1px 10px 0 rgba(186, 186, 186, 0.2); } .order__item { padding-top: 12px; } .order__header { display: grid; grid-template-columns: 1fr 75px 18px; gap: 12px; } .order__overview { font-size: 12px; } .order__overview span { display: block; margin-bottom: 8px; } .order__overview span:last-child { margin-bottom: 0; } .order__sum { font-weight: 500; } .order__preview { display: flex; align-items: center; gap: 8px; } .order__thumbs { display: flex; align-items: center; overflow: hidden; } .order__thumbs img { width: 50px; height: 50px; object-fit: cover; } .order__thumbs img:nth-child(n+2) { display: none; } .order__more { font-size: 14px; font-weight: 500; } .order__toggle { border: none; background: none; color: #231F1F; cursor: pointer; } .order__status { font-size: 14px; font-weight: 400; text-align: center; padding: 5px 12px; border-radius: 5px; margin: 12px 0 0; } .order__status--success { background-color: #D3EAD4; color: #229628; } .order__status--process { background-color: #F9EEED; color: #C25445; } .order__status--cancelled { background-color: #FDE0E3; color: #8A181B; } .order__group { display: grid; gap: 6px; font-size: 14px; font-weight: 500; color: #231F1F; margin-bottom: 10px; } .order__group:last-child { margin-bottom: 0; } .order__label, .order__value { font-size: 12px; font-weight: 400; color: #625F5F; } .order__field { font-weight: 400; color: #625F5F; } .order__label { font-weight: 500; color: #231F1F; max-width: 70%; } .order__product { padding: 12px 0; border-bottom: 1px solid #F0F0F0; } .order__product:has(+ .order__summary), .order__product:last-child { border-bottom: none; } .order__inner { display: flex; align-items: center; margin-bottom: 6px; } .order__product-link { display: block; flex-shrink: 0; } .order__product-img { display: block; width: 80px; height: 86px; } .order__product-info { display: grid; gap: 6px; font-size: 12px; padding-left: 12px; padding-right: 40px; } .order__product-brand { font-size: 15px; font-weight: 500; color: #231F1F; text-transform: uppercase; } .order__product-name { font-size: 14px; font-weight: 400; color: #625F5F; } .order__product-price { font-weight: 500; color: #231F1F; margin: 12px 0 0; } .order__row { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 8px; } .order__row:last-child { margin-bottom: 0; } .order__row--total .order__label, .order__row--total .order__value { font-size: 16px; font-weight: 500; color: #231F1F; } .order__summary--checkout { padding: 12px 12px 18px; background-color: #FDF9F7; } @media (min-width: 768px) { .order__card { padding: 12px 24px; } .order__header { align-items: center; grid-template-columns: 1fr 192px 18px; } .order__overview { font-size: 14px; margin-bottom: 0; } .order__overview span { margin: 0 12px 0 0; } .order__overview span:last-child { margin-right: 0; } .order__thumbs img { width: 50px; height: 50px; margin-right: 8px; } .order__thumbs img:last-child { margin-right: 0; } .order__thumbs img:nth-child(n+2) { display: block; } .order__product { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px; padding: 16px 0; } .order__inner { display: grid; grid-template-columns: minmax(0, 128px) minmax(0, 1fr); gap: 16px; } .order__product-img { width: 100%; max-width: 128px; height: 139px; } .order__product-info, .order__label, .order__value { font-size: 14px; } .order__row--total .order__label, .order__row--total .order__value { font-size: 18px; } .order__product-price { font-size: 15px; margin: 0; } .order__summary { padding-top: 8px; } } @media (min-width: 992px) { .order__header { gap: 32px; } .order__overview span { margin: 0 32px 0 0; } .order__overview span:last-child { margin-right: 0; } .order__item { display: grid; grid-template-columns: 180px 1fr; gap: 24px; } .order__summary--checkout { padding: 24px; border-radius: 10px; } } .order__wrapper { background: transparent; border-radius: 10px; filter: drop-shadow(0 3px 10px rgba(186, 186, 186, 0.5)); position: relative; } .order__block { position: relative; padding: 16px 16px 40px; border-radius: 10px 10px 0 0; box-shadow: 0 3px 10px rgba(186, 186, 186, 0.5); background-color: #FDF9F7; -webkit-mask-image: radial-gradient(circle 18px at 23px 100%, transparent 99%, black 100%); mask-image: radial-gradient(circle 18px at 23px 100%, transparent 99%, black 100%); -webkit-mask-size: 46px 100%; mask-size: 46px 100%; -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; } @media (min-width: 768px) { .order__block { padding: 32px 42px 80px; border-radius: 20px 20px 0 0; -webkit-mask-image: radial-gradient(circle 25px at 36px 100%, transparent 99%, black 100%); mask-image: radial-gradient(circle 25px at 36px 100%, transparent 99%, black 100%); -webkit-mask-size: 72px 100%; mask-size: 72px 100%; } } @media (min-width: 1280px) { .order__block { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 32px; } } .order__message { max-width: 550px; text-align: center; font-weight: 500; line-height: 1.5; color: #231F1F; margin: 0 auto 42px; } .order__info { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #A19F9F; } .order__info-caption { font-size: 18px; color: #231F1F; margin-bottom: 6px; } .order__info-row { display: flex; align-items: center; justify-content: space-between; font-size: 12px; padding-top: 12px; } .order__info-label { color: #2B2A2A; } .order__info-value { color: #231F1F; font-weight: 500; text-align: right; max-width: 52%; } @media (min-width: 768px) { .order__info-caption { font-size: 18px; margin-bottom: 12px; } .order__info-row { font-size: 14px; } } @media (min-width: 1280px) { .order__message { font-size: 15px; margin-bottom: 70px; } .order__info { padding: 0 32px 0 0; margin: 0; border-bottom: none; border-right: 1px solid #A19F9F; } } .checkout { counter-reset: section-counter; color: #231F1F; } .checkout.is-dimmed:after { content: ""; position: fixed; inset: 0; background-color: rgba(255, 255, 255, 0.5); z-index: 1; } .checkout__main { margin-bottom: 42px; } .is-dimmed .checkout__main { position: relative; z-index: 2; } .checkout__section { margin-bottom: 42px; } .checkout__section:last-child { margin-bottom: 0; } .checkout__section-title { counter-increment: section-counter; position: relative; display: flex; align-items: center; font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 22px; font-weight: 400; color: #231F1F; min-height: 34px; padding-left: 42px; margin-bottom: 32px; } .checkout__section-title:before { content: counter(section-counter); position: absolute; left: 0; top: 0; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: flex-end; justify-content: center; font-size: 32px; font-style: italic; color: #8A181B; border: 1px solid #F0F0F0; } .checkout__subtitle { display: flex; align-items: center; font-size: 14px; font-weight: 400; color: #231F1F; margin-bottom: 16px; } .checkout__subtitle svg { display: block; flex-shrink: 0; margin-right: 6px; } .checkout__sidebar { display: grid; gap: 24px; } @media (min-width: 768px) { .checkout__main { padding: 32px; border-radius: 10px; box-shadow: 0 1px 10px 0 rgba(186, 186, 186, 0.2); } } @media (min-width: 1280px) { .checkout__layout { display: grid; grid-template-columns: minmax(55%, 748px) minmax(0, 470px); align-items: flex-start; gap: 62px; } .checkout__main { margin-bottom: 0; } .checkout__sidebar { gap: 32px; } .checkout__section:last-of-type { margin-bottom: 0; } .checkout__section-title { min-height: 42px; padding-left: 50px; margin-bottom: 38px; } .checkout__section-title:before { width: 42px; height: 42px; font-size: 42px; } .checkout__subtitle { font-size: 15px; margin-bottom: 18px; } .checkout__wrapper { display: flex; flex-direction: column; } } .checkout__options-item { margin-bottom: 18px; } .checkout__options-item:last-child { margin-bottom: 0; } .option-tabs__options { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(50% - 6px), 1fr)); gap: 6px; margin-bottom: 16px; } .option-tabs__pane { display: none; } .option-tabs__pane.is-active { display: block; } .option-tabs__icons { display: flex; align-items: center; margin-bottom: 12px; } .option-tabs__icons img { display: block; margin-right: 8px; } .option-tabs__icons img:last-child { margin-right: 0; } .option-tabs__text { font-weight: 500; color: #231F1F; } @media (min-width: 768px) { .option-tabs__options { margin-bottom: 24px; } .option-tabs__options--short { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); margin-bottom: 24px; } } .progress-bar { --duration: .9s; --ease: cubic-bezier(.22, .61, .36, 1); } .progress-bar__track { display: flex; align-items: center; width: 100%; } .progress-bar__segment { position: relative; height: 4px; background-color: #FDE0E3; border-radius: 20px; overflow: hidden; transition: background-color var(--duration) var(--ease); } .progress-bar__segment::after { content: ""; position: absolute; inset: 0; width: var(--progress, 0%); background-color: #8A181B; border-radius: inherit; transition: width var(--duration) var(--ease); } .progress-bar__segment--left { --progress: 94%; flex-grow: 4; } .progress-bar__segment--right { --progress: 0%; flex-grow: 1; } .progress-bar__segment--right:after { transition-duration: calc(var(--duration) * 1.2); } .progress-bar__icon { position: relative; width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0; background-color: #FDE0E3; border: 2px solid #ffffff; transition: background-color var(--duration) var(--ease), border-color var(--duration) var(--ease), color var(--duration) var(--ease); } .progress-bar__icon svg { position: absolute; top: -26px; left: 50%; transform: translateX(-50%); transition: color var(--duration) var(--ease); color: #FDE0E3; } .progress-bar { /* ================ COMPLETED STATE ================ */ } .progress-bar.progress-bar--completed .progress-bar__segment { background-color: #FDE0E3; } .progress-bar.progress-bar--completed .progress-bar__segment::after { width: 100%; } .progress-bar.progress-bar--completed .progress-bar__icon { background-color: #8A181B; border-color: #8A181B; color: #ffffff; } .progress-bar.progress-bar--completed .progress-bar__icon svg { color: #8A181B; } .total-text output { margin: 0 6px; white-space: nowrap; } .cart-info { margin-bottom: 42px; } .cart-list { border-radius: 10px; box-shadow: 0px 1px 10px 0px rgba(186, 186, 186, 0.2); margin-bottom: 42px; } .accordion__content { margin-bottom: 12px; } .cart-bottom { padding: 12px 0 16px; background-color: #fff; border-radius: 10px 10px 0 0; box-shadow: 0px 1px 10px 0px rgba(186, 186, 186, 0.2); z-index: 11; } @media (min-width: 768px) { .cart-layout { min-height: 383px; } } @media (min-width: 992px) { .cart-layout { display: grid; gap: 24px; align-items: flex-start; grid-template-columns: repeat(2, 1fr); min-height: 398px; } .cart-item { padding: 24px; border-radius: 10px; box-shadow: 0 1px 10px 0 rgba(186, 186, 186, 0.2); } .cart-bottom { position: static; padding: 0; box-shadow: none; } .accordion__content { margin-bottom: 42px; } } @media (min-width: 1280px) { .cart-layout { gap: 42px; grid-template-columns: 595px minmax(0, 1fr); } } .gift-offer { display: flex; flex-direction: column-reverse; } .gift-offer .gift-offer__icon { display: none; flex-shrink: 0; margin-right: 8px; } .gift-offer .product-card { border-radius: 8px; background-color: transparent; } .gift-offer--lock .form-checkbox { display: none; } .gift-offer--lock .gift-offer__icon { display: block; } @media (min-width: 768px) { .gift-offer { max-height: 220px; overflow-y: scroll; margin-bottom: 8px; margin-right: 8px; } .gift-offer .product-card { border-radius: 0; } .gift-offer .product-card:focus-within { box-shadow: none; } .gift-offer::-webkit-scrollbar { width: 8px; height: 8px; } .gift-offer::-webkit-scrollbar-track { background-color: #FDE0E3; } .gift-offer::-webkit-scrollbar-thumb { background-color: #8A181B; border-radius: 5px; } } .cart-accordion { border: 1px solid #F0F0F0; border-radius: 8px; } .cart-accordion--success { border-color: #229628; } .cart-accordion.has-error { border-color: #E00006; } .cart-accordion.has-error .total-text { color: #E00006; } .cart-accordion__header { outline: none; cursor: pointer; } .cart-accordion__content { font-size: 12px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .cart-accordion.is-open .cart-accordion__btn { transform: translateX(50%) rotate(180deg); } .cart-accordion.is-open .cart-accordion__content { overflow: visible; max-height: none; margin-bottom: 12px; } .cart-accordion__btn { margin-left: auto; cursor: pointer; transform: translateX(50%); flex-shrink: 0; } .cart-accordion .total-text { padding: 12px 16px; } @media (min-width: 768px) { .cart-accordion { position: relative; } .cart-accordion.is-open { border-radius: 8px 8px 0 0; } .cart-accordion.is-open .cart-accordion__content { position: absolute; top: 45px; left: -1px; right: -1px; background-color: #ffffff; border: 1px solid #F0F0F0; border-top: none; border-radius: 0 0 8px 8px; z-index: 2; max-height: none; } .cart-accordion.is-open.cart-accordion--success .cart-accordion__content { border-color: #229628; } .cart-accordion.is-open.has-error .cart-accordion__content { border-color: #E00006; } } /*------------------------------------*\ #sections \*------------------------------------*/ .banner { --swiper-navigation-sides-offset: -24px; padding: 0; color: #ffffff; margin-bottom: 0; border-radius: 10px; } .banner__container { position: relative; padding-bottom: 24px; } .banner__container .swiper-button-next, .banner__container .swiper-button-prev { display: none; } .banner__swiper { display: flex; align-items: center; } .banner__card { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; } .banner__picture { display: block; } .banner__picture img { display: block; width: auto; max-height: 675px; aspect-ratio: 1080/1350; margin: 0 auto; border-radius: 10px; } .banner--inner-page .swiper-pagination-inner { --swiper-pagination-color: #8A181B; --swiper-pagination-bullet-inactive-color: #FDE0E3; --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-bottom: 0; } .banner--inner-page .banner__container { padding-bottom: 24px; } .banner--inner-page .banner__swiper { border-radius: 10px; } @media (max-width: 599px) { .banner__container { width: calc(100% + 16px); } } @media (min-width: 768px) { .banner { --swiper-pagination-bottom: 0; padding-top: 20px; min-height: auto; } .banner .swiper-pagination-inner { --swiper-pagination-bottom: 0; } .banner__card { border-radius: 20px; } .banner__picture { border-radius: inherit; } .banner__picture img { width: 100%; min-height: 500px; max-height: 500px; height: auto; aspect-ratio: 2/1; object-fit: cover; } } @media (min-width: 992px) { .banner--inner-page { padding-top: 0; } } @media (min-width: 1400px) { .banner__container .swiper-button-next, .banner__container .swiper-button-prev { display: block; } } .banner__swiper:not(.swiper-initialized) .swiper-wrapper { gap: 16px; } .banner__swiper:not(.swiper-initialized) .swiper-slide { flex: 0 0 calc((100% - 2.4px) / 1.15); } @media (min-width: 480px) { .banner__swiper:not(.swiper-initialized) .swiper-slide { flex-basis: calc((100% - 8px) / 1.5); } } @media (min-width: 600px) { .banner__swiper:not(.swiper-initialized) .swiper-slide { flex-basis: calc((100% - 16px) / 2); } } @media (min-width: 768px) { .banner__swiper:not(.swiper-initialized) .swiper-slide { flex-basis: calc((100% - 19.2px) / 2.2); } } @media (min-width: 992px) { .banner__swiper:not(.swiper-initialized) .swiper-slide { flex-basis: calc((100% - 24px) / 2.5); } } @media (min-width: 1024px) { .banner__swiper:not(.swiper-initialized) .swiper-wrapper { gap: 20px; } .banner__swiper:not(.swiper-initialized) .swiper-slide { flex-basis: calc((100% - 40px) / 3); } } @media (min-width: 1200px) { .banner__swiper:not(.swiper-initialized) .swiper-slide { flex-basis: calc((100% - 44px) / 3.2); } } .quick-links { text-align: center; padding: 36px 0 0; } .quick-links ul { display: inline-flex; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 0 16px 12px; } .quick-links li { flex-shrink: 0; margin-right: 24px; } .quick-links li:last-child { margin-right: 0; } .quick-links a, .quick-links button { display: inline-flex; font-size: 18px; font-weight: 500; color: #231F1F; text-transform: uppercase; padding: 5px; transition: 0.2s; } .quick-links a:hover, .quick-links a.active, .quick-links button:hover, .quick-links button.active { color: #8A181B; } @media (min-width: 768px) { .quick-links li { margin-right: 60px; } .quick-links a { font-size: 22px; } } @media (min-width: 992px) { .quick-links { padding-top: 60px; } } .product { --swiper-navigation-top-offset: 40%; } .product-swiper-holder { position: relative; } .product-swiper-container { padding: 10px 10px 0; overflow: hidden; padding-bottom: 42px; margin-bottom: -42px; } .product-swiper-container:has(.swiper-pagination-lock) { padding-bottom: 82px; margin-bottom: -82px; } .product-swiper { overflow: visible; } .product .swiper-wrapper { z-index: 11; } .product .swiper-pagination { position: relative; padding-top: 36px; } @media (min-width: 768px) { .product { --swiper-navigation-sides-offset: 0; } .product-swiper-holder { padding: 0 16px; } .product-swiper-container, .product-swiper-container:has(.swiper-pagination-lock) { padding-bottom: 94px; margin-bottom: -94px; } } @media (min-width: 992px) { .product-row { display: grid; grid-template-columns: minmax(46%, 1fr) minmax(0, 1fr); gap: 32px; } .product-rating-link { display: block; padding-left: 24px; } .sidebar-layout .product-swiper-holder { width: calc(100% + 32px); transform: translateX(-24px); } } @media (min-width: 1280px) { .product-row { grid-template-columns: minmax(46%, 616px) minmax(0, 1fr); } } .brands { --swiper-navigation-sides-offset: -20px; } .brands-swiper { overflow: visible; } .brands-swiper:after, .brands-swiper:before { content: ""; position: absolute; top: 0; bottom: 0; width: 39px; z-index: 2; } .brands-swiper:after { right: 0; background: linear-gradient(270deg, #8A181B 0.31%, rgba(138, 24, 27, 0) 118.79%); } .brands-swiper:before { left: 0; background: linear-gradient(90deg, #8A181B 0.31%, rgba(138, 24, 27, 0) 118.79%); } .brands-swiper-container { padding: 0 20px; overflow: hidden; } .brands .swiper-button-next:before, .brands .swiper-button-prev:before { content: ""; position: absolute; top: 50%; left: 50%; width: 32px; height: 140px; background-color: #8A181B; transform: translate(-50%, -50%); z-index: -1; } .brands-image { display: block; width: auto; max-height: 140px; object-fit: contain; user-select: none; } @media (min-width: 992px) { .brands-swiper-container:after, .brands-swiper-container:before { width: 220px; } .brands-swiper-container:after { right: -16px; } .brands-swiper-container:before { left: -16px; } } [data-page=home] .articles .container { padding-right: 0; } .articles__swiper { padding-bottom: 36px; margin-bottom: 42px; } .articles__item { display: flex; flex-direction: column; font-size: 12px; height: 100%; } .articles__link { display: block; height: 203px; overflow: hidden; border-radius: 10px; box-shadow: 0px 1px 10px 0px rgba(186, 186, 186, 0.2); margin-bottom: 12px; } .articles__image, .articles img { display: block; width: 100%; height: 100%; border-radius: 10px; } .articles__category { display: inline-flex; align-self: flex-start; color: #C25445; background-color: #F9EEED; padding: 4px 12px; border-radius: 5px; margin-bottom: 12px; } .articles__date { display: block; color: #231F1F; margin-bottom: 6px; } .articles__info { display: flex; flex-direction: column; flex-grow: 1; } .articles__info p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; } .articles__title { font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 20px; line-height: 1; font-weight: 500; color: #231F1F; flex-grow: 1; margin-bottom: 6px; } .articles__title a { color: inherit; } .articles__header { font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 20px; line-height: 1; font-weight: 400; color: #231F1F; text-align: center; margin-bottom: 22px; } .articles__header span { font-weight: 600; } .articles .category-filter { width: 100%; padding: 0 16px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 34px; } .articles .category-filter .btn { min-width: auto; padding: 10px 8px; } .articles__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px 8px; width: 100%; padding: 0 16px; } .articles__preview { margin-bottom: 36px; } .articles__preview .section-title { text-align: left; margin: 4px 0 16px; } .articles__preview-content { margin-bottom: 36px; } .articles__stats { display: flex; align-items: center; margin-top: 24px; } .articles__stats-item { display: flex; align-items: center; gap: 4px; font-size: 12px; color: #625F5F; margin-right: 12px; } .articles__stats-item:last-child { margin-right: 0; } .articles__stats-item svg { flex-shrink: 0; margin-right: 6px; } .articles__stats-item a:hover { display: inline-block; color: #8A181B; } .articles__text-block { margin-bottom: 24px; } .articles__text-block:last-child { margin-bottom: 0; } .articles__text-block h2, .articles__text-block h3, .articles__text-block h4, .articles__text-block h5, .articles__text-block h6 { font-size: 16px; font-weight: 400; color: #231F1F; margin-bottom: 12px; } @media (min-width: 768px) { .articles__preview-inner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .articles__preview-content { display: flex; flex-direction: column; margin-bottom: 0; } .articles__list { grid-template-columns: repeat(3, 1fr); } .articles__stats { margin-top: auto; } } @media (min-width: 992px) { [data-page=home] .articles .container, .articles .container { padding: 0 16px; } .articles__swiper { margin-bottom: 70px; } .articles__item { position: relative; transition: transform 0.35s ease, box-shadow 0.35s ease; font-size: 14px; } .articles__item:hover .articles__image { transform: scale(1.06); filter: saturate(1.05); } .articles__item:hover .articles__title { color: #8A181B; } .articles__item:hover .articles__date { color: #8A181B; } .articles__item:hover .articles__text { opacity: 0.85; } .articles__date, .articles__title, .articles__text { transition: color 0.3s ease, transform 0.3s ease, opacity 0.3s ease; } .articles__link { height: 249px; border-radius: 20px; } .articles__title { font-size: 22px; font-weight: 600; } .articles__header { font-size: 30px; margin-bottom: 42px; } .articles__image, .articles img { border-radius: 20px; transition: transform 0.6s ease, filter 0.35s ease; } .articles .category-filter { padding: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 0; margin-bottom: 44px; } .articles .category-filter .btn { font-size: 14px; flex-grow: 1; margin-right: 8px; } .articles .category-filter .btn:last-child { margin-right: 0; } .articles__preview { font-size: 15px; margin-bottom: 50px; } .articles__preview .section-title { margin: 12px 0 24px; } .articles__stats { margin-top: auto; } .articles__text-block { font-size: 15px; margin-bottom: 48px; } .articles__text-block h2, .articles__text-block h3, .articles__text-block h4, .articles__text-block h5, .articles__text-block h6 { font-size: 25px; margin-bottom: 16px; } } @media (min-width: 1280px) { .articles .category-filter .btn { font-size: 16px; } .articles__list { grid-template-columns: repeat(4, 1fr); gap: 42px 16px; } } .benefits { background-color: #FDF9F7; } .benefits__swiper { padding-top: 2px; padding-bottom: 36px; margin-bottom: 42px; } .benefits__item { font-size: 12px; color: #2B2A2A; padding: 12px; background-color: #ffffff; border-radius: 10px; transition: transform 0.35s ease, box-shadow 0.35s ease, background-color 0.35s ease; will-change: transform; } .benefits__item:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12); } .benefits__item:hover .benefits__icon { transform: scale(1.1); } .benefits__item--primary { position: relative; color: #ffffff; background-color: #8A181B; overflow: hidden; } .benefits__item--primary > * { position: relative; z-index: 1; transition: color 0.35s ease; } .benefits__item--primary::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(140, 20, 25, 0.95), rgba(190, 45, 55, 0.95)); opacity: 0; transition: opacity 0.35s ease; z-index: 0; } .benefits__item--primary:hover { position: relative; z-index: 1; transition: color 0.35s ease; } .benefits__item--primary:hover::after { opacity: 1; } .benefits__item--primary:hover .benefits__icon { fill: #ffffff; transition: transform 0.35s ease, fill 0.35s ease; } .benefits__item--primary .benefits__title { color: inherit; } .benefits__icon { display: block; min-width: 44px; margin-bottom: 8px; transition: transform 0.35s ease, fill 0.35s ease; } .benefits__title { flex-grow: 1; font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 20px; line-height: 1; font-weight: 500; color: #231F1F; word-break: break-word; margin-bottom: 8px; } .benefits__holder { position: relative; padding: 20px 7px; border-radius: 10px; z-index: 1; } .benefits__holder:after, .benefits__holder:before { position: absolute; font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 32px; font-weight: 500; font-style: italic; color: #8A181B; width: 100%; height: 38px; z-index: 2; } .benefits__holder:after { content: "We're here"; top: 0; left: 0; } .benefits__holder:before { content: "for you..."; bottom: 0; right: 0; text-align: right; } .benefits__picture { display: block; border-radius: inherit; } .benefits__picture img { width: 100%; display: block; border-radius: inherit; } @media (min-width: 992px) { .benefits__inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .benefits__swiper, .benefits-wrapper { overflow: visible; } .benefits__swiper { width: 100%; padding: 0; margin-bottom: 0; } .benefits .swiper-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; } .benefits__item { font-size: 14px; padding: 24px; width: 100% !important; } .benefits__icon { margin: 0 8px 0 0; } .benefits__title { display: flex; align-items: center; margin-bottom: 32px; } .benefits__holder { display: flex; padding: 0 40px 0 0; border-radius: 20px; } .benefits__holder:after, .benefits__holder:before { font-size: 30px; line-height: 1; font-style: normal; height: 30px; } .benefits__holder:before { bottom: -5px; } .benefits__holder:after { top: -15px; } .benefits__picture { display: flex; } } .seo-block { color: #2B2A2A; } .seo-block h1, .seo-block__description > h1:first-of-type, .seo-block__description.non-do-text > h2:first-of-type, .seo-block .description-category.non-do-text > h2:first-of-type { font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 30px; line-height: 1; font-weight: 600; margin: 0 0 24px; } .seo-block p { margin-bottom: 12px; } .seo-block h2, .seo-block h3, .seo-block h4, .seo-block h5, .seo-block h6 { font-size: 14px; line-height: 1; font-weight: 500; margin: 24px 0 12px; } .seo-block b { font-weight: 500; } .seo-block ul, .seo-block ol { list-style-position: inside; padding-left: 12px; margin: 12px 0; } .seo-block ul li, .seo-block ol li { margin-bottom: 12px; } .seo-block ul { list-style: none; } .seo-block ul li { position: relative; padding-left: 12px; margin-bottom: 8px; } .seo-block ul li:last-child { margin-bottom: 0; } .seo-block ul li:before { content: ""; position: absolute; left: 0; top: 5px; width: 6px; height: 6px; border-radius: 50%; background-color: #8A181B; } .seo-block__content { font-size: 12px; } .seo-block__content p, .seo-block__content div:not(.seo-text) { margin-top: 16px; } .seo-block__content p:first-child, .seo-block__content div:not(.seo-text):first-child { margin-top: 0; } .seo-block__btn { display: flex; align-items: center; font-size: 16px; color: #8A181B; margin-top: 22px; } .seo-block__btn-icon { align-self: anchor-center; margin-left: 6px; transition: 0.1s; } .is-open .seo-block__btn-icon, .clicked .seo-block__btn-icon { transform: rotate(180deg); } .seo-block__text { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .is-open .seo-block__text { max-height: auto; } @media (min-width: 768px) { .seo-blok__inner { display: grid; grid-template-columns: 308px 1fr; gap: 16px; } .seo-blok__description > h1:first-of-type, .seo-blok__description.non-do-text > h2:first-of-type { font-size: 40px; } .seo-blok__content { font-size: 14px; } .seo-blok__btn { margin-top: 12px; } } .instagram { position: relative; padding-bottom: 0; z-index: 1; } .instagram:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 34%; background-color: #8A181B; z-index: -1; } .instagram-wrapper { min-height: 206px; } .instagram-info { display: flex; align-items: center; color: #231F1F; margin-bottom: 32px; } .instagram-logo { flex-shrink: 0; border-radius: 50%; margin-right: 12px; } .instagram-inner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 12px; } .instagram-title { font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 18px; line-height: 1; font-weight: 500; color: #231F1F; } .instagram-links { font-size: 12px; } .instagram-links a { display: block; margin-bottom: 6px; } .instagram-links a:last-child { margin-bottom: 0; } @media (min-width: 768px) { .instagram:after { height: 40%; } .instagram-title { font-size: 24px; } .instagram-logo img { width: 146px; height: 146px; border-radius: inherit; } .instagram-inner { grid-template-columns: auto; gap: 16px; } .instagram-links { display: flex; align-items: center; justify-content: space-between; font-size: 14px; } } @media (min-width: 1280px) { .instagram-wrapper { display: grid; grid-template-columns: 370px 1fr; align-items: flex-start; gap: 24px; min-height: 340px; } .instagram-info { margin-bottom: 0; } } .text-content ul, .text-content ol { list-style-position: inside; } .text-content ul li, .text-content ol li { position: relative; padding-left: 12px; } .text-content ul li:before, .text-content ol li:before { content: ""; position: absolute; left: 0; top: 6px; width: 6px; height: 6px; border-radius: 50%; background-color: #8A181B; } .text-content img { margin: 25px 0; } /*------------------------------------*\ #inner-sections \*------------------------------------*/ .intro { color: #2B2A2A; } .intro__content { margin-bottom: 60px; } .intro p { margin-bottom: 16px; } .intro p:last-child { margin-bottom: 0; } .intro__picture { display: inline-block; vertical-align: middle; padding-right: 12px; border-radius: 10px; width: calc(55% - 12px); } .intro__picture img { display: block; width: 100%; } .intro__list { position: relative; display: inline-block; vertical-align: middle; width: 45%; z-index: 1; } .intro__list:after { content: ""; position: absolute; top: 0; left: 25px; height: 100%; width: 1px; background-color: #FDE0E3; z-index: -1; } .intro__list-item { display: flex; align-items: center; font-weight: 500; line-height: 1.2; padding-bottom: 32px; } .intro__list-item:last-child { padding-bottom: 0; } .intro__list-item span { display: inline-flex; align-items: center; justify-content: center; font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 23px; line-height: 1; font-weight: 600; color: #8A181B; width: 50px; min-width: 50px; height: 50px; border-radius: 50%; background-color: #ffffff; border: 1px solid #FDE0E3; margin-right: 8px; } .intro--donate { position: relative; min-height: 446px; z-index: 1; } .intro--donate:before { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 23.43%, #FFF 98.59%); z-index: -1; } .intro--donate:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 100%; max-width: 1280px; height: 396px; background-position: bottom center; background-size: cover; background-repeat: no-repeat; background-image: url(/catalog/view/theme/cosmy/image/donate/bg-hero.webp); transform: translateX(-50%); border-radius: 20px; z-index: -2; } @media (min-width: 768px) { .intro__list::after { left: 40px; } .intro__list-item { font-size: 20px; font-weight: 400; } .intro__list-item span { width: 80px; min-width: 80px; height: 80px; font-size: 37px; } .intro--donate:after { background-image: url(/catalog/view/theme/cosmy/image/donate/bg-hero-lg.webp); } } @media (min-width: 992px) { .intro__wrapper { display: grid; justify-content: space-between; grid-template-columns: 470px minmax(48%, 632px); align-items: center; grid-template-rows: auto auto; grid-template-areas: "text picture" "list picture"; gap: 42px; } .intro__content { grid-area: text; font-size: 15px; align-self: flex-end; margin-bottom: 0; } .intro p { margin-bottom: 24px; } .intro__picture { position: relative; grid-area: picture; width: 100%; padding: 0; border-radius: 20px; z-index: 2; } .intro__list { grid-area: list; display: flex; align-self: flex-end; } .intro__list:after { top: 51px; width: 100vw; height: 1px; left: -50vw; } .intro__list-item { flex-direction: column; padding: 0 70px 0 0; } .intro__list-item:last-child { padding: 0; } .intro__list-item span { width: 102px; min-width: 102px; height: 102px; font-size: 47px; margin: 0 0 8px 0; } } .features { color: #2B2A2A; } .features__column { margin-bottom: 72px; } .features__item { position: relative; z-index: 1; } .features__item:after { content: ""; position: absolute; top: 10px; bottom: 0; left: 10px; width: 1px; background-color: #FDE0E3; z-index: -1; } .features__single-details { padding-left: 36px; margin-bottom: 30px; } .features__single-details p { margin: 16px 0; } .features__single-details p:last-child { margin-bottom: 0; } .features__icon { position: absolute; top: 10px; left: 0; display: inline-block; vertical-align: text-bottom; fill: currentcolor; overflow: visible; } .features__picture { position: relative; display: flex; border-radius: 10px; z-index: 1; } .features__picture img { display: block; border-radius: inherit; } .features__column-reverse .features__item:after { left: auto; right: 10px; bottom: -35vh; } .features__column-reverse .features__item .features__single-details { padding: 0 36px 0 0; } .features__column-reverse .features__item .features__icon { left: auto; right: 0; } .features__column-reverse .features__item .features__picture { justify-content: flex-end; } .features__link { display: flex; align-items: center; font-size: 16px; color: #8A181B; } .features__link svg { display: block; margin-left: 6px; } @media (min-width: 768px) { .features { font-size: 15px; } .features__column { display: flex; justify-content: flex-end; margin-bottom: 0; padding-bottom: 80px; } .features__column:nth-child(2n) { justify-content: flex-start; } .features__item { display: grid; grid-template-columns: repeat(2, 1fr); width: 96%; max-width: 992px; gap: 16px; } .features__item:after { bottom: -100px; } .features__item:not(:first-child):after { top: -130px; } .features__column-reverse { justify-content: flex-start; } .features__column-reverse .features__picture { order: -1; } .features__single-details { margin-bottom: 0; } .features__picture img { width: 370px; } } @media (min-width: 992px) { .features__column { padding-bottom: 100px; } .features__picture { border-radius: 20px; } .features__single-details { position: sticky; position: -webkit-sticky; top: 120px; align-self: flex-start; } } .club { color: #231F1F; } .club__inner { text-align: center; margin-bottom: 42px; } .club__inner .section-title { margin-bottom: 24px; } .club__inner p { font-weight: 500; } .club__inner .btn { margin-top: 32px; } .club__label { display: inline-flex; align-items: center; font-size: 16px; color: #231F1F; padding: 8px 16px; background-color: #FDF9F7; border-radius: 100px; margin-bottom: 16px; } .club__label-icon { margin-right: 6px; } .club__list { counter-reset: list-counter; list-style: none; color: #2B2A2A; margin-bottom: 32px; } .club__list li { counter-increment: list-counter; position: relative; display: flex; align-items: center; min-height: 30px; padding-left: 38px; margin-bottom: 15px; } .club__list li:before { content: counter(list-counter); position: absolute; left: 0; top: 0; font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 60px; line-height: 30px; font-weight: 500; font-style: italic; color: #8A181B; transform: translateY(-24%); } .club__image { display: block; margin: 0 auto; } @media (min-width: 992px) { .club__wrapper { display: grid; grid-template-columns: 470px 1fr; justify-content: space-between; align-items: baseline; gap: 52px; } .club__inner { text-align: left; margin-bottom: 0; } .club__inner .section-title { text-align: left; } .club__inner p { max-width: 346px; } } @media (min-width: 1280px) { .club__wrapper { gap: 122px; } .club__inner { font-size: 15px; } .club__holder { display: grid; grid-template-columns: 316px 1fr; grid-template-rows: auto; align-items: center; } .club__list { max-width: 248px; grid-column: 1/3; grid-row: 1/-1; font-size: 15px; margin-bottom: 0; } .club__list li { margin-bottom: 26px; } .club__image { grid-column: 2/-1; grid-row: 1/-1; } } .team .container { padding-right: 0; } .team .swiper-wrapper { padding-bottom: 42px; } .team__item { position: relative; z-index: 1; } .team__item:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 124px; background: linear-gradient(182deg, rgba(255, 255, 255, 0) 23.43%, #FFF 98.59%); } .team__image { display: block; border-radius: 10px; } .team__info { position: absolute; bottom: 8px; left: 8px; right: 8px; color: #231F1F; z-index: 2; } .team__title { font-size: 14px; font-weight: 500; margin-bottom: 6px; } .team__position { font-size: 12px; } @media (min-width: 768px) { .team__item:after { height: 308px; } .team__info { bottom: 24px; left: 24px; right: 24px; } .team__title { font-size: 15px; } .team__position { font-size: 14px; } } @media (min-width: 992px) { .team .container { padding-right: 16px; } } .faq__item { color: #231F1F; border-top: 0.5px solid #FDE0E3; } .faq__item:first-child { border-top: none; } .faq__header { display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 500; padding: 12px 0; cursor: pointer; } .faq__icon { flex-shrink: 0; margin-left: 6px; } .faq__body { font-size: 12px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .faq__item.is-open .faq__header { color: #8A181B; } .faq__item.is-open .faq__icon { transform: rotate(180deg); } .faq__item.is-open .faq__body { overflow: visible; margin-bottom: 12px; } .faq ul, .faq ol { list-style-position: inside; padding-left: 12px; margin: 12px 0; } .faq ul li, .faq ol li { margin-bottom: 12px; } .faq ul { list-style: none; } .faq ul li { position: relative; padding-left: 12px; margin-bottom: 8px; } .faq ul li:last-child { margin-bottom: 0; } .faq ul li:before { content: ""; position: absolute; left: 0; top: 5px; width: 6px; height: 6px; border-radius: 50%; background-color: #8A181B; } @media (min-width: 768px) { .faq__header { font-size: 15px; } .faq__body { font-size: 14px; } } @media (min-width: 992px) { .faq__wrapper { display: grid; grid-template-columns: 308px 1fr; gap: 16px; } } .info .section-title { margin-bottom: 32px; } .info__wrapper { display: grid; grid-template-columns: auto; grid-template-rows: auto 20px 20px auto; } .info__wrapper .btn { margin-top: 32px; } .info__picture { position: relative; border-radius: 10px; z-index: 1; grid-row: 1/4; grid-column: 1/-1; } .info__picture:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 161px; background: linear-gradient(182deg, rgba(255, 255, 255, 0) 23.43%, #FFF 98.59%); } .info__picture img { display: block; width: 100%; border-radius: inherit; } .info__content { grid-row: 3/-1; grid-column: 1/-1; color: #231F1F; text-align: center; z-index: 1; } .info__list li { position: relative; text-align: left; padding-left: 12px; margin-bottom: 12px; } .info__list li:last-child { margin-bottom: o; } .info__list li:before { content: ""; position: absolute; left: 0; top: 6px; width: 6px; height: 6px; border-radius: 50%; background-color: #8A181B; } @media (min-width: 992px) { .info .section-title { text-align: left; } .info__wrapper { grid-template-columns: 460px 40px 1fr; align-items: center; } .info__picture { border-radius: 20px; grid-row: 1/-1; grid-column: 2/-1; } .info__picture:after { right: auto; width: 60%; max-width: 509px; height: 100%; background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 23.43%, #FFF 98.59%); } .info__picture img { height: 100%; } .info__content { grid-row: 1/-1; grid-column: 1/3; font-size: 15px; text-align: left; } .info__list li { margin-bottom: 16px; } } .scheme { text-align: center; } .scheme__items { display: flex; flex-direction: column; align-items: flex-start; max-width: 600px; margin: 0 auto; padding: 20px 0 0; } .scheme__items + .btn { margin-top: 42px; } .scheme__card { position: relative; display: flex; flex-direction: column; justify-content: flex-end; width: 76%; max-width: 308px; color: #231F1F; font-weight: 500; text-align: left; min-height: 110px; padding: 30px 16px 16px; background-color: #ffffff; border-radius: 10px; box-shadow: 0px 1px 10px 0px rgba(186, 186, 186, 0.2); margin-bottom: 28px; transition: transform 0.35s ease, box-shadow 0.35s ease; } .scheme__card:nth-child(2n) { align-self: flex-end; } .scheme__card:hover { transform: translateY(-6px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08); } .scheme__card:hover .scheme__card-icon { transform: scale(1.08); } .scheme__card:hover .scheme__card-icon rect[stroke] { stroke: #8A181B; } .scheme__card-icon { position: absolute; left: 16px; top: -20px; width: 40px; height: 40px; transition: transform 0.35s ease; } .scheme__card-icon rect { transition: stroke 0.35s ease; } .scheme__card:after { content: ""; position: absolute; right: -42px; bottom: -10px; width: 32px; height: 39px; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCAzMiAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjc2NzcgMzYuMzM3NUMyMy4zODU1IDM1LjI5MyAyMy45MTk2IDM0LjIwMTIgMjQuMzY0MiAzMy4wNzI0TDI0LjM2NTMgMzMuMDY5QzI1LjM1NTYgMzAuNjEyOCAyNi4wMjY2IDI4LjAzOTggMjYuMzYyIDI1LjQxMzhMMjYuMzYxNyAyNS40MTI4QzI2LjYwMzcgMjMuNDk1NCAyNi42MzQ5IDIxLjU1NzQgMjYuNDU0NCAxOS42MzM1TDI2LjQ1NDIgMTkuNjMyNkMyNi4yNDQ3IDE3LjQ1NzQgMjUuNzIgMTUuMzI0NCAyNC44OTU5IDEzLjMwMDVDMjQuNDYyIDEyLjI0MzUgMjMuOTQ4MSAxMS4yMjA5IDIzLjM1ODcgMTAuMjQyQzIyLjc1OTMgOS4yNTQ1MSAyMi4wNzcyIDguMzE5MjIgMjEuMzIwNiA3LjQ0NTk1TDIxLjMyMDMgNy40NDVDMTkuODI0IDUuNzE0MzIgMTguMDI1MSA0LjI2OTU2IDE2LjAxMTIgMy4xODExQzE1LjU5NDQgMi45NTkzOSAxNS4xNjk0IDIuNzU0MjkgMTQuNzM4NSAyLjU2MjI4QzE1LjEzNjQgMi43NTYyOSAxNS41Mjg5IDIuOTYxNDMgMTUuOTE0IDMuMTgwMDlMMTUuOTE3NiAzLjE4MjE5QzE3Ljg5MDQgNC4zMjExOSAxOS42NDE3IDUuODA1NCAyMS4wODk1IDcuNTYyNDhDMjEuODIwNSA4LjQ0NTMyIDIyLjQ3NzcgOS4zODY1NCAyMy4wNTIgMTAuMzc4MkwyMy4wNTI1IDEwLjM4MDFDMjMuNjE0NSAxMS4zNTgzIDI0LjEwNDYgMTIuMzc2NCAyNC41MTc4IDEzLjQyNTlMMjQuNTIwMiAxMy40MzE0QzI0LjkxMjEgMTQuNDY1MSAyNS4yMzU2IDE1LjUyNDEgMjUuNDg4OCAxNi42MDAyTDI1LjQ5IDE2LjYwNDlMMjUuNjUwNyAxNy4zODI1QzI1Ljc5ODQgMTguMTYxNiAyNS45MDc2IDE4Ljk0NzggMjUuOTc4MSAxOS43MzgxTDI1Ljk3ODYgMTkuNzRMMjYuMDMwNSAyMC40NTZDMjYuMTMxIDIyLjEyODYgMjYuMDc3NCAyMy44MDc2IDI1Ljg2ODQgMjUuNDcxNEwyNS44NjczIDI1LjQ3NDdDMjUuNTY3NSAyNy43NDQ4IDI1LjA1NDMgMjkuOTgxMSAyNC4zMzQ0IDMyLjE1MzlMMjQuMDEzMiAzMy4wODA4QzIzLjcwNiAzMy45NDE5IDIzLjQzNzQgMzQuNjMwMyAyMy4yMTgyIDM1LjE4MjJDMjMuMDIyMyAzNS42NzU3IDIyLjg3NDIgMzYuMDQ2MiAyMi43Njc3IDM2LjMzNzVaTTIxLjk2NjEgMzcuNzE4MkwyMS44NDUyIDM3Ljc2NThMMjEuOTI5NiAzNy42MzU5TDIxLjYyMzkgMzYuOTUyNUMyMS41MTg1IDM2LjcxNzQgMjEuNDEzOCAzNi40ODczIDIxLjMwODcgMzYuMjYzNUwyMS4zMDY1IDM2LjI1OTFDMjEuMjAwNCAzNi4wMjcgMjEuMDk0MSAzNS43OTk1IDIwLjk4OTcgMzUuNTc1NkMyMC44ODY5IDM1LjM1NTEgMjAuNzg1NiAzNS4xMzczIDIwLjY4ODMgMzQuOTI0NEMyMC41MjE0IDM0LjU3NiAyMC4zNTc2IDM0LjI0MzcgMjAuMjAxNiAzMy45Mjg4QzIwLjMyMjcgMzQuMjUxNSAyMC40NTAzIDM0LjU5MjcgMjAuNTg4MyAzNC45NDczQzIwLjc2MzMgMzUuMzgwMiAyMC45NTA0IDM1LjgzNzUgMjEuMTQxMiAzNi4zMTQxQzIxLjIzNDQgMzYuNTQ1NiAyMS4zMzMxIDM2Ljc4NDMgMjEuNDM3IDM3LjAyNTNMMjEuNDQyMyAzNy4wMzhDMjEuNDg4MyAzNy4xNTM1IDIxLjU0MDYgMzcuMjc2NiAyMS41OTU0IDM3LjQwNTlMMjEuNjA1NSAzNy40Mjk1TDIxLjYxMzEgMzcuNDU0OEMyMS42NTMyIDM3LjU4NTUgMjEuNzM4MSAzNy42OTc1IDIxLjg1MjIgMzcuNzczQzIxLjkwMiAzNy43OTU1IDIxLjk1NTEgMzcuODA5IDIyLjAwOTEgMzcuODE0TDIxLjk2NjEgMzcuNzE4MlpNMjIuMjc4MSAzNy43ODE0QzIyLjMxNzYgMzcuNzcxMiAyMi4zNTY2IDM3Ljc1OTMgMjIuMzk0OCAzNy43NDUxTDIyLjYxOTEgMzcuNjYwNkwyMi42MTg4IDM3LjY1OTZDMjQuMTI5MSAzNy4wMTc5IDI1LjU3MjUgMzYuNDczMiAyNi44MjYyIDM2LjAxNjZDMjUuNjI5IDM2LjM0OTUgMjQuNDQ5IDM2Ljc0MjQgMjMuMjkxNyAzNy4xOTcyTDIyLjM0NTEgMzcuNTY5M0wyMi4yNzgxIDM3Ljc4MTRaIiBmaWxsPSIjRkRFMEUzIiBzdHJva2U9IiNGREUwRTMiLz4KPC9zdmc+Cg==); } .scheme__card:nth-child(2):after { right: auto; left: -42px; transform: scale(-1, 1); } .scheme__card--primary { position: relative; color: #ffffff; background-color: #8A181B; } .scheme__card--primary:after { display: none; } .scheme__card--primary:before { content: ""; display: block; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(140, 20, 25, 0.95), rgba(190, 45, 55, 0.95)); opacity: 0; border-radius: 10px; transition: opacity 0.35s ease; z-index: 0; } .scheme__card--primary .scheme__text { position: relative; z-index: 1; } @media (hover: hover) { .scheme__card--primary:hover::before { opacity: 1; } } .scheme__card--highlight { padding-top: 60px; background-color: #FDF9F7; } .scheme__card--highlight:before { display: none; } .scheme__card--highlight:after { left: 12px; top: -16px; bottom: auto; width: 29px; height: 27px; background-repeat: no-repeat; background-position: center; background-image: url("/catalog/view/theme/cosmy/image/icons/icon-quotes.svg"); } .scheme__card--highlight .scheme__text { font-weight: 400; } .scheme__card:last-child { margin-bottom: 0; } .scheme__items--secondary .scheme__card:not(.scheme__card--primary), .scheme__items--secondary .scheme__card:before { background-color: #FDF9F7; } .scheme__items--without-borders .scheme__card { padding-top: 60px; } .scheme__items--without-borders .scheme__card:hover { transform: none; box-shadow: none; } .scheme__items--without-borders .scheme__card:hover .scheme__card-icon { transform: none; } .scheme__items--without-borders .scheme__card:hover .scheme__card-icon rect[stroke] { stroke: #FDE0E3; } .scheme__items--without-borders .scheme__text { font-weight: 400; color: #2B2A2A; margin-bottom: 12px; } .scheme__items--without-borders .scheme__text:last-child { margin-bottom: 0; } .scheme__title { font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 18px; font-weight: 600; margin-bottom: 12px; } .scheme__picture { display: block; width: 100%; border-radius: 10px; } .scheme__picture img { display: block; width: 100%; border-radius: inherit; } @media (min-width: 768px) { .scheme__items { padding-top: 30px; } .scheme__card { min-height: 200px; } .scheme__picture { border-radius: 20px; } } @media (min-width: 992px) { .scheme__items { flex-direction: row; justify-content: space-between; max-width: none; } .scheme__card { padding: 60px 24px 24px; max-width: calc(25% - 16px); flex-shrink: 0; margin-right: 16px; } .scheme__card:last-child { margin-right: 0; } .scheme__card-icon { top: -30px; left: 24px; width: 60px; height: 60px; } .scheme__card:after { width: 67px; height: 35px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjciIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCA2NyAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYwLjA0NTYgMzMuNzU1OEM1OS45NjU4IDMzLjkwNjEgNTkuODcwNyAzNC4wNDc2IDU5Ljc2MTggMzQuMTc4MkM1OS41NjYxIDM0LjQyNzQgNTkuMjk0MSAzNC42MDUzIDU4Ljk4NzYgMzQuNjg0NkM1OC42MDgzIDM0Ljc1IDU4LjIxODQgMzQuNjc1NSA1Ny44OTAzIDM0LjQ3NUM1Ny43MDcxIDM0LjM4NzYgNTcuNTIzOCAzNC4zMDAyIDU3LjM1MzcgMzQuMjE0NEM1Ny4wMDIgMzQuMDQ5NSA1Ni42NTg1IDMzLjg4MjkgNTYuMzI4MSAzMy43MThDNTUuNjU3NSAzMy4zODE2IDU1LjAxMTQgMzMuMDYxNiA1NC4zOTgxIDMyLjc1NjZDNTMuMTgxMiAzMi4xMzE2IDUyLjEwMTkgMzEuNTU2MyA1MS4yMDI1IDMxLjA1MkM0OS40MTIgMzAuMDQxNyA0OC4zNjc2IDI5LjMxODkgNDguNDcxOCAyOS4xMTA4QzQ4LjU3NiAyOC45MDI4IDQ5LjgwODggMjkuMjM5MSA1MS43Mzk5IDI5Ljk2NTlDNTIuNzA1NCAzMC4zMjk0IDUzLjg0NzYgMzAuNzkwMSA1NS4xMDA5IDMxLjMxODNDNTUuNzI1OCAzMS41OTU1IDU2LjM5MDEgMzEuODc3OCA1Ny4wNzU2IDMyLjE4MTRDNTcuNDEwNSAzMi4zMjU2IDU3Ljc1MDggMzIuNDc1OCA1OC4wOTY1IDMyLjYzMkM1Ny45OTg1IDMyLjQxMjIgNTcuOTEyIDMyLjE4NzUgNTcuODM3MSAzMS45NTg4QzU3LjQ2MjQgMzEuMDQ0MSA1Ni45NzA4IDI5LjQ4NzkgNTUuOTg0NyAyNy4wMzYzQzU0LjU5NjIgMjMuNTQxNyA1Mi44MzQ5IDIwLjIwNzggNTAuNzMxNCAxNy4wOTIyQzQ5LjE4MzkgMTQuODMxMiA0Ny40MDE3IDEyLjc0MDUgNDUuNDE0NSAxMC44NTQ5QzQ0LjMxNjkgOS44MTg3IDQzLjE1MjYgOC44NTU2MiA0MS45MjkgNy45NzE4OEM0MC42Mzk1IDcuMDYxODcgMzkuMjkxNyA2LjIzNzQ3IDM3Ljg5NDIgNS41MDM5OUMzNi40NjE1IDQuNzc1MjIgMzQuOTc3MyA0LjE1MjMyIDMzLjQ1MzUgMy42NDAyN0MzMS45MDcxIDMuMTI2NDkgMzAuMzIwNCAyLjc0MjU5IDI4LjcwOTggMi40OTI1M0MyNS41MjAzIDEuOTg5MzggMjIuMjY1NiAyLjA2Mjg4IDE5LjEwMDIgMi43MDk1NUMxNy41OTIzIDMuMDI5MDcgMTYuMTEwOCAzLjQ2Mzc5IDE0LjY2ODkgNC4wMDk4OUMxMy4zMTI2IDQuNTM4NzUgMTEuOTk3NyA1LjE2ODUgMTAuNzM1MSA1Ljg5Mzg0QzguNTU2MjggNy4xMTU4NCA2LjU0NTcyIDguNjE2ODkgNC43NTQzMiAxMC4zNTlDMy41NDg4NSAxMS41NjM4IDIuNDM5NDggMTIuODYxMSAxLjQzNjQgMTQuMjM5MUMxLjEyMjY5IDE0Ljc5MjYgMC43NDIyOTggMTUuMzA1NSAwLjMwMzc1MyAxNS43NjY0QzAuNDgwODUxIDE1LjE1MDIgMC43NDc5NDkgMTQuNTYzNCAxLjA5NjM5IDE0LjAyNUMxLjk4MDM4IDEyLjUxMDQgMy4wMTkyMSAxMS4wOTE2IDQuMTk2MTUgOS43OTE2QzUuOTU2MyA3Ljg3MDczIDcuOTc0MjYgNi4yMDM0OCAxMC4xOTIxIDQuODM3NzFDMTEuNDg4NyA0LjAyNzc5IDEyLjg0NTMgMy4zMTg1NiAxNC4yNDk5IDIuNzE2MjZDMTUuNzUyIDIuMDg1OTMgMTcuMzAyMiAxLjU3Nzc2IDE4Ljg4NTQgMS4xOTY2OEMyMi4yMTk1IDAuNDE2NzM5IDI1LjY2NjUgMC4yNDkyMjcgMjkuMDU4NSAwLjcwMjMxNkMzMC43Njc0IDAuOTI4NzAzIDMyLjQ1NDEgMS4yOTg2NCAzNC4xMDA2IDEuODA4MjFDMzUuNzI1MSAyLjMxNzA4IDM3LjMwODIgMi45NDkxNyAzOC44MzYyIDMuNjk4OTdDNDEuNzUzOSA1LjE0MDYgNDQuNDQ1OSA2Ljk5OTMyIDQ2LjgyOCA5LjIxNjgyQzQ4LjkyMjggMTEuMTc2NSA1MC43OTY2IDEzLjM2MDIgNTIuNDE1NyAxNS43Mjg4QzU0LjYyMjYgMTguOTY3NCA1Ni40MDUgMjIuNDc2NCA1Ny43MTk0IDI2LjE3QzU4LjM0MyAyNy44NzkxIDU4LjgyODggMjkuNjM1NiA1OS4xNzIxIDMxLjQyMjdMNTkuMjAyNCAzMS42MjEyQzYwLjQ3MTUgMjkuMTMwMyA2MS45MzQ3IDI2Ljc0MyA2My41Nzg0IDI0LjQ4MTVDNjUuMDIxMiAyMi40OTI1IDY2LjA4NDggMjEuMzk2MyA2Ni4yNzI3IDIxLjUyOTdDNjYuNjY1IDIxLjc5MzIgNjMuMzYxOCAyNi44MTY2IDYwLjIyMjQgMzMuNDE4NEw2MC4wNDU2IDMzLjc1NThaIiBmaWxsPSIjRkRFMEUzIi8+Cjwvc3ZnPgo=); right: -67px; bottom: auto; top: -20px; } .scheme__card:nth-child(2n) { margin-left: 0; margin-top: 60px; } .scheme__card:nth-child(2n):after { left: auto; right: -57px; bottom: -20px; top: auto; transform: scale(1, -1); } .scheme__card--second-last:after { display: none; } .scheme__items--without-borders .scheme__card { justify-content: flex-start; max-width: 25%; padding: 60px 16px 0 0; box-shadow: none; margin-right: 0; z-index: 1; } .scheme__items--without-borders .scheme__card-icon { left: 0; } .scheme__items--without-borders .scheme__card:after { content: ""; position: absolute; top: 0; left: 24px; right: 0; height: 1px; width: 100%; background-color: #FDE0E3; background-image: none; z-index: -1; } .scheme__items--without-borders .scheme__card:nth-child(2n) { align-self: flex-start; margin-top: 0; } .scheme__items--without-borders .scheme__card--highlight { padding: 60px 24px 24px; } .scheme__items--without-borders .scheme__card--highlight:after { left: 12px; top: -16px; bottom: auto; width: 29px; height: 27px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-image: url("/catalog/view/theme/cosmy/image/icons/icon-quotes.svg"); transform: none; } .scheme__text { font-size: 15px; } .scheme__title { font-size: 22px; } .scheme__picture { width: calc(50% - 16px); } } .advantages { color: #2B2A2A; } .advantages__swiper { padding-bottom: 42px; } .advantages__inner { margin-bottom: 72px; margin-right: -16px; } .advantages__title { font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 18px; font-weight: 600; line-height: 1.1; max-width: 60%; margin-bottom: 8px; } .advantages__item { position: relative; display: flex; flex-direction: column; padding-top: 60px; padding-right: 16px; } .advantages__item:last-child:after { display: none; } .advantages__item:after { content: ""; position: absolute; top: 20px; left: 0; right: 0; height: 1px; background-color: #FDE0E3; z-index: -1; } .advantages__item-icon { position: absolute; left: 0; top: 0; width: 40px; height: 40px; } .advantages__item p { margin-bottom: 12px; } .advantages__item p:last-child { margin-bottom: 0; } .advantages__item b { font-weight: 500; } .advantages__item span { color: #8A181B; } @media (min-width: 768px) { .advantages__title { font-size: 22px; margin-bottom: 16px; } .advantages__picture { display: block; } .advantages__picture img { width: 100%; object-fit: contain; } } @media (min-width: 992px) { .advantages { font-size: 15px; } .advantages__inner { margin-bottom: 100px; margin-right: 0; } .advantages__swiper { padding-bottom: 42px; } .advantages__item { font-size: 15px; padding-top: 90px; } .advantages__item:after { top: 30px; } .advantages__item-icon { width: 60px; height: 60px; } } @media (min-width: 1280px) { .advantages__swiper { padding-bottom: 0; } } .timeline { color: #231F1F; } .timeline__column { margin-bottom: 36px; } .timeline__item { position: relative; padding-bottom: 42px; padding-left: 36px; min-height: 60px; z-index: 1; } .timeline__item:last-of-type { padding-bottom: 0; } .timeline__item:last-of-type:after { display: none; } .timeline__item:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background-color: #FDE0E3; z-index: -1; } .timeline__content { opacity: 0; transform: translateY(40px); transition: all 0.6s ease-out; } .timeline__icon { position: absolute; top: 0; left: -11px; display: inline-block; vertical-align: text-bottom; fill: #FDE0E3; overflow: visible; } .timeline__item.shown:after { background-color: #8A181B; } .timeline__item.shown .timeline__icon { fill: #8A181B; } .timeline__item.shown .timeline__content { opacity: 1; transform: translateY(0); } .timeline__header { font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 18px; font-weight: 600; line-height: 1.1; } .timeline__text { font-weight: 500; margin-top: 12px; margin-bottom: 16px; } .timeline__text:last-child { margin-bottom: 0; } .timeline__list li { display: flex; align-items: center; margin-bottom: 8px; } .timeline__list li:last-child { margin-bottom: 0; } .timeline__list-icon { display: block; flex-shrink: 0; margin-right: 6px; } .timeline__picture { display: block; border-radius: 10px; } .timeline__picture img { display: block; border-radius: inherit; } @media (min-width: 768px) { .timeline__header { font-size: 22px; } .timeline__picture { border-radius: 20px; } } @media (min-width: 992px) { .timeline__wrapper { display: grid; grid-template-columns: auto 472px; gap: 52px; } .timeline__column { margin-bottom: 0; } .timeline__picture { order: -1; } .timeline__picture img { width: 100%; max-width: 632px; } } .gift__card { padding: 16px; background-color: #ffffff; border-radius: 10px; box-shadow: 0px 1px 10px 0px rgba(186, 186, 186, 0.2); transition: box-shadow 0.4s ease; margin-bottom: 16px; } .gift__card:last-child { margin-bottom: 0; } .gift__card:hover { box-shadow: 0px 3px 10px 0px rgba(186, 186, 186, 0.5); } .gift__picture { display: block; border-radius: 10px; margin-bottom: 30px; } .gift__picture img { display: block; width: 100%; border-radius: inherit; } .gift__header { font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 22px; font-weight: 600; line-height: 1; color: #231F1F; padding-bottom: 16px; border-bottom: 1px solid #F0F0F0; } .gift__list { margin: 16px 0; } .gift__list li { display: flex; align-items: center; padding-bottom: 8px; } .gift__icon { flex-shrink: 0; margin-right: 6px; } .gift__icon-link { margin-left: 6px; } .gift__holder { max-width: 100%; } .gift__info { display: grid; gap: 22px; } @media (min-width: 768px) { .gift .section-title br { display: none; } .gift__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .gift__card { margin-bottom: 0; } .gift__list { margin-bottom: 24px; } } @media (min-width: 992px) { .gift__card { padding: 24px; } } .not-found { text-align: center; } .not-found__picture { display: block; margin-bottom: 42px; } .not-found__picture img { display: block; margin: 0 auto; } .not-found p { font-size: 12px; font-weight: 500; margin-bottom: 16px; } .not-found + #common-home section { background-color: #FDF9F7; } @media (min-width: 768px) { .not-found .section-title { text-align: center; } .not-found p { font-size: 14px; } } @media (min-width: 992px) { .not-found { text-align: left; } .not-found .section-title { text-align: left; } .not-found__picture { margin-bottom: 0; } .not-found__picture img { width: 100%; } .not-found__wrapper { display: grid; grid-template-columns: 470px 1fr; align-items: center; justify-content: space-between; gap: 16px; } .not-found__inner { order: -1; max-width: 470px; } } .contacts__card { font-size: 14px; line-height: 1.1; color: #231F1F; padding: 16px; border-radius: 10px; box-shadow: 0px 1px 10px 0px rgba(186, 186, 186, 0.2); margin-bottom: 36px; transition: box-shadow 0.4s ease; } .contacts__card:last-child { padding-top: 0; margin-bottom: 0; } .contacts__card:hover { box-shadow: 0px 3px 10px 0px rgba(186, 186, 186, 0.5); } .contacts__card b { font-weight: 500; } .contacts__title { font-size: 14px; font-weight: 500; margin-bottom: 16px; } .contacts__text { line-height: 1.5; margin-bottom: 16px; } .contacts__text--highlight { font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 18px; line-height: 1; font-weight: 600; } .contacts__block { margin: 24px 0; } .contacts__block:last-child { margin-bottom: 0; } .contacts__link, .contacts__address { display: flex; align-items: center; font-style: normal; font-weight: 400; color: inherit; } .contacts__address--primary { color: #8A181B; } .contacts__icon { margin-right: 6px; flex-shrink: 0; } .contacts__label { display: block; margin-bottom: 12px; } .contacts__list--page { margin-bottom: 16px; } .contacts__list--page li { font-size: 16px; margin-bottom: 10px; } .contacts__list--page li:last-child { margin-bottom: 0; } .contacts__list--small li { font-size: 12px; } .contacts__social-links { display: flex; align-items: center; } .contacts__social-links li { margin-right: 16px; } .contacts__social-links li:last-child { margin-right: 0; } .contacts__social-item { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; color: #8A181B; line-height: 32px; background-color: #ffffff; border: 1px solid #8A181B; transform: 0.35s cubic-bezier(0.165, 0.84, 0.44, 1); } .contacts__social-item:hover { background-color: #8A181B; color: #ffffff; } .contacts__picture { position: relative; display: block; transform: translateY(-24px); } .contacts__picture:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 131px; background: linear-gradient(182deg, rgba(255, 255, 255, 0) 23.43%, #FFF 98.59%); } .contacts__picture img { display: block; margin: 0 auto; } @media (min-width: 768px) { .contacts__card, .contacts__title { font-size: 15px; } .contacts__text--highlight { font-size: 22px; } .contacts__list li { font-size: 16px; } .contacts__list--small li, .contacts__list--medium li { font-size: 14px; } } @media (min-width: 992px) { .contacts__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .contacts__card { padding: 24px; margin-bottom: 0; } .contacts__block { margin: 34px 0; } .contacts__block:first-of-type { margin-top: 0; } .contacts__text--highlight { margin-bottom: 34px; } .contacts__picture { transform: translateY(-34px); } .contacts__picture:after { height: 229px; } .contacts__picture img { width: auto; margin-top: -40px; } } .inner-banner { display: block; color: #231F1F; background: linear-gradient(352deg, #F5AD58 15.68%, #F5B971 50.75%, #FAD1A0 85.96%); border-radius: 10px; } .inner-banner img { display: block; width: 100%; border-radius: inherit; } @media (min-width: 992px) { .inner-banner { border-radius: 20px; } } .text-section { font-size: 13px; color: #2B2A2A; } .text-section h2, .text-section h3, .text-section h4, .text-section h5, .text-section h6, .text-section strong { display: inline-block; font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 18px; line-height: 1.1; font-weight: 600; color: #231F1F; margin: 12px 0; } .text-section ol { counter-reset: list; list-style: none; list-style-position: inside; margin: 24px 0; } .text-section ol li { margin-bottom: 12px; } .text-section ol li:last-child { margin-bottom: 0; } .text-section ol li ol { margin: 0 0 24px; } .text-section ol li ul { margin: 12px 0; } .text-section ol li ol li ol { margin: 12px 0 0; } .text-section ol li:before { counter-increment: list; content: counters(list, ".") "." " "; font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 18px; font-weight: 600; color: #231F1F; } .text-section ol li ol li:before { font-family: "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; color: #2B2A2A; } .text-section ul { margin-top: 12px; } .text-section ul li { margin-bottom: 12px; } .text-section ul li:before { content: ""; counter-increment: none; } .text-section p { margin-bottom: 8px; } .text-section p p:last-child { margin-bottom: 0; } .text-section .text-block { margin: 24px 0; } .text-section .text-block p:last-child { margin-bottom: 0; } .text-section .text-block h2, .text-section .text-block h3, .text-section .text-block h4, .text-section .text-block h5, .text-section .text-block h6, .text-section .text-block strong { font-size: 20px; line-height: 1; font-weight: 500; } .text-section .faq-item:first-of-type { border-top: none; } .text-section .legal-list, .text-section .legal-list ol { list-style: none; padding-left: 0; } .text-section .legal-list ol { margin-top: 16px; } .text-section .legal-list li + li { margin-top: 12px; } .text-section .legal-list p { margin: 12px 0; } .text-section .legal-list li:before { display: none; } @media (min-width: 768px) { .text-section { font-size: 14px; } .text-section h2, .text-section h3, .text-section h4, .text-section h5, .text-section h6, .text-section strong { font-size: 22px; margin: 16px 0; } .text-section ol { margin: 42px 0; } .text-section ol li { margin-bottom: 16px; } .text-section ol li:before { font-size: 22px; } .text-section ol li ol { margin-bottom: 42px; } .text-section ol li ol li ol { margin: 16px 0 0; } .text-section ol li ol li:before { font-size: 14px; } .text-section .text-block { margin: 48px 0; } .text-section .text-block h2, .text-section .text-block h3, .text-section .text-block h4, .text-section .text-block h5, .text-section .text-block h6, .text-section .text-block strong { font-size: 30px; font-weight: 400; } } .certificates { --swiper-navigation-sides-offset: -16px; --swiper-pagination-bottom: -12px; } .certificates__swiper { width: 100%; overflow: visible; } .certificates__image-container { padding: 0 16px 10px; overflow-x: hidden; } .certificates .swiper-wrapper { margin-bottom: 8px; } .certificates .swiper-pagination { width: auto; left: -16px; right: -16px; } .certificates__gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .certificates__thumb { border-radius: 5px; box-shadow: 0 3px 10px 0 rgba(186, 186, 186, 0.5); } .certificates__item { display: flex; flex-direction: column; justify-content: space-between; padding: 0 16px; margin-bottom: 32px; } .certificates__item img { display: block; aspect-ratio: 406/577; object-fit: contain; box-shadow: 0px 1px 10px 0px rgba(186, 186, 186, 0.2); border-radius: 4px; } .modal .certificates__thumb { display: flex; justify-content: center; padding: 0 16px 10px; } .certificates__item--gap { padding: 0; overflow: hidden; } .certificates__item--gap .certificates-title { padding: 0 16px; } .certificates__header { padding: 24px 0 12px; } .certificates__title { font-weight: 400; color: #231F1F; margin-bottom: 8px; } @media (min-width: 768px) { .certificates { --swiper-navigation-sides-offset: -30px; } .certificates__gallery { grid-template-columns: repeat(auto-fit, minmax(260px, 260px)); } .certificates__image-container { padding: 0 30px 10px; } } .promotions__wrapper, .promotions__swiper { padding-top: 18px; } .promotions__card { position: relative; padding: 32px 16px 16px; background-color: #ffffff; box-shadow: 0px 1px 10px 0px rgba(186, 186, 186, 0.2); border-radius: 10px; margin-bottom: 28px; } .promotions__card:last-child { margin-bottom: 0; } .promotions__label { position: absolute; left: 16px; top: -12px; display: inline-flex; align-items: center; padding: 6px 12px; color: #8A181B; background-color: #FDE0E3; border-radius: 5px; } .promotions__logo { display: block; margin: 16px 0; } .promotions__title { font-size: 14px; font-weight: 500; color: #231F1F; margin-bottom: 8px; } .promotions__text { font-size: 12px; color: #2B2A2A; } .promotions__text strong { font-weight: 500; } .promotions__offer-deadline { font-size: 14px; font-weight: 500; color: #8A181B; margin-top: 16px; } .promotions__holder { margin-bottom: 16px; } .promotions__figure { position: relative; display: block; } .promotions__picture { display: block; border-radius: 10px; } .promotions__picture-icon { position: absolute; top: 8px; left: 8px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background-color: #FDE0E3; } .promotions__picture img { display: block; width: 100%; border-radius: inherit; } .promotions .swiper { width: calc(100% + 32px); transform: translateX(-16px); } .promotions .swiper-wrapper { padding-bottom: 42px; } .promotions__slide { position: relative; display: block; padding-top: 26px; } .promotions__discount { position: absolute; left: 50%; top: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 14px; font-weight: 500; color: #8A181B; border-radius: 50%; background-color: #FDE0E3; transform: translateX(-50%); z-index: 1; } @media (min-width: 768px) { .promotions__wrapper, .promotions__swiper { padding-top: 28px; } .promotions .section-title { text-align: center; margin-bottom: 42px; } .promotions__filter-buttons { display: grid; grid-template-columns: repeat(2, minmax(220px, 395px)); justify-content: center; gap: 10px; margin-bottom: 70px; } .promotions__filter-buttons .btn { margin-bottom: 0; } .promotions__card { display: grid; grid-template-columns: 1fr 206px; align-items: center; gap: 16px; } .promotions__holder { margin-bottom: 0; } .promotions__title, .promotions__offer-deadline { font-size: 15px; } .promotions__text { font-size: 14px; } .promotions__picture img { max-height: 242px; } .promotions .swiper { width: 100%; transform: none; } } @media (min-width: 992px) { .promotions__card { padding: 24px; } } @media (min-width: 1280px) { .promotions__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .promotions__card { margin-bottom: 0; } } .product-reviews { font-size: 14px; color: #231F1F; background-color: #FDF9F7; } .product-reviews .section-title { margin-bottom: 16px; } .product-reviews__container { margin-top: 42px; } .product-reviews__item { display: grid; grid-gap: 18px; padding: 24px 0; border-bottom: 1px solid #D4D4D4; transition: opacity 0.25s ease; } .product-reviews__item:last-child { border-bottom: none; } .product-reviews__container--latest .product-reviews__item { display: grid; } .product-reviews__container--latest .product-reviews__item:nth-child(5n) { border-bottom: none; } .product-reviews__container--latest .product-reviews__item:nth-child(n+6) { display: none; opacity: 0; } .product-reviews__answer { display: grid; gap: 18px; padding: 24px 0 0; margin-top: 24px; } .product-reviews__answer br { display: none; } .product-reviews__author-container { display: flex; align-items: center; min-height: 32px; } .product-reviews__author { font-size: 14px; font-weight: 500; } .product-reviews__avatar { display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 500; text-transform: uppercase; color: #E19C85; width: 32px; height: 32px; border-radius: 50%; background-color: #FFEAE5; margin-right: 8px; } .product-reviews__verified { display: flex; align-items: center; font-size: 12px; color: #229628; } .product-reviews__verified span { color: #231F1F; } .product-reviews__verified svg { flex-shrink: 0; margin-right: 6px; } .product-reviews__body { font-weight: 400; } .product-reviews__body br { display: none; } .product-reviews__date { font-size: 12px; } .product-reviews .product-rating { margin-top: 0; margin-bottom: 14px; } .product-reviews__upload-block { display: flex; flex-wrap: wrap; margin-top: 18px; } .product-reviews__upload-block img { display: block; width: 82px; height: 82px; border-radius: 5px; margin-right: 6px; margin-bottom: 6px; } .product-reviews__upload-block img:last-child { margin-right: 0; } @media (min-width: 768px) { .product-reviews__container { margin-top: 70px; } } @media (min-width: 992px) { .product-reviews { font-size: 15px; } .product-reviews .section-title { margin-bottom: 0; } .product-reviews__item { padding: 32px 0; align-items: flex-start; justify-content: space-between; grid-template-columns: minmax(auto, 200px) minmax(0, 740px) 100px; } .product-reviews__author { font-size: 15px; } .product-reviews__date, .product-reviews__verified { font-size: 14px; } .product-reviews__upload-block { margin-top: 16px; } .product-reviews__upload-block img { width: 100%; max-width: 176px; height: 176px; border-radius: 10px; margin-right: 12px; margin-bottom: 12px; } .product-reviews__footer { text-align: right; } } @media (min-width: 1400px) { .product-reviews__holder { position: relative; display: flex; align-items: center; justify-content: center; } .product-reviews .pagination { position: absolute; top: 50%; right: 0; padding: 0; max-width: 404px; overflow: hidden; transform: translateY(-50%); } } .top-testimonials { --swiper-navigation-top-offset: 40%; --swiper-navigation-sides-offset: 10px; } .top-testimonials .container { padding: 0; } .top-testimonials-swiper-holder { position: relative; } .top-testimonials-swiper-container { position: relative; padding: 10px 16px 0; padding-left: 16px; padding-bottom: 36px; overflow: hidden; padding-bottom: 42px; } .top-testimonials-swiper { padding-bottom: 36px; overflow: visible; } .top-testimonials-body { padding-top: 8px; } .top-testimonials-text { font-size: 12px; color: #231F1F; padding-bottom: 4px; } .top-testimonials-author { font-size: 12px; font-weight: 400; margin: 8px 0 0; } .top-testimonials-date { display: block; margin-top: 6px; } @media (min-width: 768px) { .top-testimonials-body { padding: 12px 12px 0; } .top-testimonials-text { font-size: 14px; padding: 0 16px 0 0; } .top-testimonials-author, .top-testimonials-date { font-size: 14px; } .top-testimonials-footer { width: 102px; flex-shrink: 0; text-align: left; } .top-testimonials .product-rating { margin: 0 0 auto; } } @media (min-width: 1280px) { .top-testimonials { --swiper-navigation-sides-offset: 0; } .top-testimonials .container { padding: 0 16px; } .top-testimonials-swiper-holder { padding: 0 16px; } .top-testimonials-swiper-container { padding: 10px 10px 0; padding-bottom: 36px; } } .brand-catalog { color: #231F1F; padding-top: 42px; } .brand-catalog__alphabet { position: -webkit-sticky; position: sticky; top: 60px; padding: 6px 0; background-color: #ffffff; box-shadow: 0 3px 12px 0 rgba(186, 186, 186, 0.15); margin-bottom: 42px; z-index: 11; } .brand-catalog__alphabet-letters { display: flex; align-items: center; flex-wrap: wrap; } .brand-catalog__alphabet-letters a { display: inline-flex; align-items: center; justify-content: center; font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 16px; line-height: 1; font-weight: 600; color: #231F1F; text-transform: uppercase; padding: 5px 7px; min-width: 26px; } .brand-catalog__alphabet-letters a:hover { color: #8A181B; } .brand-catalog__caption { font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 5px; border-bottom: 1px solid #F0F0F0; } .brand-catalog__item { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 6px; padding: 18px 0 28px; } .brand-catalog__item a { display: inline-flex; font-size: 16px; color: #231F1F; padding: 5px; word-wrap: break-word; overflow-wrap: anywhere; } .brand-catalog__item a:hover { color: #8A181B; } @media (min-width: 768px) { .brand-catalog__alphabet { box-shadow: 0 4px 10px 0 rgba(186, 186, 186, 0.2); margin-bottom: 70px; } .brand-catalog__alphabet-letters { padding: 13px 0; } .brand-catalog__alphabet-letters a { min-width: 36px; } .brand-catalog__alphabet-letters a, .brand-catalog__caption { font-size: 26px; } .brand-catalog__group-list { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px 16px; } .brand-catalog__item { grid-template-columns: 1fr; padding: 24px 0 0; } .brand-catalog__item a { font-size: 18px; } } @media (min-width: 992px) { .brand-catalog { padding-top: 70px; } .brand-catalog__alphabet { top: 95px; } .brand-catalog__alphabet-letters { justify-content: space-around; } } @media (min-width: 1280px) { .brand-catalog__group-list { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .brand-cards-block { padding-bottom: 42px; } .brand-card { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 6px; border-radius: 10px; background-color: #ffffff; box-shadow: 0 1px 10px 0 rgba(186, 186, 186, 0.2); } .brand-card:hover, .brand-card:focus-within { box-shadow: 0px 3px 10px 0px rgba(186, 186, 186, 0.5); } .brand-card-logo { display: block; width: 175px; max-width: 100%; height: auto; margin: 0 auto 18px; } .brand-card-link { display: block; width: 100%; } .brand-card-image { display: block; width: auto; max-height: 100px; aspect-ratio: 3/4; margin: 0 auto 8px; } .brand-card-info { flex-grow: 1; width: 100%; } .brand-card-title { font-size: 12px; font-weight: 500; color: #231F1F; text-align: center; } .brand-card-title a { display: block; color: inherit; } .brand-card-title a:hover { color: #8A181B; } @media (min-width: 768px) { .brand-card { padding: 24px 10px; } .brand-card-logo { width: 316px; margin: 0 auto 22px; } .brand-card-image { max-height: 158px; margin-bottom: 20px; } .brand-card-title { font-size: 14px; } } .profile { font-size: 16px; color: #2B2A2A; } .profile__tabs { display: flex; flex-direction: column; padding-top: 8px; margin-bottom: 24px; } .profile__tabs-item { display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 12px; line-height: 1.2; font-weight: 500; color: #231F1F; padding: 12px; border: 0.5px solid #231F1F; border-radius: 5px; margin-bottom: 12px; } .profile__tabs-item:last-child { margin-bottom: 0; } .profile__logout { font-weight: 500; text-decoration: none; color: #231F1F; } .profile__card { padding: 24px; border-radius: 10px; box-shadow: 0 1px 10px 0 rgba(186, 186, 186, 0.2); overflow: hidden; } .profile__card-title { font-size: 15px; font-weight: 400; } .profile__card-picture { transform: translate(24px, 24px); } .profile__caption { font-size: 18px; font-weight: 500; color: #231F1F; } .profile__caption:last-child { margin-bottom: 0; } .profile__sidebar { margin-top: 42px; } .profile__card { font-weight: 500; } .profile__header { font-size: 16px; color: #231F1F; margin-bottom: 18px; } .profile__text { font-weight: 500; color: #2B2A2A; } .profile__text p { font-weight: 400; color: inherit; margin-bottom: 0; } .profile__bonus { display: block; font-size: 40px; font-weight: 400; line-height: 1.2; color: #8A181B; margin-top: 8px; } .profile .orders-table { margin-top: 42px; } .profile__address-item { margin-bottom: 16px; } .profile__address-item:last-of-type { margin-bottom: 0; } .profile .btn-option { padding: 8px 4px; } @media (max-width: 991px) { .profile .sidebar-layout { padding-top: 8px; } .profile .sidebar { margin-bottom: 0; } .profile-content-open .back-btn { display: inline-flex; align-items: center; } .profile-content-open .sidebar { transform: translateX(-100%); } .profile-content-open .content { position: static; transform: translateX(-100%); } } @media (min-width: 768px) { .profile__header { font-size: 18px; } .profile__text { font-size: 15px; } } @media (min-width: 992px) { .profile { font-size: 16px; } .profile__tabs-item { font-size: 16px; font-weight: 400; color: #625F5F; padding: 8px; border: none; border-radius: 0; } .profile__tabs-item.active, .profile__tabs-item:hover { color: #8A181B; } .profile__logout { padding: 0 8px; } .profile__layout .profile__content { max-width: 662px; } .profile__card { padding: 32px; } .profile__card-picture { transform: translate(32px, 32px); } .profile__caption { font-size: 18px; } .profile .orders-table { margin-top: 70px; } } @media (min-width: 1280px) { .profile__layout { display: grid; gap: 26px; align-items: flex-start; grid-template-columns: minmax(0, 1fr) 308px; grid-template-areas: "content sidebar"; } .profile__layout .profile__content { grid-area: content; } .profile__layout .profile__sidebar { grid-area: sidebar; margin-top: 0; } .profile .bonus-header { margin-bottom: 24px; } .profile .bonus-value { font-size: 60px; } } .popular-queries { display: flex; flex-wrap: wrap; margin-top: 36px; } .popular-queries__title { font-size: 16px; font-weight: 500; color: #231F1F; margin-bottom: 18px; } .popular-queries__item { display: inline-flex; padding: 8px; margin: 0 6px 6px 0; border-radius: 8px; background-color: transparent; color: #625F5F; border: 1px solid #F0F0F0; transition: 0.3s ease; } .popular-queries__item:hover { background-color: #F9EEED; color: #C25445; border-color: #F9EEED; } .popular-queries__item:last-child { margin-bottom: 0; } .popular-queries__link { font-size: 14px; font-weight: 400; color: #625F5F; } .popular-queries__link:hover { color: #231F1F; } @media (min-width: 992px) { .popular-queries { margin-top: 27px; } } .sitemap__group { padding: 16px; border-radius: 10px; box-shadow: 0px 1px 10px 0px rgba(186, 186, 186, 0.2); } .sitemap__group a { display: inline-flex; font-size: 14px; color: #231F1F; padding: 5px; word-wrap: break-word; overflow-wrap: anywhere; transition: color 0.3 ease; } .sitemap__group a:hover { color: #8A181B; } .sitemap__group-title { font-family: "Cormorant", "Garamond", "Georgia", serif; font-size: 26px; font-weight: 400; text-transform: uppercase; color: #625F5F; padding: 5px; border-bottom: 1px solid #F0F0F0; } .sitemap__group-list { padding-top: 10px; } .sitemap__group-list li { font-weight: 500; } .sitemap__group-list ul, .sitemap__group-list ul ul { padding-left: 12px; padding-bottom: 10px; } .sitemap__group-list ul li, .sitemap__group-list ul ul li { font-weight: 400; } @media (min-width: 992px) { .sitemap__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 24px; } .sitemap__group a { font-size: 16px; } } .tag-cloud { display: flex; flex-wrap: wrap; } .tag-cloud__item { display: inline-flex; padding: 8px; margin: 0 6px 6px 0; border-radius: 8px; background-color: transparent; color: #625F5F; border: 1px solid #F0F0F0; transition: 0.3s ease; } .tag-cloud__item:hover { background-color: #F9EEED; color: #C25445; border-color: #F9EEED; } .tag-cloud__item:last-child { margin-bottom: 0; } .tag-cloud__link { font-size: 14px; font-weight: 400; color: #625F5F; } .tag-cloud__link:hover { color: #231F1F; } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 13px; --bs-tooltip-color: #ffffff; --bs-tooltip-bg: #8A181B; --bs-tooltip-border-radius: 10px; --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); /* reset-text() */ font-family: inherit; font-weight: normal; line-height: 1.5; color: inherit; text-align: inherit; /* font-size() */ font-size: var(--bs-tooltip-font-size); word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: var(--bs-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-top-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-right-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); /* border-radius() */ border-radius: var(--bs-tooltip-border-radius); } .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: var(--bs-box-shadow); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); /* reset-text() */ font-family: inherit; font-weight: normal; line-height: 1.5; color: inherit; text-align: inherit; /* font-size() */ font-size: var(--bs-popover-font-size); word-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); box-shadow: var(--bs-popover-box-shadow); } .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); } /* rtl:begin:ignore */ .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { top: 0; border-bottom-color: var(--bs-popover-arrow-border); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } /* rtl:begin:ignore */ .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); } .multi-search { background: rgba(33, 26, 26, 0.4) !important; } .multi-search .multi-header { padding: 12px 16px; } .multi-search .multi-form { display: flex; align-items: center; justify-content: space-between; padding: 0; } .multi-search .multi-searchIcon { top: 50%; left: 16px; width: 24px; height: 24px; transform: translateY(-50%); opacity: 1; } .multi-search .multi-svg { fill: #231F1F !important; width: 24px; height: 24px; } .multi-search .multi-input[type=text], .multi-search .multi-input[type=text]:focus, .multi-search .multi-input[type=text]:hover { border-radius: 0; height: 49px; padding: 0 0 0 56px; font-size: 15px; } .multi-search .multi-input[type=text]::placeholder { font-size: 15px; } .multi-search .multi-closeIcon { position: static; display: flex; justify-content: center; align-items: center; flex-shrink: 0; } .multi-search .multi-title, .multi-search a.multi-title { font-size: 18px; } .multi-search .multi-title .multi-arrow-rightIcon { height: 34px; display: flex; align-items: center; } @media (min-width: 686px) { .multi-search.multi-theme-compact .multi-wrapper { max-width: 1200px; border-radius: 10px; margin: 18px auto 2%; } .multi-search .multi-header { padding: 24px; } } /*# sourceMappingURL=style.css.map */ /* * integration.css — TEMPORARY STYLES * Styles added during HTML → OpenCart integration phase. * MUST be reviewed or removed during optimization stage. */ /* Wishlist header__actions-item-favorite - `.is-empty` class is currently NOT USED - Badge visibility is controlled via `:empty` */ /* .header__actions-badge:empty { display: none; } */ /* override ultrastore settings */ .oct-fixed-bar-link:hover .oct-fixed-bar-quantity, #oct-cart-quantity { background: #8A181B; } /* disable active button */ /*#language button.active-item,*/ /* .header__language-item--active { pointer-events: none; } */ /* .registered .header__user-auth-icon */ /* .header__user-auth--member.registered .header__user-auth-icon { fill: #8A181B; fill: #ffffff; } .header__user-auth--guest.registered .header__user-auth-icon { fill: #231F1F; fill: #ffffff; } .header__user-auth--member .header__user-auth-icon { fill: #8A181B; } */ /* wrapper height for short pages */ /* .wrapper { min-height: 100%; min-height: auto; } */ /* html, body { height: auto; } */ /* alert-info -> top-promo-bar */ /* .alert-info, .top-promo-bar { text-align: center; padding: 6px 0; color: #ffffff; min-height: 30px; background-color: #231F1F; z-index: 11; } .alert-content, .top-promo-bar-content { font-size: 14px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 992px) { .top-promo-bar-content { font-size: 15px; } } */ /* menu width */ /* @media (min-width: 992px) { .header__nav { width: 100%; } } */ /* stickers - badges */ /* $sticker_types = ['new', 'bestseller', 'popular', 'sold', 'discontinued', 'ends', 'special', 'discount', 'featured', 'freedelivery']; */ /** * TEMP: Cosmy theme overrides UltraStore badge colors. * Admin sticker colors are ignored. */ /* you_save */ /* body[data-theme="cosmy"], body.cosmy-theme */ body.cosmy-theme .product-badges__item--discount { color: #fff; background: #8A181B; } /* key stickers */ body.cosmy-theme .product-badges__item--new { color: #fff; background: #E79738; } body.cosmy-theme .product-badges__item--bestseller { color: #fff; background: #4E8BB5; } body.cosmy-theme .product-badges__item--sold { color: #fff; background: #6C0E11; } body.cosmy-theme .product-badges__item--discontinued { color: #fff; background: #6C0E11; } body.cosmy-theme .product-badges__item--ends { color: #fff; background: #C8161B; } body.cosmy-theme .product-badges__item--featured { color: #fff; background: #229628; } body.cosmy-theme .product-badges__item--freedelivery { color: #fff; background: #229628; } /* product-badges adjustment (design) */ /* .product-badges { z-index: 2; } .product-badges__item { font-size: 11px; } @media (min-width: 992px) { .product-badges__item { font-size: 12px; } } /* /* product-card adjustment (real data) */ /* .product-card__link { flex-grow: 1; } .product-card__select { white-space: normal; word-break: break-word; } .product-card__footer { z-index: 3; } */ /* product catalog - product caption */ /* replace h3.product-card__title > a with a.product-card__brand*/ /* .product-card__brand { font-size: 14px; font-weight: 500; color: #231F1F; text-decoration: none; text-transform: uppercase; margin-bottom: 6px; } */ /* replace p.product-card__details with a.product-card__product */ /* .product-card__name { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-weight: 400; font-size: 12px; } @media (min-width: 768px) { .product-card__brand { font-size: 15px; } .product-card__name { font-size: 14px; -webkit-line-clamp: 3; } } .product-card--no-stock .product-card__image { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .product-card__image { margin: 4px auto 8px; } @media (min-width: 768px) { .product-card__image { margin: 12px 8px 16px; } } */ /* product price */ /* .product-card__price { margin-top: 10px; } .product-card__price--old, .product-card__price-old { font-size: 12px; font-weight: 400; color: #625F5F; } @media (min-width: 768px) { .product-card__price--old, .product-card__price-old { font-size: 14px; } } .product-card__price--new, .product-card__price-current { color: #8A181B; text-decoration: none; } .product-card__info { justify-content: space-between; } */ /* product-card__option select on hover */ /* .product-card__option { position: relative; } .product-card__option-value, .product-card__option-more { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(50% + 8px); display: block; } .product-card__option-value, .product-card__option-single { font-size: 12px; color: #231F1F; cursor: default; } @media (min-width: 768px) { .product-card__option-value, .product-card__option-single { font-size: 14px; } } .product-card__select { position: absolute; inset: 0; opacity: 0; pointer-events: none; } .product-card__option-preview { display: inline-flex; cursor: pointer; width: 100%; min-height: 30px; } .product-card__options { margin-top: auto; } .product-card__option:hover .product-card__select, .product-card__option:focus-within .product-card__select { opacity: 1; pointer-events: auto; } .product-card__option:hover .product-card__option-preview { opacity: 0; } .product-card__option-more { display: inline-block; color: #A19F9F; margin-left: 8px; } */ /* alert-block */ /* .is-scrolled .alert-block { top: 48px!important; } .alert-block { top: 80px!important; display: block; border-radius: 10px; padding: 16px; background: #fff; box-shadow: 0 1px 8px 0 rgba(186, 186, 186, 0.30); max-width: 289px; } .alert-block__title { display: flex; align-items: center; color: #229628; font-size: 14px; font-style: normal; font-weight: 400; line-height: 120%; margin-bottom: 18px; } .alert-block__icon { flex-shrink: 0; margin-right: 8px; } @media (min-width: 768px) { .alert-block { padding: 24px; max-width: 383px; top: 90px!important; } } */ /* gaps for cards */ /* .grid-card-gap { gap: 18px 8px; } @media (min-width: 992px) { .grid-card-gap-lg { gap: 28px 16px; } } */ /* pagination */ /* .pagination__btn:not(.pagination__btn--disabled):hover { color: #ffffff; background-color: #8A181B; border-color: #8A181B; } .pagination__list li span { align-self: flex-end; } */ /* btn */ /* .btn { min-width: 180px; } .btn.js-dropdown:hover:before, .btn.js-filters-toggle:hover:before .btn-transparent-light:hover:before { display: none; } */ /* .nice-select */ /* .nice-select .current { color: #231F1F; padding-right: 30px; } .nice-select .option { white-space: normal; word-break: break-word; } @media (min-width: 992px) { .nice-select .current, .nice-select .option { font-size: 14px; } .nice-select { height: 40px; } .product-card__option-preview { min-height: 40px; } } */ /* Fix ocf-popover */ @media (min-width: 992px) { .ocf-popover{position:absolute; max-width: 240px; opacity: 0; top:0; left:0; z-index:9999999999; display:none; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-style:normal; font-weight:normal; letter-spacing:normal; line-break:auto; line-height:1.42857143; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; white-space:normal; word-break:normal; word-spacing:normal; word-wrap:normal; font-size:14px; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border-radius:6px; box-shadow: 0 6px 30px rgb(0 0 0 / 25%); -webkit-transition: transform 300ms ease-in-out, opacity 200ms linear; -moz-transition: transform 300ms ease-in-out, opacity 200ms linear; -ms-transition: transform 300ms ease-in-out, opacity 200ms linear; -o-transition: transform 300ms ease-in-out, opacity 200ms linear; transition: transform 300ms ease-in-out, opacity 200ms linear; will-change: transform, opacity;} .ocf-popover.ocf-in{opacity: 1;} .ocf-popover.ocf-in.ocf-top {transform: translateY(-3px);} .ocf-popover.ocf-in.ocf-right {transform: translateX(3px);} .ocf-popover.ocf-in.ocf-bottom {transform: translateY(3px);} .ocf-popover.ocf-in.ocf-left {transform: translateX(-3px);} .ocf-popover.ocf-top{margin-top:-15px;} .ocf-popover.ocf-right{margin-left:15px;} .ocf-popover.ocf-bottom{margin-top:15px;} .ocf-popover.ocf-left{margin-left:-15px;} .ocf-popover-title{margin:0; padding:8px 14px; font-size:14px; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; border-radius:5px 5px 0 0;} .ocf-popover-content{color: #333;padding: 12px;} .ocf-popover > .ocf-arrow{position:absolute; display:block; background-color: #fff; transform: rotate(45deg); border-radius: 3px; width: 16px; height: 16px; z-index: -1;} .ocf-popover.ocf-top > .ocf-arrow{left: 50%; margin-left: -8px; bottom: -5px;} .ocf-popover.ocf-bottom > .ocf-arrow{left: 50%; margin-left: -8px; top: -5px;} .ocf-popover.ocf-right > .ocf-arrow{top: 50%; margin-top: -8px; left: -5px; } .ocf-popover.ocf-left > .ocf-arrow{top: 50%; margin-top: -8px; right: -5px; } } /* Helpers */ /* .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; } */ /* Seo-block show-more block */ .us-show-more-link.clicked .us-show-more-expand, .us-show-more-rollup { display: none; } .us-show-more-link.clicked .us-show-more-rollup { display: inline-block; } .us-category-description-cont { display: block !important; overflow: hidden; height: auto; max-height: 350px !important; position: relative; } .us-category-description-cont:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 228px; background: linear-gradient(182deg, rgba(255, 255, 255, 0.4) 23.43%, #FFF 98.59%); z-index: 1; } .us-category-description-cont.expanded { max-height: 100% !important; transition: max-height 1s ease-in-out; } .us-category-description-cont.expanded:before { display: none; } /* for loading state */ .product-card__action[disabled] { pointer-events: none; opacity: 0.6; } /* SEO pages */ .articles__text-block p, .articles__text-block div, .articles__text-block ul { margin-bottom: 25px; } .articles__text-block ul li { margin-bottom: 8px; } .articles__text-block ul li:last-child { margin-bottom: 0; } .articles__text-block br { display: none; } #information-information .container .container { padding: 0; } #information-information section:first-of-type { padding-top: 36px; } #information-information ol, #information-information ul:not(.breadcrumbs__list) { margin: 12px 0; } #information-information li:not(.breadcrumbs__item) { margin-bottom: 12px; } [data-page="club"] h1 { display: none; } /* disable modal animation during ajax refresh */ body.modal-open .micromodal-slide[aria-hidden="false"] .modal__overlay { animation: none; } body.modal-open .micromodal-slide[aria-hidden="false"] .modal__container { animation: none; } /* fix cart progress-bar (step 2) */ .progress-bar .progress-bar__icon.progress-bar__icon--success { background-color: #8A181B; } .progress-bar .progress-bar__icon.progress-bar__icon--success svg { color: #8A181B; } /* Form field errors */ .form-field-error[data-us-field-error="true"] { display: block; color: #E00006; font-size: 12px; line-height: 1.35; margin-top: 4px; } /* Simplecheckout */ .simplecheckout-block-content .form-group, .simpleregister .form-group { position: relative; display: flex; flex-direction: column; margin-bottom: 22px; } .simplecheckout-block-content .has-error .form-control, .simpleregister .has-error .form-control { border-color: #E00006; background-color: transparent; } .simplecheckout-block-content .simplecheckout-rule { color: #E00006; font-size: 12px; line-height: 1.25; margin-top: 4px; } .simplecheckout-block-content input::placeholder { color: transparent; } .simplecheckout-block-content .form-radio-group .form-item:last-child { margin-bottom: 0!important; } .simplecheckout-block-content .form-control + .control-label, #simplecheckout_shipping_address .form-control ~ .control-label, .simpleregister .form-control + .control-label { position: absolute; top: 0; left: 12px; color: #D4D4D4; transform: translateY(15px); font-size: 12px; margin-bottom: 0; pointer-events: none; transition: 0.2s ease all; } @media (min-width: 768px) { .simplecheckout-block-content .form-control + .control-label, #simplecheckout_shipping_address .form-control ~ .control-label, .simpleregister .form-control + .control-label { font-size: 14px; transform: translateY(14px); } } .simplecheckout-block-content input.form-control:focus + .control-label, .simplecheckout-block-content input.form-control:not(:placeholder-shown) + .control-label, #simplecheckout_shipping_address .form-control:focus ~ .control-label, #simplecheckout_shipping_address .form-control:not(:placeholder-shown) ~ .control-label, .simpleregister input.form-control:focus + .control-label, .simpleregister input.form-control:not(:placeholder-shown) + .control-label, .simpleregister select.form-control + .control-label{ top: 0; left: 8px; background: #ffffff; padding: 0 4px; transform: translateY(-50%); } .simplecheckout-block-content .form-radio-group .radio label { padding: 0 0 0 28px!important; } .simplecheckout-block-content .form-radio-group + .control-label, .simpleregister .form-radio-group + .control-label { order: -1; display: flex; align-items: center; font-size: 14px; font-weight: 400; color: #231F1F; margin-bottom: 16px; } .simplecheckout-block-content .radio label { display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 400; width: 100%; height: 100%; padding: 9px 16px; border: 0.5px solid #D4D4D4; border-radius: 5px; cursor: pointer; } @media (min-width: 768px) { .simplecheckout-block-content .radio label { font-size: 14px; } } .simplecheckout-block-content .radio.active label { color: #C25445; background-color: #F9EEED; border-color: #F9EEED; } .simplecheckout-block-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(50% - 6px), 1fr)); gap: 6px; margin-bottom: 16px; } .simplecheckout-block-content .accordion__content:not(.hidden) ~ .accordion__toggle{ color: #8A181B; } .simplecheckout-block-content + .method-description { font-weight: 500; color: #231F1F; margin-bottom: 16px; } #simplecheckout_cart input.form-control[name=coupon] { text-transform: uppercase; letter-spacing: 0.6pc; text-align: center; } #simplecheckout_cart input.form-control[name=coupon]::placeholder { text-transform: none; letter-spacing: 0; text-align: left; } #simplecheckout_cart .aria-coupon .drop-cart.active { color: #229628; } @media (min-width: 768px) { .simplecheckout-block-content + .method-description { margin-bottom: 24px; } .simplecheckout-left-column { padding: 32px; border-radius: 10px; box-shadow: 0 1px 10px 0 rgba(186, 186, 186, 0.2); } } @media (min-width: 1280px) { .simplecheckout-step { display: grid; grid-template-columns: minmax(55%, 748px) minmax(0, 470px); align-items: flex-start; gap: 62px; } } @media (min-width: 768px) { #simplecheckout_customer .simplecheckout-block-content .form-horizontal .form-group { width: calc(50% - 13px); display: inline-flex; margin-right: 22px; } #simplecheckout_customer .simplecheckout-block-content .form-horizontal .form-group:nth-child(6) { display: block; } #simplecheckout_customer .simplecheckout-block-content .form-horizontal .form-group:nth-child(2n) { margin-right: 0; } } .simplecheckout-block { margin-bottom: 42px; } .simplecheckout-block:last-of-type { margin-bottom: 0; } @media (max-width: 767px) { .simplecheckout-block .accordion__toggle[aria-expanded] { padding: 16px; } .simplecheckout-block .accordion__content { padding-top: 0; } } #total_total span { font-size: 18px; font-weight: 500; color: #231F1F; margin-bottom: 32px } #simplecheckout_cart .order__value { text-align: right; } .simplecheckout-cart-total-remove, #simplecheckout_button_cart { display: none!important; } ul.dropdown-address { width: 100%; } #simplecheckout_shipping_address .form-control ~ .control-label { order: -1; } /* Search */ .multi-theme-compact .multi-layout { border-radius: 10px!important; } /* Alert block */ .alert-block { padding: 0; border: 0; background: transparent; } [data-page="profile"] .alert-block, [data-route="checkout/simplecheckout"] .alert-block { box-shadow: none; animation: notify-soft-shake 0.45s ease 0.25s both; } /* Success */ [data-page="profile"] .alert-block .us-alert-success, [data-route="checkout/simplecheckout"] .alert-block .us-alert-success { box-shadow: 0 18px 45px rgba(34, 150, 40, 0.20), 0 6px 18px rgba(34, 150, 40, 0.14), 0 2px 8px rgba(15, 23, 42, 0.08); } [data-page="profile"] .alert-block .us-alert-success:hover, [data-route="checkout/simplecheckout"] .alert-block .us-alert-success:hover { transform: translateY(-2px); box-shadow: 0 22px 55px rgba(34, 150, 40, 0.26), 0 8px 22px rgba(34, 150, 40, 0.16), 0 3px 10px rgba(15, 23, 42, 0.1); } /* Warning */ [data-page="profile"] .alert-block .us-alert-warning, [data-route="checkout/simplecheckout"] .alert-block .us-alert-warning { box-shadow: 0 18px 45px rgba(253, 224, 227, 0.95), 0 6px 18px rgba(253, 224, 227, 0.75), 0 2px 8px rgba(15, 23, 42, 0.08); } [data-page="profile"] .alert-block .us-alert-warning:hover, [data-route="checkout/simplecheckout"] .alert-block .us-alert-warning:hover { transform: translateY(-2px); box-shadow: 0 22px 55px rgba(253, 224, 227, 1), 0 8px 22px rgba(253, 224, 227, 0.85), 0 3px 10px rgba(15, 23, 42, 0.1); } .alert-block .us-alert { padding: 24px 32px; border: 0; border-radius: 16px; background: #fff; cursor: pointer; transition: box-shadow 0.25s ease, transform 0.25s ease; } .alert-block .us-alert-content { display: flex; align-items: center; gap: 18px; } .alert-block .us-alert-icon { flex: 0 0 36px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; } .alert-block .us-alert-icon i { display: none; } .alert-block .us-alert-icon::before { content: ""; display: block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center; background-size: 32px 32px; } .alert-block .us-alert-text { line-height: 1.4; color: #1f2937; } /* Success */ .alert-block .us-alert-success .us-alert-icon::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.75 6L11.25 18L6.75 13.5M6.75 18L2.25 13.5M17.25 6L10.875 13.3125' stroke='%23229628' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } /* Warning */ .alert-block .us-alert-warning .us-alert-icon::before, .alert-block .us-alert-danger .us-alert-icon::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%23D94A5D' stroke-width='1.6'/%3E%3Cpath d='M12 7.5V13' stroke='%23D94A5D' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M12 16.5H12.01' stroke='%23D94A5D' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E"); } /* Warning shake */ @keyframes notify-soft-shake { 0% { transform: translateX(0); } 20% { transform: translateX(-4px); } 40% { transform: translateX(4px); } 60% { transform: translateX(-3px); } 80% { transform: translateX(3px); } 100% { transform: translateX(0); } } /* Mobile */ @media (max-width: 480px) { .alert-block .us-alert { padding: 16px 18px; border-radius: 12px; } .alert-block .us-alert-content { gap: 12px; } .alert-block .us-alert-icon { flex-basis: 28px; width: 28px; height: 28px; } .alert-block .us-alert-icon::before { width: 26px; height: 26px; background-size: 26px 26px; } } /* Arrange preferred contact options in two columns and separate the opt-out choice. */ .row-customer_field20 .form-radio-group { display: grid; grid-template-columns: max-content max-content; column-gap: 32px; row-gap: 12px; align-items: start; } .row-customer_field20 .form-item { margin-bottom: 0; } .row-customer_field20 .form-item:nth-child(5) { grid-column: 1 / -1; margin-top: 8px; } /* Tag cloud */ .spalah-kokon-c { --sp-muted: #2B2A2A!important; --sp-brand: #8A181B!important; } .spalah-kokon-c .skc-chip { border-radius: 8px!important; border-color: #F0F0F0!important; background: transparent!important; } .spalah-kokon-c .skc-chip:hover { background-color: #F9EEED!important; color: #C25445!important; border-color: #F9EEED!important; } .spalah-kokon-c .skc-head .skc-count { background: #F9EEED!important; } /* Prduct description */ #product-description-tab-pane p, #product-description-tab-pane ul, #product-description-tab-pane div { margin-bottom: 24px; } #product-description-tab-pane br ~ p, #product-description-tab-pane br { display: none; } #product-description-tab-pane h3, #product-description-tab-pane h2 { font-family: inherit!important; font-size: 14px!important; font-weight: 500!important; margin: 0 0 14px; color: #231F1F!important; } #product-description-tab-pane p h3, #product-description-tab-pane p h2, #product-description-tab-pane div h3, #product-description-tab-pane div h2 { margin: 0; } /* Multisearch */ .multi-searchIcon { z-index: 1; } /* set styles in product.twig status_description_in_product */ .product-promo { padding: 16px; margin: 20px 0; border-radius: 10px; background-color: #F6F6F6; font-size: 14px; line-height: 1.4; color: #231F1F; } .product-promo__header { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin-bottom: 10px; } .product-promo__title { font-size: 16px; line-height: 20px; font-weight: 500; color: #8A181B; } .product-promo__dates { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; line-height: 16px; } .product-promo__date-range { color: #625F5F; } .product-promo__text > *:last-child { margin-bottom: 0; } .product-promo__text a { color: #8A181B; text-decoration: underline; } .product-promo__text a:hover { text-decoration: none; } @media (min-width: 768px) { .product-promo { padding: 20px; } .product-promo__title { font-size: 18px; line-height: 22px; } } /* A badge whose sticker explains itself in a tooltip rather than in a .product-promo block on the page. */ .product-badges__item--has-tip { cursor: help; } .product-badges__item--has-tip:focus { outline: 2px solid rgba(138, 24, 27, 0.4); outline-offset: 2px; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/catalog/view/theme/oct_ultrastore/stylesheet/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*='owl-']:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} .img-option { max-width: 250px; } .option-tooltip .tooltip-inner { background: #FFF !important; color: #333 !important; border: 1px solid rgba(0,0,0,.175) !important; box-shadow: 0 6px 12px rgba(0,0,0,.175) !important; } .option-tooltip img { margin-top: 5px !important; width: 100%; } .options-category .select-quantity { margin-bottom: 10px; } .select-quantity button { display: block; padding-top: 0px; padding-bottom: 1px; height: 17px !important; } .select-quantity i { font-size: 9px; } .select-quantity .input-group-btn .btn { margin:0 -1px 0 0; line-height: 14px; border-right: none; border-color: #ccc; } .select-quantity .input-group-btn .btn:first-child { border-radius: 4px 0 0 0; } .select-quantity .input-group-btn .btn:last-child { border-radius: 0 0 0 4px; } .options-category .form-group.required{ margin-bottom: 0; } /* Theme Button */ .theme-button { margin-left: 0px !important; padding-left: 0px !important; } .theme-button input { display:none; } .theme-button input + span { /*padding: 1px 2px; color: #777; background-color: #e7e7e7; background-image: linear-gradient(to bottom, #eeeeee, #dddddd); background-repeat: repeat-x; border: 1px solid #ccc; border-radius: 2px; display: inline-block; min-width: 24px; text-align: center; cursor: pointer !important;*/ font-size: 14px; font-weight: 400; color: #000; } .theme-button input:checked + span { color: #dc9fa7; /*background-color: #dc9fa7; background-image: linear-gradient(to bottom, #dc9fa7, #dc9fa7); background-repeat: repeat-x; border: 1px solid #dc9fa7;*/ } .theme-button input[disabled] + span { cursor: default; background-color: rgba(0, 0, 0, 0); background-image: none; border: 1px solid #ddd; } .theme-button input + img { padding: 2px; cursor: pointer !important; border: 1px solid #ccc; border-radius: 2px; display: inline-block; } .theme-button input:checked + img { border: 1px solid #dc9fa7; } .theme-button input[disabled] + img { cursor: default; border: 1px solid #ddd; } /* No Theme */ .no-theme img:hover + div { display: block; } .no-theme div { padding: 2px; cursor: pointer; border: 1px solid #ccc; border-radius: 2px; display: none; background: #FFF; position: absolute; z-index: 3; } .product-grid .us-module-cart-btn { position: initial; } /* Price */ .option-old-price { text-decoration: line-through; } .option-new-price { font-weight: bold; } .product-grid .us-module-item { padding-bottom: 0; } /*.us-module-item:hover .us-module-cart-btn,*/ .us-module-item:hover .row-options.only-btn, .us-module-item.active .row-options.only-btn{ height: 67px; bottom: -67px; } .us-module-item:hover .row-options, .us-module-item.active .row-options{ display: block; position: absolute; bottom: -100px; width: 100%; height: 100px; background-color: #fff; box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.1); z-index: 11; border-radius: 0 0 8px 8px; left: 0; } /*, .us-module-cart-btn*/ .row-options{ display: none; box-shadow: 0 7px 5px rgba(0, 0, 0, .03); border-bottom: 1px solid #F9F9F9; border-left: 1px solid #F9F9F9; border-right: 1px solid #F9F9F9; transition: box-shadow .15s ease .05s; } /* .dropdown-option { position: relative; }*/ /*.img-option.image-op { left: 62%!important; }*/ .img-option { max-height: 250px; overflow-y: auto; /*margin-left: -15px!important;*/ left: 50%!important; transform: translateX(-50%)!important; top: initial!important; opacity: 0.95; } .required.dropdown-option {opacity: 1;} .options-category {z-index: 11;} .options-category .radio-inline label{padding: 0 10px; width: 100%; text-align: center; white-space: nowrap; } /*.options-category .img-option.image-op .radio-inline label{text-align: left;}*/ .options-category .radio-inline, .options-category span{cursor: pointer;} .options-category span:hover{color:#dc9fa7;} .options-category img, .options-category img { display: none!important; } .tab-pane .owl-controls { margin-top: -100px; margin-bottom: -100px; } .tab-pane .owl-stage-outer, .tab-pane .owl-carousel.owl-loaded { padding-bottom: 120px; z-index: 4; } .tab-pane.product-viewed-js .owl-stage-outer, .tab-pane.product-viewed-js .owl-carousel.owl-loaded { padding-bottom: 80px; z-index: 4; } .tab-pane .owl-wrapper {z-index: 1} .us-module-rating.d-flex.in_hover{ margin-top: 10px; }